:root{color-scheme:light;--brand-petrol: #2c5f6b;--brand-petrol-600: #265460;--brand-petrol-700: #1f4651;--brand-sand: #d9caad;--brand-sand-soft: #efe9dc;--brand-slate: #7e91a6;--brand-ink: #2a323b;--bg: #f3efe6;--bg-soft: #eae3d4;--surface: #ffffff;--surface-2: #f7f4ee;--fg: var(--brand-ink);--fg-muted: #61707d;--fg-subtle: #8a97a2;--border: #e1dccf;--border-strong: #cdc6b4;--primary: var(--brand-petrol);--primary-hover: var(--brand-petrol-600);--primary-fg: #ffffff;--accent-soft: #e4ecee;--success: #2e7d5b;--success-soft: #e1f0e8;--danger: #c0432f;--danger-soft: #f6e3df;--warning: #b4720d;--radius-xl: 18px;--radius-lg: 14px;--radius: 10px;--radius-sm: 7px;--radius-pill: 999px;--shadow-sm: 0 1px 2px rgba(34, 50, 59, .06);--shadow: 0 6px 20px -8px rgba(34, 50, 59, .18);--shadow-lg: 0 18px 48px -16px rgba(34, 50, 59, .28);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--container: 1080px;--header-h: 60px;--font: "Segoe UI", system-ui, -apple-system, Roboto, Helvetica, Arial, sans-serif;--tap: 44px}[data-theme=dark]{color-scheme:dark;--bg: #161c20;--bg-soft: #1b2327;--surface: #1e272c;--surface-2: #232e34;--fg: #e9edef;--fg-muted: #a7b4bc;--fg-subtle: #7c8a93;--border: #2c373d;--border-strong: #3a474e;--primary: #4f93a1;--primary-hover: #5ea3b1;--primary-fg: #06141a;--accent-soft: #233238;--success: #54b98a;--success-soft: #1c2f29;--danger: #e0816f;--danger-soft: #33211d;--warning: #e0a64a;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow: 0 6px 20px -8px rgba(0, 0, 0, .5);--shadow-lg: 0 18px 48px -16px rgba(0, 0, 0, .6)}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{min-height:100vh;font-family:var(--font);font-size:15px;line-height:1.5;background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button,input,select,textarea{font:inherit;color:inherit}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{margin:0;line-height:1.2}.muted{color:var(--fg-muted)}.center{text-align:center}.shell{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:20;height:var(--header-h);display:flex;align-items:center;gap:var(--space-4);padding:0 var(--space-5);background:var(--surface);border-bottom:1px solid var(--border);box-shadow:var(--shadow-sm)}.topbar__spacer{flex:1}.nav{display:flex;gap:var(--space-1)}.nav__item{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem .8rem;border-radius:var(--radius-sm);color:var(--fg-muted);font-size:.9rem;font-weight:500;text-decoration:none}.nav__item:hover{color:var(--fg);background:var(--surface-2);text-decoration:none}.nav__item--active{color:var(--primary);background:var(--accent-soft)}.main{flex:1;width:100%;max-width:var(--container);margin:0 auto;padding:var(--space-5);padding-bottom:calc(var(--space-6) + env(safe-area-inset-bottom))}.footer{padding:var(--space-4);text-align:center;font-size:.74rem;color:var(--fg-subtle);border-top:1px solid var(--border)}.bottomnav{display:none}@media (max-width: 720px){.topbar{padding:0 var(--space-4)}.topbar .nav{display:none}.main{padding:var(--space-4);padding-bottom:calc(72px + env(safe-area-inset-bottom))}.bottomnav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:30;background:var(--surface);border-top:1px solid var(--border);padding:6px 8px calc(6px + env(safe-area-inset-bottom));box-shadow:0 -6px 20px -12px #22323b40}.bottomnav__item{flex:1;min-height:var(--tap);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border-radius:var(--radius);color:var(--fg-muted);font-size:.68rem;font-weight:600;text-decoration:none}.bottomnav__item--active{color:var(--primary);background:var(--accent-soft)}.bottomnav__item svg{width:22px;height:22px}}.brand{display:inline-flex;align-items:center;gap:.55rem;text-decoration:none;color:var(--fg)}.brand:hover{text-decoration:none}.brand__mark{width:30px;height:30px;border-radius:8px;background:var(--brand-petrol);color:#fff;display:grid;place-items:center;font-weight:800;font-size:.78rem;letter-spacing:.02em;flex:none}.brand__word{font-weight:700;letter-spacing:.01em;font-size:1.02rem}.brand__word b{color:var(--brand-petrol)}[data-theme=dark] .brand__word b{color:var(--primary)}.brand__sub{color:var(--fg-subtle);font-weight:500}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-sm)}.card+.card{margin-top:var(--space-4)}.card__title{margin:0 0 var(--space-3);font-size:.72rem;text-transform:uppercase;letter-spacing:.09em;color:var(--fg-subtle);font-weight:700}.page-header{margin-bottom:var(--space-5)}.page-header__title{font-size:1.5rem;font-weight:700}.page-header__subtitle{color:var(--fg-muted);margin-top:.2rem}.btn{--btn-bg: var(--surface);--btn-fg: var(--fg);--btn-bd: var(--border-strong);appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:var(--tap);padding:.55rem 1.05rem;background:var(--btn-bg);color:var(--btn-fg);border:1px solid var(--btn-bd);border-radius:var(--radius);font-size:.92rem;font-weight:600;cursor:pointer;transition:background .14s,border-color .14s,transform .04s,filter .14s}.btn:hover{border-color:var(--fg-subtle)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn--primary{--btn-bg: var(--primary);--btn-fg: var(--primary-fg);--btn-bd: var(--primary)}.btn--primary:hover{filter:brightness(1.04);border-color:var(--primary)}.btn--danger{--btn-bg: var(--danger);--btn-fg: #fff;--btn-bd: var(--danger)}.btn--ghost{--btn-bg: transparent;--btn-bd: var(--border)}.btn--subtle{--btn-bg: var(--surface-2);--btn-bd: var(--border)}.btn--block{width:100%}.btn--lg{min-height:52px;font-size:1rem;padding:.7rem 1.4rem}.btn--hero{min-width:150px;min-height:64px;font-size:1.15rem;border-radius:var(--radius-pill);box-shadow:var(--shadow)}.icon-btn{width:var(--tap);height:var(--tap);display:grid;place-items:center;border-radius:var(--radius);background:transparent;border:1px solid var(--border);color:var(--fg-muted);cursor:pointer}.icon-btn:hover{color:var(--fg);border-color:var(--fg-subtle)}.field{display:flex;flex-direction:column;gap:.35rem}.field__label{font-size:.74rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--fg-muted)}.field__hint{font-size:.78rem;color:var(--fg-subtle)}.field__error{font-size:.8rem;color:var(--danger)}.input,.select,.textarea{width:100%;min-height:var(--tap);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius);padding:.55rem .7rem;outline:none;transition:border-color .14s,box-shadow .14s}.input:focus,.select:focus,.textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 20%,transparent)}.textarea{min-height:88px;resize:vertical}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.field--full{grid-column:1 / -1}.checkbox{display:inline-flex;align-items:center;gap:.5rem;min-height:var(--tap);color:var(--fg);font-size:.9rem;user-select:none;cursor:pointer}.checkbox input{width:18px;height:18px;accent-color:var(--primary)}.row{display:flex;gap:var(--space-2);flex-wrap:wrap;align-items:center}.badge{display:inline-flex;align-items:center;gap:.35rem;font-size:.74rem;font-weight:600;padding:.2rem .55rem;border-radius:var(--radius-pill);border:1px solid var(--border);color:var(--fg-muted);background:var(--surface-2)}.badge--success{color:var(--success);background:var(--success-soft);border-color:color-mix(in srgb,var(--success) 30%,transparent)}.badge--danger{color:var(--danger);background:var(--danger-soft);border-color:color-mix(in srgb,var(--danger) 30%,transparent);cursor:pointer}.chips{display:flex;flex-wrap:wrap;gap:.4rem}.chip{display:inline-flex;align-items:center;gap:.4rem;background:var(--surface-2);border:1px solid var(--border);color:var(--fg);border-radius:var(--radius-pill);padding:.34rem .75rem;font-size:.82rem;cursor:pointer}.chip:hover{border-color:var(--fg-subtle)}.chip__del{opacity:.5;cursor:pointer;font-size:1rem;line-height:1}.chip__del:hover{opacity:1;color:var(--danger)}.spinner{width:20px;height:20px;border:2.5px solid color-mix(in srgb,var(--primary) 30%,transparent);border-top-color:var(--primary);border-radius:50%;animation:spin .7s linear infinite}.spinner--lg{width:34px;height:34px;border-width:3.5px}.spinner--center{margin:var(--space-6) auto}@keyframes spin{to{transform:rotate(360deg)}}.empty{text-align:center;color:var(--fg-muted);padding:var(--space-5);border:1px dashed var(--border-strong);border-radius:var(--radius);font-size:.9rem}.toast-stack{position:fixed;bottom:1.25rem;right:1.25rem;z-index:100;display:flex;flex-direction:column;gap:.5rem;max-width:min(360px,calc(100vw - 2rem))}@media (max-width: 720px){.toast-stack{bottom:calc(78px + env(safe-area-inset-bottom));left:1rem;right:1rem;max-width:none}}.toast{background:var(--surface);border:1px solid var(--border-strong);border-left-width:4px;border-radius:var(--radius);padding:.7rem .9rem;font-size:.88rem;box-shadow:var(--shadow-lg);animation:toast-in .18s ease}.toast--ok{border-left-color:var(--success)}.toast--err{border-left-color:var(--danger)}.toast--info{border-left-color:var(--primary)}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}.modal-overlay{position:fixed;inset:0;z-index:90;background:#141c2173;display:grid;place-items:center;padding:var(--space-4)}.modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:100%;max-width:460px;padding:var(--space-5)}.modal__title{font-size:1.1rem;font-weight:700;margin-bottom:var(--space-4)}.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--space-4)}.tile{display:flex;flex-direction:column;gap:.5rem;padding:var(--space-5);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);text-decoration:none;color:var(--fg);transition:transform .12s,box-shadow .16s,border-color .16s}.tile:hover{text-decoration:none;transform:translateY(-2px);box-shadow:var(--shadow);border-color:var(--border-strong)}.tile--soon{opacity:.6;pointer-events:none}.tile__icon{width:44px;height:44px;border-radius:var(--radius);background:var(--accent-soft);color:var(--primary);display:grid;place-items:center}.tile__name{font-weight:700;font-size:1.05rem}.tile__desc{color:var(--fg-muted);font-size:.86rem}.auth-wrap{min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:var(--space-4);background:radial-gradient(120% 90% at 100% 0%,var(--brand-sand-soft) 0%,transparent 55%),var(--bg)}.auth-card{width:100%;max-width:380px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);padding:var(--space-6)}.auth-card__brand{display:flex;justify-content:center;margin-bottom:var(--space-5)}.assign-row{display:grid;grid-template-columns:1fr minmax(220px,320px);gap:var(--space-3);align-items:center;padding:.55rem .7rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-2)}.assign-row__main{display:flex;align-items:center;gap:.6rem;min-width:0}.assign-row__name{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.assign-row__meta{flex:none}@media (max-width: 720px){.assign-row{grid-template-columns:1fr;gap:var(--space-2)}}.stack{display:flex;flex-direction:column;gap:var(--space-3)}.stack--lg{gap:var(--space-5)}.timer{display:grid;grid-template-columns:1fr auto;gap:var(--space-4);align-items:center}.timer__display{font-variant-numeric:tabular-nums;font-size:clamp(2.4rem,9vw,3.2rem);font-weight:700;line-height:1;letter-spacing:.01em}.timer__label{margin-top:.5rem;color:var(--fg-muted);font-size:.9rem;min-height:1.2em}.timer--running .timer__display{color:var(--primary)}.entries{display:flex;flex-direction:column;gap:.4rem}.entry{display:grid;grid-template-columns:auto 1fr auto auto;gap:var(--space-3);align-items:center;padding:.6rem .7rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-2)}.entry__date{font-variant-numeric:tabular-nums;color:var(--fg-muted);font-size:.8rem;min-width:86px}.entry__main{min-width:0}.entry__title{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.entry__sub{color:var(--fg-muted);font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.entry__dur{font-variant-numeric:tabular-nums;font-weight:700}@media (max-width: 720px){.field-grid{grid-template-columns:1fr}.timer{grid-template-columns:1fr;text-align:center}.timer__label{text-align:center}.entry{grid-template-columns:1fr auto;grid-template-areas:"main dur" "date status";row-gap:.3rem}.entry__date{grid-area:date}.entry__main{grid-area:main}.entry__dur{grid-area:dur}.entry__status{grid-area:status;justify-self:start}}