.mural{position:fixed;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(135deg,#667eea 0%,#764ba2 100%);background-size:50px 50px,50px 50px,100% 100%;overflow:hidden;-webkit-user-select:none;user-select:none}.note{position:absolute;transform:translate(-50%,-50%) rotate(var(--rotation, 0deg));background:#ffd54f;padding:24px 12px 36px;width:180px;box-shadow:0 6px 12px #0000004d;font-size:14px;word-wrap:break-word;cursor:pointer;font-family:Arial,sans-serif;transition:transform .2s ease,box-shadow .2s ease,z-index 0s;z-index:1}.note:hover{transform:translate(-50%,-50%) rotate(var(--rotation, 0deg)) scale(1.2);box-shadow:0 8px 16px #0006;z-index:1000}.tape{position:absolute;top:-10px;left:50%;transform:translate(-50%);width:25px;height:20px;background:linear-gradient(135deg,rgba(220,20,60,.7) 0%,rgba(220,20,60,.5) 100%);box-shadow:0 2px 4px #0000004d;border:1px solid rgba(180,0,40,.3);pointer-events:none}.note-text{margin-bottom:4px}.delete-btn{position:absolute;top:2px;right:2px;width:20px;height:20px;border:none;background:rgba(0,0,0,.2);color:#fff;border-radius:50%;cursor:pointer;font-size:16px;line-height:1;padding:0;display:flex;align-items:center;justify-content:center}.delete-btn:hover{background:rgba(0,0,0,.4)}.drag-handle{position:absolute;top:2px;left:2px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:move;font-size:16px;color:#0000004d;-webkit-user-select:none;user-select:none}.drag-handle:hover{color:#0009}.like-btn{position:absolute;bottom:4px;left:50%;transform:translate(-50%);border:none;background:rgba(255,255,255,.7);padding:4px 12px;border-radius:12px;cursor:pointer;font-size:14px;display:flex;align-items:center;gap:4px}.like-btn:hover{background:rgba(255,255,255,.9)}.like-btn.liked{background:rgba(255,100,100,.3)}.like-count{position:absolute;bottom:4px;left:50%;transform:translate(-50%);font-size:14px;color:#666}.modal{position:absolute;transform:translate(-50%,-50%);background:white;padding:16px;border-radius:8px;box-shadow:0 8px 24px #0000004d;z-index:1000;width:90vw;max-width:300px}.modal textarea{width:100%;min-height:80px;border:1px solid #ddd;border-radius:4px;padding:8px;font-size:14px;resize:none;font-family:inherit}.actions{display:flex;gap:8px;margin-top:12px}.actions button{flex:1;padding:10px;border:none;border-radius:4px;font-size:14px;cursor:pointer;font-weight:600}.actions button:first-child{background:#667eea;color:#fff}.actions button:last-child{background:#e0e0e0}.counter{display:block;text-align:right;font-size:12px;color:#666;margin-top:4px}.modal-mobile{position:fixed!important;bottom:0!important;left:0!important;right:0!important;top:auto!important;transform:none!important;width:100vw!important;max-width:100vw!important;border-radius:16px 16px 0 0!important;padding:20px!important;box-sizing:border-box!important;margin:0!important}.modal-mobile textarea{min-height:120px!important;width:100%!important;box-sizing:border-box!important;margin:0!important}.modal-mobile .actions{width:100%!important;box-sizing:border-box!important;margin:0!important}.modal-mobile .counter{margin:0!important}.admin-login-center{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:white;padding:32px;border-radius:12px;box-shadow:0 8px 32px #0000004d;z-index:1001;display:flex;flex-direction:column;gap:16px;min-width:300px}.admin-login-center h2{margin:0;font-size:24px;text-align:center}.admin-login-center input{padding:12px;border:1px solid #ddd;border-radius:4px;font-size:16px}.admin-login-center button{padding:12px;border:none;background:#667eea;color:#fff;border-radius:4px;cursor:pointer;font-weight:600;font-size:16px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden;touch-action:none}