:root{--bg:#15171c;--bg-2:#1d2027;--bg-3:#262a33;--fg:#e8eaf0;--fg-2:#9aa0ae;--fg-3:#646a78;--accent:#6c9cff;--accent-2:#3d64c7;--accent-soft:#6c9cff2e;--danger:#ff6b6b;--danger-soft:#ff6b6b1f;--now:#4cd27f;--now-bg:#1b2a22;--border:#2c3039;--border-2:#3a3f4b;--hover:#2f3440;--active:#353a47;--shadow:#0000008c;--scrim:#0000008c;--radius:10px;color:var(--fg);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Segoe UI Variable,Segoe UI,system-ui,sans-serif;font-size:14px}@media (prefers-color-scheme:light){:root{--bg:#f7f7f9;--bg-2:#fff;--bg-3:#e9eaef;--fg:#1b1d23;--fg-2:#5c6270;--fg-3:#9096a3;--accent:#2f63d6;--accent-2:#2452b8;--accent-soft:#2f63d624;--danger:#d64545;--danger-soft:#d645451a;--now:#1f9e58;--now-bg:#e6f5ec;--border:#dcdee5;--border-2:#c9ccd6;--hover:#e9eaef;--active:#dddfe6;--shadow:#1418242e;--scrim:#1e222c59;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}}*{box-sizing:border-box}html,body{height:100%;margin:0;overflow:hidden}body.sidebar{background:var(--bg);border-left:1px solid var(--border);-webkit-user-select:none;user-select:none;flex-direction:column;display:flex}.bar{cursor:default;justify-content:space-between;align-items:center;padding:14px 14px 8px;display:flex}.clock #clock-time{letter-spacing:-.5px;font-size:30px;font-weight:600;line-height:1}.clock #clock-date{color:var(--fg-2);margin-top:4px;font-size:12.5px}.bar-actions{gap:4px;display:flex}button{font:inherit;color:inherit;background:var(--bg-3);cursor:pointer;border:1px solid #0000;border-radius:8px;padding:6px 12px}button:hover{background:var(--hover)}button.icon{width:32px;height:32px;color:var(--fg-2);background:0 0;border-radius:8px;place-items:center;padding:0;display:grid}button.icon svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}button.icon:hover{color:var(--fg);background:var(--bg-3)}button.icon:active{background:var(--active)}button.icon.small{width:24px;height:24px;color:var(--fg-3)}button.icon.small svg{width:14px;height:14px}button.icon.small:hover{color:var(--fg)}button.icon.spin svg{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}button.link{color:var(--fg-3);background:0 0;padding:2px 6px;font-size:12px}button.link:hover{color:var(--fg)}button.primary{background:var(--accent-2)}button.primary:hover{background:var(--accent)}button.danger{color:var(--danger);background:0 0}button.danger:hover{background:var(--danger-soft)}.panel{flex-direction:column;min-height:0;padding:6px 14px;display:flex}.panel.grow{flex:1}#meetings-panel{max-height:40%}.panel-head{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.panel h2{text-transform:uppercase;letter-spacing:.08em;color:var(--fg-2);margin:0;font-size:11.5px;font-weight:600}.count{color:var(--fg-3);margin-left:4px;font-weight:500}.list{flex-direction:column;gap:6px;min-height:0;padding-bottom:6px;display:flex;overflow-y:auto}.list::-webkit-scrollbar{width:6px}.list::-webkit-scrollbar-thumb{background:var(--bg-3);border-radius:3px}.empty{color:var(--fg-3);padding:10px 4px;font-size:13px;line-height:1.4}.empty a{color:var(--accent);cursor:pointer}.error{color:var(--danger);word-break:break-word;padding:6px 4px;font-size:12.5px}.meeting{border-left:2px solid var(--bg-3);border-radius:6px;align-items:center;gap:8px;min-height:24px;padding:3px 6px 3px 8px;font-size:12.5px;display:flex}.meeting:hover{background:var(--bg-2)}.meeting.soon{border-left-color:var(--accent)}.meeting.now{border-left-color:var(--now);background:var(--now-bg)}.meeting.past{opacity:.4}.meeting .m-when{color:var(--fg-2);font-variant-numeric:tabular-nums;flex-shrink:0;width:58px;font-size:12px}.meeting .m-title{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-weight:500;overflow:hidden}.meeting .m-rel{color:var(--accent);white-space:nowrap;font-size:11px;font-weight:600}.meeting.now .m-rel{color:var(--now)}.meeting.past .m-rel{color:var(--fg-3);font-weight:400}.meeting .m-join{width:20px;height:20px;color:var(--accent);border-radius:5px;flex-shrink:0;place-items:center;display:grid}.meeting .m-join svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:13px;height:13px}.meeting .m-join:hover{background:var(--accent-soft)}.meeting.now .m-join{color:var(--now)}.day-sep{color:var(--fg-3);text-transform:uppercase;letter-spacing:.06em;margin:4px 2px 0;font-size:10.5px}.day-sep.tomorrow{border-top:1px dashed var(--bg-3);margin-top:8px;padding-top:6px}.meeting.next-day{opacity:.7;border-left-style:dashed}.meeting.next-day .m-when,.meeting.next-day .m-title{color:var(--fg-2);font-weight:400}.meeting.next-day .m-rel{display:none}.cal-nav{align-items:center;gap:2px;display:flex}.cal-nav h2{text-align:center;min-width:56px}.cal-nav h2.other-day{color:var(--accent)}.cal-nav button.link{margin-left:4px;font-size:11px}#meetings-panel .list{gap:1px}.modal input:not([type=checkbox]){width:100%;font:inherit;color:var(--fg);background:var(--bg-2);border:1px solid var(--border);border-radius:8px;outline:none;padding:8px 10px}.modal input:focus{border-color:var(--accent-2)}.outline{-webkit-user-select:text;user-select:text;gap:0}.row{margin-left:calc(var(--depth,0) * 22px);border-radius:6px;align-items:flex-start;gap:6px;padding:2px 4px 2px 2px;display:flex;position:relative}.row:hover,.row:focus-within{background:var(--bg-2)}.row .mark{width:18px;height:18px;color:var(--fg-3);cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;place-items:center;margin-top:3px;padding:0;display:grid}.row.note .mark:before{content:"";background:var(--fg-3);border-radius:50%;width:6px;height:6px}.row.note .mark:hover:before{background:var(--accent)}.row.task .mark{border:1.5px solid var(--fg-3);border-radius:4px;width:16px;height:16px;margin:4px 1px 0}.row.task .mark svg{fill:none;width:11px;height:11px;stroke:var(--bg);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;opacity:0}.row.task .mark:hover{border-color:var(--accent)}.row.task.done .mark{background:var(--accent);border-color:var(--accent)}.row.task.done .mark svg{opacity:1}.row .txt{word-break:break-word;white-space:pre-wrap;cursor:text;outline:none;flex:1;min-width:0;padding:1px 2px;line-height:1.5}.row .txt a{color:var(--accent);cursor:pointer;text-decoration:none}.row .txt a:hover{text-decoration:underline}.row .txt strong{font-weight:600}.row .txt code{background:var(--bg-3);border-radius:4px;padding:0 4px;font-family:Cascadia Code,Consolas,monospace;font-size:.9em}.row .txt s{color:var(--fg-3)}.row .txt img.pic{border:1px solid var(--border);border-radius:6px;max-width:100%;height:auto;margin:4px 0 2px;display:block}.row .txt .pic-missing{color:var(--fg-3);font-style:italic}.row .txt .pic-wait{border:2px solid var(--border-2);border-top-color:var(--accent);border-radius:50%;width:16px;height:16px;margin:6px 0 4px;animation:.8s linear infinite spin;display:block}.row.done .txt{color:var(--fg-3);text-decoration:line-through}.row.new .txt:empty:before{content:attr(data-placeholder);color:var(--fg-3)}.row.new .mark:before{background:var(--bg-3)}.row .fold{width:16px;height:18px;color:var(--fg-3);cursor:pointer;opacity:0;background:0 0;border:none;place-items:center;padding:0;transition:opacity .1s,transform .12s;display:grid;position:absolute;top:3px;left:-14px;transform:rotate(90deg)}.row .fold svg{fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;width:10px;height:10px}.row:hover .fold,.row.collapsed .fold{opacity:1}.row.collapsed .fold{transform:rotate(0)}.row .fold:hover{color:var(--accent)}.row.collapsed.note .mark:before{box-shadow:0 0 0 3px var(--bg-3)}.row .count{background:var(--bg-3);color:var(--fg-3);border-radius:8px;flex-shrink:0;margin-top:4px;padding:0 6px;font-size:11px;line-height:16px}.row .when{white-space:nowrap;height:18px;color:var(--accent);background:color-mix(in srgb, var(--accent) 14%, transparent);cursor:default;border-radius:999px;flex-shrink:0;align-items:center;gap:2px;margin-top:4px;padding:0 2px 0 7px;font-size:11px;line-height:18px;display:inline-flex}.row .when.off{color:var(--fg-2);box-shadow:inset 0 0 0 1px var(--fg-3);background:0 0}.row .when.past{color:var(--fg-3);background:var(--bg-3)}.row.done .when{color:var(--fg-3);box-shadow:inset 0 0 0 1px var(--bg-3);background:0 0}.row .when-x{width:14px;height:14px;color:inherit;cursor:pointer;opacity:0;background:0 0;border:none;border-radius:50%;padding:0;font-size:13px;line-height:14px}.row:hover .when-x,.row .when:hover .when-x{opacity:.7}.row .when-x:hover{opacity:1;background:color-mix(in srgb, currentColor 20%, transparent)}.row.arch.clickable,.row.arch.clickable .txt{cursor:pointer}.row .del{width:18px;height:18px;color:var(--fg-3);opacity:0;background:0 0;border:none;flex-shrink:0;place-items:center;margin-top:3px;padding:0;display:grid}.row .del svg{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;width:11px;height:11px}.row:hover .del{opacity:1}.row .del:hover{color:var(--danger)}.hint{color:var(--fg-3);text-align:center;padding:8px 14px 12px;font-size:11.5px}kbd{background:var(--bg-3);border-radius:4px;padding:1px 5px;font-family:inherit;font-size:11px}.modal{background:var(--scrim);z-index:10;justify-content:center;align-items:center;padding:12px;display:flex;position:fixed;inset:0}.modal.hidden{display:none}.modal-card{background:var(--bg-2);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:12px;width:100%;max-height:100%;padding:16px;display:flex;overflow-y:auto}.modal-card h2{margin:0;font-size:16px}.modal-head{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.saved-note{color:var(--now);font-size:12px}#settings-error:empty{display:none}.cloud-code{letter-spacing:2px;text-align:center;background:var(--bg-3);border-radius:8px;margin-bottom:8px;padding:10px;font-family:Cascadia Code,Consolas,monospace;font-size:18px;font-weight:600}.advanced{border:1px solid var(--border);border-radius:var(--radius);padding:8px 10px;font-size:12.5px}.advanced summary{cursor:pointer;color:var(--fg-2)}.advanced[open] summary{margin-bottom:8px}.advanced>div{flex-direction:column;gap:8px;display:flex}.advanced>.google-row{flex-direction:row}#cloud-calendar.hidden{display:none}.cloud-lead{color:var(--fg-3);margin-bottom:8px;font-size:12px;line-height:1.4;display:block}.modal label{color:var(--fg-2);flex-direction:column;gap:5px;font-size:12.5px;display:flex}.modal label.check{color:var(--fg);flex-direction:row;align-items:center;gap:8px}.modal label small{color:var(--fg-3);font-size:11.5px;line-height:1.4}.modal-actions{align-items:center;gap:8px;margin-top:4px;display:flex}.spacer{flex:1}body.capture{background:0 0;place-items:center;padding:8px;display:grid}.capture-card{background:var(--bg-2);border:1px solid var(--border-2);width:100%;box-shadow:0 12px 40px var(--shadow);border-radius:14px;align-items:center;gap:10px;padding:12px 16px;display:flex;position:relative}.capture-icon{color:var(--accent);font-size:22px;line-height:1}.capture-card input{font:inherit;color:var(--fg);background:0 0;border:none;outline:none;flex:1;font-size:17px}.capture-card input::placeholder{color:var(--fg-3)}.capture-flash{color:var(--now);opacity:0;font-size:12px;transition:opacity .2s;position:absolute;right:16px}.capture-flash.show{opacity:1}fieldset{border:1px solid var(--border);border-radius:8px;flex-direction:column;gap:10px;margin:0;padding:10px 12px 12px;display:flex}legend{color:var(--fg-2);padding:0 4px;font-size:12px}.cloud-state{color:var(--fg-2);margin-bottom:8px;font-size:12px;line-height:1.4}.cloud-state.ok{color:var(--now)}.cloud-state.error{color:var(--danger)}.google-row .spacer{flex:1}.google-row{justify-content:space-between;align-items:center;display:flex}.google-row.hidden,#google-disconnected.hidden,#cloud-on.hidden,#cloud-off.hidden,#cloud-wait.hidden,#btn-cloud-force.hidden{display:none}#cloud-on .google-row{gap:8px}.ok{color:var(--now);font-size:13px}button[disabled]{opacity:.6;cursor:wait}body.tab{background:0 0;place-items:stretch stretch;display:grid}.edge-tab{border:1px solid var(--border-2);background:var(--bg-2);width:100%;height:100%;color:var(--fg-2);box-shadow:-2px 0 10px var(--shadow);border-right:none;border-radius:8px 0 0 8px;place-items:center;padding:0;display:grid}.edge-tab:hover{background:var(--bg-3);color:var(--fg)}.head-links{gap:2px;display:flex}.row.arch .txt{cursor:default;color:var(--fg-2)}.row.arch.done .txt{color:var(--fg-3);text-decoration:line-through}.row.arch.task .mark{cursor:default}.row.arch.task .mark:hover{border-color:var(--fg-3)}.row.arch.task.done .mark{background:var(--fg-3);border-color:var(--fg-3)}.row .mini{width:22px;height:22px;color:var(--fg-3);opacity:0;background:0 0;border:none;border-radius:5px;flex-shrink:0;place-items:center;margin-top:1px;padding:0;display:grid}.row:hover .mini{opacity:1}.row .mini svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:13px;height:13px}.row .mini:hover{color:var(--accent);background:var(--bg-3)}.row .mini.danger:hover{color:var(--danger)}.event-form{background:var(--bg-2);border-radius:8px;flex-direction:column;gap:6px;margin-bottom:6px;padding:8px;display:flex}.event-form[hidden]{display:none}.event-form input,.event-form select{font:inherit;color:var(--fg);background:var(--bg);border:1px solid var(--border);border-radius:6px;outline:none;min-width:0;padding:5px 8px;font-size:12.5px}.event-form input:focus,.event-form select:focus{border-color:var(--accent-2)}.event-form #ev-title{width:100%}.event-row{align-items:center;gap:6px;display:flex}.event-row #ev-date{flex:1.3}.event-row #ev-time,.event-row #ev-duration{flex:1}.event-row .error{padding:0;font-size:11.5px}button.small-btn{padding:4px 12px;font-size:12.5px}body.alert{-webkit-user-select:none;user-select:none;background:#080a0ee6;place-items:center;display:grid}.alert-card{background:var(--bg-2);border:1px solid var(--border-2);width:min(560px,90vw);box-shadow:0 30px 80px var(--shadow);text-align:center;border-radius:18px;flex-direction:column;gap:10px;padding:32px 36px 24px;animation:.25s ease-out alert-in;display:flex}@keyframes alert-in{0%{opacity:0;transform:translateY(12px)scale(.98)}}.alert-countdown{color:var(--accent);letter-spacing:.02em;font-variant-numeric:tabular-nums;font-size:15px;font-weight:600}.alert-countdown.now{color:var(--now)}.alert-card h1{word-break:break-word;margin:0;font-size:30px;font-weight:650;line-height:1.2}.alert-when{color:var(--fg-2);font-size:16px}.alert-loc{color:var(--fg-3);font-size:13.5px}.alert-loc[hidden]{display:none}.alert-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:14px;display:flex}button.big{border-radius:10px;padding:11px 20px;font-size:15px}button.big.primary{padding-inline:28px;font-weight:600}button.ghost{color:var(--fg-2);background:0 0}button.ghost:hover{background:var(--bg-3);color:var(--fg)}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.alert-hint{color:var(--fg-3);margin-top:8px;font-size:11.5px}.outline,.archive-card .list{margin-left:-14px;padding-left:14px}body.journal{background:var(--bg);-webkit-user-select:text;user-select:text;flex-direction:column;height:100vh;display:flex}.j-head{border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:8px;padding:10px 14px;display:flex}.j-head h1{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;margin:0 4px;font-size:17px;font-weight:600;overflow:hidden}.j-head .tag,.j-dayrow .rel{color:var(--accent);background:color-mix(in srgb, var(--accent) 14%, transparent);vertical-align:middle;border-radius:999px;margin-left:6px;padding:1px 7px;font-size:11px;font-weight:500}.j-head input{background:var(--bg-2);border:1px solid var(--border);color:var(--fg);font:inherit;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;border-radius:6px;padding:4px 8px;font-size:13px}.j-head input[type=search]{width:220px}.j-head input:focus{border-color:var(--accent-2);outline:none}.j-body{flex:1;grid-template-columns:210px 1fr;min-height:0;display:grid}.j-timeline{border-right:1px solid var(--border);padding:6px 0 20px;overflow-y:auto}.j-month{letter-spacing:.06em;text-transform:uppercase;color:var(--fg-3);padding:12px 14px 4px;font-size:11px}.j-dayrow{width:100%;color:var(--fg-2);font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;padding:5px 14px;font-size:13px;display:flex}.j-dayrow:hover{background:var(--bg-2)}.j-dayrow.selected{background:var(--bg-3);color:var(--fg)}.j-dayrow .wd{width:30px;color:var(--fg-3)}.j-dayrow.today .dn{color:var(--accent);font-weight:600}.j-dayrow .dots{gap:3px;margin-left:auto;display:flex}.j-dayrow .dot{background:var(--fg-3);border-radius:50%;width:6px;height:6px}.j-dayrow .dot.ev{background:var(--accent)}.j-dayrow .dot.done{background:var(--now)}.j-dayrow .dot.sched{background:var(--accent-2)}.j-main{max-width:820px;padding:14px 24px 40px;overflow-y:auto}.j-section{margin-bottom:20px}.j-section h3{letter-spacing:.06em;text-transform:uppercase;color:var(--fg-3);align-items:center;gap:8px;margin:0 0 6px;font-size:11.5px;display:flex}.j-section h3 .note{text-transform:none;letter-spacing:0;color:var(--fg-3);font-weight:400}.j-section h3 button.link{text-transform:none;letter-spacing:0;color:var(--fg);font-size:13px}.j-searchhead{color:var(--fg-2);margin:0 0 14px;font-size:13px}.j-main .row{align-items:flex-start;padding:4px 6px 4px 2px}.j-main .row .body{flex:1;min-width:0}.j-main .row .txt{cursor:default}.j-main .row .txt.faint{color:var(--fg-3)}.j-main .row .meta{color:var(--fg-3);margin-top:1px;padding-left:2px;font-size:11px}.j-main .row .mark{cursor:default}.j-main .row.note .mark:hover:before{background:var(--fg-3)}.j-main .row .mini{margin-top:3px}.j-main .meeting{max-width:560px}html,body.web{height:100%}body.web{background:var(--bg);color:var(--fg);overscroll-behavior:none;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;font-size:16px;overflow:hidden}[hidden]{display:none!important}.boot{height:100%;color:var(--fg-3);place-items:center;font-size:18px;font-weight:600;display:grid}.app{max-width:720px;height:100dvh;padding-top:env(safe-area-inset-top);flex-direction:column;margin:0 auto;display:flex}.top{padding:12px max(14px, env(safe-area-inset-right)) 8px max(16px, env(safe-area-inset-left));align-items:center;gap:10px;display:flex}.top h1{margin:0;font-size:22px;font-weight:650}.top .count{color:var(--accent);vertical-align:middle;font-size:13px;font-weight:600}.top .spacer,.toolbar .spacer{flex:1}.top button.icon{width:40px;height:40px}.top button.icon svg{fill:currentColor;stroke:none;width:22px;height:22px}.top .link{font-size:14px}.sync-dot{background:var(--now);border-radius:50%;width:9px;height:9px}.sync-dot[data-phase=syncing]{background:var(--accent);animation:1s ease-in-out infinite sync-pulse}.sync-dot[data-phase=offline]{background:var(--fg-3)}.sync-dot[data-phase=error],.sync-dot[data-phase=paused]{background:var(--danger)}@keyframes sync-pulse{50%{opacity:.35}}@media (prefers-reduced-motion:reduce){.sync-dot[data-phase=syncing]{animation:none}}.banner{background:var(--danger-soft);color:var(--fg);border-radius:10px;flex-direction:column;align-items:flex-start;gap:6px;margin:0 12px 8px;padding:10px 12px;font-size:14px;line-height:1.4;display:flex}.banner[data-phase=offline]{background:var(--bg-2);color:var(--fg-2)}.banner .link{color:var(--danger);font-weight:600}body.web .outline{-webkit-overflow-scrolling:touch;min-height:0;padding:4px max(10px, env(safe-area-inset-right)) calc(88px + env(safe-area-inset-bottom)) max(10px, env(safe-area-inset-left));flex:1;overflow-y:auto}body.web .row{border-radius:8px;gap:10px;padding:7px 6px}body.web .row:hover{background:0 0}body.web .row:focus-within{background:var(--bg-2)}body.web .row .txt{outline:none;min-height:24px;font-size:16px;line-height:1.45}body.web .row .mark{width:24px;height:24px;margin-top:0;position:relative}body.web .row .mark:after{content:"";position:absolute;inset:-10px}body.web .row .del{display:none}body.web .row .when{font-size:12px}.menu{top:calc(env(safe-area-inset-top) + 56px);right:max(12px, env(safe-area-inset-right));z-index:20;background:var(--bg-2);border:1px solid var(--border);min-width:220px;box-shadow:0 10px 30px var(--shadow);border-radius:12px;flex-direction:column;padding:6px;display:flex;position:absolute}.menu-account{color:var(--fg-2);border-bottom:1px solid var(--border);overflow-wrap:anywhere;margin-bottom:4px;padding:10px 12px;font-size:13px}.menu button{text-align:left;color:var(--fg);background:0 0;border:none;border-radius:8px;padding:12px;font-size:15px}.menu button.danger{color:var(--danger)}.menu button:active{background:var(--active)}.toolbar{z-index:10;padding:6px max(8px, env(safe-area-inset-right)) calc(6px + env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left));background:var(--bg-2);border-top:1px solid var(--border);align-items:center;gap:2px;display:flex;position:fixed;bottom:0;left:0;right:0}.toolbar button{width:46px;height:44px;color:var(--fg-2);background:0 0;border:none;border-radius:10px;place-items:center;display:grid}.toolbar button:active{background:var(--active);color:var(--fg)}.toolbar button svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.toolbar button.text{width:auto;color:var(--accent);padding:0 14px;font-size:15px;font-weight:600}.signin{max-width:380px;padding:calc(env(safe-area-inset-top) + 48px) 20px 24px;flex-direction:column;gap:12px;margin:0 auto;display:flex}.signin h1{margin:0;font-size:26px}.signin p{color:var(--fg-2);margin:0 0 4px}.signin .google{color:var(--fg);background:var(--bg-2);border:1px solid var(--border-2);border-radius:10px;justify-content:center;align-items:center;gap:12px;padding:14px;font-size:16px;font-weight:600;display:flex}.signin .google svg{flex-shrink:0;width:20px;height:20px}.signin .google:active{background:var(--active)}.signin .error{min-height:20px;font-size:14px}