@import "https://fonts.googleapis.com/css2?family=Alegreya+Sans:wght@400;500;700;800&family=Fraunces:opsz,wght@9..144,500;9..144,700&display=swap";:root{--ink-950:#0d0b08;--ink-900:#17120d;--walnut-900:#1e120b;--walnut-800:#2a190f;--paper-100:#f4e3bd;--paper-200:#e7cf9f;--paper-muted:#c9b287;--brass-300:#d7a84a;--brass-500:#9c6f25;--red-pencil:#b54235;--lamp-core:#ffd37a;--lamp-halo:#ffa94047;--shadow-soft:#0000006b;--display:"Fraunces", "Cormorant Garamond", Georgia, serif;--body:"Alegreya Sans", "Trebuchet MS", sans-serif;color:var(--paper-100);background:var(--ink-950);font:18px/1.45 var(--body);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{background:var(--ink-950)}body{min-width:320px;min-height:100svh;margin:0}#root{min-height:100svh}p{margin:0}.desk-scene{min-height:100svh;color:var(--paper-100);background:radial-gradient(circle at 68% 24%, #ffd37a33, transparent 30rem), radial-gradient(circle at 8% 10%, #b542351f, transparent 22rem), linear-gradient(135deg, var(--ink-950), var(--walnut-900) 55%, #100b08);padding:clamp(18px,4vw,54px);position:relative;overflow:hidden}.lamp-glow,.desk-grain{pointer-events:none;position:absolute;inset:0}.lamp-glow{background:radial-gradient(circle at 66% 34%, #ffd37a85 0, var(--lamp-halo) 18%, transparent 47%);filter:blur(2px);opacity:.92}.desk-grain{opacity:.34;mix-blend-mode:screen;background-image:repeating-linear-gradient(8deg,#ffffff07 0 1px,#0000 1px 7px),repeating-linear-gradient(92deg,#0000 0 14px,#d7a84a0a 14px 15px)}.desk-panel{z-index:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(115deg,#0d0b08e0,#17120dad),linear-gradient(90deg,#d7a84a14,#0000 42%);border:1px solid #d7a84a47;border-radius:28px;grid-template-columns:minmax(220px,.85fr) minmax(320px,1.35fr);gap:clamp(24px,5vw,70px);width:min(1080px,100%);margin:0 auto;padding:clamp(22px,4vw,56px);display:grid;position:relative;box-shadow:0 28px 90px #0000007a,inset 0 1px #ffffff12}.desk-rail{text-align:left;flex-direction:column;justify-content:space-between;align-items:flex-start;min-height:520px;display:flex}.eyebrow{color:var(--brass-300);letter-spacing:.28em;text-transform:uppercase;margin:0 0 24px;font-size:.86rem;font-weight:800}h1{max-width:8ch;color:var(--paper-100);font-family:var(--display);letter-spacing:-.075em;text-wrap:balance;margin:0;font-size:clamp(4rem,10vw,7.6rem);font-weight:700;line-height:.83}.intro{max-width:25rem;color:var(--paper-muted);margin:28px 0;font-size:1.05rem}.ledger{width:100%;color:var(--paper-200);letter-spacing:.05em;text-transform:uppercase;border-top:1px solid #f4e3bd2e;gap:10px;margin-top:auto;padding-top:28px;font-size:.92rem;display:grid}.task-board{align-content:start;gap:18px;display:grid}.composer{clip-path:polygon(0 0,calc(100% - 24px) 0,100% 24px,100% 100%,0 100%);color:var(--ink-950);background:linear-gradient(135deg,#fff8e5b8,#e7cf9feb),linear-gradient(90deg,#0000,#b5423514);padding:18px;position:relative;box-shadow:0 18px 44px #00000052}.composer:after,.task-slip:after,.empty-state:after{content:"";pointer-events:none;background-image:repeating-linear-gradient(0deg,#0000 0 15px,#2a190f09 15px 16px);position:absolute;inset:0}.composer label{color:var(--walnut-800);letter-spacing:.12em;text-transform:uppercase;margin-bottom:8px;font-weight:800;display:block}.composer-row{gap:10px;display:flex}input,button{font:inherit}.composer input,.edit-input{width:100%;min-width:0;color:var(--ink-950);background:#fffbeebd;border:1px solid #2a190f42;border-radius:0}.composer input{min-height:50px;padding:0 16px;font-size:1.1rem}.composer input::placeholder{color:#2a190f8f}.composer button,.footer-stats button{color:#1b1209;background:linear-gradient(180deg, var(--brass-300), var(--brass-500));border:1px solid #4e341380;box-shadow:inset 0 1px #ffffff61,0 7px 16px #2a190f38}.composer button{min-width:118px;min-height:50px;padding:0 18px;font-weight:800}.composer-meta,.error-note{color:#2a190fd1;justify-content:space-between;gap:12px;margin-top:10px;font-size:.88rem;display:flex}.error-note{min-height:1.2em;color:var(--red-pencil);font-weight:800}.filter-tabs{gap:6px;padding:8px 4px 0;display:flex;overflow-x:auto}.filter-tabs button{min-height:46px;color:var(--paper-200);background:linear-gradient(#9c6f2561,#2a190fbd);border:1px solid #d7a84a57;border-bottom-width:3px;padding:10px 18px 12px;box-shadow:inset 0 1px #ffffff29}.filter-tabs button.active{color:#1b1209;background:linear-gradient(180deg, #f1c76b, var(--brass-300) 50%, var(--brass-500));transform:translateY(-4px)}.task-stack{gap:14px;margin:0;padding:0;list-style:none;display:grid}.task-slip{clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,14px 100%,0 calc(100% - 14px));min-height:74px;color:var(--ink-950);background:linear-gradient(105deg, var(--paper-100), var(--paper-200));grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px 14px 14px 10px;animation:.16s ease-out both paperDrop;display:grid;position:relative;box-shadow:0 14px 28px #00000040}.task-slip.priority-high{border-left:5px solid var(--red-pencil)}.task-slip.priority-low{opacity:.86}.task-slip.completed{background:linear-gradient(105deg,#e7cf9fc2,#ac9263b8)}.check-wrap{place-items:center;min-width:44px;min-height:44px;display:grid;position:relative}.check-wrap input{opacity:0;width:44px;height:44px;margin:0;position:absolute}.check-wrap span{border:2px solid var(--walnut-800);background:#fffbee75;place-items:center;width:28px;height:28px;display:grid;box-shadow:inset 0 0 0 4px #f4e3bd6b}.check-wrap input:checked+span:before{content:"✓";color:var(--red-pencil);font-weight:900;transform:rotate(-8deg)}.task-body{min-width:0}.task-title{width:100%;min-height:44px;color:var(--ink-950);text-align:left;cursor:text;background:0 0;border:0;padding:0;position:relative}.task-title span{overflow-wrap:anywhere;font-size:1.12rem;font-weight:700;position:relative}.completed .task-title span:after{content:"";transform-origin:0;background:#b54235d1;height:2px;animation:.18s ease-out both drawLine;position:absolute;top:52%;left:-2px;right:-2px}.completed .task-title span{color:#191009d1}.edit-input{min-height:44px;padding:0 10px;font-weight:700}.task-warning{color:var(--red-pencil);margin:4px 0 0;font-size:.85rem;font-weight:800}.task-actions{gap:4px;display:flex}.task-actions button{min-width:44px;min-height:44px;color:var(--walnut-800);background:#fffbee5c;border:1px solid #2a190f2e;place-items:center;display:grid}.task-actions .is-on,.task-actions button:hover{color:#1b1209;background:#d7a84a7a}.delete-note{font-size:1.55rem;line-height:1}.empty-state{clip-path:polygon(0 0,calc(100% - 22px) 0,100% 22px,100% 100%,0 100%);color:var(--ink-950);text-align:left;background:linear-gradient(120deg,#f4e3bde6,#e7cf9fbd);padding:30px;position:relative;box-shadow:0 18px 44px #0003}.empty-state h2{color:var(--ink-950);font-family:var(--display);margin:0 0 8px;font-size:1.85rem}.empty-state p{color:#2a190fb8;margin:0}.footer-stats{min-height:48px;color:var(--paper-200);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.footer-stats button{min-height:44px;padding:8px 14px;font-weight:800}.storage-note{color:var(--brass-300)}button{cursor:pointer;transition:transform .16s,border-color .16s,background .16s,box-shadow .16s}button:hover{transform:translateY(-1px)}button:focus-visible,input:focus-visible{outline:3px solid var(--lamp-core);outline-offset:3px;box-shadow:0 0 0 6px #0d0b08ad}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes paperDrop{0%{opacity:0;transform:translateY(-8px)rotate(-.35deg)}to{opacity:1;transform:translateY(0)rotate(0)}}@keyframes drawLine{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media (width<=860px){.desk-scene{padding:16px}.desk-panel{grid-template-columns:1fr}.desk-rail{min-height:0}h1{max-width:12ch}.ledger{grid-template-columns:1fr;font-size:1rem}}@media (width<=560px){.desk-panel{border-radius:18px;padding:18px}.composer-row,.footer-stats,.ledger{grid-template-columns:1fr;display:grid}h1{letter-spacing:-.04em;max-width:11ch;font-size:clamp(2.75rem,13vw,3.7rem);line-height:.94}.composer-meta,.error-note{font-size:.95rem}.composer button{width:100%}.filter-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding-inline:0;display:grid;overflow:visible}.filter-tabs button{width:100%;padding-inline:10px}.task-slip{grid-template-columns:44px minmax(0,1fr)}.task-actions{grid-column:2;justify-content:flex-start}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important}}