@import"https://fonts.googleapis.com/css2?family=Caveat:wght@500;600;700&family=Inter:wght@400;500;600&display=swap";:root{--bg-color: #000000;--dot-color: rgba(255, 255, 255, .05);--text-primary: #ffffff;--font-handwritten: "Caveat", cursive;--font-sans: "Inter", sans-serif;--color-yellow: #fef08a;--color-mint: #a7f3d0;--color-sky: #bae6fd;--color-lavender: #e9d5ff;--color-pink: #fbcfe8;--color-peach: #fed7aa;--color-lime: #d9f99d;--color-rose: #fecdd3;--color-indigo: #c7d2fe;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .5);--shadow-card: 0 10px 20px -5px rgba(0, 0, 0, .5);--shadow-dock: 0 30px 60px rgba(0, 0, 0, .6)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-color);color:var(--text-primary);overflow:hidden}#root,body,html{width:100%;height:100%}.canvas-container{width:100vw;height:100vh;position:relative;overflow:hidden;cursor:grab;background-image:linear-gradient(to right,rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.03) 1px,transparent 1px);background-size:40px 40px;background-position:0 0;transition:background-position 0s}@keyframes spin-slow{to{transform:translate(-50%,-50%) rotate(360deg)}}.ambient-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100vw;height:100vw;max-width:1200px;max-height:1200px;background:conic-gradient(from 180deg at 50% 50%,#38bdf814,#a78bfa14,#38bdf814 360deg);filter:blur(100px);animation:spin-slow 20s linear infinite;pointer-events:none;z-index:0;border-radius:50%}.canvas-container:active{cursor:grabbing}.board{width:100%;height:100%;position:absolute;top:0;left:0;transform-origin:0 0}@keyframes fly-in-up{0%{transform:translateY(60vh) scale(.8);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.sticky-note{position:absolute;width:250px;height:250px;padding:20px;border-radius:4px;box-shadow:var(--shadow-card);display:flex;flex-direction:column;justify-content:space-between;cursor:grab;transition:transform .1s ease,box-shadow .2s ease;-webkit-user-select:none;user-select:none;border:1px solid rgba(0,0,0,.1);animation:fly-in-up .6s cubic-bezier(.175,.885,.32,1.275);color:#000}.sticky-note:active{cursor:grabbing;transform:scale(1.02);box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a;z-index:1000}.sticky-content{font-family:var(--font-handwritten);font-size:1.5rem;line-height:1.4;word-wrap:break-word;white-space:pre-wrap;flex-grow:1;overflow:hidden}.sticky-footer{display:flex;justify-content:space-between;align-items:center;margin-top:10px;font-family:var(--font-sans);font-size:.85rem;opacity:.8}.vote-btn{display:flex;align-items:center;gap:4px;background:#fff;border:1px solid rgba(0,0,0,.1);padding:4px 8px;border-radius:20px;cursor:pointer;box-shadow:var(--shadow-sm);transition:all .2s;font-weight:500}.vote-btn:hover{background:#fdfdfd;transform:translateY(-1px)}.vote-btn:active{transform:translateY(1px)}.heart-icon{fill:#ff4b4b;color:#ff4b4b;transition:transform .2s}.vote-btn:hover .heart-icon{transform:scale(1.1)}.sticky-edit-textarea{width:100%;flex-grow:1;background:#fff6;border:1px dashed rgba(0,0,0,.2);border-radius:4px;padding:8px;font-family:var(--font-handwritten);font-size:1.5rem;line-height:1.4;resize:none;outline:none;color:#000}.sticky-edit-textarea:focus{background:#ffffffb3;border-color:#00000080}.icon-only-btn{background:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:4px;border-radius:4px;color:#000;transition:all .2s}.icon-only-btn:hover{background:#0000001a}.dock-wrapper{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:100;width:90%;max-width:600px}.dock{background:#0a0a0c99;backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);padding:16px;border-radius:16px;box-shadow:0 0 0 1px #ffffff0d,var(--shadow-dock);display:flex;gap:12px;align-items:flex-start;border:1px solid rgba(255,255,255,.08)}.dock-input{flex-grow:1;display:flex;flex-direction:column;gap:12px}.dock textarea{width:100%;border:1px solid rgba(255,255,255,.1);background:#ffffff08;padding:12px;border-radius:8px;resize:none;font-family:var(--font-sans);font-size:1rem;outline:none;color:#fff;transition:all .2s ease}.dock textarea::placeholder{color:#fff6}.dock textarea:focus{background:#ffffff0f;border-color:#ffffff4d;box-shadow:0 0 0 4px #ffffff0d}.color-picker{display:flex;gap:8px;justify-content:space-between}.color-option{width:28px;height:28px;border-radius:50%;cursor:pointer;border:2px solid transparent;transition:transform .1s}.color-option.selected{border-color:var(--text-primary);transform:scale(1.1)}.post-btn{background:#fff;color:#000;border:none;padding:12px 24px;border-radius:12px;font-weight:600;cursor:pointer;height:100%;min-height:48px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px}.post-btn:hover{background:#e5e5e5;transform:scale(.98)}.post-btn:active{transform:scale(.96)}.top-header{position:fixed;top:0;left:0;width:100%;padding:16px 24px;display:flex;justify-content:space-between;align-items:center;z-index:10;pointer-events:none}.header-logo,.share-btn{pointer-events:auto}.header-logo{font-weight:700;font-size:1.25rem;background:#0a0a0c99;backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);padding:8px 16px;border-radius:12px;border:1px solid rgba(255,255,255,.08);box-shadow:var(--shadow-sm);color:#fff}.share-btn{background:#0a0a0c99;backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);border:1px solid rgba(255,255,255,.08);padding:8px 16px;border-radius:12px;cursor:pointer;font-weight:500;box-shadow:var(--shadow-sm);display:flex;align-items:center;gap:6px;color:#fff;transition:all .2s}.share-btn:hover{background:#ffffff1a}.overlay-full{position:fixed;inset:0;background:#0009;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:9999}.setup-card{background:#fff;padding:32px;border-radius:16px;max-width:500px;box-shadow:var(--shadow-dock);text-align:center}.setup-card h2{margin-bottom:16px}.setup-card p{color:#666;margin-bottom:16px;line-height:1.5}.setup-card pre{background:#f4f4f5;padding:12px;border-radius:8px;text-align:left;overflow-x:auto;font-size:.9rem;margin-bottom:24px}.delete-modal-card{background:#18181be6;border:1px solid rgba(255,255,255,.1);padding:32px;border-radius:16px;max-width:440px;box-shadow:0 20px 40px #000c,inset 0 1px #ffffff0d;text-align:left;animation:fly-in-up .3s cubic-bezier(.175,.885,.32,1.275)}.danger-btn{background:#ef4444;color:#fff;border:none;padding:10px 20px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;font-size:14px}.danger-btn:hover{background:#dc2626;transform:translateY(-2px);box-shadow:0 4px 12px #ef44444d}.danger-btn:active{transform:translateY(1px)}.ghost-modal-btn{background:transparent;color:#a1a1aa;border:none;padding:10px 20px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;font-size:14px}.ghost-modal-btn:hover{background:#ffffff0d;color:#f4f4f5}@media(max-width:600px){.dock{flex-direction:column}.post-btn{width:100%}}