:root{color-scheme:dark;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans JP,sans-serif;color:#e7edf7;background:#0b1220;font-synthesis:none;text-rendering:optimizeLegibility;--panel: #141e2f;--panel-raised: #0d1727;--line: #2b3a50;--muted: #9aabc2;--accent: #8ab8ff;--positive: #6ee7ad;--warning: #ffcc85}*{box-sizing:border-box}html{min-width:320px;min-height:100%;background:#0b1220}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(ellipse at top,#14243a 0,#0b1220 48rem)}button,input,select{font:inherit}button{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}#app{width:min(100%,1000px);margin:0 auto;padding:max(20px,env(safe-area-inset-top)) 20px max(24px,env(safe-area-inset-bottom))}.app-header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding:18px 0 26px}h1{margin:5px 0 8px;font-size:clamp(1.8rem,5vw,2.35rem);letter-spacing:-.045em}h2{margin:0;font-size:clamp(1.15rem,3.6vw,1.35rem);letter-spacing:-.02em}p{line-height:1.65}.eyebrow{margin:0;color:var(--accent);font-size:.72rem;font-weight:800;letter-spacing:.12em}.intro{margin:0;color:#c3cfdf}.version,footer,.disclaimer{color:var(--muted)}.version{font-size:.82rem;white-space:nowrap}.header-right{display:flex;flex-direction:column;align-items:flex-end;gap:10px}.status-pill{display:inline-flex;align-items:center;min-height:34px;padding:7px 11px;border:1px solid var(--line);border-radius:999px;font-size:.8rem;white-space:nowrap;background:#101a2a}.status-pill[data-state=online]{color:var(--positive);border-color:#27684c}.status-pill[data-state=offline]{color:var(--warning);border-color:#73572e}main{display:grid;gap:16px}.panel{min-width:0;padding:clamp(15px,3vw,22px);border:1px solid var(--line);border-radius:18px;background:color-mix(in srgb,var(--panel) 95%,transparent);box-shadow:0 12px 28px #00000012}.section-heading{margin-bottom:18px}.section-heading h2{margin-top:5px}.helper-text{margin:7px 0 0;color:var(--muted);font-size:.88rem;line-height:1.65}.recommendation-meta{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:12px 0 14px;padding:12px;border:1px solid var(--line);border-radius:12px;background:#101a2a}.recommendation-actions{display:flex;flex-wrap:wrap;gap:8px}.demo-banner{margin:0 0 14px;padding:12px 14px;border:1px solid #87672d;border-radius:12px;background:#332711;color:#ffdf9e;font-size:.86rem;font-weight:650;line-height:1.6}.demo-banner[hidden]{display:none}.recommendation-status-group{display:grid;gap:3px;min-width:0}.recommendation-status-group .helper-text{margin:0}.recommendation-list{display:grid;gap:12px}.recommendation-card{padding:15px;border:1px solid var(--line);border-radius:14px;background:var(--panel-raised)}.recommendation-card-top{display:flex;align-items:flex-start;gap:11px}.recommendation-rank{flex:0 0 36px;width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:#1b2b42;color:#c8dcff;font-weight:800;font-variant-numeric:tabular-nums}.recommendation-main{flex:1;min-width:0}.recommendation-name{font-weight:750;font-size:1.02rem;overflow-wrap:anywhere}.recommendation-code{display:inline-block;margin-left:7px;color:var(--muted);font-size:.78rem}.recommendation-reason{margin:6px 0 0;color:#b8c8dc;font-size:.84rem;line-height:1.55}.recommendation-tag{display:inline-flex;align-items:center;margin-top:8px;padding:4px 8px;border:1px solid #365b8a;border-radius:999px;color:#a8caff;font-size:.73rem}.recommendation-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:13px}.recommendation-metric{min-width:0;padding:10px;border-radius:9px;background:#111f32}.recommendation-metric span{display:block;margin-bottom:4px;color:var(--muted);font-size:.74rem}.recommendation-metric strong{font-size:.95rem;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.empty-state{display:grid;justify-items:center;gap:6px;padding:28px 18px;border:1px dashed #3a4d68;border-radius:13px;background:var(--panel-raised);text-align:center}.empty-icon{display:grid;place-items:center;width:42px;height:42px;margin-bottom:4px;border:1px solid var(--line);border-radius:50%;color:var(--accent);font-size:1.3rem}.empty-state strong{font-size:1rem}.empty-state p{max-width:40rem;margin:0;color:var(--muted);font-size:.86rem;overflow-wrap:anywhere}.disclaimer{margin:14px 0 0;font-size:.8rem;line-height:1.6}.settings-launch{display:flex;align-items:center;justify-content:space-between;gap:18px}.settings-launch-copy{min-width:0}.settings-launch h2{margin-top:5px}.primary-button,.secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 15px;border-radius:10px;cursor:pointer;font-weight:700;transition:background .15s ease,border-color .15s ease,opacity .15s ease}.primary-button{color:#07111f;background:var(--accent);border:1px solid var(--accent);white-space:nowrap}.primary-button:hover{background:#a4c8ff;border-color:#a4c8ff}.secondary-button{color:#c3cfdf;background:#0d1727;border:1px solid #3a4d68}.secondary-button:hover{border-color:var(--accent)}.secondary-button:disabled,.primary-button:disabled{opacity:.55;cursor:wait}.settings-panel[hidden],.settings-launch[hidden],#recommendations-panel[hidden]{display:none}.settings-heading{margin-bottom:22px}.back-button{min-height:40px;margin:-4px 0 10px;padding:4px 0;color:#a8caff;background:transparent;border:0;font:inherit;cursor:pointer}.settings-heading .eyebrow{margin-bottom:6px}.form-field{display:flex;flex-direction:column;gap:7px;min-width:0}.form-field label{color:#c3cfdf;font-size:.87rem;font-weight:650}.form-field input,.form-field select{width:100%;min-height:46px;padding:10px 12px;color:#e7edf7;background:#0d1727;border:1px solid #3a4d68;border-radius:9px}.form-field input:invalid{border-color:#c87979}.field-help{margin:0;color:var(--muted);font-size:.77rem;line-height:1.5}.strategy-description{margin:16px 0;padding:14px;border:1px solid var(--line);border-radius:12px;background:#0d1727;font-size:.9rem;line-height:1.65}.strategy-description strong{display:block;margin-bottom:5px;color:#d9e7fa}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.settings-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:10px;margin-top:22px}#settings-status{min-height:1.6em}footer{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;padding:22px 2px 0;font-size:.78rem}@media(max-width:640px){#app{padding-left:14px;padding-right:14px}.app-header{gap:10px;padding-top:12px}.header-right{gap:7px}.version{font-size:.7rem}.status-pill{min-height:30px;padding:6px 8px;font-size:.7rem}.settings-launch{align-items:stretch;flex-direction:column}.settings-launch .primary-button{width:100%}.settings-grid{grid-template-columns:1fr;gap:14px}.recommendation-meta{align-items:stretch}.recommendation-actions{display:grid;grid-template-columns:1fr;width:100%}.recommendation-actions button{width:100%}.recommendation-card{padding:12px}.settings-actions{display:grid;grid-template-columns:1fr}.settings-actions button{width:100%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}