:root{--bg:#0c0c0c;--bg-elevated:#141414;--panel:#1a1a1a;--ink:#f5f0e8;--muted:#9a958c;--line:#f5f0e8;--lime:#c8f542;--coral:#ff6b4a;--amber:#ffc14a;--sky:#5ec8ff;--danger:#ff4d6d;--shadow:6px 6px 0 var(--lime);--shadow-coral:6px 6px 0 var(--coral);--shadow-ink:6px 6px 0 #000;--radius:4px;--border:3px;--font-display:"Archivo Black", sans-serif;--font-body:"Space Grotesk", sans-serif;color:var(--ink);background:var(--bg);font-family:var(--font-body);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%}body{background:radial-gradient(circle at 12% 18%, #c8f54214, transparent 34%), radial-gradient(circle at 88% 12%, #ff6b4a1a, transparent 30%), linear-gradient(180deg, #101010 0%, var(--bg) 45%, #090909 100%), repeating-linear-gradient(0deg, transparent, transparent 31px, #f5f0e808 31px, #f5f0e808 32px), repeating-linear-gradient(90deg, transparent, transparent 31px, #f5f0e808 31px, #f5f0e808 32px);background-attachment:fixed;margin:0}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}img{max-width:100%;display:block}.app-shell{flex-direction:column;min-height:100dvh;display:flex}.site-nav{border-bottom:var(--border) solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:20;background:#0c0c0cd9;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.25rem;display:flex;position:sticky;top:0}.brand{font-family:var(--font-display);letter-spacing:.04em;font-size:clamp(1.5rem,3vw,2rem);line-height:1}.brand span{color:var(--lime)}.nav-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.65rem;display:flex}.btn{border:var(--border) solid var(--line);border-radius:var(--radius);background:var(--panel);color:var(--ink);letter-spacing:.02em;box-shadow:var(--shadow);text-transform:uppercase;justify-content:center;align-items:center;gap:.4rem;padding:.7rem 1.05rem;font-size:.85rem;font-weight:700;transition:transform .12s,box-shadow .12s,background .12s;display:inline-flex}.btn:hover{box-shadow:7px 7px 0 var(--lime);transform:translate(-1px,-1px)}.btn:active{box-shadow:2px 2px 0 var(--lime);transform:translate(3px,3px)}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.btn-lime{background:var(--lime);color:#101010;border-color:var(--line)}.btn-coral{background:var(--coral);color:#101010;box-shadow:var(--shadow-coral)}.btn-coral:hover{box-shadow:7px 7px 0 var(--coral)}.btn-coral:active{box-shadow:2px 2px 0 var(--coral)}.btn-ghost{background:0 0;box-shadow:4px 4px #f5f0e840}.btn-sm{box-shadow:4px 4px 0 var(--lime);padding:.45rem .7rem;font-size:.75rem}.btn-icon{width:2.4rem;height:2.4rem;box-shadow:4px 4px 0 var(--lime);padding:0}.page{flex:1;width:min(1100px,100% - 2rem);margin:0 auto;padding:1.5rem 0 4rem}.hero{align-content:center;gap:1.25rem;min-height:calc(100dvh - 5rem);padding:2rem 0 3rem;display:grid}.hero-brand{font-family:var(--font-display);letter-spacing:-.02em;text-shadow:8px 8px #c8f54259;margin:0;font-size:clamp(4.5rem,18vw,9rem);line-height:.9}.hero-line{max-width:28rem;color:var(--muted);margin:0;font-size:clamp(1.05rem,2.4vw,1.35rem)}.hero-cta{flex-wrap:wrap;gap:.75rem;margin-top:.5rem;display:flex}.section{border-top:var(--border) solid #f5f0e833;margin-top:3rem;padding-top:2rem}.section h2{font-family:var(--font-display);margin:0 0 .75rem;font-size:clamp(1.8rem,4vw,2.6rem)}.section p{color:var(--muted);max-width:36rem;margin:0 0 1.25rem}.feature-row{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.feature{border:var(--border) solid var(--line);background:var(--panel);box-shadow:var(--shadow-ink);min-height:9rem;padding:1.1rem}.feature h3{font-family:var(--font-display);margin:0 0 .5rem;font-size:1.15rem}.feature p{color:var(--muted);margin:0;font-size:.95rem}.auth-layout{place-items:center;min-height:calc(100dvh - 5rem);padding:2rem 0;display:grid}.auth-panel{border:var(--border) solid var(--line);background:var(--panel);width:min(440px,100%);box-shadow:var(--shadow);padding:1.5rem}.auth-panel h1{font-family:var(--font-display);margin:0 0 .35rem;font-size:clamp(2rem,6vw,2.6rem)}.auth-panel .sub{color:var(--muted);margin:0 0 1.25rem}.form{gap:.9rem;display:grid}.field{gap:.35rem;display:grid}.field label{text-transform:uppercase;letter-spacing:.06em;font-size:.8rem;font-weight:700}.field input,.field textarea{border:var(--border) solid var(--line);background:var(--bg);border-radius:var(--radius);outline:none;width:100%;padding:.75rem .85rem}.field input:focus,.field textarea:focus{box-shadow:4px 4px 0 var(--lime)}.custom-select{width:100%;position:relative}.custom-select-trigger{border:var(--border) solid var(--line);background:var(--bg);border-radius:var(--radius);text-align:left;width:100%;box-shadow:none;justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem .85rem;font-weight:700;transition:box-shadow .12s,transform .12s;display:flex}.custom-select-trigger:hover:not(:disabled){box-shadow:4px 4px 0 var(--lime);transform:translate(-1px,-1px)}.custom-select.is-open .custom-select-trigger,.custom-select-trigger:focus-visible{box-shadow:4px 4px 0 var(--lime);outline:none}.custom-select-trigger:disabled{opacity:.55;cursor:not-allowed}.custom-select-caret{color:var(--lime);font-size:.95rem;line-height:1;transition:transform .14s}.custom-select.is-open .custom-select-caret{transform:rotate(180deg)}.custom-select-menu{z-index:30;border:var(--border) solid var(--line);background:var(--panel);border-radius:var(--radius);box-shadow:6px 6px 0 var(--lime);gap:.25rem;margin:0;padding:.35rem;list-style:none;display:grid;position:absolute;top:calc(100% + .45rem);left:0;right:0}.custom-select-option{width:100%;color:var(--ink);text-align:left;background:0 0;border:2px solid #0000;border-radius:2px;justify-content:space-between;align-items:center;gap:.75rem;padding:.65rem .75rem;font-weight:700;display:flex}.custom-select-option.is-active,.custom-select-option:hover{background:#c8f5421f;border-color:#f5f0e859}.custom-select-option.is-selected{background:var(--lime);color:#101010;border-color:var(--line)}.field textarea{resize:vertical;min-height:100px}.field-hint{color:var(--muted);font-size:.8rem}.focus-shell .focus-page,.focus-immersive{min-height:100dvh}.form-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-top:.25rem;display:flex}.muted-link{color:var(--muted);font-size:.9rem}.muted-link a{color:var(--lime);text-underline-offset:3px;font-weight:700;text-decoration:underline}.board-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:1.25rem;display:flex}.board-header h1{font-family:var(--font-display);margin:0;font-size:clamp(2rem,5vw,3rem)}.board-header p{color:var(--muted);margin:.25rem 0 0}.filters{flex-wrap:wrap;gap:.5rem;display:flex}.chip{border:var(--border) solid var(--line);color:var(--ink);text-transform:uppercase;letter-spacing:.04em;background:0 0;padding:.45rem .8rem;font-size:.75rem;font-weight:700;transition:transform .12s,background .12s,box-shadow .12s;box-shadow:3px 3px #f5f0e833}.chip:hover{transform:translate(-1px,-1px)}.chip.active{background:var(--lime);color:#101010;box-shadow:4px 4px 0 var(--coral)}.board-grid{grid-template-columns:minmax(0,1.4fr) minmax(280px,.8fr);align-items:start;gap:1.25rem;display:grid}.panel{border:var(--border) solid var(--line);box-shadow:var(--shadow-ink);background:#1a1a1aeb;padding:1rem}.panel h2{font-family:var(--font-display);margin:0 0 1rem;font-size:1.25rem}.task-list{gap:.75rem;min-height:12rem;display:grid}.task-card{border:var(--border) solid var(--line);background:var(--bg-elevated);touch-action:manipulation;grid-template-columns:auto 1fr auto;align-items:start;gap:.75rem;padding:.85rem;display:grid;box-shadow:4px 4px #000000a6}.task-card.dragging{opacity:.85;box-shadow:8px 8px 0 var(--lime);z-index:5}.task-card.completed .task-title{color:var(--muted);text-decoration:line-through}.drag-handle{border:var(--border) solid var(--line);background:var(--panel);cursor:grab;-webkit-user-select:none;user-select:none;place-items:center;width:2rem;height:2rem;font-weight:900;display:grid}.drag-handle:active{cursor:grabbing}.task-main{min-width:0}.task-title{word-break:break-word;margin:0 0 .25rem;font-size:1.05rem;font-weight:700}.task-desc{color:var(--muted);white-space:pre-wrap;word-break:break-word;margin:0 0 .55rem;font-size:.9rem}.task-meta{flex-wrap:wrap;gap:.4rem;display:flex}.badge{border:2px solid var(--line);text-transform:uppercase;letter-spacing:.04em;align-items:center;padding:.15rem .45rem;font-size:.7rem;font-weight:700;display:inline-flex}.badge-low{color:var(--sky);background:#5ec8ff26}.badge-medium{color:var(--amber);background:#ffc14a26}.badge-high{color:var(--coral);background:#ff6b4a2e}.badge-due{background:#f5f0e814}.badge-due.soon{color:var(--amber);background:#ffc14a2e}.badge-due.overdue{color:var(--danger);background:#ff4d6d2e}.task-actions{flex-direction:column;gap:.4rem;display:flex}.empty{border:var(--border) dashed #f5f0e859;text-align:center;color:var(--muted);padding:2rem 1rem}.focus-page{place-items:center;min-height:calc(100dvh - 5rem);padding:2rem 0;display:grid}.focus-stage{border:var(--border) solid var(--line);background:var(--panel);width:min(560px,100%);box-shadow:var(--shadow);text-align:center;padding:clamp(1.25rem,4vw,2rem);position:relative;overflow:hidden}.focus-stage:before{content:"";pointer-events:none;background:radial-gradient(circle,#c8f5421f,#0000 55%);animation:4s ease-in-out infinite pulse-glow;position:absolute;inset:-40%}@keyframes pulse-glow{0%,to{opacity:.45;transform:scale(.95)}50%{opacity:1;transform:scale(1.05)}}.focus-stage>*{z-index:1;position:relative}.focus-label{text-transform:uppercase;letter-spacing:.14em;color:var(--lime);margin:0 0 .75rem;font-size:.75rem;font-weight:700}.focus-title{font-family:var(--font-display);margin:0 0 .5rem;font-size:clamp(1.8rem,5vw,2.6rem)}.focus-desc{color:var(--muted);margin:0 0 1.5rem}.timer{font-family:var(--font-display);letter-spacing:.04em;text-shadow:4px 4px #000c;margin:0 0 1.25rem;font-size:clamp(3.5rem,14vw,5.5rem)}.focus-controls{flex-wrap:wrap;justify-content:center;gap:.65rem;display:flex}.toast-stack{z-index:50;gap:.5rem;width:min(360px,100% - 2rem);display:grid;position:fixed;bottom:1rem;right:1rem}.toast{border:var(--border) solid var(--line);padding:.85rem 1rem;font-weight:700;box-shadow:5px 5px #000}.toast-error{background:var(--coral);color:#101010}.toast-ok{background:var(--lime);color:#101010}.loading-screen{place-items:center;min-height:calc(100dvh - 5rem);padding:2rem 1rem;display:grid}.boot-loader{border:var(--border) solid var(--line);background:var(--panel);box-shadow:var(--shadow);text-align:center;min-width:min(280px,100%);padding:1.5rem 1.75rem}.boot-mark{justify-content:center;gap:.45rem;margin-bottom:1rem;display:flex}.boot-mark span{border:2px solid var(--line);background:var(--lime);width:1.1rem;height:1.1rem;animation:.9s ease-in-out infinite blok-bounce;box-shadow:3px 3px #000}.boot-mark span:first-child{background:var(--lime);animation-delay:0s}.boot-mark span:nth-child(2){background:var(--coral);animation-delay:.12s}.boot-mark span:nth-child(3){background:var(--amber);animation-delay:.24s}@keyframes blok-bounce{0%,to{transform:translateY(0)}40%{transform:translateY(-8px)}}.boot-label{font-family:var(--font-display);letter-spacing:.06em;margin:0;font-size:2rem}.boot-sub{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;margin:.35rem 0 0;font-size:.75rem;font-weight:700}.skel-bone{background:linear-gradient(110deg, #f5f0e80f 0%, #c8f5422e 45%, #f5f0e80f 90%) var(--bg-elevated);background-size:220% 100%;border:2px solid #f5f0e859;border-radius:2px;animation:1.15s linear infinite skel-shine;display:block}@keyframes skel-shine{0%{background-position:120% 0}to{background-position:-120% 0}}.skel-list{min-height:12rem}.skel-task{border:var(--border) solid var(--line);background:var(--bg-elevated);grid-template-columns:auto 1fr auto;align-items:start;gap:.75rem;padding:.85rem;display:grid;box-shadow:4px 4px #000000a6}.skel-handle{width:2rem;height:2rem}.skel-task-main{gap:.45rem;min-width:0;display:grid}.skel-line{height:.85rem}.skel-line-sm{width:5.5rem;height:.65rem}.skel-line-md{width:62%;max-width:16rem}.skel-line-lg{width:78%;max-width:22rem;height:1.05rem}.skel-line-title{width:min(18rem,80%);height:1.6rem}.skel-meta{flex-wrap:wrap;gap:.4rem;margin-top:.15rem;display:flex}.skel-chip{width:3.5rem;height:1.25rem}.skel-chip-wide{width:7rem}.skel-task-actions{flex-direction:column;gap:.4rem;display:flex}.skel-btn{width:4.5rem;height:1.9rem}.skel-btn-lg{width:5.5rem;height:2.4rem}.skel-focus{pointer-events:none}.skel-timer{width:min(14rem,70%);height:4.2rem}.skel-focus-controls{justify-content:center}@media (width<=860px){.skel-task{grid-template-columns:auto 1fr}.skel-task-actions{flex-flow:wrap;grid-column:1/-1}}.check{border:2px solid var(--line);background:var(--bg);flex-shrink:0;place-items:center;width:1.35rem;height:1.35rem;margin-top:.15rem;display:grid}.check[data-on=true]{background:var(--lime);color:#101010}@media (width<=860px){.feature-row,.board-grid{grid-template-columns:1fr}.task-actions{flex-flow:wrap;justify-content:flex-end}.task-card{grid-template-columns:auto 1fr}.task-actions{grid-column:1/-1;justify-content:flex-start}}@media (width<=520px){.site-nav{padding:.85rem 1rem}.page{width:calc(100% - 1.25rem)}.hero-brand{font-size:clamp(3.8rem,22vw,5.5rem)}.btn{width:100%}.nav-actions .btn{width:auto}.hero-cta .btn{flex:auto}}