:root{--primary: #0b57d0;--on-primary: #fff;--primary-container: #d3e3fd;--on-primary-container: #041e49;--secondary-container: #c2e7ff;--surface: #fff;--surface-1: #f8f9fa;--surface-2: #f0f4f9;--surface-3: #e9eef6;--on-surface: #1f1f1f;--on-surface-variant: #444746;--outline: #c4c7c5;--outline-variant: #e0e3e1;--success: #146c2e;--success-container: #c6f3d2;--error: #b3261e;--warning-container: #feefc3;--radius-s: 12px;--radius-m: 16px;--radius-l: 24px;--radius-xl: 28px;--shadow-1: 0 1px 2px rgba(60,64,67,.15), 0 1px 3px 1px rgba(60,64,67,.1);--shadow-2: 0 1px 2px rgba(60,64,67,.2), 0 2px 6px 2px rgba(60,64,67,.12);--font: "Google Sans", Roboto, -apple-system, "Segoe UI", sans-serif;--mono: "Roboto Mono", monospace}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font);background:var(--surface-1);color:var(--on-surface);-webkit-font-smoothing:antialiased}a{color:var(--primary);text-decoration:none}button{font-family:inherit;cursor:pointer}input,select,textarea{font-family:inherit;font-size:15px}.mono{font-family:var(--mono)}.appbar{position:sticky;top:0;z-index:50;background:#ffffffeb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--outline-variant);display:flex;align-items:center;gap:8px;padding:0 20px;height:64px}.logo{display:flex;align-items:center;gap:10px;font-size:21px;font-weight:500;color:var(--on-surface);margin-right:12px}.logo-badge{background:var(--primary);color:#fff;border-radius:10px;width:36px;height:36px;display:grid;place-items:center;font-size:19px}.nav-links{display:flex;gap:4px;flex:1;flex-wrap:wrap}.nav-link{padding:8px 14px;border-radius:999px;color:var(--on-surface-variant);font-size:14.5px;font-weight:500;border:none;background:none}.nav-link:hover{background:var(--surface-2)}.nav-link.active{background:var(--secondary-container);color:var(--on-primary-container)}.btn{display:inline-flex;align-items:center;gap:8px;border-radius:999px;border:none;font-weight:500;font-size:14.5px;padding:0 22px;height:42px;transition:box-shadow .15s,background .15s;white-space:nowrap}.btn-filled{background:var(--primary);color:var(--on-primary)}.btn-filled:hover{box-shadow:var(--shadow-1);background:#0a4cb3}.btn-tonal{background:var(--secondary-container);color:var(--on-primary-container)}.btn-outline{background:transparent;border:1px solid var(--outline);color:var(--primary)}.btn-outline:hover{background:var(--surface-2)}.btn-text{background:none;color:var(--primary);padding:0 12px}.btn-small{height:36px;padding:0 16px;font-size:13.5px}.btn:disabled{opacity:.45;cursor:not-allowed}.page{max-width:1180px;margin:0 auto;padding:32px 20px 80px}.hero{text-align:center;padding:56px 16px 40px}.hero h1{font-size:clamp(34px,5.4vw,56px);font-weight:500;letter-spacing:-.5px;line-height:1.12}.hero h1 .accent{color:var(--primary)}.hero p{color:var(--on-surface-variant);font-size:18px;max-width:660px;margin:18px auto 28px;line-height:1.55}.hero-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;margin:36px 0}.stat-card{background:var(--surface);border:1px solid var(--outline-variant);border-radius:var(--radius-l);padding:20px}.stat-card .num{font-size:27px;font-weight:500}.stat-card .lbl{color:var(--on-surface-variant);font-size:13.5px;margin-top:4px}.section-title{font-size:26px;font-weight:500;margin:40px 0 6px}.section-sub{color:var(--on-surface-variant);margin-bottom:20px;font-size:15px}.searchbar{display:flex;align-items:center;gap:10px;background:var(--surface);border:1px solid var(--outline-variant);border-radius:999px;padding:6px 8px 6px 20px;box-shadow:var(--shadow-1);max-width:640px;margin:0 auto}.searchbar input{border:none;outline:none;flex:1;font-size:16px;background:transparent}.chips{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.chip{border:1px solid var(--outline);background:var(--surface);border-radius:10px;padding:7px 14px;font-size:13.5px;font-weight:500;color:var(--on-surface-variant)}.chip.selected{background:var(--secondary-container);border-color:transparent;color:var(--on-primary-container)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:16px}.card{background:var(--surface);border:1px solid var(--outline-variant);border-radius:var(--radius-l);padding:22px;transition:box-shadow .15s;display:flex;flex-direction:column;gap:12px}.card:hover{box-shadow:var(--shadow-2)}.card-head{display:flex;gap:14px;align-items:center}.avatar{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;color:#fff;font-weight:700;font-size:20px;flex-shrink:0}.card h3{font-size:18px;font-weight:500}.tagline{color:var(--on-surface-variant);font-size:14px;line-height:1.45}.verified{display:inline-flex;align-items:center;gap:5px;background:var(--success-container);color:var(--success);font-size:12px;font-weight:600;border-radius:999px;padding:3px 10px}.anon{background:var(--surface-3);color:var(--on-surface-variant)}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;background:var(--surface-1);border-radius:var(--radius-m);padding:14px}.metrics .m .v{font-size:16.5px;font-weight:600}.metrics .m .k{font-size:11.5px;color:var(--on-surface-variant);text-transform:uppercase;letter-spacing:.4px}.growth-up{color:var(--success)}.card-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto}.price{font-size:19px;font-weight:600}.multiple{color:var(--on-surface-variant);font-size:13px}.icon-btn{border:none;background:var(--surface-2);width:38px;height:38px;border-radius:50%;font-size:16px}.icon-btn.saved{background:var(--warning-container)}.table-wrap{background:var(--surface);border:1px solid var(--outline-variant);border-radius:var(--radius-l);overflow:hidden}table{width:100%;border-collapse:collapse;font-size:14.5px}th{text-align:left;padding:14px 16px;color:var(--on-surface-variant);font-weight:500;font-size:12.5px;text-transform:uppercase;letter-spacing:.5px;background:var(--surface-1)}td{padding:14px 16px;border-top:1px solid var(--outline-variant)}tr:hover td{background:var(--surface-1)}.rank{font-family:var(--mono);color:var(--on-surface-variant)}.bar{height:6px;border-radius:3px;background:var(--surface-3);min-width:70px}.bar>div{height:100%;border-radius:3px;background:var(--primary)}.form-card{background:var(--surface);border:1px solid var(--outline-variant);border-radius:var(--radius-xl);padding:28px;max-width:720px;margin:0 auto}.field{margin-bottom:18px}.field label{display:block;font-size:13.5px;font-weight:500;margin-bottom:7px;color:var(--on-surface-variant)}.field input,.field select,.field textarea{width:100%;border:1px solid var(--outline);border-radius:var(--radius-s);padding:12px 14px;outline:none;background:var(--surface)}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-container)}.field .hint{font-size:12.5px;color:var(--on-surface-variant);margin-top:5px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.notice{border-radius:var(--radius-m);padding:14px 18px;font-size:14.5px;line-height:1.5;margin-bottom:18px}.notice-success{background:var(--success-container);color:#0d3818}.notice-info{background:var(--primary-container);color:var(--on-primary-container)}.notice-warn{background:var(--warning-container);color:#4d3800}.detail-head{display:flex;gap:20px;align-items:flex-start;flex-wrap:wrap}.detail-grid{display:grid;grid-template-columns:2fr 1fr;gap:18px;margin-top:22px}@media (max-width: 860px){.detail-grid,.form-row{grid-template-columns:1fr}}.panel{background:var(--surface);border:1px solid var(--outline-variant);border-radius:var(--radius-l);padding:24px}.panel h2{font-size:19px;font-weight:500;margin-bottom:14px}.kv{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid var(--outline-variant);font-size:14.5px}.kv:last-child{border-bottom:none}.kv .k{color:var(--on-surface-variant)}pre.embed{background:#1f1f1f;color:#a8e6a1;padding:14px;border-radius:var(--radius-s);font-size:12px;overflow-x:auto;font-family:var(--mono)}.steps{counter-reset:step;display:grid;gap:12px}.step{display:flex;gap:14px;align-items:flex-start}.step-n{background:var(--primary-container);color:var(--on-primary-container);width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-weight:600;font-size:14px;flex-shrink:0}.price-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.price-card{background:var(--surface);border:1px solid var(--outline-variant);border-radius:var(--radius-xl);padding:28px}.price-card.popular{border:2px solid var(--primary)}.price-card .amount{font-size:38px;font-weight:500;margin:10px 0}.price-card ul{list-style:none;display:grid;gap:9px;color:var(--on-surface-variant);font-size:14.5px;margin:14px 0 22px}.price-card li:before{content:"✓ ";color:var(--success);font-weight:700}.auction-hero{background:linear-gradient(120deg,#041e49,#0b57d0 60%,#4285f4);color:#fff;border-radius:var(--radius-xl);padding:36px}.auction-hero h1{font-size:clamp(28px,4vw,42px);font-weight:500}.countdown{display:flex;gap:10px;margin:18px 0}.cd-box{background:#ffffff24;border-radius:var(--radius-m);padding:10px 14px;text-align:center;min-width:70px}.cd-box .n{font-size:24px;font-weight:600;font-family:var(--mono)}.cd-box .u{font-size:11px;text-transform:uppercase;opacity:.85}.bid-row{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--outline-variant);font-size:14.5px}.progress{height:10px;background:var(--surface-3);border-radius:5px;overflow:hidden}.progress>div{height:100%;background:var(--success);transition:width .4s}.faq-item{background:var(--surface);border:1px solid var(--outline-variant);border-radius:var(--radius-m);margin-bottom:10px;overflow:hidden}.faq-q{width:100%;text-align:left;background:none;border:none;padding:18px 22px;font-size:16px;font-weight:500;display:flex;justify-content:space-between}.faq-a{padding:0 22px 18px;color:var(--on-surface-variant);line-height:1.6;font-size:15px}.footer{border-top:1px solid var(--outline-variant);padding:36px 20px;text-align:center;color:var(--on-surface-variant);font-size:13.5px}.empty{text-align:center;padding:60px 20px;color:var(--on-surface-variant)}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:#1f1f1f;color:#fff;padding:13px 22px;border-radius:12px;font-size:14.5px;box-shadow:var(--shadow-2);z-index:100;max-width:90vw}
