:root{--blue: #1d5ff0;--blue-dark: #1547b8;--blue-bg: #e8eefc;--ink: #1b2a4a;--muted: #5f6b85;--line: #e2e7f0;--page-bg: #f2f5fa;--card: #ffffff;--green: #1d7a4d;--green-bg: #e7f3ec;--red: #c0392b;--red-bg: #fbe9e7;--font-sans: "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", system-ui, sans-serif;--fw-medium: 500;--fw-bold: 700;--fz-hero: 1.8rem;--fz-h: 1.15rem;--fz-body: 1rem;--fz-sm: .86rem;--fz-xs: .74rem;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--sp-7: 48px;--r-xs: 4px;--r-sm: 8px;--r-md: 10px;--r-lg: 14px;--r-pill: 20px;--r-full: 50%;--shadow-card: 0 6px 20px rgba(20, 50, 120, .07);--bg: var(--page-bg);--surface: var(--card);--text: var(--ink);--text-2: var(--muted);--border: var(--line);--accent: var(--blue);--accent-strong: var(--blue-dark);--accent-soft: var(--blue-bg);--danger: var(--red);--danger-soft: var(--red-bg);--ok: var(--green);--ok-soft: var(--green-bg);--radius: var(--r-lg);--shadow: var(--shadow-card)}@media(prefers-color-scheme:dark){:root{--blue: #6f9bff;--blue-dark: #9dbaff;--blue-bg: #1b2740;--ink: #e6ebf5;--muted: #97a1b8;--line: #29303f;--page-bg: #11141b;--card: #191d26;--green: #34d399;--green-bg: #16302a;--red: #f87171;--red-bg: #382223;--shadow-card: none}}*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:var(--fz-body);font-weight:var(--fw-medium);line-height:1.7;-webkit-font-smoothing:antialiased}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.ico{width:1.15em;height:1.15em;flex-shrink:0;display:inline-block;vertical-align:-.18em}.btn{font:inherit;font-weight:var(--fw-bold);border:1px solid var(--line);background:var(--card);color:var(--text);border-radius:var(--r-md);padding:var(--sp-2) var(--sp-4);font-size:var(--fz-sm);cursor:pointer;transition:filter .15s,background .15s}.btn:hover{filter:brightness(.97)}.btn-primary{background:var(--blue);border-color:var(--blue);color:#fff}.btn-primary:hover{background:var(--blue-dark);border-color:var(--blue-dark);filter:none}.btn-ghost{background:transparent;border-color:transparent;color:var(--text-2)}.btn-ghost:hover{background:var(--accent-soft);color:var(--text);filter:none}.btn-lg{padding:var(--sp-3) var(--sp-6);font-size:var(--fz-body)}.btn-danger{background:var(--danger);border-color:var(--danger);color:#fff}.btn:disabled{opacity:.45;cursor:not-allowed}.error{color:var(--danger)}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);padding:var(--sp-3) var(--sp-5);background:var(--card);border-bottom:1px solid var(--line)}.topbar-left{display:flex;align-items:center;min-width:0}.brand{display:inline-flex;align-items:center;gap:var(--sp-2);font-weight:var(--fw-bold);font-size:var(--fz-h);letter-spacing:.03em;color:inherit;text-decoration:none}.home-link{display:inline-flex;align-items:center;gap:var(--sp-1);margin-right:var(--sp-3);padding-right:var(--sp-3);border-right:1px solid var(--line);color:var(--text-2);text-decoration:none;font-size:var(--fz-sm);white-space:nowrap}.home-link:hover{color:var(--accent-strong)}.userbox{display:flex;align-items:center;gap:var(--sp-2);color:var(--text-2);font-size:var(--fz-sm);min-width:0}.userbox>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.foot{text-align:center;color:var(--text-2);font-size:var(--fz-xs);padding:var(--sp-5) 0;border-top:1px solid var(--line)}.foot p{margin:0}.foot a{display:inline-flex;align-items:center;gap:var(--sp-1);color:var(--text-2);text-decoration:none}.foot a:hover{color:var(--accent-strong)}@media(min-width:768px){html{font-size:17px}}body{min-height:100vh;display:flex;flex-direction:column}main{flex:1;max-width:880px;width:100%;margin:0 auto;padding:var(--sp-6) var(--sp-5) var(--sp-7)}.hero{text-align:center;margin-bottom:var(--sp-6)}.hero h1{margin:0 0 var(--sp-2);font-size:var(--fz-hero);font-weight:var(--fw-bold);letter-spacing:.02em;line-height:1.3}.hero p{margin:0;color:var(--text-2);font-size:var(--fz-sm)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--sp-4)}.card{display:block;background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-card);padding:var(--sp-5);text-decoration:none;color:inherit;transition:border-color .15s,transform .15s}a.card:hover{border-color:var(--blue);transform:translateY(-2px)}.card-disabled{opacity:.65}.card-head{display:flex;align-items:center;gap:var(--sp-2)}.card-icon{font-size:var(--fz-hero);line-height:1}.card-name{font-weight:var(--fw-bold);font-size:var(--fz-h);letter-spacing:.04em;min-width:0;overflow:hidden;text-overflow:ellipsis}.chip{margin-left:auto;font-size:var(--fz-xs);font-weight:var(--fw-bold);padding:2px var(--sp-2);border-radius:var(--r-pill);white-space:nowrap;flex-shrink:0}.chip-live{background:var(--green-bg);color:var(--green)}.chip-soon{background:var(--blue-bg);color:var(--blue-dark)}.card-title{font-weight:var(--fw-bold);font-size:var(--fz-body);margin:var(--sp-3) 0 var(--sp-1)}.card-desc{margin:0;color:var(--text-2);font-size:var(--fz-sm);line-height:1.75}.card-note{margin-top:var(--sp-3);color:var(--text-2);font-size:var(--fz-xs)}