*,:before,:after{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Trebuchet MS,Gill Sans,sans-serif;overflow-x:hidden}:root{--font-scale:1;--density-multiplier:1;--density-control-pad-y:.36rem;--density-control-pad-x:.45rem;--density-button-pad-y:.38rem;--density-button-pad-x:.7rem;--density-panel-pad:1;--density-gap:1;--desk-deep:#5d3c23;--desk-mid:#7d5432;--desk-light:#9a6b40;--surface-top-glow:#f2d0a033;--surface-bottom-glow:#301c0f57;--surface-base:linear-gradient(134deg, #a3774e 0%, #835835 44%, #604124 100%);--ink:#2a2016;--paper:#f2e6c2;--paper-line:#3e69a7;--line:#2f2115;--accent:#2d5ea8;--error:#a7372f;--calendar-paper:#f9f4e8;--calendar-line:#785c3a2e;--calendar-shadow-top:#f3e8cc;--calendar-shadow-bottom:#eadcbf;--calendar-border:#6f4a28;--action-button:#d8e9ff;--action-button-hover:#c3dcff;--action-button-active:#ffe3bf;--cup-border:#25484a;--cup-body-top:#8fc5be;--cup-body-bottom:#5f908b;--cup-rim-top:#cce7e2;--cup-rim-bottom:#86b8b3}:root[data-density=small]{--density-multiplier:.88;--density-control-pad-y:.28rem;--density-control-pad-x:.36rem;--density-button-pad-y:.28rem;--density-button-pad-x:.52rem;--density-panel-pad:.86;--density-gap:.88}:root[data-density=large]{--density-multiplier:1.16;--density-control-pad-y:.44rem;--density-control-pad-x:.6rem;--density-button-pad-y:.44rem;--density-button-pad-x:.82rem;--density-panel-pad:1.12;--density-gap:1.14}:root[data-theme=light]{--surface-top-glow:#ffffff5c;--surface-bottom-glow:#7692b433;--surface-base:linear-gradient(140deg, #e9f4ff 0%, #d7e6f4 48%, #c8d6e5 100%);--ink:#1f2d3b;--paper:#fcf7ec;--paper-line:#6f8cb7;--line:#2f4b63;--accent:#2f6eaf;--calendar-paper:#fff;--calendar-line:#7d95b638;--calendar-shadow-top:#e8f1fb;--calendar-shadow-bottom:#d8e6f5;--calendar-border:#4a6784;--action-button:#e5f2ff;--action-button-hover:#d4e8fb;--action-button-active:#ffeecf;--cup-border:#3c5667;--cup-body-top:#b9dae0;--cup-body-bottom:#8eb1b6;--cup-rim-top:#e2f1f3;--cup-rim-bottom:#aac8cd}:root[data-theme=dark]{--surface-top-glow:#6c7cb833;--surface-bottom-glow:#04081485;--surface-base:linear-gradient(140deg, #202a3c 0%, #171f2d 44%, #121824 100%);--ink:#efe4cd;--paper:#2a3445;--paper-line:#91add66b;--line:#d6c7ae;--accent:#7eb2f0;--error:#ff8e84;--calendar-paper:#222d3d;--calendar-line:#839dc340;--calendar-shadow-top:#2f3d52;--calendar-shadow-bottom:#253142;--calendar-border:#c5b59d;--action-button:#324761;--action-button-hover:#3d5877;--action-button-active:#675437;--cup-border:#d4c7b0;--cup-body-top:#597286;--cup-body-bottom:#3c5268;--cup-rim-top:#7f9bae;--cup-rim-bottom:#5b7488}html{font-size:calc(16px * var(--font-scale))}.auth-shell{place-content:center;justify-items:center;gap:calc(1rem * var(--density-gap));background:radial-gradient(120% 78% at 52% -18%, var(--surface-top-glow), transparent 60%), radial-gradient(120% 94% at 22% 120%, var(--surface-bottom-glow), transparent 74%), var(--surface-base);min-height:100vh;color:var(--ink);grid-template-columns:minmax(320px,520px);display:grid;position:relative;overflow:hidden}.auth-hero{text-align:center;gap:calc(.85rem * var(--density-gap));width:min(480px,100vw - 2rem);padding:0;display:grid}.auth-kicker{letter-spacing:.14em;text-transform:uppercase;opacity:.78;margin:0;font-size:.82rem;font-weight:700}.auth-hero h1{letter-spacing:.01em;margin:0;font-size:clamp(2rem,7vw,3.8rem);line-height:.95}.auth-hero p{max-width:none;margin:0;font-size:clamp(1rem,2vw,1.2rem);line-height:1.35}.auth-panel{width:min(360px,100vw - 2rem);padding:calc(clamp(1rem, 3vw, 1.6rem) * var(--density-panel-pad));border:2px solid var(--line);background:linear-gradient(0deg, #ffffff38, #ffffff38), repeating-linear-gradient(0deg, transparent 0, transparent 18px, color-mix(in srgb, var(--paper-line) 70%, transparent) 18px, color-mix(in srgb, var(--paper-line) 70%, transparent) 19px), var(--paper);clip-path:polygon(0 8px,8px 8px,8px 0,calc(100% - 8px) 0,calc(100% - 8px) 8px,100% 8px,100% calc(100% - 8px),calc(100% - 8px) calc(100% - 8px),calc(100% - 8px) 100%,8px 100%,8px calc(100% - 8px),0 calc(100% - 8px));margin:0;box-shadow:8px 10px #00000059,0 14px 28px #0000003d}.auth-loading-panel{justify-self:center;width:min(420px,100vw - 2rem)}.auth-loading-panel h1{margin:0 0 .5rem}.auth-loading-panel p{margin:0;font-weight:700}.auth-mode-toggle{gap:calc(.45rem * var(--density-gap));margin-bottom:calc(.85rem * var(--density-gap));grid-template-columns:1fr 1fr;display:grid}.auth-form{gap:calc(.65rem * var(--density-gap));display:grid}.auth-form label{gap:.3rem;font-size:.9rem;font-weight:700}.auth-form input{background:#fffaecf5}.auth-error{color:var(--error);margin:0;font-weight:700}.desk-landing{background:radial-gradient(120% 78% at 52% -18%, var(--surface-top-glow), transparent 60%), radial-gradient(120% 94% at 22% 120%, var(--surface-bottom-glow), transparent 74%), var(--surface-base);min-height:100vh;color:var(--ink);position:relative;overflow:hidden}.desk-landing:before,.desk-landing:after,.auth-shell:before,.auth-shell:after{content:"";pointer-events:none;position:absolute;inset:0}.desk-landing:before,.auth-shell:before{mix-blend-mode:multiply;opacity:.62;background:repeating-linear-gradient(97deg,#341f112b 0 1px,#0000 1px 6px,#e8c6950f 6px 7px,#0000 7px 14px),repeating-linear-gradient(91deg,#0000 0 18px,#3d24131c 18px 23px,#0000 23px 46px),radial-gradient(180px 78px at 14% 42%,#3721122e,#0000 74%) 0 0/100% 100%,radial-gradient(220px 94px at 76% 32%,#3e251426,#0000 76%) 0 0/100% 100%,radial-gradient(160px 76px at 60% 74%,#f7dbb017,#0000 78%) 0 0/100% 100%}.desk-landing:after,.auth-shell:after{opacity:.4;background:repeating-radial-gradient(circle at 18% 32%,#2a180c1a 0 1px,#0000 1px 18px) 0 0/260px 200px,repeating-radial-gradient(circle at 72% 64%,#ffe9be0f 0 1px,#0000 1px 16px) 0 0/320px 240px,radial-gradient(circle at 50% 18%,#fff0d01f,#0000 42%) 0 0/100% 100%,radial-gradient(circle at 82% 78%,#1e100724,#0000 40%) 0 0/100% 100%}.card-stack-trigger{cursor:pointer;width:236px;height:162px;box-shadow:none;transform-origin:0 0;filter:drop-shadow(6px 8px 14px #0000006b);background:0 0;border:none;padding:0;transition:transform .14s,filter .14s;display:block;position:relative;top:26px;left:24px;transform:scale(1.25)}.card-stack-trigger:hover{filter:drop-shadow(8px 12px 16px #0000007a);transform:translateY(-3px)scale(1.275)}.card-stack-trigger:focus-visible{outline-offset:6px;outline:3px dashed #f8eab2}.card{border:2px solid var(--line);background:linear-gradient(0deg, #ffffff2e, #ffffff2e), repeating-linear-gradient(0deg, transparent 0, transparent 16px, #3e69a73d 16px, #3e69a73d 18px), var(--paper);clip-path:polygon(0 6px,6px 6px,6px 0,calc(100% - 6px) 0,calc(100% - 6px) 6px,100% 6px,100% calc(100% - 6px),calc(100% - 6px) calc(100% - 6px),calc(100% - 6px) 100%,6px 100%,6px calc(100% - 6px),0 calc(100% - 6px));width:170px;height:102px;position:absolute}.card-back{background-color:#eee0bb;top:4px;left:54px;transform:rotate(6deg)}.card-mid{background-color:#f6e8c6;top:12px;left:32px;transform:rotate(-3deg)}.card-front{background-color:#f9edcf;top:22px;left:10px;transform:rotate(-8deg)}.composer-overlay{z-index:30;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:#140c068a;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.composer-card-shell{width:min(900px,96vw);position:relative}.composer-close-floating{z-index:1;position:absolute;top:-48px;right:0}.composer-card{aspect-ratio:5/3;border:2px solid var(--line);background:radial-gradient(circle at 16% 12%, #ffffff6b, transparent 42%), radial-gradient(circle at 84% 78%, #ffffff24, transparent 44%), repeating-linear-gradient(90deg, #2e211708 0, #2e211708 1px, transparent 1px, transparent 7px), repeating-linear-gradient(0deg, transparent 0, transparent 24px, #3e69a738 24px, #3e69a738 25px), var(--paper);width:min(900px,96vw);min-height:420px;max-height:88vh;padding:calc(1rem * var(--density-panel-pad));font-size:1.04rem;position:relative;overflow:hidden;box-shadow:8px 10px #0006,0 14px 28px #0000003d}.composer-card:after{content:"";clip-path:polygon(0 0,100% 0,100% 100%);pointer-events:none;background:linear-gradient(135deg,#b4a482b3 0%,#f2e6c200 70%);width:24px;height:24px;position:absolute;top:0;right:0}.composer-head{justify-content:flex-start;align-items:center;gap:calc(1rem * var(--density-gap));margin-bottom:calc(.35rem * var(--density-gap));display:flex}.header-tags-input{min-width:220px;max-width:420px;box-shadow:none;background:0 0;border:0;flex:1;padding:.28rem 0}.header-tags-input::placeholder{color:#2a201673}.card-type-toggle{gap:calc(.5rem * var(--density-gap));margin-bottom:0;display:flex}button,input,select,textarea{font:inherit;color:inherit;border:2px solid var(--line);background:#fff8e7}button{cursor:pointer;padding:var(--density-button-pad-y) var(--density-button-pad-x);box-shadow:2px 2px #0000003d}button.active{background:var(--accent);color:#f0f4ff}button:disabled{opacity:.65;cursor:progress}.composer-form{gap:calc(.38rem * var(--density-gap));display:grid}.composer-form.simple-notecard{grid-template-rows:auto minmax(0,1fr) auto;height:calc(100% - 2.2rem)}.simple-notecard select,.simple-notecard input,.simple-notecard textarea{box-shadow:none;background:0 0;border:0;padding-left:0;padding-right:0}.simple-notecard .title-field{border-bottom:2px solid #be4a3d8c;margin:0;padding-bottom:.2rem}.simple-notecard .title-field input{letter-spacing:.01em;font-size:1.24rem;font-weight:700}.simple-notecard .title-field input::placeholder{color:#2a20166b;font-weight:600}.simple-notecard .card-type-toggle button{min-width:110px}.todo-priority-toggle{gap:calc(.45rem * var(--density-gap));margin-bottom:calc(.2rem * var(--density-gap));display:flex}.todo-priority-toggle button{min-width:86px;padding:calc(.24rem * var(--density-multiplier)) calc(.52rem * var(--density-multiplier))}.todo-priority-toggle button.priority-low.active{color:#1f3b27;background:#bfe8c9}.todo-priority-toggle button.priority-medium.active{color:#4b3b14;background:#f7e9ad}.todo-priority-toggle button.priority-high.active{color:#4b1f1f;background:#f2b9b9}.simple-notecard select:focus,.simple-notecard input:focus,.simple-notecard textarea:focus{background-color:#ffffff29;outline:none}.simple-notecard textarea{resize:none;height:100%;min-height:0;max-height:none;margin:0;line-height:1.45}.simple-notecard label:not(.title-field){margin:0}label{gap:.24rem;font-size:.92rem;display:grid}input,select,textarea{padding:var(--density-control-pad-y) var(--density-control-pad-x)}textarea{resize:vertical}.composer-actions{gap:calc(.55rem * var(--density-gap));flex-wrap:wrap;justify-content:flex-end;margin-top:.1rem;display:flex}.composer-loading{place-items:center;min-height:260px;font-size:1.05rem;font-weight:600;display:grid}.composer-error,.landing-error{color:var(--error);margin:0;font-weight:600}.landing-error{border:2px solid var(--error);background:#ffebe3f2;padding:.45rem .55rem;position:fixed;bottom:20px;left:24px}.landing-hint{color:#fbf5e5f0;text-shadow:1px 1px #1b0d0580;max-width:240px;margin:0;font-size:.9rem;position:fixed;top:180px;left:24px}.coffee-corner{pointer-events:none;z-index:3;filter:none;width:132px;height:120px;position:fixed;top:24px;right:24px}.coffee-version{letter-spacing:.02em;color:#fbf5e5f0;text-shadow:1px 1px #1b0d0580;white-space:nowrap;margin:0;font-size:.77rem;font-weight:700;line-height:1;position:absolute;bottom:122px;right:-6px}.coffee-corner:after{content:"";background:linear-gradient(90deg,#0000 0,#1c100833 14%,#1c100852 34% 66%,#1c100833 86%,#0000 100%);width:98px;height:12px;position:absolute;bottom:-1px;right:4px}.coffee-cup{border:2px solid var(--cup-border);clip-path:polygon(0 6px,6px 6px,6px 0,calc(100% - 6px) 0,calc(100% - 6px) 6px,100% 6px,100% calc(100% - 6px),calc(100% - 6px) calc(100% - 6px),calc(100% - 6px) 100%,6px 100%,6px calc(100% - 6px),0 calc(100% - 6px));background:linear-gradient(0deg, #ffffff24, #ffffff24), linear-gradient(165deg, var(--cup-body-top) 0%, #77ada7 52%, var(--cup-body-bottom) 100%);border-radius:0;width:88px;height:62px;position:absolute;bottom:0;right:8px;box-shadow:3px 3px #0000003d}.coffee-cup:before{content:"";border:2px solid var(--cup-border);clip-path:polygon(0 4px,4px 4px,4px 0,calc(100% - 4px) 0,calc(100% - 4px) 4px,100% 4px,100% 100%,0 100%);background:linear-gradient(180deg, var(--cup-rim-top) 0%, var(--cup-rim-bottom) 100%);border-radius:0;height:14px;position:absolute;top:-12px;left:-2px;right:-2px}.coffee-cup-handle{border:4px solid var(--cup-border);background:0 0;border-left:0;width:20px;height:30px;position:absolute;bottom:16px;right:-10px;box-shadow:inset -2px 0 #d6eee96b}.coffee-surface{clip-path:polygon(0 2px,2px 2px,2px 0,calc(100% - 2px) 0,calc(100% - 2px) 2px,100% 2px,100% 100%,0 100%);background:linear-gradient(90deg,#ffdfb52e 0 22%,#0000 22% 100%),linear-gradient(#3a1f10 0%,#2a140a 100%);border-radius:0;height:8px;position:absolute;top:1px;left:8px;right:8px}.coffee-steam{width:8px;height:30px;image-rendering:pixelated;opacity:0;background:repeating-linear-gradient(0deg,#ffffff57 0 4px,#ffffff14 4px 8px);border-radius:0;animation:2.9s steps(6,end) infinite coffee-steam-rise;position:absolute;bottom:66px}.steam-one{animation-delay:0s;right:35px}.steam-two{height:36px;animation-delay:.9s;right:53px}.steam-three{height:26px;animation-delay:1.7s;right:70px}@keyframes coffee-steam-rise{0%{opacity:0;transform:translateY(0)translate(0)}28%{opacity:.52}to{opacity:0;transform:translateY(-30px)translate(6px)}}.saved-pile{z-index:6;position:fixed}.todo-pile{transform-origin:top;width:220px;min-height:150px;top:20px;left:50%;transform:translate(-50%)scale(1.25)}.recipe-pile{transform-origin:0 100%;width:220px;min-height:186px;bottom:20px;left:20px;transform:scale(1.25)}.recipe-stack-actions{justify-content:flex-start;gap:.45rem;display:flex;position:absolute;bottom:0;left:0}.desk-auth-actions{z-index:8;pointer-events:auto;gap:.45rem;display:flex;position:fixed;bottom:20px;left:20px}.desk-utility-panel{border:2px solid var(--line);background:linear-gradient(0deg, #ffffff26, #ffffff26), repeating-linear-gradient(0deg, transparent 0, transparent 18px, #3e69a733 18px, #3e69a733 19px), var(--paper);clip-path:polygon(0 7px,7px 7px,7px 0,calc(100% - 7px) 0,calc(100% - 7px) 7px,100% 7px,100% calc(100% - 7px),calc(100% - 7px) calc(100% - 7px),calc(100% - 7px) 100%,7px 100%,7px calc(100% - 7px),0 calc(100% - 7px));z-index:12;pointer-events:auto;width:min(520px,92vw);max-height:min(78vh,760px);padding:.55rem;position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%);box-shadow:5px 5px #0000003d}.desk-utility-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);box-shadow:none;cursor:default;z-index:11;pointer-events:auto;background:#140c068a;border:0;position:fixed;inset:0}.desk-calendar{transform-origin:100% 100%;z-index:7;pointer-events:auto;width:min(320px,34vw);position:fixed;bottom:20px;right:24px;transform:scale(1.25)}.desk-calendar.expanded{z-index:22;pointer-events:none;width:auto;inset:0 auto auto 0;transform:none}.desk-calendar-sheet{border:2px solid var(--calendar-border);background:linear-gradient(0deg, #ffffff29, #ffffff29), repeating-linear-gradient(0deg, transparent 0, transparent 16px, var(--calendar-line) 16px, var(--calendar-line) 18px), var(--calendar-paper);clip-path:polygon(0 7px,7px 7px,7px 0,calc(100% - 7px) 0,calc(100% - 7px) 7px,100% 7px,100% calc(100% - 7px),calc(100% - 7px) calc(100% - 7px),calc(100% - 7px) 100%,7px 100%,7px calc(100% - 7px),0 calc(100% - 7px));cursor:pointer;padding:.5rem .6rem .62rem;transition:transform .14s,box-shadow .14s;position:relative;box-shadow:6px 6px #00000047}.desk-calendar:not(.expanded) .desk-calendar-sheet:hover{transform:translateY(-3px)scale(1.015);box-shadow:8px 8px #00000052}.desk-calendar.expanded .desk-calendar-sheet{--expanded-calendar-size:min(74vw, calc(100vh - 230px), 780px);--expanded-calendar-height:calc(var(--expanded-calendar-size) * .82);width:var(--expanded-calendar-size);height:var(--expanded-calendar-height);box-sizing:border-box;cursor:default;z-index:2;pointer-events:auto;grid-template-rows:auto auto 1fr;row-gap:.28rem;max-height:none;padding:.75rem .85rem .8rem;display:grid;position:fixed;top:186px;left:50%;overflow:auto;transform:translate(-50%);box-shadow:10px 10px #0000004d,0 18px 30px #00000047}.desk-calendar.expanded .desk-calendar-sheet:before,.desk-calendar.expanded .desk-calendar-sheet:after{display:none}.desk-calendar-sheet:before,.desk-calendar-sheet:after{content:"";border:2px solid var(--calendar-border);clip-path:polygon(0 7px,7px 7px,7px 0,calc(100% - 7px) 0,calc(100% - 7px) 7px,100% 7px,100% calc(100% - 7px),calc(100% - 7px) calc(100% - 7px),calc(100% - 7px) 100%,7px 100%,7px calc(100% - 7px),0 calc(100% - 7px));z-index:-1;position:absolute}.desk-calendar-sheet:before{background:var(--calendar-shadow-top);opacity:.9;inset:8px -8px -8px 8px}.desk-calendar-sheet:after{background:var(--calendar-shadow-bottom);opacity:.82;inset:14px -14px -14px 14px}.desk-calendar-header{border-bottom:2px solid #6f4a2861;justify-content:center;align-items:center;margin-bottom:.4rem;padding-bottom:.28rem;display:flex;position:relative}.desk-calendar-header h2{letter-spacing:.03em;text-transform:uppercase;text-align:center;background:#f4e8c7f0;margin:0;padding:.1rem .46rem;font-size:.97rem;line-height:1.2;display:inline-block}.desk-calendar-close{pointer-events:auto;padding:.16rem .42rem;font-size:.72rem;line-height:1.1;position:absolute;top:-1px;right:0}.desk-calendar-weekdays,.desk-calendar-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;display:grid}.desk-calendar-weekdays{margin-bottom:.3rem}.desk-calendar-weekdays span{text-align:center;text-transform:uppercase;letter-spacing:.04em;opacity:.8;font-size:.62rem;font-weight:700}.desk-calendar-day{color:#3b2614;background:#fffaf1fa;border:1px solid #583a1f7a;place-items:center;min-height:26px;padding:0;font-size:.77rem;font-weight:700;line-height:1;display:grid}.desk-calendar-day.out-month{opacity:.62;background:#f0e4c9db}.desk-calendar-day.is-today{color:#4c2a16;background:#ffd6aafa;border:2px solid #c16934}.desk-calendar-day.is-selected{color:#4f2e18;background:#f6dcb8f5;border:2px solid #9a6234}.desk-calendar.expanded .desk-calendar-grid{grid-template-rows:repeat(6,minmax(0,1fr));align-content:stretch;height:100%;min-height:0}.desk-calendar.expanded .desk-calendar-day{min-height:0;font-size:1rem}.desk-calendar.expanded .desk-calendar-day.in-month:not(:disabled):hover{background:#f8ecd4f0}.desk-calendar-backdrop{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);box-shadow:none;cursor:default;z-index:1;pointer-events:auto;background:#140c068a;border:0;position:fixed;inset:0}.pile-trigger{width:166px;height:102px;box-shadow:none;text-align:left;background:0 0;border:0;padding:0;transition:transform .14s,filter .14s;position:relative}.pile-trigger:hover{filter:drop-shadow(6px 8px 14px #0000005c);transform:translateY(-3px)scale(1.03)}.pile-preview-card{border:2px solid var(--line);background:linear-gradient(0deg, #ffffff26, #ffffff26), repeating-linear-gradient(0deg, transparent 0, transparent 16px, #3e69a73d 16px, #3e69a73d 18px), var(--paper);clip-path:polygon(0 6px,6px 6px,6px 0,calc(100% - 6px) 0,calc(100% - 6px) 6px,100% 6px,100% calc(100% - 6px),calc(100% - 6px) calc(100% - 6px),calc(100% - 6px) 100%,6px 100%,6px calc(100% - 6px),0 calc(100% - 6px));width:158px;height:96px;position:absolute;top:0;left:0;overflow:hidden;box-shadow:4px 4px #00000047}.pile-trigger:hover .pile-preview-card{box-shadow:6px 6px #00000052}.pile-trigger:focus-visible{outline-offset:4px;outline:3px dashed #f8eab2}.todo-card{background-color:#f5e8c8}.recipe-card{background-color:#f8edcf}.spread-zone{z-index:18;pointer-events:none;position:fixed;inset:0}.spread-backdrop{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);box-shadow:none;cursor:default;z-index:0;pointer-events:auto;background:#140c068a;border:0;position:fixed;inset:0}.spread-header{transform-origin:top;pointer-events:auto;grid-template-columns:1fr;align-items:start;gap:.42rem;width:min(840px,74vw);padding:.24rem 0;display:grid;position:absolute;top:96px;left:50%;transform:translate(-50%)scale(1.25)}.spread-header h2{letter-spacing:.02em;text-align:center;color:#2d2115f2;background:#fff7e4f0;border:2px solid #2f2115b3;justify-self:center;margin:0;padding:.12rem .48rem;font-size:1.04rem;font-weight:800;line-height:1.1;box-shadow:2px 2px #00000029}.spread-close-anchor{transform-origin:top;pointer-events:auto;z-index:2;justify-content:flex-end;width:min(840px,74vw);display:flex;position:absolute;top:130px;left:50%;transform:translate(-50%)scale(1.25)}.spread-close-floating{padding:.28rem .66rem;font-size:.88rem;line-height:1.1}.spread-search{width:min(360px,68vw);box-shadow:none;background:#fffaf0f5;border:2px solid #2f211599;justify-self:center;margin-top:.28rem;padding:.22rem .38rem;font-size:.8rem}.spread-cards{transform-origin:top;gap:calc(.6rem * var(--density-gap));min-height:160px;padding:calc(.45rem * var(--density-gap)) calc(.45rem * var(--density-gap)) calc(1.15rem * var(--density-gap));pointer-events:auto;width:min(840px,74vw);max-height:calc(100vh - 196px);display:grid;position:absolute;top:206px;left:50%;overflow-y:auto;transform:translate(-50%)scale(1.25)}.spread-grid{gap:calc(12px * var(--density-gap));grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.spread-card{text-align:left;border:2px solid var(--line);background:linear-gradient(0deg, #ffffff26, #ffffff26), repeating-linear-gradient(0deg, transparent 0, transparent 16px, #3e69a73d 16px, #3e69a73d 18px), var(--paper);clip-path:polygon(0 6px,6px 6px,6px 0,calc(100% - 6px) 0,calc(100% - 6px) 6px,100% 6px,100% calc(100% - 6px),calc(100% - 6px) calc(100% - 6px),calc(100% - 6px) 100%,6px 100%,6px calc(100% - 6px),0 calc(100% - 6px));width:100%;min-width:0;min-height:104px;margin-left:0;padding:0;box-shadow:4px 4px #0000003d}.spread-card span{color:#2d2115f2;padding:.62rem;font-size:.9rem;font-weight:700;line-height:1.24;display:block}.spread-card:hover{box-shadow:6px 6px #00000047}.spread-page-loading{text-align:center;border:2px solid var(--line);background:#f8edcfe6;margin:.35rem 0 0;padding:.32rem .45rem;font-weight:700}.spread-action-button{border:2px solid var(--line);background:var(--action-button);padding:calc(.28rem * var(--density-multiplier)) calc(.55rem * var(--density-multiplier));font-size:.78rem;font-weight:700;line-height:1.1;transition:transform .14s,box-shadow .14s,background-color .14s;box-shadow:2px 2px #0000003d}.spread-action-button:hover{background:var(--action-button-hover);transform:translateY(-2px)scale(1.03);box-shadow:4px 4px #00000047}.spread-action-button.is-active{background:var(--action-button-active)}.spread-utility-panel{border:2px solid var(--line);background:linear-gradient(0deg, #ffffff26, #ffffff26), repeating-linear-gradient(0deg, transparent 0, transparent 18px, #3e69a733 18px, #3e69a733 19px), var(--paper);clip-path:polygon(0 7px,7px 7px,7px 0,calc(100% - 7px) 0,calc(100% - 7px) 7px,100% 7px,100% calc(100% - 7px),calc(100% - 7px) calc(100% - 7px),calc(100% - 7px) 100%,7px 100%,7px calc(100% - 7px),0 calc(100% - 7px));z-index:3;pointer-events:auto;width:min(280px,34vw);padding:calc(.55rem * var(--density-panel-pad));position:absolute;top:188px;right:max(4vw,18px);box-shadow:5px 5px #0000003d}.spread-utility-header{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.35rem;display:flex}.spread-utility-header h3{margin:0;font-size:.95rem}.spread-utility-body p{margin:0 0 .4rem;font-size:.82rem;line-height:1.32}.spread-utility-body p:last-child{margin-bottom:0}.admin-user-form{gap:.45rem;margin:.4rem 0;display:grid}.admin-user-form label{gap:.2rem;font-size:.78rem;font-weight:700;display:grid}.admin-user-form input{width:100%;font:inherit;border:2px solid var(--line);background:#ffffffdb;padding:.3rem .4rem}.admin-user-manager{border-top:1px solid #00000024;gap:.6rem;padding-top:.75rem;display:grid}.admin-user-manager h4{margin:0;font-size:.95rem}.admin-user-manager-header{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.admin-user-list{gap:.55rem;margin:0;padding:0;list-style:none;display:grid}.admin-user-item{background:#ffffff8c;border:1px solid #00000024;gap:.45rem;padding:.5rem;display:grid}.admin-user-item p{margin:0}.admin-user-item-actions{flex-wrap:wrap;gap:.45rem;display:flex}.settings-form{gap:.5rem;display:grid}.settings-form label{gap:.2rem;font-size:.78rem;font-weight:700;display:grid}.settings-form select,.settings-form input{width:100%;font:inherit;border:2px solid var(--line);background:#ffffffdb;padding:.3rem .4rem}.settings-meta{color:#131820bf;margin:0;font-size:.72rem}.settings-actions{gap:.4rem;display:flex}.settings-error{color:#9f2016;margin:.35rem 0 0;font-size:.76rem;font-weight:700}.settings-notice{color:#2f6f45;margin:.35rem 0 0;font-size:.76rem;font-weight:700}.spread-loading{border:2px solid var(--line);pointer-events:auto;background:#f8edcff2;place-items:center;min-height:120px;padding:.45rem .6rem;font-weight:700;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.spread-detail-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);box-shadow:none;cursor:default;z-index:2;pointer-events:auto;background:#140c066b;border:0;position:absolute;inset:0}.spread-detail-card{transform-origin:50%;aspect-ratio:5/3;border:2px solid var(--line);background:radial-gradient(circle at 16% 12%, #ffffff6b, transparent 42%), radial-gradient(circle at 84% 78%, #ffffff24, transparent 44%), repeating-linear-gradient(90deg, #2e211708 0, #2e211708 1px, transparent 1px, transparent 7px), repeating-linear-gradient(0deg, transparent 0, transparent 24px, #3e69a738 24px, #3e69a738 25px), var(--paper);z-index:3;pointer-events:auto;grid-template-rows:auto minmax(0,1fr) auto;row-gap:.5rem;width:min(900px,96vw);min-height:420px;max-height:88vh;padding:1rem;font-size:1.04rem;display:grid;position:absolute;top:50%;left:50%;overflow:visible;transform:translate(-50%,-50%)scale(1);box-shadow:8px 10px #0006,0 14px 28px #0000003d}.spread-detail-back{padding:.38rem .7rem;font-size:.95rem;line-height:1.1;position:absolute;top:-44px;right:0}.spread-detail-card:after{content:"";clip-path:polygon(0 0,100% 0,100% 100%);pointer-events:none;background:linear-gradient(135deg,#b4a482b3 0%,#f2e6c200 70%);width:24px;height:24px;position:absolute;top:0;right:0}.spread-detail-card h3{margin:0;font-size:1.28rem}.spread-detail-title{border-bottom:2px solid #be4a3d8c;padding-bottom:.2rem}.spread-detail-content{padding-right:.2rem;overflow-y:auto}.spread-detail-content p{white-space:pre-wrap;margin:0;line-height:1.45}.spread-detail-content small{opacity:.85;margin-top:.55rem;font-weight:700;display:block}.spread-detail-actions{justify-content:flex-end;gap:.5rem;margin-top:.65rem;display:flex}@media (width<=760px){.auth-shell{grid-template-columns:1fr;place-content:center stretch;justify-items:stretch;gap:.75rem}.auth-hero{width:min(480px,100vw - 1rem);margin:0 auto}.auth-hero h1{font-size:clamp(1.8rem,11vw,3rem)}.auth-hero p{max-width:none}.auth-panel{width:min(360px,100vw - 1rem);margin:0 auto}.card-stack-trigger{transform-origin:0 0;transform:scale(1.06)}.composer-card{aspect-ratio:auto;width:min(96vw,620px);min-height:unset;max-height:92vh;padding:.75rem;overflow:auto}.composer-card-shell{width:min(96vw,620px)}.composer-form.simple-notecard{height:auto}.composer-head{flex-direction:column;align-items:flex-start}.header-tags-input{width:100%;max-width:100%}.landing-hint{font-size:.82rem;top:152px}.coffee-corner{transform-origin:100% 0;top:12px;right:10px;transform:scale(.85)}.todo-pile{transform-origin:top;transform:translate(-50%)scale(1.06)}.recipe-pile{transform-origin:0 100%;transform:scale(1.06)}.recipe-stack-actions{flex-wrap:wrap;gap:.35rem;bottom:0;left:0}.desk-auth-actions{flex-wrap:wrap;gap:.35rem;max-width:62vw;bottom:8px;left:8px}.desk-utility-panel{width:min(94vw,560px);max-height:min(82vh,760px)}.desk-calendar{transform-origin:100% 100%;width:min(320px,62vw);bottom:8px;right:8px;transform:scale(1.1)}.desk-calendar.expanded{transform:none}.desk-calendar.expanded .desk-calendar-sheet{--expanded-calendar-size:min(94vw, calc(100vh - 156px), 640px);--expanded-calendar-height:calc(var(--expanded-calendar-size) * .82);width:var(--expanded-calendar-size);height:var(--expanded-calendar-height);max-height:none;top:138px;transform:translate(-50%)}.spread-header{transform-origin:top;width:min(94vw,620px);top:72px;left:50%;transform:translate(-50%)scale(1.12)}.spread-close-anchor{transform-origin:top;width:min(94vw,620px);top:103px;left:50%;transform:translate(-50%)scale(1)}.spread-cards{width:min(94vw,620px);max-height:calc(100vh - 156px);top:170px;left:50%;transform:translate(-50%)scale(1)}.spread-detail-card{aspect-ratio:auto;width:min(96vw,620px);min-height:unset;max-height:92vh;padding:.75rem;overflow:auto;transform:translate(-50%,-50%)scale(1)}.spread-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.spread-card{min-height:98px}}