.shell{max-width:640px;min-height:100dvh;margin:0 auto}.topbar{z-index:10;height:calc(var(--topbar-h) + var(--safe-top));padding:var(--safe-top) 12px 0 8px;background:var(--c-bg);align-items:center;gap:8px;display:flex;position:sticky;top:0}.topbar-title{white-space:nowrap;text-overflow:ellipsis;flex:1;margin:0;font-size:18px;font-weight:600;overflow:hidden}.topbar-right{align-items:center;gap:8px;display:flex}.pro-badge{border-radius:var(--radius);background:var(--c-accent);color:#1d1f2c;border:0;min-height:36px;padding:0 12px;font-size:14px}.pro-badge:hover:not(:disabled){filter:brightness(.96);border:0}.content{padding:4px 16px calc(var(--tabbar-h) + var(--safe-bottom) + 24px)}.notices{gap:8px;margin-bottom:12px;display:grid}.notices:empty{display:none}.notices p{margin:0}.tabbar{z-index:10;max-width:640px;height:calc(var(--tabbar-h) + var(--safe-bottom));padding:0 4px var(--safe-bottom);background:var(--c-surface);box-shadow:0 -2px 12px var(--c-shadow-strong);border-radius:16px 16px 0 0;justify-content:space-around;align-items:stretch;margin:0 auto;display:flex;position:fixed;bottom:0;left:0;right:0}.tab{color:var(--c-inactive);background:0 0;border:0;flex-direction:column;flex:1;gap:2px;padding:0;font-size:12px;font-weight:500}.tab:hover:not(:disabled){color:var(--c-link);border:0}.tab[aria-current=page]{color:var(--c-link)}.fab{border:4px solid var(--c-surface);background:var(--c-primary);width:56px;height:56px;color:var(--c-on-primary);box-shadow:0 4px 12px var(--c-fab-glow);border-radius:50%;flex:none;align-self:center;margin:-20px 6px 0;padding:0}.fab:hover:not(:disabled){border-color:var(--c-surface);background:var(--c-primary-hover)}.drawer-backdrop{z-index:20;background:var(--c-backdrop);position:fixed;inset:0}.drawer{width:min(320px,82vw);padding:calc(16px + var(--safe-top)) 0 calc(16px + var(--safe-bottom));background:var(--c-surface);flex-direction:column;animation:.18s ease-out drawer-in;display:flex;position:absolute;inset:0 auto 0 0;overflow-y:auto}@keyframes drawer-in{0%{transform:translate(-100%)}}@media (prefers-reduced-motion:reduce){.drawer{animation:none}}.drawer-head{border-bottom:1px solid var(--c-border);align-items:center;gap:12px;padding:0 16px 16px;display:flex}.drawer-head strong{font-size:17px;display:block}.drawer-detail{color:var(--c-link);font-size:13px;display:block}.ellipsis{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.drawer-list{margin:8px 0;padding:0;list-style:none}.drawer-list button,.drawer-signout{background:0 0;border:0;border-radius:0;justify-content:flex-start;gap:16px;width:100%;min-height:48px;padding:0 20px;font-weight:400}.drawer-list button:hover:not(:disabled),.drawer-signout:hover:not(:disabled){background:var(--c-bg);border:0}.drawer-list button[aria-current=page]{color:var(--c-link)}.drawer-foot{margin-top:auto;padding-top:16px}.drawer-signout{color:var(--c-danger)}.upgrade-card{text-align:center;border:1px solid var(--c-border);border-radius:var(--radius-lg);background:var(--hazard) top / 100% 5px no-repeat;margin:0 16px 12px;padding:20px 16px 16px;overflow:hidden}.drawer-logo{margin:16px 20px 0;display:block}.upgrade-card h3{justify-content:center;align-items:center;gap:8px;margin-bottom:6px;display:flex}.upgrade-card p{color:var(--c-muted);font-size:14px}.upgrade-card button{border-radius:999px}.sync{border-radius:var(--radius);background:var(--c-surface);border:1px solid var(--c-border);align-items:center;gap:8px;min-height:40px;padding:0 4px 0 12px;font-size:14px;display:flex}.sync>p[role=status]{color:var(--c-muted);background:0 0;flex:1;align-items:center;gap:8px;padding:0;display:flex}.sync[data-state=synced] svg{color:var(--c-success)}.sync[data-state=pending] svg{color:var(--c-link)}.sync[data-state=offline] svg{color:var(--c-inactive)}.sync[data-state=conflict] svg{color:var(--c-danger)}.sync button{min-height:36px;font-size:14px}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/dm-sans-latin-ext-500-normal-BJfUCQsA.woff2)format("woff2"),url(/assets/dm-sans-latin-ext-500-normal-DR84L5F-.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/dm-sans-latin-500-normal-B9HHJjqV.woff2)format("woff2"),url(/assets/dm-sans-latin-500-normal-Dr3UlScf.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/dm-sans-latin-ext-700-normal-CJIcxD6K.woff2)format("woff2"),url(/assets/dm-sans-latin-ext-700-normal-BLI3TTWz.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/dm-sans-latin-700-normal-DvUfVpUG.woff2)format("woff2"),url(/assets/dm-sans-latin-700-normal-CUSSCpQX.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}