@import "https://fonts.googleapis.com/css2?family=Noto+Color+Emoji&display=swap";.floating-back{z-index:210000;color:#7c5c3e;backdrop-filter:blur(12px);background:#ffffffd9;border:1.5px solid #b48c6440;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;text-decoration:none;transition:all .2s;display:flex;position:fixed;top:16px;left:16px;box-shadow:0 2px 8px #0000000f}.floating-back:hover{background:#fffffff2;border-color:#b48c6466;transform:translate(-2px);box-shadow:0 3px 12px #b48c6426}.floating-hint{z-index:210000;color:#7c5c3e;backdrop-filter:blur(12px);pointer-events:none;background:#ffffffbf;border:1px solid #b48c6426;border-radius:9999px;padding:6px 18px;font-family:Caveat,cursive;font-size:15px;animation:4s ease-in-out forwards hintFade;position:fixed;top:20px;left:50%;transform:translate(-50%);box-shadow:0 1px 4px #0000000a}@keyframes hintFade{0%,70%{opacity:1}to{opacity:0}}.fab-column{z-index:210000;flex-direction:column;gap:12px;display:flex;position:fixed;bottom:24px;right:24px}.fab-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#d4a373,#b87c3a);border:none;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;transition:all .2s;display:flex;box-shadow:0 4px 14px #b47c3a59,0 1px 3px #00000014}.fab-btn:hover{transform:translateY(-2px)scale(1.05);box-shadow:0 6px 20px #b47c3a73}.fab-btn:active{transform:scale(.95)}.sticker-tray{z-index:220000;backdrop-filter:blur(16px);transform-origin:100% 100%;background:#fffffff2;border:1px solid #b48c6440;border-radius:16px;width:240px;padding:14px;animation:.2s cubic-bezier(.34,1.56,.64,1) popIn;display:none;position:fixed;bottom:90px;right:24px;box-shadow:0 8px 32px #00000026}.sticker-tray.open{display:block}.sticker-tray-header{border-bottom:1px solid #b48c641a;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:6px;display:flex}.sticker-tray-header h3{color:#6b4c2a;margin:0;font-family:Caveat,cursive;font-size:20px;font-weight:700}.sticker-tray-header button{cursor:pointer;color:#7c5c3e;background:0 0;border:none;font-size:20px}.sticker-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.sticker-opt{cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:4px;font-size:28px;transition:transform .15s;display:flex}.sticker-opt:hover{background:#b48c641a;transform:scale(1.25)}.item-sticker{user-select:none;cursor:grab;filter:drop-shadow(2px 3px 4px #00000026);justify-content:center;align-items:center;width:100%;height:100%;transition:transform .2s;display:flex}.board-item:hover .item-sticker{filter:drop-shadow(4px 6px 8px #0003);transform:scale(1.1)}.sticker-content{justify-content:center;align-items:center;width:100%;height:100%;font-size:64px;display:flex}.sticker-content,.sticker-opt,.frame-overlay.frame-doodles:before{font-family:Noto Color Emoji,Segoe UI Emoji,Apple Color Emoji,sans-serif!important}.frame-overlay{pointer-events:none;z-index:200000;transition:all .3s;position:absolute;inset:0}.frame-overlay.frame-wood{box-shadow:inset 0 0 0 22px #5c3a21,inset 0 0 0 24px #3d2516,inset 0 0 12px 24px #00000080}.frame-overlay.frame-wood:before{content:"";border:1px solid #ffffff0f;position:absolute;inset:24px;box-shadow:inset 0 0 10px #0000004d}.frame-overlay.frame-neon{animation:2.5s infinite alternate neonPulse;box-shadow:inset 0 0 0 8px #1e1b4b,inset 0 0 20px 8px #f43f5e99,inset 0 0 40px #f43f5e4d}@keyframes neonPulse{0%{box-shadow:inset 0 0 0 8px #1e1b4b,inset 0 0 20px 8px #f43f5e99,inset 0 0 40px #f43f5e4d}to{box-shadow:inset 0 0 0 8px #1e1b4b,inset 0 0 35px 12px #f43f5ee6,inset 0 0 60px #f43f5e80}}.frame-overlay.frame-lights{box-shadow:inset 0 0 0 12px #fdf4d714,inset 0 0 8px #00000040}.fairy-lights-container{pointer-events:none;z-index:41;height:24px;display:flex;position:absolute;top:0;left:0;right:0}.fairy-bulb{background:var(--bulb-color,#ffae00);width:10px;height:14px;box-shadow:0 0 10px var(--bulb-color,#ffae00);border-radius:50%/60% 60% 40% 40%;animation:1.5s ease-in-out infinite alternate bulbGlow;position:absolute;top:6px}.fairy-bulb:before{content:"";background:#444;width:4px;height:4px;position:absolute;top:-4px;left:3px}@keyframes bulbGlow{0%{opacity:.4;box-shadow:0 0 4px var(--bulb-color,#ffae00)}to{opacity:1;box-shadow:0 0 16px var(--bulb-color,#ffae00)}}.frame-overlay.frame-doodles{background-image:radial-gradient(#fdba74 1.5px,#0000 1.5px);background-size:16px 16px;border:18px solid #fff;box-shadow:inset 0 0 10px #b4783c26,0 4px 12px #0000000d}.frame-overlay.frame-doodles:before{content:"💖   ✨   🌈   🌸   🧸   🐱   ✨   💖   🌈   🌸   🧸   🐱";text-align:center;letter-spacing:12px;opacity:.85;font-size:14px;position:absolute;top:-4px;left:0;right:0}.img-frame-polaroid{background:#fff;border-radius:2px;flex-direction:column;height:100%;padding:12px 12px 38px;display:flex;position:relative;box-shadow:2px 4px 12px #00000026}.img-frame-polaroid .note-image-wrap{border:1px solid #0000000f;flex:1;margin:0;overflow:hidden}.img-frame-polaroid .note-image{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.img-frame-polaroid .polaroid-caption{color:#374151;text-align:center;word-break:break-word;outline:none;min-height:22px;margin-top:10px;font-family:Caveat,cursive;font-size:18px;font-weight:700;overflow:hidden}.img-frame-polaroid .polaroid-caption:empty:before{content:"Write caption...";color:#9ca3af;font-style:italic}.polaroid-tape{backdrop-filter:blur(1px);z-index:10;background:#fef08a99;width:60px;height:18px;position:absolute;top:-12px;left:50%;transform:translate(-50%)rotate(-3deg);box-shadow:0 1px 2px #0000000d}.img-frame-circle{border:5px solid #fff;border-radius:50%;width:100%;height:100%;position:relative;overflow:hidden;box-shadow:0 4px 10px #00000026}.img-frame-circle img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.img-frame-classic{background:#222;border:14px solid #b89c68;border-image:linear-gradient(#d4af37,#b8860b,#aa771c,#f3e5ab,#aa771c) 14;width:100%;height:100%;position:relative;box-shadow:3px 6px 18px #0000004d,inset 0 0 10px #00000080}.img-frame-classic img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.img-frame-none{filter:drop-shadow(3px 4px 6px #00000040);width:100%;height:100%;position:relative}.img-frame-none img{-o-object-fit:contain;object-fit:contain;width:100%;height:100%}.week-bar{z-index:210000;backdrop-filter:blur(12px);background:#ffffffd9;border:1px solid #b48c642e;border-radius:9999px;align-items:center;gap:10px;padding:6px 14px;display:flex;position:fixed;top:16px;left:50%;transform:translate(-50%);box-shadow:0 2px 8px #0000000d}.week-nav-btn{color:#7c5c3e;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;transition:all .15s;display:flex}.week-nav-btn:hover{background:#b48c641f}.week-nav-btn:disabled{opacity:.3;cursor:default}.week-label{color:#6b4c2a;white-space:nowrap;text-align:center;min-width:180px;font-family:Caveat,cursive;font-size:16px;font-weight:600}.cal-toggle-btn{color:#7c5c3e;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;transition:all .15s;display:flex}.cal-toggle-btn:hover{background:#b48c641f}.cal-panel{z-index:215000;backdrop-filter:blur(16px);background:#fffffff2;border:1px solid #b48c642e;border-radius:14px;width:280px;padding:14px;display:none;position:fixed;top:56px;left:50%;transform:translate(-50%);box-shadow:0 8px 30px #0000001a}.cal-panel.open{display:block}.cal-header{text-align:center;margin-bottom:8px}.cal-month-label{color:#6b4c2a;font-family:Caveat,cursive;font-size:18px;font-weight:700}.cal-weekdays{text-align:center;color:#9a7b5a;grid-template-columns:repeat(7,1fr);margin-bottom:4px;font-size:11px;font-weight:600;display:grid}.cal-grid{grid-template-columns:repeat(7,1fr);gap:2px;display:grid}.cal-day{color:#5a4230;cursor:pointer;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;transition:all .15s;display:flex}.cal-day:hover{background:#b48c641f}.cal-blank{cursor:default}.cal-blank:hover{background:0 0}.cal-today{font-weight:700;color:#fff!important;background:linear-gradient(135deg,#d4a373,#b87c3a)!important}.upload-spinner{z-index:300000;backdrop-filter:blur(2px);background:#0003;flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex;position:fixed;inset:0}.upload-spinner.hidden{display:none}.spinner-ring{border:4px solid #ffffff4d;border-top-color:#d4a373;border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.spinner-label{color:#fff;text-shadow:0 1px 4px #0000004d;font-family:Caveat,cursive;font-size:18px}.board-frame{-webkit-overflow-scrolling:touch;touch-action:manipulation;width:100%;height:100%;display:flex;position:relative;overflow:auto;box-shadow:inset 0 0 0 1px #0000000f}.cork-surface{touch-action:manipulation;transform-origin:0 0;background-color:#d4b896;width:2400px;min-width:100%;height:1800px;min-height:100%;box-shadow:inset 0 0 60px #00000026,inset 0 0 120px #00000014}.cork-base-layer{z-index:0;background:radial-gradient(60% 50% at 20% 30%,#e6c89659 0%,#0000 100%),radial-gradient(50% 60% at 75% 60%,#d7af784d 0%,#0000 100%),radial-gradient(70% 40% at 50% 80%,#e1be8c40 0%,#0000 100%),radial-gradient(40% 50% at 85% 20%,#dcb98733 0%,#0000 100%),radial-gradient(55% 45% at 10% 70%,#ebcda02e 0%,#0000 100%);position:absolute;inset:0}.cork-noise-layer{filter:url(#cork-noise);z-index:1;opacity:.8;mix-blend-mode:overlay;background:radial-gradient(1px at 12% 18%,#8c693c40 0%,#0000 100%),radial-gradient(1.5px at 28% 42%,#a0784633 0%,#0000 100%),radial-gradient(1px at 45% 65%,#87643738 0%,#0000 100%),radial-gradient(1.2px at 62% 28%,#966e412e 0%,#0000 100%),radial-gradient(2.5px at 22% 35%,#b48c501f 0%,#0000 100%),radial-gradient(3px at 55% 15%,#c8a0641a 0%,#0000 100%);position:absolute;inset:0}.cork-surface:before{content:"";pointer-events:none;z-index:2;background:radial-gradient(80% 70%,#0000 30%,#00000014 100%);position:absolute;inset:0}.board-item{touch-action:none;user-select:none;will-change:transform;z-index:1;cursor:grab;position:absolute}.board-item.dragging{cursor:grabbing}.item-note{background-color:var(--note-color,#fde68a);background-image:linear-gradient(135deg,#ffffff40 0%,#0000 50%);border-radius:3px;flex-direction:column;width:100%;height:100%;transition:box-shadow .2s;display:flex;position:relative;overflow:hidden;box-shadow:1px 2px 6px #0000001f,2px 4px 14px #00000014,inset 0 -2px 8px #00000005}.item-note.has-image{padding-bottom:0}.item-note:after{content:"";pointer-events:none;background:linear-gradient(225deg,#0000 50%,#0000000a 50%);width:16px;height:16px;position:absolute;bottom:0;right:0}.board-item:hover .item-note{box-shadow:2px 3px 10px #00000029,3px 6px 22px #0000001a}.pin{z-index:5;background:radial-gradient(circle at 35% 35%,#d4a373,#b87c3a);border-radius:50%;width:13px;height:13px;position:absolute;top:-6px;left:50%;transform:translate(-50%);box-shadow:0 2px 4px #0000004d,inset 0 1px 1px #ffffff4d}.pinned-badge{z-index:6;pointer-events:none;font-size:14px;position:absolute;top:-2px;right:4px}.note-content{word-break:break-word;cursor:text;caret-color:#b87c3a;color:#374151;overscroll-behavior:contain;outline:none;flex:1;min-height:0;padding:14px 14px 8px;font-size:17px;font-weight:500;line-height:1.55;overflow-y:auto}.note-content:empty:before{content:"write something...";color:#9ca3af;font-style:italic}.note-image-wrap{border-radius:4px;flex-shrink:0;margin:0 6px 12px;position:relative;overflow:hidden}.note-image{-o-object-fit:cover;object-fit:cover;pointer-events:none;user-select:none;width:100%;height:100%;max-height:none;display:block}.resize-handle{z-index:15;opacity:0;cursor:nwse-resize;width:14px;height:14px;transition:opacity .15s;position:absolute;bottom:2px;right:2px}.resize-handle:after{content:"";border-bottom:2px solid #6b4c2a80;border-right:2px solid #6b4c2a80;width:8px;height:8px;position:absolute;bottom:2px;right:2px}.board-item:hover .resize-handle{opacity:1}.rotate-handle{color:#6b4c2a;cursor:grab;z-index:15;opacity:0;user-select:none;background:#fff;border:1.5px solid #b48c644d;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:11px;font-weight:700;transition:opacity .15s;display:flex;position:absolute;top:-24px;left:50%;transform:translate(-50%);box-shadow:0 2px 6px #0000001f}.rotate-handle:after{content:"";background:#b48c6459;width:1.5px;height:8px;position:absolute;bottom:-8px;left:8px}.board-item:hover .rotate-handle{opacity:1}.format-bar{z-index:100;backdrop-filter:blur(16px);background:#fffffff7;border:1px solid #b48c6433;border-radius:10px;align-items:center;gap:2px;padding:4px 6px;animation:.1s ease-out ctxIn;display:none;position:fixed;transform:translate(-50%);box-shadow:0 6px 24px #0000001f}.fmt-btn{color:#5a4230;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;transition:all .1s;display:flex}.fmt-btn:hover{background:#b48c641f}.fmt-btn:active{background:#b48c6433}.fmt-sep{background:#b48c6433;width:1px;height:20px;margin:0 3px}.fmt-size-btns{align-items:center;gap:2px;display:flex}.fmt-size-label{color:#7c5c3e;text-align:center;min-width:20px;font-family:Inter,sans-serif;font-size:11px;font-weight:700}.fmt-size-input{text-align:center;color:#5a4230;-moz-appearance:textfield;background:#ffffffd9;border:1px solid #b48c644d;border-radius:6px;outline:none;width:42px;height:28px;margin:0 2px;padding:0;font-family:Inter,sans-serif;font-size:12px;font-weight:700}.fmt-size-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.fmt-size-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.fmt-size-input:focus{background:#fff;border-color:#b48c6499;box-shadow:0 0 0 2px #b48c6426}.ctx-menu{z-index:100;backdrop-filter:blur(16px);background:#fffffff7;border:1px solid #b48c6433;border-radius:10px;min-width:170px;padding:4px;animation:.12s ease-out ctxIn;position:fixed;box-shadow:0 8px 30px #0000001f}@keyframes ctxIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.ctx-item{color:#5a4230;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:7px;align-items:center;width:100%;padding:8px 12px;font-family:Caveat,cursive;font-size:15px;font-weight:600;transition:background .1s;display:flex}.ctx-item:hover{background:#b48c641a}.ctx-delete{color:#dc2626}.ctx-delete:hover{background:#dc262614}.ctx-colors{flex-wrap:wrap;gap:4px;padding:6px 10px;display:none}.ctx-swatch{cursor:pointer;border-radius:6px;width:24px;height:24px;transition:transform .1s}.ctx-swatch:hover{transform:scale(1.25)}.ctx-sep{background:#b48c6426;height:1px;margin:4px 8px}@media (width<=768px){.board-frame{width:100%!important;height:100%!important;overflow:hidden auto!important}.cork-surface{flex-direction:column!important;align-items:center!important;gap:24px!important;width:100vw!important;height:auto!important;min-height:100vh!important;padding:84px 16px 120px!important;display:flex!important;transform:none!important}.board-item{width:100%!important;max-width:420px!important;height:auto!important;min-height:130px!important;margin:0 auto!important;position:relative!important;top:0!important;left:0!important;transform:none!important}.item-note{height:auto!important;min-height:130px!important}.note-content{max-height:none!important;overflow-y:visible!important}.rotate-handle,.resize-handle{display:none!important}.img-frame-polaroid{padding-bottom:30px!important}}.drawing-overlay{z-index:230000;backdrop-filter:blur(4px);background:#00000080;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.drawing-overlay.open{display:flex}.drawing-card{background:#fff;border:1px solid #b48c6433;border-radius:16px;flex-direction:column;gap:16px;width:min(640px,94vw);padding:20px;display:flex;box-shadow:0 12px 40px #00000040}.drawing-header{border-bottom:1px solid #b48c641a;justify-content:space-between;align-items:center;padding-bottom:8px;display:flex}.drawing-header h3{color:#6b4c2a;margin:0;font-family:Caveat,cursive;font-size:24px;font-weight:700}.drawing-header button{cursor:pointer;color:#7c5c3e;background:0 0;border:none;font-size:24px}.canvas-wrap{background:#fcfbf7;border:2px dashed #b48c6440;border-radius:12px;justify-content:center;align-items:center;display:flex;overflow:hidden}#sketchpad{cursor:crosshair;touch-action:none;background:0 0}.drawing-toolbar{flex-direction:column;gap:12px;display:flex}.color-picker{justify-content:center;gap:8px;display:flex}.color-picker .color-opt{cursor:pointer;border:2px solid #0000;border-radius:50%;width:28px;height:28px;transition:transform .15s}.color-picker .color-opt.active{border-color:#6b4c2a;transform:scale(1.15)}.brush-picker{justify-content:center;gap:8px;display:flex}.brush-opt{color:#7c5c3e;cursor:pointer;background:#fff;border:1px solid #b48c6433;border-radius:8px;padding:4px 12px;font-family:Caveat,cursive;font-size:15px;font-weight:700}.brush-opt.active{color:#fff;background:#6b4c2a;border-color:#6b4c2a}.draw-actions{justify-content:space-between;gap:12px;margin-top:4px;display:flex}.draw-action-btn{color:#7c5c3e;cursor:pointer;text-align:center;background:#fff;border:1px solid #b48c6440;border-radius:10px;flex:1;padding:8px 16px;font-family:Caveat,cursive;font-size:16px;font-weight:700}.draw-save-btn{color:#fff;background:linear-gradient(135deg,#d4a373,#b87c3a);border:none;box-shadow:0 4px 10px #b47c3a40}