:root{--accent: #7c6bc9;--accent-strong: #5f4db3;--accent-bg: #f3f0fb;--pink-bg: #fdf0f5;--text: #2b2b33;--text-sub: #5c5c66;--border: #ddd8ec;--bg: #ffffff;--bg-page: #faf9fd;--up: #1c7a43;--down: #b3364b;--flat: #5c5c66;--danger: #b3364b;--admin-header: #3d3358;--focus-ring: 3px solid #9a8ae0}*{box-sizing:border-box}html{font-size:16px}body{margin:0;font-family:Hiragino Sans,Hiragino Kaku Gothic ProN,Yu Gothic,Meiryo,sans-serif;color:var(--text);background:var(--bg-page);line-height:1.6}h1,h2,h3{line-height:1.4}a{color:var(--accent-strong)}button{font-family:inherit;font-size:1rem}:focus-visible{outline:var(--focus-ring);outline-offset:2px}.app-shell{min-height:100vh;display:flex;flex-direction:column}.app-header{background:var(--bg);border-bottom:1px solid var(--border);padding:.6rem 1rem;display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;position:sticky;top:0;z-index:20}.app-header.admin{background:var(--admin-header);color:#fff;border-bottom:none}.app-name{font-weight:700;font-size:1.05rem;margin:0}.screen-name{font-size:.95rem;color:var(--text-sub)}.app-header.admin .screen-name{color:#d9d3ee}.demo-badge{font-size:.78rem;background:var(--pink-bg);color:#a04468;border:1px solid #eeb9cf;border-radius:999px;padding:.1rem .6rem;white-space:nowrap}.header-spacer{flex:1}.logout-button{background:transparent;border:1px solid var(--border);border-radius:8px;padding:.35rem .8rem;cursor:pointer;color:inherit}.app-header.admin .logout-button{border-color:#8a7cb8}.app-body{display:flex;flex:1;min-height:0}.side-nav{display:none}.main-content{flex:1;min-width:0;padding:1rem 1rem 5.5rem;max-width:1100px;width:100%;margin:0 auto}.bottom-nav{position:fixed;bottom:0;left:0;right:0;background:var(--bg);border-top:1px solid var(--border);display:flex;z-index:20;padding-bottom:env(safe-area-inset-bottom)}.bottom-nav a{flex:1;text-align:center;padding:.55rem .2rem .5rem;text-decoration:none;color:var(--text-sub);font-size:.78rem;line-height:1.3}.bottom-nav a .nav-icon{display:block;font-size:1.25rem}.bottom-nav a[aria-current=page]{color:var(--accent-strong);font-weight:700;background:var(--accent-bg)}@media(min-width:860px){.bottom-nav{display:none}.side-nav{display:block;width:220px;flex-shrink:0;background:var(--bg);border-right:1px solid var(--border);padding:1rem .75rem}.side-nav a{display:block;padding:.6rem .8rem;border-radius:8px;text-decoration:none;color:var(--text);margin-bottom:.25rem}.side-nav a[aria-current=page]{background:var(--accent-bg);color:var(--accent-strong);font-weight:700}.main-content{padding:1.5rem 2rem 3rem}}.card{background:var(--bg);border:1px solid var(--border);border-radius:12px;padding:1rem;margin-bottom:1rem}.card h2{margin-top:0;font-size:1.1rem}.primary-button{background:var(--accent-strong);color:#fff;border:none;border-radius:10px;padding:.7rem 1.4rem;font-size:1.05rem;font-weight:700;cursor:pointer}.primary-button:hover{background:#4c3c96}.primary-button:disabled{background:#b8b0d8;cursor:not-allowed}.secondary-button{background:var(--bg);color:var(--accent-strong);border:1px solid var(--accent);border-radius:10px;padding:.55rem 1.1rem;cursor:pointer}.secondary-button:hover{background:var(--accent-bg)}.danger-button{background:var(--bg);color:var(--danger);border:1px solid var(--danger);border-radius:10px;padding:.55rem 1.1rem;cursor:pointer}.small-button{padding:.35rem .7rem;font-size:.9rem}.field{margin-bottom:1rem}.field label{display:block;font-weight:700;margin-bottom:.3rem}.field .hint{font-size:.85rem;color:var(--text-sub);margin-top:.2rem}.field input[type=text],.field input[type=email],.field input[type=password],.field input[type=number],.field input[type=date],.field input[type=search],.field select,.field textarea{width:100%;max-width:26rem;padding:.6rem;font-size:1rem;border:1px solid var(--border);border-radius:8px;background:#fff;color:var(--text)}.field-error{color:var(--danger);font-size:.9rem;margin-top:.25rem;font-weight:700}.notice{background:var(--accent-bg);border:1px solid var(--border);border-radius:10px;padding:.7rem .9rem;font-size:.92rem;margin:.75rem 0}.notice.warning{background:#fdf6e8;border-color:#e8d29a;color:#7a5c12}.empty-state{text-align:center;color:var(--text-sub);padding:2rem 1rem}.diff-up{color:var(--up);font-weight:700}.diff-down{color:var(--down);font-weight:700}.diff-flat{color:var(--flat)}.diff-none{color:var(--text-sub)}.competitor-grid{display:grid;grid-template-columns:1fr;gap:.9rem}@media(min-width:860px){.competitor-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1200px){.competitor-grid{grid-template-columns:repeat(3,1fr)}}.competitor-card{background:var(--bg);border:1px solid var(--border);border-radius:12px;padding:.9rem 1rem;display:flex;flex-direction:column;min-width:0;overflow:hidden}.competitor-card h3{margin:0 0 .1rem;font-size:1.05rem}.source-label{font-size:.85rem;color:var(--text-sub);margin-bottom:.5rem}.count-latest{font-size:1.7rem;font-weight:700;margin:.1rem 0 .4rem}.count-latest .unit{font-size:.95rem;font-weight:400;color:var(--text-sub);margin-left:.2rem}.diff-row{display:flex;gap:.8rem;flex-wrap:wrap;font-size:.92rem;margin-bottom:.5rem}.diff-row .diff-item{background:var(--bg-page);border-radius:8px;padding:.2rem .55rem}.card-actions{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:auto;padding-top:.4rem}.table-wrap{overflow-x:auto;position:relative;background:var(--bg);border:1px solid var(--border);border-radius:12px}table.data-table{border-collapse:collapse;width:100%;font-size:.92rem;min-width:640px}table.data-table th,table.data-table td{border-bottom:1px solid var(--border);padding:.55rem .7rem;text-align:left;white-space:nowrap}table.data-table th{background:var(--accent-bg);position:sticky;top:0}table.data-table tr:last-child td{border-bottom:none}.summary-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}@media(min-width:860px){.summary-grid{grid-template-columns:repeat(4,1fr)}}.summary-card{background:var(--bg);border:1px solid var(--border);border-radius:12px;padding:.8rem 1rem}.summary-card .label{font-size:.85rem;color:var(--text-sub)}.summary-card .value{font-size:1.5rem;font-weight:700}.summary-card .sub{font-size:.8rem;color:var(--text-sub)}.modal-overlay{position:fixed;inset:0;background:#2b2b3380;display:flex;align-items:center;justify-content:center;z-index:50;padding:1rem}.modal{background:var(--bg);border-radius:14px;max-width:480px;width:100%;padding:1.25rem;max-height:90vh;overflow-y:auto}.modal h2{margin-top:0;font-size:1.15rem}.modal-actions{display:flex;gap:.6rem;justify-content:flex-end;margin-top:1rem;flex-wrap:wrap}.confirm-list{list-style:none;padding:0;margin:.5rem 0}.confirm-list li{display:flex;justify-content:space-between;gap:1rem;padding:.4rem 0;border-bottom:1px dashed var(--border)}.confirm-list li .k{color:var(--text-sub)}.confirm-list li .v{font-weight:700;text-align:right}.filter-row{display:flex;gap:.6rem;flex-wrap:wrap;align-items:flex-end;margin-bottom:.9rem}.filter-row .field{margin-bottom:0;flex:1 1 160px}.pagination{display:flex;align-items:center;gap:.6rem;justify-content:center;margin:1rem 0}.status-chip{display:inline-block;border-radius:999px;font-size:.8rem;padding:.1rem .6rem;border:1px solid}.status-chip.active{color:var(--up);border-color:#a8d4ba;background:#eef8f1}.status-chip.suspended{color:var(--down);border-color:#e3aeba;background:#fbeef1}.status-chip.pending{color:#7a5c12;border-color:#e8d29a;background:#fdf6e8}.status-chip.rejected{color:var(--text-sub);border-color:var(--border);background:var(--bg-page)}.status-chip.dup{color:#7a5c12;border-color:#e8d29a;background:#fdf6e8}.external-link-wrap,.external-link-invalid{display:inline-flex;flex-direction:column;gap:.2rem;align-items:flex-start;max-width:100%}.external-link-button{text-decoration:none;display:inline-block}.external-link-inline{color:var(--accent-strong);font-size:.9rem}.external-link-host{font-size:.78rem;color:var(--text-sub);word-break:break-all;display:inline-flex;align-items:center;gap:.3rem}.external-link-reason{font-size:.82rem;color:var(--text-sub)}.external-link-warning{font-size:.82rem;color:#7a5c12;background:#fdf6e8;border:1px solid #e8d29a;border-radius:8px;padding:.15rem .5rem}.status-chip.demo-chip{color:#a04468;border-color:#eeb9cf;background:var(--pink-bg);font-size:.7rem;padding:0 .4rem}.mini-chart-box{position:relative;width:100%;height:64px;margin:.3rem 0 .5rem}.mini-chart-note{font-size:.82rem;color:var(--text-sub);background:var(--bg-page);border-radius:8px;padding:.35rem .6rem;margin:.3rem 0 .5rem}.status-chip.reference{color:#3d5aa6;border-color:#b3c3e8;background:#eef2fb;font-size:.75rem}.mode-toggle{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1rem}.mode-toggle button{border:1px solid var(--accent);background:var(--bg);color:var(--accent-strong);border-radius:999px;padding:.5rem 1.1rem;cursor:pointer;font-size:1rem}.mode-toggle button[aria-pressed=true]{background:var(--accent-strong);color:#fff;font-weight:700}.series-picker{display:grid;grid-template-columns:1fr;gap:.4rem;margin-bottom:.8rem}@media(min-width:860px){.series-picker{grid-template-columns:repeat(2,1fr)}}.series-picker label{display:flex;align-items:flex-start;gap:.5rem;border:1px solid var(--border);border-radius:10px;padding:.5rem .7rem;cursor:pointer;background:var(--bg)}.series-picker label.disabled{opacity:.55;cursor:not-allowed;background:var(--bg-page)}.series-picker input{margin-top:.25rem}.monthly-cards{display:grid;grid-template-columns:1fr;gap:.6rem}.monthly-card{border:1px solid var(--border);border-radius:10px;padding:.6rem .8rem;background:var(--bg)}.monthly-card h3{margin:0 0 .3rem;font-size:1rem}.monthly-card .row{display:flex;justify-content:space-between;gap:.6rem;font-size:.9rem;padding:.1rem 0}.monthly-card .row .k{color:var(--text-sub)}.monthly-table-wrap{display:none}@media(min-width:860px){.monthly-table-wrap{display:block}.monthly-cards{display:none}}.rank-badge{display:inline-block;min-width:1.8rem;text-align:center;background:var(--accent-bg);color:var(--accent-strong);border-radius:8px;font-weight:700;padding:.05rem .3rem}.demo-switch-bar{background:#fdf0f5;border-bottom:1px solid #eeb9cf;padding:.35rem 1rem;font-size:.85rem;color:#a04468;display:flex;gap:.7rem;align-items:center;flex-wrap:wrap}.demo-switch-bar a{color:#a04468;font-weight:700}.chart-box{position:relative;width:100%;height:320px}@media(max-width:480px){.chart-box{height:260px}}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.local-mode-bar{background:#fff4d6;border-bottom:1px solid #e6c46a;color:#5a4300}.local-mode-bar a{color:#5a4300}.demo-badge.local-badge{background:#fff4d6;color:#5a4300;border-color:#e6c46a}.app-disclaimer{font-size:.8rem;color:var(--text-sub);margin:.5rem 0 0}.turnstile-box{border:1px solid var(--border);border-radius:10px;background:var(--bg-page);padding:.7rem .9rem;margin:.75rem 0 1rem}.turnstile-lead{margin:0 0 .5rem;font-size:.92rem}.turnstile-status{margin:0 0 .5rem;font-size:.9rem}.turnstile-status.warning{color:#7a5c12}.turnstile-container{min-height:65px;max-width:100%;overflow-x:auto}