@font-face{font-family:Pixel;src:url('/assets/pixel.ttf') format('truetype');font-display:swap}
:root{color-scheme:light;--paper:#f4eddb;--shell:#e5ddc8;--shade:#bfb49b;--ink:#263d32;--muted:#52604c;--screen:#a9b77d;--key:#526649;--error:#943e32;--line:#b5b59a}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;padding:40px 20px 20px;background:#f7f2e5;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;line-height:1.6}a{color:inherit}button,input{font:inherit}button,a,input{touch-action:manipulation}button,a{ -webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--ink);outline-offset:5px}button{cursor:pointer}button:disabled{cursor:not-allowed}a{text-underline-offset:4px}[hidden]{display:none!important}
.console{width:min(100%,600px);margin:auto;padding:30px 34px 16px;border-radius:42px 42px 54px 42px;background:linear-gradient(115deg,#f6f0df,var(--shell));box-shadow:inset 2px 3px 3px #fff9ea,inset -3px -4px 5px #b9b198,0 18px 38px #534e3329;position:relative}.brand{display:flex;align-items:center;justify-content:space-between;margin:2px 0 22px;gap:16px}.brand>a{font-family:Pixel,monospace;font-size:30px;line-height:1;text-decoration:none;letter-spacing:.5px}.brand-note{font-size:12px;display:flex;align-items:center;gap:7px}.brand-note i{width:7px;height:7px;border-radius:50%;background:var(--key);box-shadow:0 2px 2px #263d3240}
.screen-bezel{padding:12px;background:#384639;border-radius:24px 24px 32px 24px;box-shadow:0 3px 0 #fff8e5,inset 0 3px 7px #111c16a0}.screen{background:var(--screen);border-radius:14px 14px 22px 14px;overflow:hidden;position:relative}.screen img{display:block;width:100%;height:auto;aspect-ratio:2/1;object-fit:cover;image-rendering:auto}.screen-caption{display:flex;justify-content:space-between;padding:8px 15px;font-family:Pixel,sans-serif;font-size:12px;background:#a9b77d}.intro{padding:25px 0 22px}.intro h1{font-size:clamp(25px,4.5vw,34px);font-weight:650;line-height:1.36;letter-spacing:-.03em;margin:0;text-wrap:balance}.intro p{margin:9px 0 0;font-size:17px;color:var(--muted)}
.platforms{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:6px;background:#babca1;border-radius:22px;box-shadow:inset 1px 3px 5px #606b4c55,0 2px 0 #fff8e9}.platforms a{display:flex;justify-content:center;align-items:center;gap:10px;min-height:54px;text-decoration:none;font-weight:650;font-size:18px;border-radius:17px;color:#3c513e;transition:background .18s ease-out,box-shadow .18s ease-out}.platforms a[aria-current]{background:linear-gradient(#fcf8eb,#e9e2ce);box-shadow:inset 1px 2px 1px #fffdf4,0 3px 5px #48513c4d}.platforms a:hover{background-color:#d4d6bc}.platforms svg{width:22px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.entry{padding-top:22px;scroll-margin-top:18px}.status{display:flex;gap:14px;align-items:center;padding:16px 18px;background:#d7d9bc;border-radius:12px;margin-bottom:22px}.status-symbol{font-size:30px;line-height:1;width:30px;text-align:center;flex-shrink:0}.status h2{font-size:18px;margin:0;font-weight:650}.status p{font-size:14px;margin:4px 0 0;color:var(--muted)}.field-label{font-size:15px;font-weight:600;display:block;margin:0 0 8px}input[type=email]{display:block;width:100%;min-height:54px;border:1px solid #b3b397;border-radius:13px;padding:12px 16px;background:#f5f1e3;color:var(--ink);box-shadow:inset 0 2px 4px #6c715627}input::placeholder{color:#697260}.hint{font-size:13px;color:var(--muted);margin:10px 0 12px}.consent{display:flex;align-items:center;gap:10px;font-size:13px;min-height:48px;margin:3px 0 14px;cursor:pointer}.consent input{width:21px;height:21px;flex-shrink:0;accent-color:var(--key);margin:0}.primary,.secondary{display:flex;align-items:center;justify-content:center;gap:15px;min-height:56px;width:100%;padding:12px 18px;border:0;border-radius:28px;background:linear-gradient(#637954,#4d6243);box-shadow:inset 0 2px 1px #aeb79c,0 3px 0 #354631,0 5px 8px #31452925;color:#fffdf1;text-decoration:none;font-weight:650;font-size:18px;transition:filter .2s ease-out,transform .2s ease-out}.primary span{font-size:24px;font-weight:400}.primary:hover{filter:brightness(1.08)}.primary:active{transform:translateY(2px)}.primary:disabled{background:#c6c8af;box-shadow:inset 0 2px 2px #939b7a30;color:#4f5a46}.primary:disabled:hover{filter:none}.secondary{background:none;box-shadow:none;color:var(--ink);font-size:15px;text-decoration:underline}.error{color:var(--error);font-size:14px;margin:0 0 15px}.trap{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.copy-link{display:block;border:0;background:transparent;text-decoration:underline;text-underline-offset:4px;color:var(--ink);min-height:44px;margin:auto}.copy-result{text-align:center;font-size:13px;margin:0}.browser-hint{margin-top:18px;font-size:13px;padding:14px;background:#fff8e4;border-radius:12px}.browser-hint p{margin:4px 0 0}.success{text-align:center;padding:10px 0}.success h2{font-size:24px;margin:12px 0}.success p{font-size:15px}.success small{color:var(--muted);font-size:12px}.stamp{display:grid;place-items:center;margin:auto;width:52px;height:52px;border:2px solid var(--key);border-radius:50%;font-size:30px;transform:rotate(-8deg)}
.console-footer{display:flex;align-items:center;gap:12px;min-height:72px;border-top:1px solid var(--line);margin-top:28px;font-size:13px}.console-footer a{padding:12px 0;text-decoration:none}.console-footer a:hover{text-decoration:underline}.speaker{display:grid;grid-template-columns:repeat(2,5px);gap:5px;margin-right:8px}.speaker b{width:5px;height:5px;border-radius:50%;background:#676f57;box-shadow:0 1px 0 #fff9e6}.footer-paw{margin-left:auto;font-size:25px}.details-area{font-size:13px;color:var(--muted)}details{border-top:1px solid #bebda4}summary{min-height:44px;cursor:pointer;display:list-item;padding:12px 0}details p{margin:4px 0 14px}.page-end{font-family:Pixel,monospace;text-align:center;margin:24px 0 0;font-size:12px;color:var(--muted)}.page-end span{font-family:inherit;margin-left:16px}
@media(min-width:1000px){body{padding-top:48px}.console{padding:32px 42px 18px}.screen img{max-height:215px}.intro{padding-top:24px}}
@media(max-width:480px){body{padding:12px 10px 20px}.console{padding:24px 22px 14px;border-radius:32px 32px 42px 32px}.brand{margin-bottom:18px}.brand>a{font-size:25px}.brand-note{font-size:10px;max-width:90px}.screen-bezel{padding:9px;border-radius:20px}.screen-caption{padding:6px 10px;font-size:11px}.intro{padding:20px 0}.intro h1{font-size:26px}.intro p{font-size:15px}.platforms a{min-height:49px;font-size:16px}.entry{padding-top:18px}.status{padding:13px 12px;margin-bottom:18px}.status h2{font-size:17px}.status p{font-size:13px}.console-footer{gap:9px}.page-end{font-size:10px}}
@media(max-width:350px){.console{padding-left:16px;padding-right:16px}.brand-note{display:none}.intro h1{font-size:24px}}
.console{background-image:radial-gradient(#6f684314 .6px,transparent .8px),linear-gradient(115deg,#f6f0df,var(--shell));background-size:3px 3px,100% 100%}
.brand>a{font-weight:700;letter-spacing:1px;text-shadow:.6px 0 currentColor;white-space:nowrap}.intro h1{font-weight:800}
.status{border:1px solid #b8bea0;box-shadow:inset 0 2px 4px #6c71561f,0 1px 0 #fff9e7}
.footer-paw{width:23px;height:23px;fill:currentColor;flex-shrink:0}.slots{width:16px;height:26px;display:flex;justify-content:space-between;margin-left:2px}.slots::before,.slots::after{content:"";width:4px;border-radius:4px;background:#8b8b70;box-shadow:inset 1px 2px 2px #575d45,1px 1px 0 #fff8e6}
.copy-result{overflow-wrap:anywhere}
@media(max-width:350px){.slots{display:none}.brand>a{font-size:24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}