@font-face{font-family:Roboto;font-style:normal;font-weight:400;font-display:swap;src:local("Roboto"),local("Roboto-Regular"),url(/fonts/Roboto-400.woff2) format("woff2")}@font-face{font-family:Roboto;font-style:normal;font-weight:500;font-display:swap;src:local("Roboto Medium"),local("Roboto-Medium"),url(/fonts/Roboto-500.woff2) format("woff2")}:root{--primary: #00a6f0;--primary-hover: #0095d8;--primary-surface: #e8f7fe;--text: #202124;--label: #3f3f3f;--muted: #666;--border: #c9ccd1;--surface: #ffffff;--radius: 4px;--error: #c62828;--success: #2e7d32;color-scheme:light}*{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100%}body{font-family:Roboto,Helvetica,Arial,sans-serif;color:var(--text);background:#fff}.page{display:grid;min-height:100vh;min-height:100dvh;place-items:center;padding:clamp(16px,4vh,48px) clamp(16px,4vw,48px);background:url(/img/bg_desktop.svg) center / cover no-repeat}.card{width:min(100%,480px);padding:40px;border:1px solid rgba(0,0,0,.08);border-radius:var(--radius);background:var(--surface);box-shadow:0 12px 24px #00000024,0 4px 8px #00000014}.lang-switch{position:relative;width:fit-content;margin:-16px -16px 4px auto}.lang-switch>summary{display:inline-flex;align-items:center;gap:6px;padding:6px 8px;border-radius:8px;color:var(--muted);cursor:pointer;font-size:14px;font-weight:500;list-style:none}.lang-switch>summary::-webkit-details-marker{display:none}.lang-switch>summary:hover{background:var(--primary-surface);color:var(--text)}.lang-menu{position:absolute;top:100%;right:0;z-index:10;min-width:170px;margin-top:4px;padding:6px;border:1px solid rgba(0,0,0,.08);border-radius:8px;background:var(--surface);box-shadow:0 12px 24px #00000024,0 4px 8px #00000014}.lang-menu button{display:block;width:100%;padding:8px 14px;border:0;border-radius:8px;background:none;color:var(--text);cursor:pointer;font:inherit;font-size:15px;text-align:left}.lang-menu button:hover{background:var(--primary-surface);color:var(--primary)}.lang-menu button.is-active{color:var(--primary);font-weight:500}.logo{display:block;width:200px;max-width:70%;max-height:90px;margin:0 auto 28px;object-fit:contain}.panel{display:grid;gap:20px}.panel[hidden]{display:none}.header{margin-bottom:8px;text-align:center}.header h1{margin:0;color:var(--text);font-size:30px;font-weight:500;line-height:1.2}.header p{margin:12px 0 0;color:var(--muted);font-size:16px;line-height:1.5}.field{display:grid;gap:8px;min-width:0}.field-label{color:var(--label);font-size:15px;font-weight:500}.field input{width:100%;min-height:50px;padding:12px 14px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);font:inherit;font-size:16px;font-weight:400}.field input::placeholder{color:#858585;opacity:1}.field input:focus{outline:0;border-color:var(--primary);box-shadow:inset 0 0 0 1px var(--primary)}.button{display:flex;align-items:center;justify-content:center;width:100%;min-height:48px;padding:0 16px;border-radius:var(--radius);font:inherit;font-size:16px;font-weight:500;letter-spacing:.04em;text-decoration:none;text-transform:uppercase;cursor:pointer}.button-primary{margin-top:2px;border:none;background:var(--primary);color:#fff;box-shadow:0 1px 3px #0000003d}.button-primary:hover:not(:disabled){background:var(--primary-hover)}.button-outline{border:1px solid var(--primary);background:transparent;color:var(--primary)}.button-outline:hover{background:var(--primary-surface)}.button:disabled{opacity:.6;cursor:default}.text-action,.back-action{justify-self:center;width:fit-content;padding:4px;border:0;background:transparent;cursor:pointer;font:inherit;font-size:16px;font-weight:500}.text-action{margin-top:-8px;color:var(--primary)}.back-action{display:inline-flex;gap:10px;align-items:center;margin-top:8px;color:#555}.text-action:focus-visible,.back-action:focus-visible{outline:2px solid var(--primary);outline-offset:-2px}.message{margin:0;padding:12px 14px;border-left:3px solid currentColor;background:#f7f7f8;font-size:14px;line-height:1.4;color:var(--error)}.message.is-success{color:var(--success)}.message.is-info{color:var(--muted)}.version{margin:28px 0 0;color:#999;font-size:12px;text-align:center}.choices{margin:0 0 12px;padding:0;border:none}.choices legend{padding:0}.choice{display:grid;grid-template-columns:auto 1fr;column-gap:12px;align-items:start;margin-bottom:10px;padding:12px 14px;border:1px solid var(--border);border-radius:10px;cursor:pointer}.choice:has(input:checked){border-color:var(--primary);box-shadow:0 0 0 3px #ec68392e}.choice input{grid-row:span 3;margin:3px 0 0;accent-color:var(--primary)}.choice-name{font-size:16px;font-weight:600}.choice-price{display:block;font-size:14px}.choice-note{display:block;margin-top:4px;font-size:13px;line-height:1.4;color:var(--muted)}.hint{margin:0 0 16px;font-size:13px;line-height:1.45;color:var(--muted)}.hint a{color:var(--primary)}@media(max-width:480px){.page{place-items:start center;padding:0;background:#fff}.card{width:100%;min-height:100vh;min-height:100dvh;padding-top:max(28px,env(safe-area-inset-top));padding-right:max(20px,env(safe-area-inset-right));padding-bottom:max(24px,env(safe-area-inset-bottom));padding-left:max(20px,env(safe-area-inset-left));border:0;box-shadow:none}.logo{width:180px;margin-bottom:24px}.header h1{font-size:27px}}@media(max-height:720px)and (min-width:481px){.page{place-items:start center}}
