@font-face{font-family:"Material Symbols Rounded";src:url("/static/material-symbols-rounded.ttf") format("truetype");font-style:normal;font-weight:500;font-display:block}
:root{--bg:#f5f4fa;--panel:#fff;--ink:#111114;--muted:#77777e;--line:#e9e7f0;--primary:#7258e8;--primary-soft:#ede9ff;--secondary:#ff7a45;--secondary-soft:#fff0e9;color-scheme:light}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#fff;color:var(--ink)}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans JP",sans-serif;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}main{min-height:100vh}.material-symbols-rounded{font-family:"Material Symbols Rounded";font-weight:500;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;font-variation-settings:"FILL" 0,"wght" 500,"GRAD" 0,"opsz" 24}
.hero{min-height:100vh;display:grid;place-items:center;padding:32px;background:radial-gradient(circle at 70% 15%,var(--primary-soft),transparent 32%),#fff}.hero>div{width:min(100%,520px)}.hero h1{margin:8px 0 20px;font-size:clamp(40px,8vw,64px);line-height:1.08;letter-spacing:-.055em}.hero p:not(.eyebrow){max-width:440px;color:var(--muted);font-size:16px;line-height:1.8}.button{display:inline-block;margin-top:24px;padding:14px 22px;border-radius:13px;background:var(--primary);color:#fff;text-decoration:none;font-weight:750}
.app-shell{width:min(100%,474px);min-height:100vh;margin:0 auto;padding-bottom:94px;background:var(--bg);box-shadow:0 0 0 1px rgba(0,0,0,.08)}.app-header{position:sticky;top:0;z-index:20;height:64px;padding:8px 18px 0;display:grid;grid-template-columns:44px 1fr 44px;align-items:center;background:rgba(250,250,252,.88);border-bottom:1px solid rgba(0,0,0,.08);backdrop-filter:blur(20px)}.app-header>strong,.sheet-header>strong{text-align:center;font-size:17px}.header-side{width:44px}.icon-button{width:44px;height:44px;border:0;border-radius:50%;background:transparent;color:var(--ink);display:grid;place-items:center;cursor:pointer;text-decoration:none}
.overview-content{width:100%;margin:0 auto;padding:28px 16px 22px}.section-heading{display:flex;align-items:end;justify-content:space-between;padding:0 4px 10px}.eyebrow{margin:0 0 6px;color:var(--primary);font-size:11px;font-weight:800;letter-spacing:.14em}h1{margin:0;font-size:28px;line-height:1.2;letter-spacing:-.035em}.server-name{margin:6px 0 0;color:var(--muted);font-size:12px}.heading-actions{display:flex;align-items:center;gap:6px}.demo-badge,.saved-badge,.admin-link{padding:7px 10px;border-radius:999px;background:var(--secondary-soft);color:#d6501b;font-size:10px;font-weight:800;letter-spacing:.08em;text-decoration:none}.admin-link{background:var(--primary-soft);color:var(--primary)}
.dashboard-server-switch{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;margin:0 4px 12px;padding:10px 12px;border:1px solid var(--line);border-radius:13px;background:var(--panel)}.dashboard-server-switch label{color:var(--muted);font-size:11px}.dashboard-server-switch select{min-width:0;width:100%;border:0;outline:0;background:transparent;color:var(--ink);font-weight:700}.legacy-total{margin:24px 0 4px;color:var(--primary);font-size:34px;font-weight:780;letter-spacing:-.045em}
.license-required-card{grid-column:1/-1;margin-top:0;padding:48px 28px;text-align:center}.license-required-card .empty-icon{display:inline-grid;width:58px;height:58px;margin:0 auto 18px;place-items:center;border-radius:18px;background:var(--primary-soft)}.license-required-card h2{margin:8px 0 14px;font-size:26px}.license-required-card>p:last-child{max-width:480px;margin:0 auto;color:var(--muted);font-size:13px;line-height:1.8}.license-required-card code{padding:2px 6px;border-radius:6px;background:var(--primary-soft);color:var(--primary);font-weight:750}.nav-item.is-disabled{opacity:.45;cursor:not-allowed}
.insight-card{position:relative;overflow:hidden;margin-top:12px;padding:18px 18px 16px;background:var(--panel);border-radius:18px;box-shadow:0 1px 0 rgba(0,0,0,.025)}.card-hit-area{position:absolute;inset:0;z-index:1;border:0;background:transparent;cursor:pointer}.card-kicker{display:grid;grid-template-columns:20px 1fr 20px;align-items:center;gap:5px;color:var(--primary);font-size:14px;font-weight:750}.accent-icon{color:var(--secondary);font-size:20px}.chevron{color:#b8b8bd;font-size:23px}.insight-card h2{margin:12px 0 0;padding-bottom:14px;border-bottom:1px solid var(--line);font-size:19px;line-height:1.45;letter-spacing:-.025em}.compare-values{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:16px 0 2px}.compare-value span{display:flex;align-items:center;gap:5px;color:var(--muted);font-size:12px}.compare-value span i{width:8px;height:8px;border-radius:50%;background:#a9a9af}.compare-value strong{display:block;margin-top:4px;color:#73737a;font-size:25px;letter-spacing:-.04em}.compare-value.is-accent span,.compare-value.is-accent strong{color:var(--primary)}.compare-value.is-accent span i{background:var(--primary)}
.chart-frame{position:relative;height:190px;margin-top:10px}.chart-frame-large{height:210px}.card-foot{display:flex;align-items:baseline;justify-content:space-between;margin-top:2px;padding-top:13px;border-top:1px solid var(--line);color:var(--muted);font-size:12px}.card-foot strong{color:var(--ink);font-size:24px;letter-spacing:-.035em}.compact-card{padding-bottom:22px}.vc-summary{display:grid;grid-template-columns:128px 1fr;align-items:center;gap:18px;padding-top:14px}.chart-frame-donut{width:128px;height:128px;margin:0}.vc-legend{display:grid;gap:11px;min-width:0}.vc-legend span{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vc-legend i{flex:0 0 auto;width:9px;height:9px;border-radius:50%}.empty-card{text-align:center;padding:60px 28px}.empty-card h2{border:0;padding:0}.empty-card p,.muted{color:var(--muted);line-height:1.7}.empty-icon{color:var(--primary);font-size:44px}
.bottom-nav{position:fixed;z-index:30;left:50%;width:min(100%,474px);transform:translateX(-50%);bottom:0;height:80px;padding:6px 20px max(8px,env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(3,1fr);background:rgba(249,249,250,.92);border-top:1px solid rgba(0,0,0,.1);backdrop-filter:blur(22px)}.nav-item{border:0;background:transparent;color:#8e8e93;text-decoration:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;cursor:pointer}.nav-item .material-symbols-rounded{font-size:27px}.nav-item small{font-size:10px;font-weight:650}.nav-item.is-current{color:var(--primary)}.nav-item.is-current .material-symbols-rounded{font-variation-settings:"FILL" 1,"wght" 500,"GRAD" 0,"opsz" 24}
.details-dialog{width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:0;border:0;background:transparent}.details-dialog::backdrop{background:rgba(0,0,0,.28);backdrop-filter:blur(2px)}.sheet{width:min(100%,474px);min-height:100%;margin-left:auto;background:var(--bg);animation:slide-in .28s cubic-bezier(.2,.8,.2,1)}.sheet-header{position:sticky;top:0;z-index:4;height:64px;display:grid;grid-template-columns:44px 1fr 44px;align-items:center;padding:8px 14px 0;background:rgba(250,250,252,.9);border-bottom:1px solid rgba(0,0,0,.08);backdrop-filter:blur(20px)}.sheet-content{padding:18px 16px 46px}.server-switch{margin-bottom:12px}.server-switch label{display:grid;gap:6px;color:var(--muted);font-size:11px}.server-switch select,.setting-card select{width:100%;padding:11px;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--ink)}.periods{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;padding:4px;background:#e5e5ea;border-radius:10px}.periods a{padding:7px 10px;border-radius:7px;color:var(--muted);text-align:center;text-decoration:none;font-size:12px;font-weight:700}.periods a.active{background:#fff;color:var(--ink);box-shadow:0 1px 3px rgba(0,0,0,.12)}
.detail-metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:18px}.detail-metrics article{min-height:112px;padding:15px;display:grid;align-content:space-between;background:#fff;border-radius:15px}.detail-metrics .material-symbols-rounded{color:var(--primary);font-size:21px}.detail-metrics article:nth-child(even) .material-symbols-rounded{color:var(--secondary)}.detail-metrics small{color:var(--muted);font-size:11px}.detail-metrics strong{font-size:19px;letter-spacing:-.035em}.detail-section{margin-top:16px;padding:18px;background:#fff;border-radius:16px}.detail-section h3{margin:0 0 12px;font-size:17px}.detail-chart{height:220px}.session-list{display:grid}.session-list article{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:10px;min-width:0;padding:12px 0;border-bottom:1px solid var(--line)}.session-list article:last-child{border-bottom:0}.session-list div{min-width:0}.session-list strong,.session-list small{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.session-list strong{font-size:14px}.session-list small{margin-top:3px;color:var(--muted);font-size:10px}.session-list article>span:last-child{font-size:13px;font-weight:700}.session-icon{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:var(--primary-soft);color:var(--primary);font-size:20px}.logout-button{width:100%;margin-top:18px;padding:13px;border:0;border-radius:12px;background:#fff;color:#d62929;font-weight:700;cursor:pointer}
.details-page-shell{padding-bottom:94px}.details-page-content{padding:28px 16px 32px}.detail-page-heading{display:flex;align-items:end;justify-content:space-between;gap:18px}.detail-page-heading h1{font-size:30px}.detail-page-heading p:not(.eyebrow){margin:6px 0 0;color:var(--muted);font-size:12px}.detail-periods{margin-top:18px}.detail-page-metrics{margin-top:12px}.detail-chart-grid{display:grid;gap:0}.history-section{scroll-margin-top:76px}
.admin-shell{padding-bottom:40px}.admin-content{padding:28px 16px}.settings-form{display:grid;gap:12px;margin-top:12px}.setting-card{padding:18px;background:var(--panel);border-radius:18px}.setting-title{display:grid;grid-template-columns:38px 1fr;gap:10px;align-items:start;margin-bottom:16px}.setting-title>.material-symbols-rounded{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:var(--primary-soft);color:var(--primary)}.setting-title h2{margin:0;font-size:16px}.setting-title p{margin:4px 0 0;color:var(--muted);font-size:11px;line-height:1.5}.check-list{display:grid;gap:1px;max-height:260px;overflow:auto}.check-list label{display:flex;align-items:center;gap:10px;padding:11px 4px;border-top:1px solid var(--line);font-size:14px}.check-list input{width:18px;height:18px;accent-color:var(--primary)}.save-button{position:sticky;bottom:14px;width:100%;padding:14px;border:0;border-radius:13px;background:var(--primary);color:#fff;font-weight:750;box-shadow:0 8px 28px rgba(114,88,232,.3);cursor:pointer}
.member-analysis-banner{grid-column:1/-1;display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:10px;padding:13px 14px;border-radius:14px;background:var(--primary-soft);color:var(--primary)}.member-analysis-banner>.material-symbols-rounded{font-size:23px}.member-analysis-banner strong,.member-analysis-banner small{display:block}.member-analysis-banner small{margin-top:2px;color:var(--muted);font-size:10px}.member-analysis-banner a{color:var(--primary);font-size:11px;font-weight:750;text-decoration:none}.chart-description{margin:-4px 0 0;color:var(--muted);font-size:11px}
.server-overview{margin-top:12px;padding:18px;background:var(--panel);border-radius:18px}.overview-title{display:flex;align-items:start;justify-content:space-between;gap:16px}.overview-title h2{margin:0;font-size:18px}.overview-title p:not(.eyebrow){margin:6px 0 0;color:var(--muted);font-size:11px}.overview-title>.material-symbols-rounded{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:var(--primary-soft);color:var(--primary)}.overview-metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:16px}.overview-metrics article{padding:13px;border-radius:13px;background:var(--bg)}.overview-metrics small,.overview-metrics strong{display:block}.overview-metrics small{color:var(--muted);font-size:10px}.overview-metrics strong{margin-top:5px;font-size:16px;letter-spacing:-.03em}.overview-charts{display:grid;gap:10px;margin-top:10px}.overview-charts>article{min-width:0;padding:14px;border:1px solid var(--line);border-radius:14px}.chart-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.chart-head h3{margin:0;font-size:13px}.chart-head span{color:var(--muted);font-size:9px}.admin-chart{position:relative;height:210px;margin-top:8px}.server-vc-wrap{display:grid;grid-template-columns:140px 1fr;align-items:center;gap:18px}.admin-donut{width:140px;height:140px}.server-vc-card .vc-legend{gap:9px}
.member-panel{margin-top:12px;padding:18px;background:var(--panel);border-radius:18px}.member-panel-head{display:flex;align-items:start;justify-content:space-between;gap:16px}.member-panel-head h2{margin:0;font-size:18px}.member-panel-head p:not(.eyebrow){margin:6px 0 0;color:var(--muted);font-size:11px;line-height:1.6}.member-panel-head>span{flex:0 0 auto;padding:6px 9px;border-radius:999px;background:var(--primary-soft);color:var(--primary);font-size:10px;font-weight:750}.member-search{display:flex;align-items:center;gap:8px;margin:16px 0 6px;padding:10px 12px;border-radius:11px;background:var(--bg);color:var(--muted)}.member-search .material-symbols-rounded{font-size:19px}.member-search input{width:100%;border:0;outline:0;background:transparent;color:var(--ink)}.member-list{max-height:460px;overflow:auto}.member-row{display:grid;grid-template-columns:42px minmax(0,1fr) auto 20px;align-items:center;gap:10px;padding:12px 2px;border-top:1px solid var(--line);color:var(--ink);text-decoration:none}.member-row[hidden]{display:none}.member-avatar{width:40px;height:40px;display:grid;place-items:center;border-radius:13px;background:var(--primary-soft);color:var(--primary);font-size:14px;font-weight:800}.member-row>div{min-width:0}.member-row>div>strong,.member-row>div>small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-row>div>strong{font-size:14px}.member-row>div>small{margin-top:3px;color:var(--muted);font-size:10px}.member-row>div>small i{display:inline-block;width:6px;height:6px;margin-right:5px;border-radius:50%;background:#34c759}.member-total{text-align:right}.member-total strong{font-size:13px!important}.member-row>.material-symbols-rounded{color:#b8b8bd;font-size:20px}
@keyframes slide-in{from{transform:translateX(100%)}to{transform:translateX(0)}}
@media(min-width:800px){.app-shell{width:100%;max-width:none;box-shadow:none}.app-header{padding-left:32px;padding-right:32px}.overview-content{max-width:1440px;padding:36px 32px 116px;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:18px}.section-heading{grid-column:1/-1;padding:0 2px 4px}.insight-card{margin-top:0;min-width:0}.hero-card{grid-column:span 7}.rhythm-card{grid-column:span 5}.compact-card{grid-column:1/-1}.bottom-nav{width:100%}.sheet{width:min(100%,980px)}.detail-metrics{grid-template-columns:repeat(4,1fr)}.details-page-content{max-width:1200px;margin:0 auto;padding:36px 32px 116px}.detail-chart-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.detail-chart-grid .detail-section{min-width:0}.detail-chart{height:300px}.admin-content{max-width:1100px;margin:0 auto;padding:36px 32px}.overview-metrics{grid-template-columns:repeat(6,1fr)}.overview-charts{grid-template-columns:repeat(2,minmax(0,1fr))}.server-vc-card{grid-column:1/-1}.member-panel{margin-top:18px}.settings-form{grid-template-columns:1fr 1fr}.setting-card:first-child,.save-button{grid-column:1/-1}}
@media(min-width:1100px){.overview-charts{grid-template-columns:repeat(3,minmax(0,1fr))}.server-vc-card{grid-column:auto}.server-vc-wrap{grid-template-columns:120px 1fr}.admin-donut{width:120px;height:120px}}
@media(min-width:1000px){.hero-card{grid-column:span 5}.rhythm-card{grid-column:span 4}.compact-card{grid-column:span 3}.compact-card h2{font-size:17px}.vc-summary{grid-template-columns:1fr;justify-items:center}.vc-legend{width:100%}}
@media(prefers-color-scheme:dark){:root{--bg:#111113;--panel:#1c1c1e;--ink:#f5f5f7;--muted:#98989f;--line:#343438}html,body{background:#000}.hero{background:radial-gradient(circle at 70% 15%,#241e42,transparent 32%),#000}.app-header,.sheet-header,.bottom-nav{background:rgba(28,28,30,.9)}.periods{background:#2c2c2e}.periods a.active,.detail-metrics article,.detail-section,.logout-button{background:#1c1c1e}.sheet{background:var(--bg)}.demo-badge{background:#4b2d24;color:#ff9b71}}