:root{--ink:#19324b;--muted:#627389;--paper:#f3f6fa;--line:#dce4ed;--accent:#275ddd;--white:#fff;--mono:Consolas,'Courier New',monospace;--sans:'Segoe UI','Malgun Gothic',sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);line-height:1.6}a{color:inherit;text-decoration:none}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid var(--accent);outline-offset:5px}[hidden]{display:none!important}
.topbar{height:92px;display:flex;align-items:center;justify-content:space-between;padding:0 6vw;border-bottom:1px solid var(--line);background:var(--white)}.brand{display:flex;align-items:center;gap:10px;letter-spacing:1px;font-size:19px}.brand strong{font-weight:400;color:var(--muted)}.mark{display:grid;place-items:center;height:38px;width:38px;background:var(--accent);color:white;font:bold 30px Georgia,serif;border-radius:10px;letter-spacing:-3px;padding-right:4px}.release{font-size:12px;color:var(--muted);border:1px solid var(--line);padding:5px 12px;border-radius:30px}
main{max-width:1180px;min-height:calc(100vh - 165px);margin:0 auto;padding:64px 32px 90px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:36px}.eyebrow{font:12px var(--mono);letter-spacing:2px;color:var(--muted);margin:0 0 12px}h1{font-size:34px;letter-spacing:-1.2px;margin:0;font-weight:650}.connection{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted)}.connection i{width:7px;height:7px;border-radius:50%;background:#a3afbc}
.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.service{position:relative;display:block;background:var(--white);border:1px solid var(--line);border-radius:18px;padding:30px 28px 0;transition:transform .16s,border-color .16s}.service:hover{transform:translateY(-4px);border-color:#8ba9d0}.service-symbol{display:grid;place-items:center;width:52px;height:52px;border-radius:14px;background:#e8f0fc;color:#3368c4;font-size:25px}.video .service-symbol{color:#b67236;background:#faf0e6}.coin .service-symbol{color:#6d59b1;background:#f0ecfa}.badge{position:absolute;right:26px;top:37px;color:var(--muted);font-size:12px;padding:3px 9px;border:1px solid var(--line);border-radius:20px}.service h2{margin:35px 0 4px;font-size:24px;letter-spacing:-.8px}.service p{margin:0 0 40px;font:13px var(--mono);color:var(--muted)}.service-bottom{border-top:1px solid var(--line);padding:20px 0;display:flex;justify-content:space-between;font-size:13px;color:var(--muted)}.service-bottom span{color:var(--ink);font-size:20px;line-height:1}
.notice{margin-top:28px;display:flex;gap:28px;align-items:baseline;padding:22px 26px;border:1px solid var(--line);border-radius:12px}.notice-label{white-space:nowrap;font-weight:600;font-size:13px}.notice p{margin:0;color:var(--muted);font-size:13px}.back{display:inline-block;margin-bottom:30px;color:var(--muted);font-size:13px}.tabs{display:flex;gap:26px;border-bottom:1px solid var(--line);margin-bottom:26px}.tabs button{border:0;background:none;color:var(--muted);padding:12px 2px;cursor:pointer;position:relative}.tabs button[aria-pressed=true]{color:var(--accent);font-weight:600}.tabs button[aria-pressed=true]:after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:3px;background:var(--accent)}.detail-content{background:white;border:1px solid var(--line);border-radius:16px;padding:32px}.detail-content h2{font-size:20px;margin:0 0 14px}.detail-content p{color:var(--muted);font-size:14px;margin:10px 0}.empty{padding:36px 0}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.actions button{border:1px solid var(--line);border-radius:8px;background:white;color:var(--ink);padding:10px 18px;cursor:pointer}.actions button:disabled{color:#8a96a4;background:var(--paper);cursor:not-allowed}.actions button[aria-pressed=true]{color:var(--accent);border-color:var(--accent);background:#eef3ff}.log{overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;border:1px solid var(--line);padding:20px;border-radius:10px;font:13px/1.9 var(--mono);background:#f8fafc;margin-top:24px}.sample{font-size:12px!important;color:#93632f!important}footer{max-width:1180px;padding:24px 32px;margin:auto;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:11px}
@media(max-width:800px){main{padding:40px 24px 60px}.service-grid{grid-template-columns:1fr}.service{padding:24px 24px 0}.service h2{margin-top:22px}.service p{margin-bottom:24px}.notice{align-items:flex-start;gap:12px;flex-direction:column}.page-heading{align-items:flex-start;flex-direction:column;gap:16px}.topbar{height:76px;padding:0 24px}h1{font-size:30px}.detail-content{padding:22px}footer{padding:24px;flex-wrap:wrap}.badge{right:24px;top:32px}}@media(prefers-reduced-motion:reduce){.service{transition:none}.service:hover{transform:none}}