:root{--bg:#f5f8fb;--card:#fff;--ink:#1d2a36;--muted:#627286;--line:#dce6ef;--accent:#1f6fb2;--accent-dark:#174d7d;--soft:#eaf3fb;--danger:#a92e2e}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--ink);line-height:1.75}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}.site-header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.94);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.header-inner{max-width:1120px;margin:0 auto;padding:14px 20px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:flex;align-items:center;gap:12px}.brand-logo{width:92px}.brand h1{font-size:18px;line-height:1.2;margin:0}.brand-sub{font-size:10px;letter-spacing:.12em;color:var(--muted);margin:0 0 4px}.header-nav{display:flex;gap:16px;color:var(--muted);font-size:14px}.header-nav a:hover{color:var(--accent)}main{max-width:1120px;margin:0 auto;padding:28px 20px 72px}.hero{display:grid;grid-template-columns:1.05fr .95fr;gap:28px;align-items:center;padding:34px 0 24px}.hero-copy,.page-title{background:linear-gradient(140deg,#fff,#f4f9fe);border:1px solid var(--line);border-radius:28px;padding:42px;box-shadow:0 20px 60px rgba(30,75,110,.08)}.eyebrow,.section-label{font-size:12px;letter-spacing:.14em;color:var(--accent);font-weight:700}.hero h2,.page-title h2{font-size:clamp(30px,5vw,52px);line-height:1.18;margin:12px 0 18px}.hero p,.page-title p{color:var(--muted);margin:0 0 26px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.primary-link,.diagnose-button,.share-button,.reset-button,.secondary-link{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:999px;padding:13px 20px;background:var(--accent);color:#fff;font-weight:700;cursor:pointer;transition:.2s ease;box-shadow:0 10px 24px rgba(31,111,178,.18)}.secondary-link,.reset-button{background:#e8edf2;color:var(--ink);box-shadow:none}.primary-link:hover,.diagnose-button:hover,.share-button:hover{background:var(--accent-dark);transform:translateY(-1px)}.hero-visual{border-radius:28px;overflow:hidden;border:1px solid var(--line);box-shadow:0 20px 60px rgba(30,75,110,.08)}.hero-visual img{aspect-ratio:4/3;object-fit:cover}.info-section,.survey-section,.result-section,.flow-section{background:var(--card);border:1px solid var(--line);border-radius:26px;padding:30px;margin-top:24px;box-shadow:0 12px 36px rgba(30,75,110,.05)}.info-section h2,.section-heading h2,.flow-section h2{margin:8px 0 10px;font-size:26px}.info-section p{color:var(--muted)}.notice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:22px}.notice-grid article{background:var(--soft);border:1px solid #d7e9f7;border-radius:18px;padding:18px}.notice-grid strong{display:block;font-size:13px;color:var(--accent)}.notice-grid span{font-size:20px;font-weight:700}.flow-list{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:0;margin:18px 0 0}.flow-list li{list-style:none;background:#fbfdff;border:1px solid var(--line);border-radius:18px;padding:18px}.flow-list b{display:block;color:var(--accent);margin-bottom:6px}.flow-list span{color:var(--muted);font-size:14px}.section-heading{display:flex;justify-content:space-between;gap:20px;align-items:flex-end}.scale-note{font-size:13px;color:var(--muted);margin:0}.survey-form{margin-top:22px}.question-card{border:1px solid var(--line);border-radius:20px;padding:22px;margin-bottom:16px;background:#fff}.question-head{display:flex;gap:12px;align-items:flex-start;margin-bottom:14px}.question-number{min-width:34px;height:34px;border-radius:10px;background:var(--soft);color:var(--accent);display:grid;place-items:center;font-weight:800}.question-text{font-weight:700}.rating-row{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.rating-row label{border:1px solid var(--line);border-radius:14px;padding:10px;text-align:center;cursor:pointer;background:#fafcff;transition:.15s ease}.rating-row input{display:block;margin:0 auto 5px}.rating-row label:has(input:checked){border-color:var(--accent);background:var(--soft);font-weight:800}.form-actions{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-top:20px}.form-message{color:#b04747;font-weight:700;margin:0}.result-empty{color:var(--muted);text-align:center;padding:30px}.result-content{display:grid;grid-template-columns:280px 1fr;gap:28px;align-items:start}.result-card-image{border:1px solid var(--line);border-radius:24px;overflow:hidden;background:#f1f5f8}.result-card-image img{aspect-ratio:1/1;object-fit:cover}.result-main h2{font-size:34px;margin:4px 0 8px}.result-code{display:inline-flex;padding:5px 11px;border-radius:999px;background:var(--soft);color:var(--accent);font-size:12px;font-weight:800;letter-spacing:.08em}.result-description{color:var(--muted)}.feature-list{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0;padding:0}.feature-list li{list-style:none;border:1px solid var(--line);border-radius:16px;padding:14px;background:#fbfdff}.chart-wrap{margin-top:20px;border:1px solid var(--line);border-radius:20px;padding:18px;background:#fbfdff}.bar{margin:12px 0}.bar span{display:flex;justify-content:space-between;font-size:13px;color:var(--muted);margin-bottom:4px}.bar span em{font-style:normal}.bar-track{height:10px;background:#e6edf4;border-radius:999px;overflow:hidden}.bar-fill{height:100%;background:linear-gradient(90deg,var(--accent),#70aee0);border-radius:999px}.result-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.site-footer{border-top:1px solid var(--line);background:#fff;text-align:center;color:var(--muted);font-size:12px;padding:24px 20px}#noise-overlay{display:none}
body.unit-page{background:#0d1116;color:#d7dde4}.unit-page .site-header{background:rgba(14,18,24,.92);border-bottom-color:#2d3540}.unit-page .brand h1{color:#dfe5eb}.unit-page .brand-sub,.unit-page .header-nav{color:#87909a}.unit-page .result-section{background:linear-gradient(180deg,#151b22,#0e1319);border-color:#39434e;box-shadow:0 20px 80px rgba(0,0,0,.45);position:relative;overflow:hidden}.unit-page .result-section:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(180deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:28px 28px;opacity:.6;pointer-events:none}.unit-page .result-content{position:relative}.unit-page .result-card-image{background:#0a0e13;border-color:#59636f;filter:grayscale(1) contrast(1.15)}.unit-page .result-main h2{color:#f0f2f4;letter-spacing:.04em}.unit-page .result-code{background:#222b34;color:#b8c1cb;border:1px solid #59636f}.unit-page .result-description{color:#aeb6bf}.unit-page .feature-list li{background:#111820;border-color:#3c4651;color:#dce2e8}.unit-page .chart-wrap{background:#0f151c;border-color:#3c4651;color:#dce2e8}.unit-page .bar span{color:#aeb6bf}.unit-page .bar-track{background:#242c35}.unit-page .bar-fill{background:linear-gradient(90deg,#79818a,#e5e9ec)}.unit-page .log-lines{margin-top:18px;border-left:3px solid #b8c1cb;padding:14px 0 14px 14px;color:#d7dde4;background:rgba(255,255,255,.03);font-family:Consolas,"Courier New",monospace;font-size:13px}.unit-page .share-button{background:#d8dde2;color:#111820}.unit-page .reset-button{background:#202832;color:#d7dde4}.unit-page .site-footer{background:#0b0f14;border-top-color:#2d3540;color:#87909a}@media(max-width:780px){.header-nav{display:none}.hero{grid-template-columns:1fr}.hero-copy,.page-title{padding:26px}.notice-grid,.feature-list,.result-content,.flow-list{grid-template-columns:1fr}.section-heading{display:block}.rating-row{grid-template-columns:repeat(5,minmax(44px,1fr));gap:6px}.rating-row label{padding:8px 4px;font-size:13px}.info-section,.survey-section,.result-section,.flow-section{padding:22px}.brand-logo{width:78px}}