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 .title{font-size:18px;margin:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar .menu-btn{border:1px solid var(--c-border-strong);background:var(--c-surface);color:var(--c-text);border-radius:8px;padding:6px 12px;font-size:18px;line-height:1;cursor:pointer}.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}.menu-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#0006;display:flex;justify-content:flex-end}.menu-drawer{width:min(80vw,300px);height:100%;background:var(--c-surface);border-left:1px solid var(--c-border);display:flex;flex-direction:column;gap:8px;box-sizing:border-box;padding:calc(12px + env(safe-area-inset-top)) calc(14px + env(safe-area-inset-right)) calc(14px + env(safe-area-inset-bottom)) 14px}.menu-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.menu-title{font-weight:700;font-size:15px;color:var(--c-text)}.menu-close{border:none;background:transparent;color:var(--c-text-muted);font-size:18px;line-height:1;padding:4px 8px;cursor:pointer}.menu-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.menu-item{display:flex;align-items:center;gap:10px;padding:13px 12px;border-radius:10px;text-decoration:none;color:var(--c-text);background:var(--c-surface-2);border:1px solid var(--c-border);font-size:15px}.menu-item.router-link-active{border-color:var(--c-accent);color:var(--c-accent)}.menu-icon{font-size:18px;line-height:1}.menu-logout{margin-top:auto;border:1px solid var(--c-danger);background:transparent;color:var(--c-danger);border-radius:10px;padding:13px;font-size:14px;font-weight:600;cursor:pointer}.menu-enter-active,.menu-leave-active{transition:opacity .18s ease}.menu-enter-from,.menu-leave-to{opacity:0}.menu-enter-active .menu-drawer,.menu-leave-active .menu-drawer{transition:transform .18s ease}.menu-enter-from .menu-drawer,.menu-leave-to .menu-drawer{transform:translate(100%)}@media(prefers-reduced-motion:reduce){.menu-enter-active,.menu-leave-active,.menu-enter-active .menu-drawer,.menu-leave-active .menu-drawer{transition:none}}*,*: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}