:root{--bg:#F4F2EC;--card:#FFFFFF;--ink:#15181C;--ink2:#565D68;--ink3:#8A919C;--rule:#DEDACF;--ai:#2C4A63;--shu:#B84330;--midori:#3D6B4A;--kincha:#8E6B1C;--fd:"Zen Old Mincho","Yu Mincho","Hiragino Mincho ProN",serif;--fb:"Hiragino Kaku Gothic ProN","Yu Gothic",system-ui,sans-serif;--fm:ui-monospace,SFMono-Regular,Menlo,monospace;color-scheme:light}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;height:100%}body{background:var(--bg);color:var(--ink);font:16px/1.7 var(--fb);-webkit-font-smoothing:antialiased;overscroll-behavior-y:none}button{font:inherit;color:inherit}.sbar{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:12px;padding:8px 14px;padding-top:calc(8px + env(safe-area-inset-top,0px));background:var(--card);border-bottom:1px solid var(--rule);font-size:.8125rem;pointer-events:none;user-select:none}.sbar .net{display:flex;align-items:center;gap:6px;color:var(--ink2)}.sbar i{width:8px;height:8px;border-radius:50%;background:var(--midori);flex:none}.sbar i.off{background:var(--shu)}.sbar b{font-weight:600}.sbar b.off{color:var(--shu)}.sbar .q{margin-left:auto;font-family:var(--fm);font-size:.75rem;color:var(--ink3);border:1px solid var(--rule);border-radius:999px;padding:2px 10px;white-space:nowrap}.sbar .q.pend{color:#fff;background:var(--shu);border-color:var(--shu);font-weight:600}.battbar{background:#fbede9;color:var(--shu);border-bottom:1px solid var(--rule);padding:7px 14px;font-size:.8125rem;font-weight:600}.login{min-height:calc(100dvh - 60px);display:flex;flex-direction:column;justify-content:center;padding:24px 22px calc(40px + env(safe-area-inset-bottom,0px));max-width:26rem;margin:0 auto;width:100%}.login .mark{font-family:var(--fd);font-size:2.75rem;font-weight:700;letter-spacing:.14em;text-align:center;line-height:1.2}.login .sub{text-align:center;color:var(--ink2);font-size:.875rem;letter-spacing:.08em;margin:6px 0 36px}.login button{width:100%;min-height:56px;margin-bottom:12px;border:0;border-radius:10px;padding:16px;background:var(--ai);color:#fff;font-weight:700;font-size:1.0625rem;cursor:pointer}.login button.alt2{background:var(--card);color:var(--ink);border:1px solid var(--rule);font-size:.9375rem;font-weight:600;min-height:50px}.login button:disabled{opacity:.5}.login .fine{color:var(--ink3);font-size:.8125rem;line-height:1.8;text-align:center;margin-top:18px}.ticket{margin-top:26px;border-top:1px solid var(--rule);padding-top:20px}.ticket h2{font-family:var(--fd);font-size:1rem;margin:0 0 4px;font-weight:700}.ticket p{color:var(--ink2);font-size:.8125rem;margin:0 0 12px;line-height:1.8}.ticket input{width:100%;min-height:52px;padding:12px 14px;margin-bottom:10px;border:1px solid var(--rule);border-radius:10px;background:var(--card);font-family:var(--fm);font-size:1.375rem;letter-spacing:.22em;text-align:center;text-transform:uppercase}.ticket button{background:var(--card);color:var(--ink);border:1px solid var(--rule);font-weight:600}.msg{border-radius:10px;padding:12px 14px;margin-bottom:14px;font-size:.875rem;line-height:1.75}.msg.bad{background:#fbede9;color:var(--shu);border:1px solid #F0D2CA}.msg.good{background:#e9f1eb;color:var(--midori);border:1px solid #CFE2D5}.center{display:grid;place-items:center;min-height:60dvh;color:var(--ink3);font-size:.875rem}