:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","Malgun Gothic",sans-serif;color:#203047;background:#f6f8fb;font-synthesis:none;--blue:#285cda;--muted:#647286;--border:#dfe5ee;--green:#17644c}
*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}a{color:inherit;text-decoration:none}[hidden]{display:none!important}button:disabled{cursor:not-allowed;opacity:.6}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #4b76e9;outline-offset:4px}p{line-height:1.7;margin:0}h1,h2,h3{letter-spacing:-.045em;word-break:keep-all}h1{font-size:clamp(1.9rem,3.4vw,2.85rem);line-height:1.32;margin:14px 0}h2{font-size:1.3rem;line-height:1.5;margin:0}h3{font-size:1.35rem;margin:22px 0 6px}.skip-link{position:absolute;top:-70px;left:16px;z-index:10;background:white;padding:12px}.skip-link:focus{top:12px}.site-header{background:#fff;border-bottom:1px solid var(--border)}.header-inner{max-width:1240px;min-height:86px;margin:auto;padding:18px 36px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:12px;font-size:1.22rem;font-weight:750;white-space:nowrap}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;color:#fff;background:var(--blue);font-size:1.2rem}.brand-caption{font-size:.8rem;font-weight:400;color:var(--muted);margin-left:8px}.account{display:flex;align-items:center;gap:16px;min-width:0}.badge{display:inline-flex;align-items:center;justify-content:center;border-radius:99px;padding:6px 11px;font-size:.76rem;font-weight:650;line-height:1.45;max-width:230px;overflow-wrap:anywhere}.neutral{color:#58667a;background:#edf1f6}.good{color:var(--green);background:#e5f3ec}.warning{color:#885514;background:#fff3dd}.error{color:#a43232;background:#fcecec}.text-link{font-size:.8rem;white-space:nowrap;color:var(--muted)}.text-link:hover{text-decoration:underline}.page{max-width:1240px;min-height:calc(100vh - 162px);padding:48px 36px 36px;margin:auto}.eyebrow{font-size:.76rem;font-weight:750;color:var(--blue);letter-spacing:.04em}.lead{color:var(--muted);font-size:.98rem}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:28px}.page-heading h1{font-size:clamp(1.8rem,3vw,2.3rem);margin:9px 0}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;border:1px solid transparent;border-radius:10px;padding:12px 17px;font-size:.88rem;font-weight:650;line-height:1.5;cursor:pointer;transition:background .15s,border-color .15s}.primary{background:var(--blue);color:#fff}.primary:hover:not(:disabled){background:#204cc0}.secondary{background:#fff;color:#34445e;border-color:#d9e1ed}.secondary:hover:not(:disabled){background:#f5f8ff;border-color:#a3b8e9}.notice{display:flex;align-items:flex-start;gap:12px;padding:16px 19px;border:1px solid #d8e4fb;background:#eef4ff;border-radius:12px;margin-bottom:32px}.notice p{font-size:.83rem;color:#486081}.notice strong{color:#2c496e}.notice-icon{display:grid;place-items:center;border:1.5px solid #597bad;color:#597bad;border-radius:50%;min-width:19px;height:19px;font-weight:750;font-size:.72rem;margin-top:3px}.dashboard-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:28px;align-items:start}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px;gap:12px}.section-heading h2{font-size:1.1rem}.section-heading>span{font-size:.76rem;color:var(--muted)}.provider-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.panel{background:#fff;border:1px solid var(--border);border-radius:17px;box-shadow:0 3px 15px #20304704}.provider-card{padding:24px;min-width:0}.provider-top{display:flex;justify-content:space-between;align-items:center;gap:10px}.provider-icon{display:grid;place-items:center;width:46px;height:46px;flex-shrink:0;border:1px solid #e7eaf0;border-radius:13px;font-size:.85rem;font-weight:800}.cloudflare{color:#a85b18;background:#fff7ed}.fish{color:#276f67;background:#eaf6f2;font-size:1.1rem}.provider-purpose{font-size:.82rem;color:var(--muted)}.check-scope{font-size:.8rem;color:var(--muted);margin:21px 0;min-height:66px}.result-box{display:flex;flex-direction:column;gap:7px;border-top:1px solid #e9edf3;padding:18px 0;min-height:128px}.result-label{color:var(--muted);font-size:.72rem}.result-box strong{font-size:.9rem;line-height:1.6}.result-box p{font-size:.75rem;color:var(--muted)}.result-box[data-tone="good"] strong{color:var(--green)}.result-box[data-tone="error"] strong{color:#a43232}.result-box[data-tone="warning"] strong{color:#885514}.check-button{width:100%;justify-content:space-between}.key-note{padding:20px 4px}.key-note strong{font-size:.8rem}.key-note p{font-size:.77rem;color:var(--muted);margin-top:5px}.setup-card{padding:26px;margin-top:42px;background:linear-gradient(160deg,#fff 55%,#f0f5ff)}.setup-symbol{color:#3763b8;font:600 1.8rem monospace;display:flex;align-items:center;width:60px;height:55px;margin:23px 0 12px}.setup-card h2{font-size:1.35rem}.setup-card>p{margin-top:14px;color:var(--muted);font-size:.82rem}.setup-list{padding:0;list-style:none;margin:22px 0 26px}.setup-list li{font-size:.8rem;padding:6px 0;color:#465773}.setup-list li::before{content:"✓";color:var(--green);margin-right:10px;font-weight:750}.setup-card .button{width:100%;justify-content:space-between;font-size:.8rem}.fine-print,.setup-card>.fine-print{color:var(--muted);font-size:.73rem;line-height:1.8}.tools-panel{margin-top:14px;box-shadow:none}.tools-panel summary{cursor:pointer;padding:20px 24px;font-size:.85rem;font-weight:650}.tools-content{padding:0 24px 22px;font-size:.8rem;color:var(--muted)}.tools-content dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:19px 0}.tools-content dl>div{padding:12px;background:#f6f8fb;border-radius:8px}.tools-content dt{color:#34445e;overflow-wrap:anywhere}.tools-content dd{margin:5px 0 0;font-size:.76rem}.site-footer{max-width:1240px;margin:auto;padding:24px 36px;display:flex;justify-content:space-between;gap:16px;color:#7d899a;font-size:.73rem}.site-footer>span:first-child{font-weight:700}.login-layout{display:grid;grid-template-columns:minmax(0,1fr) 370px;align-items:center;gap:72px;padding:30px 0 50px}.login-intro>.lead{margin-top:22px}.benefit-list{list-style:none;padding:0;margin:38px 0 0}.benefit-list li{display:flex;align-items:flex-start;gap:15px;margin-top:23px}.benefit-list li>span{color:#5675a6;font-size:.75rem;font-weight:750;padding-top:4px}.benefit-list strong{font-size:.88rem}.benefit-list p{font-size:.8rem;color:var(--muted);margin-top:3px}.login-card{padding:34px;text-align:center}.login-symbol{display:grid;place-items:center;margin:0 auto 23px;width:54px;height:54px;border-radius:16px;background:#eef4ff;color:var(--blue);font-size:1.7rem}.login-card h2{font-size:1.45rem}.login-card>p{font-size:.84rem;color:var(--muted);margin:14px 0 25px}.login-card .button{width:100%;margin-bottom:10px}.google-mark{display:grid;place-items:center;background:#fff;color:#285cda;border-radius:50%;height:23px;width:23px;font-size:.88rem;font-weight:800}.login-card>.fine-print{font-size:.73rem;margin:18px 0 0}.loading-pane{padding:80px 16px;display:flex;justify-content:center;align-items:center;gap:12px;color:var(--muted);font-size:.9rem}.spinner{width:20px;height:20px;border:2px solid #dce4f1;border-top-color:var(--blue);border-radius:50%;animation:spin 1s linear infinite}.feedback{margin:22px 0 0;border:1px solid #d8e4fb;background:#eef4ff;color:#2c496e;border-radius:11px;padding:16px 20px;font-size:.85rem;line-height:1.7;overflow-wrap:anywhere}.feedback[data-tone="error"]{border-color:#f1d4d4;background:#fff3f3;color:#913535}.provider-card[aria-busy="true"] .result-box strong{color:var(--blue)}@keyframes spin{to{transform:rotate(360deg)}}
@media(min-width:1280px){.page{padding-top:58px}.login-layout{padding-top:55px}}
@media(max-width:1050px){.dashboard-layout{grid-template-columns:minmax(0,1fr)}.setup-card{margin-top:0;max-width:none}.setup-card h2 br{display:none}.setup-symbol{display:none}.setup-card .button{width:auto;min-width:270px}.setup-list{display:flex;flex-wrap:wrap;gap:8px 22px;margin:15px 0 20px}.login-layout{gap:35px;grid-template-columns:minmax(0,1fr) 330px}.login-card{padding:26px}.brand-caption{display:none}.check-scope{min-height:44px}}
@media(max-width:650px){.header-inner{padding:16px 20px;min-height:75px;gap:12px;align-items:flex-start}.brand{font-size:1.08rem;gap:8px}.account{align-items:flex-end;flex-direction:column;gap:6px}.badge{font-size:.7rem;max-width:155px;padding:5px 9px}.page{padding:30px 20px 24px}.page-heading{align-items:flex-start;flex-direction:column;gap:18px;margin-bottom:23px}.page-heading .button{font-size:.8rem;min-height:42px}.notice{padding:14px;margin-bottom:26px}.notice strong{display:block;margin-bottom:4px}.provider-grid{grid-template-columns:minmax(0,1fr);gap:16px}.provider-card{padding:22px}.check-scope{min-height:0;margin:18px 0}.result-box{min-height:115px}.setup-card{padding:23px}.setup-card .button{width:100%;min-width:0}.setup-list{display:block}.tools-content dl{grid-template-columns:minmax(0,1fr)}.login-layout{grid-template-columns:minmax(0,1fr);gap:32px;padding:6px 0 15px}.login-intro>.lead br{display:none}.benefit-list{margin-top:25px}.login-card{padding:27px 23px}.site-footer{padding:20px;flex-wrap:wrap;font-size:.7rem}.tools-panel summary{padding:18px 20px}.tools-content{padding:0 20px 20px}.loading-pane{padding:60px 0;font-size:.8rem}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}.spinner{animation:none}}