:root{--ink:#1c201c;--muted:#737b72;--line:#e1e5df;--wash:#f5f7f1}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:#fff;font:14px/1.85 -apple-system,BlinkMacSystemFont,"Segoe UI",Meiryo,sans-serif}a{color:inherit;text-underline-offset:4px}button,input{font:inherit}button,a,input,summary{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}:focus-visible{outline:3px solid #7e914e;outline-offset:4px}.shell{max-width:1210px;margin:auto;padding:0 36px}.test-strip{padding:8px 20px;background:#242923;color:white;text-align:center;font-size:11px}.test-strip b{color:#d9e9b4;letter-spacing:.12em;margin-right:14px}.site-header{display:flex;justify-content:space-between;align-items:center;padding:25px 0;border-bottom:1px solid var(--line);gap:20px}.brand{font-size:28px;font-weight:750;letter-spacing:-1.3px;text-decoration:none;line-height:1.2}.brand small{font-size:10px;font-weight:400;letter-spacing:.12em;margin-left:18px;color:var(--muted)}.header-nav{display:flex;gap:26px;font-size:12px}.header-nav a{text-decoration:none}.header-nav a[aria-current]{font-weight:700}.breadcrumb{font-size:10px;color:var(--muted);padding:23px 0}.breadcrumb span{margin:0 10px}.hero{display:grid;grid-template-columns:1.5fr 1fr;gap:72px;padding:30px 0 42px;align-items:end}.eyebrow{margin:0 0 18px;font-size:10px;letter-spacing:.18em;color:#6a7561}.hero h1{font-size:39px;letter-spacing:-.04em;line-height:1.5;margin:0 0 15px}.hero h1 span{display:block;font-size:18px;letter-spacing:.04em}.lead{color:#687163;font-size:13px;max-width:560px;margin:0}.hero-action{border-left:1px solid var(--line);padding-left:32px}.hero-action p{font-size:12px;margin:0 0 16px;color:#687163}.btn{display:inline-flex;align-items:center;justify-content:center;gap:26px;min-height:48px;border:1px solid var(--ink);background:var(--ink);color:#fff;text-decoration:none;padding:11px 23px;font-size:12px;font-weight:650;line-height:1.6}.btn:hover{background:#3c4436}.btn-light{background:#fff;color:var(--ink);border-color:var(--line)}.btn-light:hover{background:var(--wash)}.btn-arrow:after{content:'↗';font-size:18px}.notice{padding:15px 20px;background:var(--wash);font-size:11px;margin:0 0 28px;border-left:2px solid #a4b38c}.notice strong{font-weight:600}.metrics{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);margin:0 0 45px}.metric{padding:21px 27px}.metric+.metric{border-left:1px solid var(--line)}.metric dt{font-size:10px;color:var(--muted);margin-bottom:5px}.metric dd{font-size:30px;line-height:1.5;font-weight:650;margin:0;font-variant-numeric:tabular-nums}.metric dd small{font-size:10px;font-weight:400;margin-left:8px;color:var(--muted)}.board-layout{display:grid;grid-template-columns:minmax(0,1fr) 265px;gap:48px}.section-title{display:flex;justify-content:space-between;align-items:baseline;gap:16px;border-bottom:1px solid var(--ink);padding-bottom:15px;margin-bottom:20px}.section-title h2{font-size:18px;margin:0;line-height:1.7}.english{font-size:9px;letter-spacing:.12em;color:var(--muted)}.section-intro{font-size:12px;color:#6e7868;margin:0 0 20px}.spotlight-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.code-card{border:1px solid var(--line);padding:21px;position:relative;background:#fff}.code-card:first-child{grid-column:1/-1;display:grid;grid-template-columns:1fr auto;gap:5px 20px;background:var(--wash);border-color:#d2dcc6}.card-label{font-size:9px;letter-spacing:.12em;color:var(--muted);display:block}.code{font:550 23px/1.6 ui-monospace,Consolas,monospace;letter-spacing:.02em;overflow-wrap:anywhere;margin:5px 0}.card-meta{font-size:10px;color:var(--muted);margin:4px 0 14px}.card-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.copy-btn{background:white;border:1px solid #cbd4c3;padding:6px 14px;font-size:11px;min-height:36px}.disabled-link{font-size:10px;color:#8a9482}.code-card:first-child .card-actions{grid-column:2;grid-row:1/5;align-self:center}.code-card:first-child .code{font-size:30px}.tag{background:#e6eddc;padding:2px 7px;font-size:9px;color:#596b45;display:inline-block;margin-left:8px;vertical-align:middle}.report-btn{border:0;background:none;padding:4px 0;color:#818c78;font-size:10px;text-decoration:underline}.recent-section{margin-top:42px}.list-head,.recent-row{display:grid;grid-template-columns:minmax(0,1fr) 110px 88px;align-items:center;gap:10px}.list-head{font-size:10px;color:var(--muted);padding:0 0 10px}.recent-row{border-top:1px solid var(--line);padding:15px 0}.recent-row .code{font-size:17px;margin:0}.recent-row time{font-size:10px;color:var(--muted)}.recent-row .copy-btn{justify-self:end}.list-foot{font-size:10px;color:var(--muted);border-top:1px solid var(--line);padding-top:14px}.aside-box{border:1px solid var(--line);padding:23px;margin-bottom:20px}.aside-box h2{font-size:13px;margin:0 0 16px}.aside-box p,.aside-box li{font-size:11px;color:#65735a}.aside-box ol{padding-left:18px;margin:0}.aside-box li+li{margin-top:13px}.aside-dark{background:#252d20;color:white;border-color:#252d20}.aside-dark p{color:#c1cbb8}.aside-dark .btn{background:#e4edcf;color:#2b3521;width:100%;border:0}.aside-label{font-size:9px!important;letter-spacing:.15em;color:#b8cda0!important}.rules{margin:46px 0 0}.rules details{border-bottom:1px solid var(--line);padding:16px 0}.rules summary{cursor:pointer;font-size:12px}.rules details p{font-size:12px;color:#68765b}.test-tools{margin-top:26px;border:1px dashed #cbd6c1;padding:18px 20px;background:#fafcf7}.test-tools summary{font-size:11px;cursor:pointer}.test-tools p{font-size:11px;color:#6f7e64}.buttons{display:flex;gap:10px;flex-wrap:wrap}.footer{border-top:1px solid var(--line);margin-top:68px;padding:24px 0 30px;display:flex;justify-content:space-between;gap:20px;align-items:center;font-size:10px;color:var(--muted)}.footer .brand{font-size:20px;color:var(--ink)}.footer p{margin:3px 0}.flash{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);padding:12px 23px;color:#fff;background:#283321;box-shadow:0 4px 22px #0002;z-index:5;font-size:12px;max-width:calc(100vw - 32px);width:max-content}.flash:empty{display:none}.stale{background:#fff3db;border-left-color:#a4864e}.empty{padding:30px;border:1px dashed var(--line);font-size:12px;color:var(--muted)}[hidden]{display:none!important}.register-hero{padding-bottom:30px}.register-layout{display:grid;grid-template-columns:minmax(0,670px) 265px;justify-content:space-between;gap:45px}.form-panel{border:1px solid var(--line);padding:32px}.form-panel h2{font-size:17px;margin:0 0 22px}.field{margin-bottom:26px}.field-title{display:block;font-size:12px;font-weight:650;margin-bottom:10px}.required{font-size:9px;font-weight:400;color:#748568;margin-left:10px}.service-fixed{display:flex;align-items:center;justify-content:space-between;border:1px solid var(--line);padding:13px 16px;background:var(--wash);font-size:13px}.service-fixed span{font-size:9px;color:#7c8b70;letter-spacing:.1em}.type-options{display:flex;border:0;padding:0;gap:12px;margin:0 0 15px}.type-option{display:flex;gap:8px;align-items:center;border:1px solid var(--line);padding:11px 15px;flex:1;font-size:12px;cursor:pointer}.type-option:has(input:checked){border-color:#4c6037;background:#f2f6e9}input[type=radio],input[type=checkbox]{accent-color:#4d603b}.input-control{width:100%;min-height:52px;border:1px solid #c6d0bd;border-radius:0;padding:12px 14px;background:white;color:var(--ink);font-size:14px}.input-control[aria-invalid=true]{border-color:#ab3e30}.field-help{font-size:10px;color:var(--muted);margin:8px 0}.check-row{display:flex;align-items:flex-start;gap:10px;font-size:11px;margin:14px 0}.check-row input{margin-top:6px;flex-shrink:0}.check-row small{display:block;color:var(--muted);font-size:10px}.form-divider{border:0;border-top:1px solid var(--line);margin:23px 0}.demo-captcha{background:var(--wash);padding:15px;font-size:11px;border:1px dashed #cbd6c2}.demo-captcha strong{display:block}.demo-captcha p{font-size:10px;color:#77876a;margin:5px 0 0}.form-buttons{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:25px}.form-buttons .btn{min-width:220px}.text-button{border:0;background:none;text-decoration:underline;text-underline-offset:4px;padding:5px 0;font-size:10px;color:#7d8c70}.inline-message{font-size:12px;margin:16px 0 0;padding:12px 15px;background:#fff2ec;color:#8e4433}.receipt-panel{border:1px solid #bfcea9;background:#fafcf7;padding:30px;margin-bottom:24px}.receipt-panel:focus{outline:0}.success-mark{font-size:10px;letter-spacing:.15em;color:#6b824a;font-weight:700}.receipt-panel h2{font-size:23px;margin:12px 0}.receipt-number{font:25px Consolas,monospace;letter-spacing:.08em;background:#eef3e4;padding:17px;margin:16px 0;overflow-wrap:anywhere}.receipt-panel p{font-size:12px}.receipt-panel .btn{margin-top:12px}.receipt-panel details{font-size:11px;margin:18px 0}.receipt-panel code{overflow-wrap:anywhere;font-size:11px}.history{margin-top:28px}.history h2{font-size:13px}.history-row{border-top:1px solid var(--line);padding:12px 0;font-size:11px;display:flex;justify-content:space-between;gap:15px}.history-row span{font-family:Consolas,monospace}.back-link{font-size:11px;display:inline-block;margin-bottom:23px}.no-js{border:1px solid var(--line);padding:15px;font-size:12px}.dialog{width:min(460px,calc(100% - 32px));border:1px solid var(--line);padding:28px;color:var(--ink)}.dialog::backdrop{background:#16201577}.dialog h2{font-size:17px}.dialog p{font-size:12px}.dialog .buttons{margin-top:24px}
@media(max-width:900px){.shell{padding:0 24px}.board-layout,.register-layout{grid-template-columns:minmax(0,1fr);gap:30px}.side-column{display:grid;grid-template-columns:1fr 1fr;gap:18px}.aside-box{margin:0}.hero{gap:30px;grid-template-columns:1.4fr 1fr}.hero h1{font-size:31px}.hero-action{padding-left:20px}.brand small{display:none}.form-panel{padding:26px}}
@media(max-width:600px){.shell{padding:0 20px}.test-strip{font-size:9px;padding:8px 12px}.test-strip b{margin-right:5px}.site-header{padding:20px 0;gap:15px}.brand{font-size:25px}.header-nav{gap:17px;font-size:10px}.hero{grid-template-columns:1fr;gap:24px;padding:17px 0 28px}.hero h1{font-size:31px}.hero h1 span{font-size:16px}.hero-action{border-left:0;border-top:1px solid var(--line);padding:18px 0 0}.hero-action .btn{width:100%}.hero-action p{margin-bottom:10px}.lead{font-size:12px}.breadcrumb{padding:20px 0;font-size:9px}.notice{padding:13px 15px;font-size:10px}.metrics{margin-bottom:31px}.metric{padding:15px 11px}.metric dt{font-size:9px}.metric dd{font-size:24px}.metric dd small{font-size:9px;margin-left:3px}.board-layout{gap:32px}.section-title h2{font-size:17px}.english{font-size:8px!important}.spotlight-grid{gap:10px}.code-card{padding:15px}.code-card:first-child{display:block}.code-card:first-child .code{font-size:27px}.code{font-size:19px}.card-meta{font-size:9px}.card-actions{gap:6px}.disabled-link{font-size:9px}.code-card:first-child .card-actions{margin-top:10px}.side-column{grid-template-columns:1fr}.aside-box{padding:21px}.recent-row,.list-head{grid-template-columns:minmax(0,1fr) 72px 62px;gap:7px}.recent-row .code{font-size:15px}.recent-row time{font-size:9px}.recent-row .copy-btn{padding:6px 9px}.section-intro{font-size:11px}.footer{align-items:flex-start;flex-direction:column;gap:14px;margin-top:45px}.form-panel{padding:22px 18px}.register-layout{gap:24px}.type-option{font-size:10px;padding:10px;gap:6px}.form-buttons .btn{width:100%;min-width:0}.receipt-panel{padding:23px 18px}.receipt-number{font-size:21px}.history-row{flex-direction:column;gap:3px}.hero.register-hero{padding-bottom:24px}}

.post-code-banner{margin-top:36px;padding:30px 32px;background:#252d20;color:#fff}.post-code-eyebrow{margin:0 0 12px;color:#c4d6a9;font-size:10px;letter-spacing:.15em}.post-code-banner h2{margin:0 0 12px;font-size:20px;line-height:1.7}.post-code-description{margin:0 0 22px;color:#c1cbb8;font-size:12px}.post-code-button{display:flex;align-items:center;justify-content:center;gap:24px;width:100%;min-height:56px;padding:14px 20px;background:#fff;color:#252d20;border:1px solid #fff;text-decoration:none;font-size:14px;font-weight:700;line-height:1.6}.post-code-button span{font-size:20px;font-weight:400}.post-code-button:hover{background:#e4edcf;border-color:#e4edcf}@media(max-width:600px){.post-code-banner{margin-top:28px;padding:25px 20px}.post-code-banner h2{font-size:18px}.post-code-description{font-size:11px}.post-code-button{font-size:13px}}

.signup-btn{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:6px 14px;background:#252d20;border:1px solid #252d20;color:#fff;font-size:11px;font-weight:650;line-height:1.85;text-decoration:none}.signup-btn:hover{background:#3c4436}.signup-btn[aria-disabled=true]{opacity:.5;cursor:not-allowed}

/* Keep the code and copy control together, with signup below. */
.code-card:first-child{display:block}
.card-code-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:10px 0 16px;min-width:0}
.card-code-row .code{min-width:0;margin:0}
.card-code-row .copy-btn{flex-shrink:0}
.code-card .card-actions{display:block;margin:0 0 12px}
.code-card .card-actions .signup-btn{display:flex;width:100%;min-height:44px}
.code-card:first-child .card-actions{margin:0 0 12px}
@media(max-width:600px){.card-code-row{gap:6px}.card-code-row .copy-btn{padding:6px 8px}.card-code-row .code{font-size:17px}.code-card:first-child .card-code-row .code{font-size:27px}}
/* Reserve the dark signup button for the main pickup card. */
.code-card:not(:first-child) .signup-btn{background:#fff;color:#252d20;border-color:#cbd4c3}
.code-card:not(:first-child) .signup-btn:hover{background:#f5f7f1;border-color:#a4b38c}
/* Screenshot and copy slots for the service-specific sharing guide. */
.share-guide{margin-top:46px}
.share-steps{list-style:none;padding:0;margin:0 0 24px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.share-step{min-width:0;border:1px solid var(--line);padding:18px}
.share-step-number{font-size:10px;letter-spacing:.12em;color:#6a7561}
.share-step h3{font-size:13px;line-height:1.7;margin:8px 0 16px;min-height:3.4em}
.share-image-placeholder{aspect-ratio:3/4;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;padding:16px;border:1px dashed #bdc9b2;background:var(--wash);color:#737b72;text-align:center}
.share-image-placeholder>span{font-size:30px;line-height:1;font-weight:300;color:#99a78b}
.share-image-placeholder strong{font-size:11px;font-weight:500}
.share-image-placeholder small{font-size:10px;line-height:1.7}
.share-step-description{margin:16px 0 0;font-size:12px;color:#687163;line-height:1.9}
.share-step img{display:block;width:100%;height:auto}
@media(max-width:600px){.share-guide{margin-top:36px}.share-steps{grid-template-columns:minmax(0,1fr);gap:18px}.share-step{padding:20px}.share-step h3{min-height:0;font-size:15px}.share-image-placeholder{max-width:300px;margin-inline:auto}.share-guide>.btn{width:100%}}
.board-eyecatch{margin:0 0 28px;overflow:hidden;background:#f5f5f5}.board-eyecatch img{display:block;width:100%;height:auto}

.service-ranking{min-width:0;margin-bottom:24px;align-self:start}
.service-ranking h2{font-size:14px;margin:0 0 6px}
.ranking-caption,.ranking-demo,.ranking-footnote{font-size:10px;color:var(--muted);margin:0 0 12px}
.ranking-demo{letter-spacing:.06em}
.service-ranking-list{list-style:none;margin:0 0 10px;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.service-ranking-card{min-width:0;border:1px solid var(--line);padding:12px 10px;background:#fff}
.service-ranking-card.is-current{background:var(--wash);border-color:#a4b38c}
.ranking-service{display:flex;align-items:baseline;gap:5px;font-size:10px;line-height:1.7;margin:0 0 9px;overflow-wrap:anywhere;min-height:3.4em}
.ranking-service>span:last-child{min-width:0}
.ranking-position{font-size:9px;color:var(--muted);flex-shrink:0}
.ranking-value{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px;margin:0;min-width:0}
.ranking-value strong{font-size:20px;line-height:1.4;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;min-width:0;max-width:100%}
.ranking-value small,.ranking-total small{font-size:10px;font-weight:400}
.ranking-current{display:block;font-size:9px;color:#596b45;margin-top:6px}
.ranking-exact{font-size:9px;margin-top:8px;min-width:0}
.ranking-exact summary{cursor:pointer;color:inherit}
.ranking-exact p{overflow-wrap:anywhere;margin:5px 0 0;font-variant-numeric:tabular-nums}
.ranking-total{background:#252d20;color:#fff;padding:16px;min-width:0}
.ranking-total>span{font-size:11px}
.ranking-total>p{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px;margin:5px 0 0}
.ranking-total strong{font-size:28px;line-height:1.4;overflow-wrap:anywhere;max-width:100%;font-variant-numeric:tabular-nums}
.ranking-footnote{margin-top:10px;line-height:1.8}
.ranking-loading{font-size:11px;grid-column:1/-1}
@media(min-width:601px) and (max-width:900px){.service-ranking{grid-column:1/-1}.service-ranking-list{grid-template-columns:repeat(3,minmax(0,1fr))}}
/* Exact database counters remain readable at narrow widths. */
.metrics>.metric{min-width:0}.metric dd{overflow-wrap:anywhere;word-break:normal}.metric dd>span{font-size:clamp(16px,2.4vw,30px)}.board-refresh{margin-top:24px}

.share-screenshot{margin:0}.share-screenshot a{display:block;border:1px solid var(--line);background:#fafafa}.share-screenshot img{display:block;width:100%;height:auto}.share-screenshot figcaption{margin-top:8px;font-size:10px;line-height:1.8;color:var(--muted)}
.share-post-guide{min-height:330px;padding:24px 16px;border:1px solid var(--line);background:var(--wash);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:16px}.share-post-label{font-size:9px;letter-spacing:.1em;color:var(--muted)}.share-post-guide>strong{font-size:19px;line-height:1.7}.share-post-guide>p{font-size:12px;line-height:2;margin:0}.share-post-guide .btn{padding:10px 12px;gap:10px;width:100%}.share-guide-note{font-size:10px;color:var(--muted);line-height:1.9;margin:0 0 22px}
@media(max-width:600px){.share-screenshot{max-width:300px;margin-inline:auto}.share-post-guide{max-width:300px;min-height:280px;margin-inline:auto;width:100%}}
.benefit-faq+.rules{margin-top:32px}.board-related-links{display:grid;gap:10px;margin-top:20px}.board-related-links a{font-size:12px;padding:12px 15px;border:1px solid var(--line);text-decoration:none}.board-related-links a:hover{background:var(--wash)}

/* Shared Pivox chrome, scoped so board components retain their layout. */
.board-site-header{padding:30px 0;align-items:center;gap:24px}.board-site-header .brand{font-size:36px;letter-spacing:-1.8px;flex-shrink:0}.board-site-header .brand small{display:block;font-size:9px;letter-spacing:2px;font-weight:400;margin:10px 0 0;color:inherit}.board-site-header .header-nav{display:flex;gap:20px;flex-wrap:wrap;justify-content:flex-end;font-size:12px}.board-site-header .header-nav a{font-weight:400}
.board-site-footer{display:block;border-top:1px solid #141414;margin-top:68px;padding:35px 0 25px;color:#141414;font-family:Arial,"Yu Gothic",Meiryo,sans-serif}.board-site-footer .wrap{width:min(1120px,calc(100% - 48px));margin:auto}.board-site-footer .footer-top,.board-site-footer .footer-bottom{display:flex;justify-content:space-between;gap:24px;align-items:center}.board-site-footer .brand{font-size:28px;font-weight:800;letter-spacing:-1px;text-decoration:none}.board-site-footer nav{display:flex;gap:20px;flex-wrap:wrap;font-size:11px}.board-site-footer nav a,.board-site-footer .footer-bottom a{text-decoration:none}.board-site-footer a:hover{text-decoration:underline;text-underline-offset:5px}.board-site-footer .footer-bottom{font-size:10px;color:#666;margin-top:32px}
.hub-skip{position:absolute;left:16px;top:-80px;background:#fff;padding:12px;z-index:10}.hub-skip:focus{top:12px}
@media(max-width:800px){.board-site-header{align-items:flex-start;flex-direction:column}.board-site-header .header-nav{justify-content:flex-start;gap:16px}.board-site-footer .footer-top{align-items:flex-start;flex-direction:column}}
@media(max-width:480px){.board-site-header .brand{font-size:34px}.board-site-footer .wrap{width:calc(100% - 36px)}.board-site-footer .footer-bottom{flex-wrap:wrap}}