.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:root{--ink:#f4f4f4;--muted:#9a9a9a;--muted-2:#767676;--ink-soft:#c9c9c9;--surface:#121212;--surface-2:#1b1b1b;--panel:#1a1a1a;--line:#2a2a2a;--line-strong:#3a3a3a;--green:#f4f4f4;--shadow:none;--hover:#242424;--active:#292929;--ctl-h:32px;--r-xs:4px;--r-sm:6px;--r-md:8px;--r-lg:10px;--accent-blue:#9ebbe4;--accent-gold:#d7bd73;--accent-red:#d6908d;--accent-green:#6f9e6f;--danger-red:#d63b3b;--danger-red-dark:#8f1f24;--danger-red-bright:#ff5a52;--danger-red-text:#ff6b64;--danger-red-dim:#d83a3a1a;--danger-red-gradient:linear-gradient(90deg, #9f252a 0%, #d63b3b 100%);--line-green:#06c755;--line-green-bright:#00e676;--line-green-dark:#05a847;--line-green-text:#06c755;--line-green-dim:#06c75514;--line-green-gradient:linear-gradient(90deg, #06c755 0%, #00d86a 100%);--amber-line:#b9913a;--amber-fill:#d7bd7324;--fill-active:#332d1d;--shadow-row:0 1px 2px #00000040;color:var(--ink);background:var(--surface);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Hiragino Sans,Hiragino Kaku Gothic ProN,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--surface);scrollbar-gutter:stable}body{min-width:320px;margin:0}#root{min-height:100vh}.gate{--g-bg:#16161f;--g-panel:#1c1c27bd;--g-panel-line:#ffffff14;--g-text:#f1f0fa;--g-muted:#a3a2b8;--g-faint:#6f6e86;--g-accent:#a394ff;--g-accent-2:#7fd3c1;--g-accent-3:#f0a6cf;--g-shadow:0 24px 60px #00000059;--g-blob-1:#6e5ce852;--g-blob-2:#d670aa38;--g-blob-3:#46aa9638;--g-ease:cubic-bezier(.2, .8, .2, 1);background:var(--g-bg);color:var(--g-text);-webkit-font-smoothing:antialiased;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;place-items:center;padding:24px;font:400 14px/1.6 -apple-system,BlinkMacSystemFont,Hiragino Sans,Hiragino Kaku Gothic ProN,Segoe UI,Roboto,Noto Sans JP,sans-serif;display:grid;position:fixed;inset:0;overflow:auto}.gate[data-mode=light]{--g-bg:#ecebf4;--g-panel:#ffffffc7;--g-panel-line:#ffffffe6;--g-text:#17162b;--g-muted:#6e6e85;--g-faint:#a0a0b4;--g-accent:#6d5de8;--g-accent-2:#2f9a73;--g-accent-3:#e07aae;--g-shadow:0 24px 60px #28245a24;--g-blob-1:#a091ff8c;--g-blob-2:#ffaad780;--g-blob-3:#96e6cd80;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.gate *{box-sizing:border-box}:where(.gate) :where(a){color:inherit;text-decoration:none}:where(.gate) :where(button){font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}.gate-bg{pointer-events:none;position:absolute;inset:0;overflow:hidden}.gate-blob{will-change:transform;border-radius:50%;width:70vmax;height:70vmax;position:absolute}.gate-blob.a{background:radial-gradient(circle at center, var(--g-blob-1), transparent 62%);animation:28s ease-in-out infinite alternate gate-drift-a;top:-30vmax;left:-20vmax}.gate-blob.b{background:radial-gradient(circle at center, var(--g-blob-2), transparent 62%);animation:34s ease-in-out infinite alternate gate-drift-b;top:-10vmax;right:-25vmax}.gate-blob.c{background:radial-gradient(circle at center, var(--g-blob-3), transparent 62%);animation:40s ease-in-out infinite alternate gate-drift-c;bottom:-40vmax;left:10vmax}@keyframes gate-drift-a{to{transform:translate(14vmax,10vmax)scale(1.08)}}@keyframes gate-drift-b{to{transform:translate(-12vmax,12vmax)scale(1.12)}}@keyframes gate-drift-c{to{transform:translate(16vmax,-10vmax)scale(.95)}}.gate-card{border:1px solid var(--g-panel-line);background:var(--g-panel);width:min(440px,100%);box-shadow:var(--g-shadow);-webkit-backdrop-filter:blur(24px)saturate(1.3);text-align:center;animation:gate-in .7s var(--g-ease) both;border-radius:28px;padding:40px 36px 32px;position:relative}.gate-card>*{animation:gate-rise .6s var(--g-ease) both;animation-delay:calc(.12s + var(--i,0) * 70ms)}@keyframes gate-in{0%{opacity:0;transform:translateY(18px)scale(.985)}to{opacity:1;transform:none}}@keyframes gate-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.gate-card{background:color-mix(in srgb, var(--g-panel) 100%, var(--g-bg) 0%)}.gate{--g-panel:#1c1c27}.gate[data-mode=light]{--g-panel:#fff}}.gate-mark{width:64px;height:64px;margin:0 auto 16px;display:block}.gate-mark .thread{fill:none;stroke-width:4px;stroke-linecap:round;stroke-dasharray:60;stroke-dashoffset:60px;animation:gate-draw 1.1s var(--g-ease) forwards}.gate-mark .thread.h{stroke:var(--g-accent)}.gate-mark .thread.v{stroke:var(--g-accent-2)}.gate-mark .thread:first-child{animation-delay:.15s}.gate-mark .thread:nth-child(2){animation-delay:.3s}.gate-mark .thread:nth-child(3){animation-delay:.45s}.gate-mark .thread:nth-child(4){animation-delay:.6s}.gate-mark .thread:nth-child(5){animation-delay:.75s}.gate-mark .thread:nth-child(6){animation-delay:.9s}@keyframes gate-draw{to{stroke-dashoffset:0}}.gate-mark.is-loop .thread{animation:2.4s ease-in-out infinite gate-weave}@keyframes gate-weave{0%{stroke-dashoffset:60px;opacity:.25}35%{stroke-dashoffset:0;opacity:1}70%{stroke-dashoffset:0;opacity:1}to{stroke-dashoffset:-60px;opacity:.25}}.gate-brand{letter-spacing:-.01em;margin:0;font-size:30px;font-weight:600;line-height:1.2}.gate-tag{color:var(--g-muted);margin:8px 0 0;font-size:14px;line-height:1.7}.gate-hint{color:var(--g-faint);margin:22px 0 0;font-size:12.5px}.gate-line{color:#fff;width:100%;min-height:50px;transition:transform .18s var(--g-ease), box-shadow .18s, background .18s;background:#06c755;border-radius:999px;justify-content:center;align-items:center;gap:10px;margin-top:12px;padding:0 24px;font-size:16px;font-weight:600;display:inline-flex;box-shadow:0 10px 24px #06c75547}.gate-line:hover{background:#05b34c;transform:translateY(-1px);box-shadow:0 14px 30px #06c75557}.gate-line:active{transform:translateY(0)scale(.985);box-shadow:0 6px 16px #06c75547}.gate-line svg{flex:none}.gate-note{color:var(--g-muted);margin:18px 0 0;font-size:12.5px;line-height:1.7}.gate-note p{margin:0}.gate-textlink{color:var(--g-accent);text-underline-offset:3px;text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb, var(--g-accent) 45%, transparent);text-decoration-color:color-mix(in srgb, var(--g-accent) 45%, transparent);font-size:12.5px;transition:text-decoration-color .18s;display:inline}.gate-textlink:hover{-webkit-text-decoration-color:var(--g-accent);text-decoration-color:var(--g-accent)}.gate-btn{background:var(--g-accent);color:#fff;min-height:36px;transition:transform .18s var(--g-ease), filter .18s;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:0 16px;font-size:13px;font-weight:500;display:inline-flex}.gate:not([data-mode=light]) .gate-btn{color:#16161f}.gate-btn:hover{filter:brightness(1.08);transform:translateY(-1px)}.gate-foot{color:var(--g-faint);margin:26px 0 0;font-size:11.5px}.gate-loading{text-align:center;animation:gate-in .5s var(--g-ease) both}.gate-loading .gate-brand{font-size:24px}.gate-loading .gate-tag{margin-top:4px;font-size:13px}.gate-bar{background:color-mix(in srgb, var(--g-accent) 18%, transparent);border-radius:2px;width:160px;height:3px;margin:22px auto 0;position:relative;overflow:hidden}.gate-bar:after{content:"";background:var(--g-accent);width:40%;animation:gate-slide 1.4s var(--g-ease) infinite;border-radius:2px;position:absolute;inset:0}@keyframes gate-slide{0%{transform:translate(-120%)}to{transform:translate(300%)}}@media (width<=480px){.gate{padding:16px}.gate-card{border-radius:24px;padding:32px 22px 24px}.gate-brand{font-size:26px}}@media (prefers-reduced-motion:reduce){.gate *,.gate :before,.gate :after{transition:none!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.gate-mark .thread{stroke-dashoffset:0}}
