:root{color-scheme:dark;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#f4f4f4;background:#080808;font-size:16px}*{box-sizing:border-box}body{margin:0;min-height:100svh;display:grid;place-items:center;padding:2rem max(1.5rem,env(safe-area-inset-left));background:#080808}.welcome{width:100%;max-width:350px;padding-block:2rem}.welcome-kicker{font-size:.65rem;font-weight:600;letter-spacing:.17em;color:#9d9d9d; color: light-dark(#9d9d9d, #6a6a6a);}h1{font-size:clamp(2.5rem,8vw,3.35rem);font-weight:500;letter-spacing:-.06em;line-height:1.1;margin:1.2rem 0}.welcome-intro{color:#aaa; color: light-dark(#aaa, #5a5a5a);line-height:1.7;font-size:.9rem;margin:0 0 2.5rem}form{display:grid;gap:.65rem}label{font-size:.8rem;color:#c9c9c9; color: light-dark(#c9c9c9, #3b3b3b);margin-top:.8rem}input{width:100%;min-height:52px;border:1px solid #3d3d3d;border-radius:5px;background:#111;color:#fff;padding:.85rem 1rem;font:inherit}input:focus{outline:2px solid #ddd; outline: 2px solid light-dark(#ddd, #2b2b2b);outline-offset:3px}button{display:flex;justify-content:space-between;align-items:center;min-height:52px;margin-top:1.1rem;border:1px solid #eee; border: 1px solid light-dark(#eee, #222222);border-radius:5px;padding:.85rem 1rem;background:#eee; background: light-dark(#eee, #222222);color:#111; color: light-dark(#111, #eeeeee);font:600 .85rem system-ui;cursor:pointer;touch-action:manipulation}button:focus-visible{outline:2px solid white; outline: 2px solid light-dark(white, #1a2420);outline-offset:4px}button:active{background:#ccc; background: light-dark(#ccc, #383838);}.welcome-footer{margin-top:2rem;font-size:.72rem;color:#888; color: light-dark(#888, #858585);}.welcome-error{border-left:2px solid #e2ac9c; border-left: 2px solid light-dark(#e2ac9c, #683b2e);padding:.6rem .8rem;color:#f1c5ba; color: light-dark(#f1c5ba, #472c25);font-size:.85rem;line-height:1.6}input,button{-webkit-tap-highlight-color:transparent}@media(max-height:550px){body{place-items:start center}.welcome{padding-block:0}}
.welcome-request{margin-top:2.5rem;border-top:1px solid #262626; border-top: 1px solid light-dark(#262626, #eaeaea);padding-top:1.4rem}.welcome-request summary{cursor:pointer;font-size:.88rem;color:#e6e6e6; color: light-dark(#e6e6e6, #262626);min-height:44px;display:flex;align-items:center;list-style-position:inside}.welcome-request summary:focus-visible{outline:2px solid #ddd; outline: 2px solid light-dark(#ddd, #2b2b2b);outline-offset:3px}.welcome-note{color:#aaa; color: light-dark(#aaa, #5a5a5a);font-size:.82rem;line-height:1.6;margin:.4rem 0 .4rem}.welcome-check{display:grid;grid-template-columns:auto 1fr;gap:.7rem;align-items:start;line-height:1.55;font-size:.78rem;color:#bdbdbd; color: light-dark(#bdbdbd, #464646);}.welcome-check input{width:20px;min-height:20px;height:20px;margin:.1rem 0 0;accent-color:#eee; accent-color: light-dark(#eee, #222222);}.welcome-check a{color:#eee; color: light-dark(#eee, #222222);}.welcome-success{margin-top:2.2rem;border-left:2px solid #9fd3a8; border-left: 2px solid light-dark(#9fd3a8, #25492d);padding:.6rem .8rem;color:#cfeccf; color: light-dark(#cfeccf, #1b2d1c);font-size:.85rem;line-height:1.6}
.welcome-request summary::-webkit-details-marker{display:none}.welcome-request summary{list-style:none;justify-content:space-between}.welcome-request summary::after{content:"+";font-size:1.1rem;color:#bbb; color: light-dark(#bbb, #484848);}.welcome-request[open] summary::after{content:"–"}
.welcome-button{display:flex;justify-content:space-between;align-items:center;min-height:52px;margin-top:1.6rem;border:1px solid #eee; border: 1px solid light-dark(#eee, #222222);border-radius:5px;padding:.85rem 1rem;background:#eee; background: light-dark(#eee, #222222);color:#111; color: light-dark(#111, #eeeeee);font:600 .85rem system-ui;text-decoration:none;touch-action:manipulation}.welcome-secondary{display:inline-flex;align-items:center;min-height:44px;margin-top:.6rem;font-size:.88rem;color:#e6e6e6; color: light-dark(#e6e6e6, #262626);text-decoration:underline;text-underline-offset:3px}.welcome-legal{display:flex;flex-wrap:wrap;gap:.4rem 1.2rem;margin-top:.9rem;font-size:.72rem}.welcome-legal a{display:inline-flex;align-items:center;min-height:32px;color:#aaa; color: light-dark(#aaa, #5a5a5a);text-decoration:underline;text-underline-offset:3px}