:root{--bg:#f3f8fe;--panel:#ffffffd6;--panel-solid:#fff;--panel-strong:#edf6ff;--field-bg:#f8fbffeb;--select-bg:#ffffffe0;--text:#58708b;--text-strong:#14263d;--muted:#6e87a1;--muted-strong:#476077;--border:#7ca8d04d;--border-soft:#7ca8d02e;--accent:#6cb6ff;--accent-strong:#2f7dd3;--chip-bg:#72b5ff1f;--chip-border:#5aa0e83d;--toggle-bg:#ffffff94;--info-bg:linear-gradient(180deg, #ffffffc7, #e8f3ffcc);--info-border:#7ca8d02e;--info-divider:#7ca8d02e;--info-text:#456178;--dial-text:#14263d;--dial-option-text:#14263d;--dial-option-bg:#fff;--shadow:0 20px 45px #7ea2c92e;color:var(--text);background:radial-gradient(circle at top left, #7dc4ff38, transparent 26%), radial-gradient(circle at bottom right, #80baff29, transparent 28%), var(--bg);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Trebuchet MS,Segoe UI,sans-serif;font-weight:400;line-height:1.5}:root[data-theme=dark]{--bg:#08111b;--panel:#0b1826d6;--panel-solid:#0b1a29;--panel-strong:#11253a;--field-bg:#122538f5;--select-bg:linear-gradient(180deg, #1b3249fa, #122335fa);--text:#a9c2da;--text-strong:#f4f9ff;--muted:#aac3db;--muted-strong:#d4e4f4;--border:#8dc2f457;--border-soft:#8dc2f433;--accent:#67b7ff;--accent-strong:#8fd0ff;--chip-bg:#69b0f11f;--chip-border:#69b0f133;--toggle-bg:#0f1f2feb;--info-bg:linear-gradient(180deg, #112336fa, #0d1a29fa);--info-border:#80beff38;--info-divider:#80beff2e;--info-text:#d3e4f6;--dial-text:#f4f9ff;--dial-option-text:#0f1720;--dial-option-bg:#fff;--shadow:0 22px 52px #0109126b;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{min-height:100%}body{min-width:320px;min-height:100vh;margin:0}body,button,input,select{font:inherit}button,input,select{font-family:inherit}#root{min-height:100vh}h1,h2,p{margin:0}h1,h2{color:var(--text-strong);font-family:Georgia,Times New Roman,serif}h1{letter-spacing:-.04em;font-size:clamp(3rem,6vw,5.8rem);line-height:.95}h2{font-size:clamp(1.5rem,2vw,2rem);line-height:1.1}a{color:inherit}.page-shell{grid-template-columns:1.15fr .95fr;gap:24px;min-height:100svh;padding:28px;display:grid;position:relative;overflow:hidden}.ambient{pointer-events:none;filter:blur(20px);opacity:.7;border-radius:999px;position:fixed;inset:auto}.ambient-one{background:radial-gradient(circle,#4ea4ff47,#0000 68%);width:280px;height:280px;top:8%;left:-8%}.ambient-two{background:radial-gradient(circle,#6fc2ff38,#0000 68%);width:360px;height:360px;bottom:6%;right:-6%}.hero-panel,.form-panel{z-index:1;border:1px solid var(--border);background:var(--panel);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);position:relative}.hero-panel{background-image:linear-gradient(160deg, var(--panel) 0%, var(--panel-strong) 100%);border-radius:36px;flex-direction:column;gap:28px;padding:24px;display:flex}.topbar{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.brand-chip,.section-kicker,.eyebrow{border:1px solid var(--chip-border);background:var(--chip-bg);width:fit-content;color:var(--accent-strong);letter-spacing:.16em;text-transform:uppercase;border-radius:999px;align-items:center;padding:8px 14px;font-size:.8rem;display:inline-flex}.topbar-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.toggle-group{border:1px solid var(--chip-border);background:var(--toggle-bg);border-radius:999px;padding:4px;display:inline-flex}.toggle-group button{color:var(--muted);font:inherit;letter-spacing:.04em;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:10px 14px;font-weight:700;transition:background-color .18s,color .18s,transform .18s}.toggle-group button.active{background:var(--accent);color:#fff}.toggle-group button:hover{transform:translateY(-1px)}.hero-copy{padding:28px 6px 0}.hero-copy h1{flex-direction:column;gap:8px;margin:18px 0 16px;display:flex}.hero-copy strong{color:var(--accent-strong);font-size:clamp(2.8rem,6vw,5.6rem);line-height:.95}.subtitle{color:var(--muted-strong);font-size:1.02rem}.intro-card{border:1px solid var(--info-border);background:var(--info-bg);border-radius:28px;padding:28px}.intro-title{color:var(--text-strong);margin-bottom:16px;font-size:1.35rem;font-weight:700}.intro-body{white-space:pre-line;color:var(--info-text);font-size:1rem;line-height:1.9}.intro-body strong{color:var(--text-strong)}.usage-box{border-top:1px solid var(--info-divider);margin-top:26px;padding-top:22px}.usage-box ul{gap:12px;margin:16px 0 0;padding:0;list-style:none;display:grid}.usage-box li{white-space:pre-line;color:var(--info-text);padding-left:18px;line-height:1.75;position:relative}.usage-box li:before{content:"";background:var(--accent);border-radius:999px;width:7px;height:7px;position:absolute;top:.82em;left:0;transform:translateY(-50%)}.form-panel{background:linear-gradient(180deg, var(--panel-solid), var(--panel));border-radius:32px;flex-direction:column;justify-content:space-between;padding:30px;display:flex}.panel-heading{margin-bottom:28px}.panel-heading h2{margin-top:12px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.field-card{background:var(--field-bg);border:1px solid var(--border-soft);border-radius:24px;flex-direction:column;gap:14px;padding:22px;display:flex}.field-card-wide{grid-column:1/-1}.field-label{color:var(--text-strong);font-size:.92rem;font-weight:700}.dial-row{align-items:center;gap:12px;display:flex}.dial-row-wrap{flex-wrap:wrap}.dial-select{border:1px solid var(--border);background:var(--select-bg);border-radius:18px;align-items:center;min-width:110px;display:inline-flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0f}.dial-select:after{content:"⌄";color:var(--dial-text);pointer-events:none;font-size:1rem;position:absolute;right:14px}.dial-select select{appearance:none;width:100%;color:var(--dial-text);font:inherit;cursor:pointer;background:0 0;border:0;padding:18px 42px 18px 18px;font-size:1.1rem;font-weight:700}.dial-select select option,.dial-select select optgroup{color:var(--dial-option-text);background:var(--dial-option-bg)}.dial-select span{color:var(--dial-text);pointer-events:none;font-size:.82rem;position:absolute;right:34px}.dial-select-single{width:100%}.dial-select-single span{display:none}.dial-select-compact{min-width:102px}.dial-static{min-height:62px;padding:18px 42px 18px 18px}.dial-static:after{display:none}.dial-static-value{color:var(--dial-text);font-size:1.1rem;font-weight:700;position:static}.page-shell[data-language=eng] .dial-select{min-width:132px}.page-shell[data-language=eng] .dial-select select{padding-right:18px}.page-shell[data-language=eng] .dial-select span{letter-spacing:.04em;text-transform:uppercase;flex-shrink:0;padding:0 34px 0 0;font-size:.75rem;position:static}.page-shell[data-language=eng] .dial-select:after{right:12px}.page-shell[data-language=eng] .dial-select-compact{min-width:138px}.dial-select select:disabled,.name-input:disabled{cursor:not-allowed;opacity:.42}.name-block{flex-direction:column;gap:12px;display:flex}.name-input{box-sizing:border-box;border:1px solid var(--border);background:var(--select-bg);width:100%;font:inherit;color:var(--text-strong);border-radius:18px;padding:18px}.name-input::placeholder{color:var(--muted)}.check-control{width:fit-content;color:var(--muted-strong);cursor:pointer;align-items:center;gap:10px;font-size:.95rem;display:inline-flex}.check-control input{width:18px;height:18px;accent-color:var(--accent-strong)}.submit-button{font:inherit;letter-spacing:.02em;color:#fff;cursor:pointer;background:linear-gradient(135deg, var(--accent-strong), var(--accent));border:0;border-radius:24px;margin-top:28px;padding:20px 24px;font-size:1.08rem;font-weight:800;transition:transform .18s,box-shadow .18s;box-shadow:0 18px 40px #3281d83d}.submit-button:hover{transform:translateY(-2px);box-shadow:0 24px 44px #3281d847}.submit-button:focus-visible,.toggle-group button:focus-visible,.dial-select:focus-within,select:focus-visible,.name-input:focus-visible{outline:2px solid var(--accent-strong);outline-offset:2px}@media (width<=1120px){.page-shell{grid-template-columns:1fr;padding:18px}.hero-panel,.form-panel{border-radius:28px}}@media (width<=720px){.page-shell{gap:14px;padding:14px}.topbar{flex-direction:column;align-items:stretch}.topbar-actions{justify-content:space-between}.toggle-group{width:100%}.toggle-group button{flex:1}.hero-panel,.form-panel{padding:18px}.intro-card,.field-card{border-radius:20px;padding:18px}.form-grid{grid-template-columns:1fr}.dial-row{flex-wrap:wrap}.dial-select,.page-shell[data-language=eng] .dial-select,.page-shell[data-language=eng] .dial-select-compact{flex:120px;min-width:0}.page-shell[data-language=eng] .dial-select{justify-content:space-between}.page-shell[data-language=eng] .dial-select span{padding-right:28px}.submit-button{width:100%}}.result-stack{gap:14px;margin-top:22px;display:grid}.status-message{border:1px solid var(--border-soft);background:var(--field-bg);color:var(--text-strong);border-radius:18px;margin:0;padding:14px 16px}.status-error{background:#da5c5c14;border-color:#da5c5c3d}.result-card{border:1px solid var(--border-soft);background:linear-gradient(180deg, var(--field-bg), var(--panel));border-radius:26px;padding:22px}.result-header{flex-direction:column;gap:12px;margin-bottom:18px;display:flex}.result-header h3{color:var(--text-strong);margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.5rem,2vw,2rem);line-height:1.1}.result-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.result-block{border:1px solid var(--border-soft);background:#ffffff85;border-radius:20px;flex-direction:column;gap:10px;padding:16px;display:flex}.result-block span{letter-spacing:.08em;text-transform:uppercase;color:var(--accent-strong);font-size:.8rem}.result-block p{white-space:pre-line;color:var(--text-strong);margin:0;line-height:1.75}.result-block-wide{grid-column:1/-1}.menu-highlight{font-size:1.2rem;font-weight:800}.loading-card{gap:10px;display:grid}.loading-bar{background:linear-gradient(90deg,#77b5f72e,#77b5f76b,#77b5f72e) 0 0/200% 100%;border-radius:999px;height:14px;animation:1.4s linear infinite shimmer}.loading-bar-short{width:62%}.submit-button:disabled{cursor:wait;opacity:.88}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}:root[data-theme=dark] .result-block{background:#102334d1}@media (width<=720px){.result-grid{grid-template-columns:1fr}.result-block-wide{grid-column:auto}}
