body{margin:0;font-family:system-ui,-apple-system,sans-serif;background:var(--c-bg);color:var(--c-text)}.app{display:flex;flex-direction:column;height:100vh;height:100dvh;overflow:hidden}.topbar{display:flex;align-items:center;gap:12px;padding:calc(8px + env(safe-area-inset-top)) calc(16px + env(safe-area-inset-right)) 8px calc(16px + env(safe-area-inset-left));border-bottom:1px solid var(--c-border);background:var(--c-surface);color:var(--c-text);flex-shrink:0}.topbar .settings-link{text-decoration:none;font-size:20px;line-height:1;color:var(--c-text-muted);padding:4px 6px}.topbar .title{font-size:18px;margin:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar .logout{border:1px solid var(--c-border-strong);background:var(--c-surface);color:var(--c-text);border-radius:8px;padding:6px 10px;font-size:13px}.content{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;overflow-wrap:anywhere;-webkit-overflow-scrolling:touch;padding:calc(16px + env(safe-area-inset-top)) calc(16px + env(safe-area-inset-right)) 16px calc(16px + env(safe-area-inset-left));width:100%;box-sizing:border-box}.content>*{max-width:640px;margin-inline:auto}.authed .content{padding-top:16px}.tabbar{flex-shrink:0;display:flex;justify-content:space-around;background:var(--c-surface);border-top:1px solid var(--c-border);padding-bottom:env(safe-area-inset-bottom)}.tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 2px;text-decoration:none;color:var(--c-text-faint);font-size:11px}.tab .icon{font-size:20px;line-height:1}.tab.active{color:var(--c-accent);font-weight:700}*,*:before,*:after{box-sizing:border-box}:root,[data-theme=c]{--c-bg: #f4f1ea;--c-surface: #ffffff;--c-surface-2: #f7f5f0;--c-text: #1f2d4d;--c-text-muted: #51607c;--c-text-faint: #8a93a6;--c-accent: #1f2d4d;--c-accent-text: #ffffff;--c-gold: #c9a24b;--c-border: #e3dfd4;--c-border-strong: #cbc4b4;--c-success: #1f8a4c;--c-info: #2563eb;--c-warning: #b7791f;--c-danger: #c0392b;--c-visit: #7c3aed;--c-visit-text: #ffffff;--c-accent-soft: #e7ebf3;--c-warning-soft: #f6ecd2;--c-info-soft: #e4ecfb;--c-visit-soft: #efe7fb;--c-success-soft: #e3f3ea;--c-confirmed-text: #14663a}[data-theme=a]{--c-bg: #14110f;--c-surface: #201b17;--c-surface-2: #2a241f;--c-text: #f5efe2;--c-text-muted: #cabfa8;--c-text-faint: #968b77;--c-accent: #d4af6a;--c-accent-text: #1a1206;--c-gold: #d4af6a;--c-border: #3a322a;--c-border-strong: #52473b;--c-success: #54d98a;--c-info: #88a8ff;--c-warning: #e3b85f;--c-danger: #f0928a;--c-visit: #b89cff;--c-visit-text: #1a1206;--c-accent-soft: #3a2f1c;--c-warning-soft: #3a2f1c;--c-info-soft: #1e2a44;--c-visit-soft: #2c2440;--c-success-soft: #20392b;--c-confirmed-text: #7fe3ac}[data-theme=b]{--c-bg: #1a0f15;--c-surface: #261620;--c-surface-2: #31202b;--c-text: #f3e3ea;--c-text-muted: #d3b3c0;--c-text-faint: #a2828f;--c-accent: #e0a6a0;--c-accent-text: #2a0f17;--c-gold: #e0b07a;--c-border: #3e2a35;--c-border-strong: #573a49;--c-success: #5fd39b;--c-info: #c0aef2;--c-warning: #e6b870;--c-danger: #f0928a;--c-visit: #d8a7ff;--c-visit-text: #2a0f17;--c-accent-soft: #3d2630;--c-warning-soft: #3d2630;--c-info-soft: #26243f;--c-visit-soft: #332343;--c-success-soft: #1f3a2f;--c-confirmed-text: #86e8bb}html,body,#app{height:100%}html,body{margin:0;background:var(--c-bg);color:var(--c-text);overflow-x:hidden;max-width:100%}body{overflow:hidden}.content img,.content svg,.content video{max-width:100%;height:auto}.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}button{color:var(--c-text);background:var(--c-surface-2);border:1px solid var(--c-border-strong);border-radius:8px;padding:6px 12px;font:inherit;cursor:pointer;touch-action:manipulation}button:disabled{opacity:.55}input,textarea,select{font-family:inherit;font-size:16px;touch-action:manipulation}