/* Design generated 20 Sep: matte graphite, mint actions, quiet task surfaces. */
:root{--bg:#f7f9f8;--surface:#edf1ef;--panel:#e2e9e5;--ink:#1d2925;--muted:#54655c;--line:#d3ddd7;--brand:#146b52;--tint:#dcefe6;--danger:#af3b35;--card:#fff;--action:#156f55;--action-ink:#fff;--shadow:0 3px 12px #15312606}
body.dark{--bg:#171d21;--surface:#1d252a;--panel:#303b41;--ink:#f0f4f2;--muted:#a8b7b2;--line:#354148;--brand:#83e5c4;--tint:#24473d;--danger:#ff9a8c;--card:#262f35;--action:#83e5c4;--action-ink:#112c23;--shadow:0 3px 12px #00000012}
body{font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;-webkit-font-smoothing:antialiased}
.in-telegram{--panel:color-mix(in srgb,var(--ink) 9%,var(--bg));--line:color-mix(in srgb,var(--ink) 17%,var(--bg));--muted:color-mix(in srgb,var(--ink) 72%,var(--bg))}
.layout{grid-template-columns:216px minmax(0,1fr)}
.sidebar{padding:32px 18px 24px;background:var(--bg)}.brand{font-size:31px;gap:10px;letter-spacing:-1.2px}.brand-logo{width:34px;height:34px;border-radius:9px}.workspace{margin:38px 0 24px;padding:0 10px}.workspace small{font-size:12px}.avatar{border-radius:12px;background:var(--surface)}
.side-nav{display:grid;gap:6px}.side-nav button{min-height:46px;font-weight:550;border:1px solid transparent}.side-nav .selected{background:var(--tint);border-color:var(--line)}.sidebar-note{padding:32px 12px 24px}.sidebar-note p{line-height:1.7}.private-note{font-size:11px}
.topbar{height:72px;border-bottom:0;padding:0 36px;gap:18px}.desktop-crumb{font-size:12px}#date-label{display:none}#theme-choice{border-radius:10px;background:var(--surface);max-width:124px}
.content{padding:22px 36px 36px;max-width:1700px}.page-heading{margin-bottom:30px;gap:18px}.page-heading h1{font-size:36px;font-weight:680;letter-spacing:-1.1px}.heading-dot{display:none}.page-heading p{font-size:13px;line-height:1.7;margin-top:10px}.button{border-radius:11px;padding:12px 18px;font-weight:650}.primary,.dark .primary{background:var(--action);color:var(--action-ink);border-color:transparent;box-shadow:0 2px 4px #0000000a}.primary:hover{filter:brightness(1.07)!important}.secondary{background:var(--surface)}
.board-section{display:grid;grid-template-columns:minmax(180px,1fr) auto;gap:22px 18px;margin-top:0}.board-tools{margin:0;min-width:0}.board-caption{display:none}.search-field{width:100%;border-radius:11px;background:var(--surface);padding:0 14px}.search-field input{min-height:48px;font-size:14px}.toolbar{margin:0;gap:10px}.filters{background:var(--surface);padding:4px;gap:3px;border-radius:11px;flex-wrap:nowrap}.filters button{font-size:13px;padding:7px 10px;min-height:40px;border-radius:8px;white-space:nowrap}.filters button.active{background:var(--tint);color:var(--brand);border-color:transparent;box-shadow:none}.filters button>span:last-child:not([data-icon]){background:transparent;padding:1px 3px}.toolbar #refresh{width:44px;height:44px;padding:0;justify-content:center}.toolbar #refresh>span:last-child{display:none}
.board{grid-column:1/-1;gap:18px}.column{background:var(--surface);border:1px solid transparent;border-radius:14px;padding:12px;min-height:420px}.column-head{padding:4px 5px 18px;gap:10px;font-size:15px;min-height:46px}.column-count{background:var(--panel);border-radius:7px;padding:3px 7px}.status-symbol{width:8px;height:8px}.doing .status-symbol{border-color:var(--brand);background:var(--brand)}.done .status-symbol{background:var(--brand);border-color:var(--brand)}
.task-card{background:var(--card);border-color:var(--line);border-radius:12px;padding:14px 16px 16px;margin-bottom:12px;box-shadow:var(--shadow)}.task-card:hover{border-color:var(--brand)}.card-top{margin-bottom:9px;gap:7px}.tag,.dark .tag{background:var(--tint);color:var(--brand);border-radius:6px;font-size:12px;padding:5px 8px;font-weight:550}.tag.home,.dark .tag.home{background:#f6e8df;color:#79472d}.dark .tag.home{background:#493a32;color:#f0c4aa}.urgent{font-size:12px;font-weight:500}.complete-task{width:36px;min-width:36px;height:36px;background:transparent}.complete-task.completed{background:var(--action);color:var(--action-ink);border-color:transparent}.card-title{font-size:16px;font-weight:550;line-height:1.55;letter-spacing:-.12px}.card-meta{border-top:0!important;margin-top:15px;padding-top:0;gap:8px}.card-meta select{border-radius:7px;background:var(--surface);color:var(--muted);border-color:var(--line);font-size:12px;min-height:36px}.due{font-size:12px}.done .card-title{text-decoration-color:var(--muted)}
.board-footer{grid-column:1/-1;margin-top:-4px;font-size:12px}.empty{padding:52px 15px;font-size:13px}.empty strong{font-size:15px}.empty svg{color:var(--brand);opacity:.8}.notice{background:var(--surface);font-size:13px;border-radius:10px}
dialog{background:var(--bg);border-radius:18px;border-color:var(--line);box-shadow:0 24px 90px #00000050}dialog::backdrop{background:#080f14aa}.dialog-heading .overline{display:none}.dialog-heading h2{font-size:23px;letter-spacing:-.6px}.field{font-size:13px;color:var(--muted)}.field input,.field textarea,.field select{background:var(--card);border-radius:9px;color:var(--ink)}.due-shortcuts button{border-radius:8px}.dialog-actions{gap:10px}.connection-error{background:var(--surface)}#toast{border-radius:12px}
@media(max-width:1100px){.layout{grid-template-columns:180px minmax(0,1fr)}.sidebar{padding-inline:12px}.content{padding-inline:24px}.topbar{padding-inline:24px}.board-section{grid-template-columns:1fr}.board-tools,.toolbar{grid-column:1/-1}.board-section{gap:16px}.toolbar{justify-content:space-between}.page-heading h1{font-size:32px}.board{gap:12px}}
@media(max-width:850px){.layout{display:block}.sidebar{display:none}}
@media(max-width:620px){.topbar,.in-telegram .topbar{min-height:60px;padding:9px 18px;border-bottom:1px solid var(--line);gap:10px}.mobile-brand{display:flex;align-items:center;font-size:23px;letter-spacing:-.7px}.mobile-brand img{width:28px;height:28px;margin-right:8px;border-radius:7px}.topbar #sync-state{font-size:10px}#theme-choice{font-size:16px;max-width:110px;min-height:42px;padding:7px}.content,.in-telegram .content{padding:22px 16px calc(24px + max(env(safe-area-inset-bottom),var(--app-safe-bottom,0px)))}.page-heading,.in-telegram .page-heading{gap:16px;margin-bottom:22px}.page-heading h1{font-size:29px;letter-spacing:-.8px}.page-heading p{font-size:12px;line-height:1.8;margin-top:6px}.page-heading>a{min-height:48px;border-radius:11px}.board-section,.in-telegram .board-section{display:block;margin-top:0}.board-tools{margin-bottom:12px}.search-field input{font-size:16px;min-height:46px}.toolbar{margin-bottom:17px;gap:6px}.filters{padding:3px;flex:1;display:grid;grid-template-columns:1.15fr 1fr 1fr}.filters button{font-size:13px;min-height:42px;padding:6px 4px;gap:4px}.filters button svg{display:none}.mobile-tabs{display:flex;gap:5px;border:0;padding:6px 0;margin-bottom:10px;background:var(--bg);top:0}.mobile-tabs button{border:1px solid var(--line);border-radius:9px;background:var(--surface);font-size:13px;min-height:44px;padding:8px 5px;gap:5px}.mobile-tabs button.active{background:var(--tint);border-color:var(--tint);color:var(--brand)}.mobile-tabs button span{background:var(--panel);font-size:11px}.column{padding:0;border:0;background:transparent;min-height:260px}.column-head{display:none}.task-card{padding:13px 15px 15px;border-radius:13px;margin-bottom:12px}.card-title{font-size:16px;line-height:1.55;min-height:32px}.complete-task{width:44px;min-width:44px;height:44px}.card-top{margin-bottom:6px}.card-meta{margin-top:13px}.card-meta select{min-height:44px;font-size:14px;max-width:130px}.due{font-size:13px}.tag{font-size:12px}.board-footer{margin-top:18px}.empty{background:var(--surface);border:1px dashed var(--line);border-radius:13px;padding:44px 18px}.dialog-actions{bottom:-22px;padding-bottom:8px}dialog{padding:22px 18px}.notice{margin-bottom:18px}.desktop-crumb{display:none}}
@media(prefers-reduced-motion:no-preference){.task-card{transition:border-color .16s,box-shadow .16s}.complete-task{transition:background .16s,color .16s}}
/* Neon direction: violet actions, cyan completion, indigo surfaces. */
:root{--bg:#f7f7ff;--surface:#eeeefb;--panel:#e0e0f4;--ink:#20203d;--muted:#595978;--line:#d2d2ec;--brand:#6541bd;--tint:#e7ddff;--danger:#ae294d;--card:#fff;--action:#6831d7;--action-ink:#fff;--cyan:#08778e}
body.dark{--bg:#090b18;--surface:#101529;--panel:#222c49;--ink:#f3f2ff;--muted:#afb9db;--line:#2a395f;--brand:#bc9aff;--tint:#292047;--danger:#ff92b0;--card:#161e36;--action:#792df5;--action-ink:#fff;--cyan:#5ee7ff}
body.dark{background-image:radial-gradient(ellipse at 95% 0%,#16376626,transparent 46%),radial-gradient(ellipse at 25% 0%,#6625c61b,transparent 45%);background-attachment:fixed}
.dark .sidebar{background:#0b1021;border-color:#232d4b}.dark .brand,.dark .mobile-brand{color:#fff;text-shadow:0 0 18px #945bff80}.dark .brand-logo,.dark .mobile-brand img{box-shadow:0 0 17px #40cfff30}
.side-nav .selected{border-color:var(--brand)}.dark .side-nav .selected{background:#192448;color:#fff;border-color:#6a78d9;box-shadow:0 0 15px #4d70ff20}.dark .primary{background:linear-gradient(115deg,#842de9,#5031e4);border:1px solid #c1a1ff;box-shadow:0 0 18px #833cff50,inset 0 1px 1px #ffffff33}.dark .primary:hover{box-shadow:0 0 25px #833cff80}
.dark .column{background:linear-gradient(180deg,#111831,#0d1223);border-color:#202b47}.column-head{font-size:16px}.status-symbol{width:13px;height:13px;border-width:2px}.doing .status-symbol{background:transparent;border-color:var(--brand);box-shadow:0 0 9px #9c5bff55}.done .status-symbol{background:transparent;border-color:var(--cyan);box-shadow:0 0 9px #41e3ff45}.dark .task-card{background:linear-gradient(135deg,#19233f,#141c30);border-color:#30436a;box-shadow:0 4px 16px #00000018}.dark .task-card:hover{border-color:#a288ef;box-shadow:0 0 18px #8452f51a}.tag,.dark .tag{background:var(--tint);color:var(--brand)}.tag.home{background:#daf1f7;color:#086b80}.dark .tag.home{background:#123b4c;color:#71e6ff}.dark .complete-task.completed{background:#163f46;color:#68edee;border:1px solid #319caa;box-shadow:0 0 10px #25c3d829}.dark .complete-task:hover{border-color:var(--cyan);color:var(--cyan)}
.dark .search-field{background:#0e162b;border-color:#344970}.dark .search-field:focus-within{border-color:#b299ff;box-shadow:0 0 0 2px #9161ff24,0 0 20px #8855ff1a}.dark .filters button.active{background:#202e59;color:#f1f0ff;border-color:#718cfd;box-shadow:0 0 10px #5e80ff20}.dark #theme-choice{background:#0e1427;border-color:#344465}.dark .card-meta select{background:#1e2b4b;color:#c9d5ff}.dark .sidebar-note{background:#0e172b;border:1px solid #283958;border-radius:13px;margin: auto 5px 24px;padding:18px 12px}.dark .sidebar-note>span svg{color:var(--cyan);filter:drop-shadow(0 0 7px #3ddfff88)}.dark dialog{border-color:#65509e;box-shadow:0 0 38px #743de526,0 24px 90px #0009}.dark .field input:focus,.dark .field textarea:focus,.dark .field select:focus{border-color:var(--brand)}
@media(max-width:620px){.dark .column{background:transparent;border:0}.dark .mobile-tabs button.active{background:#262044;border-color:#9471ee;box-shadow:0 0 12px #9059ff28}.dark .mobile-tabs button[data-column=done].active{background:#113340;border-color:#46c6e3;color:#7ceaff}.dark .topbar{background:#090d1c;border-color:#232d4b}.dark .mobile-tabs{background:#090b18}.dark .task-card{border-color:#30436a}.dark .page-heading>a{box-shadow:0 0 18px #833cff45}.dark .empty{background:#10162a}}
/* Shared 4px spacing rhythm and icon alignment. */
:root{--page-gutter:32px;--card-inset:20px;--icon-gap:8px}
.layout>main{min-width:0}.topbar{padding-inline:var(--page-gutter);gap:16px}.content{padding-inline:var(--page-gutter)}
.sidebar{padding:32px 20px 24px}.brand{padding:0 4px;gap:12px}.workspace{padding:0 4px;gap:12px;margin:32px 0 24px}.avatar{flex-shrink:0}.side-nav button{padding:12px;gap:12px}.sidebar-note,.dark .sidebar-note{margin-inline:0;padding:20px 16px}.private-note{padding-inline:4px;gap:8px}
span[data-icon]{align-items:center;justify-content:center;flex-shrink:0;line-height:1}span[data-icon] svg,button svg{display:block;flex-shrink:0}.button{gap:10px;padding:12px 20px;min-height:48px}.icon-button{width:44px;height:44px;min-width:44px}.topbar #sync-state{line-height:1.5}#theme-choice{padding:10px 12px;min-height:44px;max-width:132px}
.page-heading{margin-bottom:28px;gap:24px}.page-heading p{margin-top:8px}.board-section{gap:24px 16px}.search-field{padding:0 16px;gap:12px}.search-field input{padding:12px 0;line-height:1.5;min-height:48px}.search-field>span svg{width:20px;height:20px}.toolbar{gap:12px}.filters{padding:4px;gap:4px}.filters button{padding:8px 12px;gap:8px;min-height:40px}.toolbar #refresh{border:1px solid var(--line);border-radius:10px;width:48px;height:48px;flex-shrink:0}
.board{gap:20px}.column{padding:16px;border-radius:16px;min-width:0}.column-head{padding:4px 4px 20px;gap:12px;min-height:48px;line-height:1.5}.column-count{padding:2px 8px;line-height:20px}.status-symbol{flex-shrink:0}.task-card{padding:16px var(--card-inset) 20px;margin-bottom:16px;border-radius:12px}.task-card:last-child{margin-bottom:0}.card-top{gap:8px;margin-bottom:12px;min-height:44px}.tag,.dark .tag{padding:6px 8px;gap:6px;line-height:16px}.tag svg{width:14px!important;height:14px!important;display:block;flex-shrink:0}.complete-task{width:44px;min-width:44px;height:44px}.urgent{white-space:nowrap}.urgent+.complete-task{margin-left:0}.card-title{line-height:1.6;min-height:32px}.card-meta{margin-top:16px;gap:12px;flex-wrap:wrap}.due{gap:8px;line-height:1.5}.due svg{display:block;flex-shrink:0}.card-meta select{padding:8px 10px;min-height:40px;max-width:100%;margin-left:auto}.board-footer{gap:16px;margin-top:0;line-height:1.7}.board-footer>span{gap:8px}
dialog{padding:28px}.dialog-heading{gap:16px;align-items:center}.dialog-heading h2{line-height:1.3}.dialog-heading>.icon-button{flex-shrink:0}.field{gap:8px;margin-top:20px}.field input,.field select,.field textarea{padding:12px;min-height:48px;line-height:1.5}.fields-grid{gap:0 16px}.due-shortcuts{gap:8px;margin-top:20px}.due-shortcuts button{padding:10px 12px;min-height:44px}.dialog-actions{gap:12px;margin-top:24px;padding-top:16px}.notice{padding:16px;line-height:1.6}.connection-error{padding:16px;gap:16px}
@media(min-width:851px) and (max-width:1100px){.layout{grid-template-columns:200px minmax(0,1fr)}.board{gap:12px}.column{padding:12px}.task-card{--card-inset:12px}.card-top{flex-wrap:wrap}.urgent{font-size:11px}.column-head{gap:8px}}
@media(max-width:850px){:root{--page-gutter:24px}.board{gap:12px}.column{padding:12px}.task-card{--card-inset:16px}.board-section{gap:20px}}
@media(max-width:620px){:root{--page-gutter:20px;--card-inset:16px}.topbar,.in-telegram .topbar{padding:12px var(--page-gutter);gap:12px;min-height:68px}.mobile-brand{gap:8px;flex-shrink:0}.mobile-brand img{margin-right:0}.topbar #sync-state{font-size:11px}#theme-choice{max-width:116px;padding:10px 8px}.content,.in-telegram .content{padding:24px var(--page-gutter) calc(28px + max(env(safe-area-inset-bottom),var(--app-safe-bottom,0px)))}.page-heading,.in-telegram .page-heading{gap:16px;margin-bottom:24px}.page-heading p{margin-top:8px}.board-tools{margin-bottom:16px}.toolbar{gap:8px;margin-bottom:16px}.filters{gap:2px;padding:4px}.filters button{padding:8px 4px;gap:4px;min-height:44px;font-size:13px}.toolbar #refresh{height:48px;width:44px;min-width:44px}.mobile-tabs{gap:8px;padding:8px 0;margin-bottom:12px}.mobile-tabs button{gap:6px;padding:10px 4px;min-height:48px}.column{padding:0}.task-card{padding:16px;margin-bottom:16px}.card-top{margin-bottom:12px}.card-meta{gap:12px;margin-top:16px}.card-meta select{min-height:44px;padding:10px}.board-footer{margin-top:20px}.notice{padding:12px 16px}.empty{padding:36px 20px}dialog{padding:24px 20px}.dialog-heading h2{font-size:22px}.dialog-actions{bottom:-24px;padding:16px 0 8px}.dialog-actions .button{min-height:48px;padding-inline:12px}.fields-grid{gap:0 12px}}
@media(max-width:360px){:root{--page-gutter:16px}.topbar #sync-state{display:none}.topbar #theme-choice{margin-left:auto}.mobile-tabs{gap:4px}.mobile-tabs button{font-size:12px;gap:4px}.filters button{font-size:12px}.task-card{--card-inset:16px}.card-top{gap:6px}.urgent{font-size:11px}}
/* Intrinsic form/control widths must not push narrow Telegram windows sideways. */
.fields-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.field{min-width:0}.field input,.field select,.field textarea{max-width:100%;box-sizing:border-box}.filters,.filters button{min-width:0}.toolbar{min-width:0}.filters button>span{flex-shrink:0}
@media(max-width:620px){.filters button span[data-icon]{display:none}.filters{grid-template-columns:repeat(3,minmax(0,1fr))}.toolbar #refresh{flex:0 0 44px}.dialog-heading h2{min-width:0}.dialog-actions .button{min-width:0}.due-shortcuts{flex-wrap:wrap}}
@media(max-width:360px){.fields-grid{grid-template-columns:minmax(0,1fr)}.dialog-heading h2{font-size:20px}.filters button{gap:3px;padding-inline:2px}.filters button>span:last-child:not([data-icon]){padding-inline:1px}}
@media(max-width:360px){.dialog-actions{position:static}.dialog-actions .button{flex:1 0 100%;width:100%}.dialog-actions .danger{width:100%}}
.task-calendar{width:min(100%,800px);margin:32px 0 0 auto;display:grid;grid-template-columns:minmax(320px,368px) minmax(0,1fr);border:1px solid var(--line);border-radius:16px;background:var(--surface);overflow:hidden}.calendar-pane{padding:24px}.calendar-title,.calendar-month{display:flex;align-items:center;justify-content:space-between;gap:12px}.calendar-title h2{display:flex;align-items:center;gap:8px;margin:0;font-size:18px;line-height:24px;letter-spacing:-.3px}.calendar-title h2 svg{width:20px;height:20px;color:var(--brand)}.cal-today{padding:8px 10px;min-height:44px;font-size:13px;color:var(--brand);border-radius:8px}.cal-today:hover{background:var(--tint)}.calendar-month{margin:16px 0 12px}.calendar-month h3{margin:0;font-size:15px;font-weight:600;text-transform:capitalize}.calendar-month .icon-button{padding:0;display:grid;place-items:center}.calendar-month .icon-button svg{width:20px;height:20px}.calendar-month [data-cal-action=prev] svg{transform:rotate(180deg)}.calendar-week,.calendar-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}.calendar-week{font-size:12px;color:var(--muted);text-align:center;margin-bottom:8px}.calendar-week span{padding:4px 0}.cal-day{position:relative;min-width:0;width:100%;height:auto;min-height:44px;aspect-ratio:1;padding:0;border:1px solid transparent;border-radius:9px;font-size:14px;line-height:20px;font-variant-numeric:tabular-nums;display:grid;place-items:center;color:var(--ink)}.cal-number{display:block;line-height:20px;text-align:center}.cal-day:hover{background:var(--panel)}.cal-day.is-today{border-color:var(--brand)}.cal-day.is-selected{background:var(--tint);color:var(--brand);border-color:var(--brand)}.cal-dots{position:absolute;bottom:4px;left:0;right:0;display:flex;justify-content:center;gap:4px;height:5px;pointer-events:none}.cal-dots i,.calendar-legend i{width:5px;height:5px;border-radius:50%;display:block}.cal-work{background:var(--brand)}.cal-home{background:var(--cyan)}.calendar-legend{display:flex;align-items:center;flex-wrap:wrap;gap:16px;padding-top:16px;color:var(--muted);font-size:12px}.calendar-legend span{display:flex;align-items:center;gap:8px}.calendar-legend i{width:7px;height:7px}.calendar-agenda{display:flex;flex-direction:column;padding:24px;border-left:1px solid var(--line);min-width:0;background:var(--bg)}.agenda-heading>span{display:block;line-height:20px;font-size:12px;color:var(--muted)}.agenda-heading h3{font-size:18px;line-height:1.5;margin:4px 0 20px}.agenda-list{display:grid;gap:12px;max-height:300px;overflow-y:auto}.agenda-task{display:flex;align-items:flex-start;gap:12px;text-align:left;padding:16px;min-height:64px;background:var(--card);border:1px solid var(--line);border-radius:10px;width:100%}.agenda-task>span:nth-child(2){flex:1;min-width:0}.agenda-task strong{display:block;overflow-wrap:anywhere;font-size:14px;font-weight:550;line-height:1.5}.agenda-task small{display:block;color:var(--muted);font-size:12px;margin-top:6px;line-height:1.5}.agenda-task:hover{border-color:var(--brand)}.agenda-task.is-done strong{text-decoration:line-through;color:var(--muted)}.agenda-category{width:8px;height:8px;flex-shrink:0;border-radius:50%;margin-top:6px}.calendar-empty,.calendar-note{font-size:13px;color:var(--muted);line-height:1.7}.calendar-note{margin:0;padding-top:20px;font-size:12px}.calendar-empty{margin:0;padding:12px 0}.agenda-task>span:last-child{line-height:21px;flex-shrink:0}.calendar-agenda .calendar-note{margin-top:auto}.cal-day:focus-visible,.cal-today:focus-visible,.calendar-month button:focus-visible,.agenda-task:focus-visible{outline:2px solid var(--brand);outline-offset:-3px}.dark .cal-day.is-selected{box-shadow:0 0 10px #8a5bff25}.dark .cal-home{box-shadow:0 0 5px #5ee7ff33}
@media(max-width:620px){.task-calendar{display:flex;flex-direction:column;margin-top:28px}.calendar-pane{padding:16px}.calendar-agenda{border-left:0;border-top:1px solid var(--line);padding:20px}.calendar-days{gap:4px}.cal-day{height:auto;min-height:44px}.agenda-list{max-height:280px}}
.sign-in-link{display:flex!important;width:fit-content;margin-top:16px;text-decoration:none!important;padding:12px 20px!important;color:var(--action-ink)!important}.login-code{display:block;font-size:28px;letter-spacing:5px;margin-top:8px;color:var(--ink);font-variant-numeric:tabular-nums}.login-status{margin-top:12px;color:var(--muted);font-size:13px}.topbar #browser-logout{min-height:44px;padding-inline:8px}
.signed-out .board-section,.signed-out #task-calendar,.signed-out #voice-action{display:none}.signed-out #mode-notice{max-width:580px;padding:24px;line-height:1.8}.signed-out .content{padding-top:32px}
.account-form {max-width:580px;margin-top:20px;padding:24px;border:1px solid var(--line);border-radius:20px;background:var(--surface)}
.account-form h2 {margin:0 0 8px;font-size:20px}
.account-form .field,#profile-dialog .field {display:flex;flex-direction:column;gap:8px;margin:20px 0}
.account-form input,#profile-dialog input {box-sizing:border-box;width:100%;min-height:48px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--bg);color:var(--ink);font:inherit}
.account-form input:focus-visible,#profile-dialog input:focus-visible {outline:2px solid var(--brand);outline-offset:3px}
#profile-dialog {width:min(480px,calc(100% - 32px));box-sizing:border-box;padding:24px}
#profile-dialog p,.account-form p {line-height:1.6}
#profile-code {font-size:24px!important;letter-spacing:.18em;font-variant-numeric:tabular-nums}
#profile-dialog .button {min-height:44px;white-space:normal}
#code-error {color:var(--ink)}
@media(max-width:600px){.topbar{flex-wrap:wrap;gap:12px}.account-form{padding:20px}#profile-dialog{padding:20px}}