:root{color-scheme:light;--ink: #16293f;--ink-soft: #34465f;--muted: #5f6b7a;--line: #e2e5ea;--line-strong: #c8cfd8;--bg-top: #eef0f4;--bg-bottom: #e1e5ec;--panel: #ffffff;--field: #f4f6f9;--neutral: #eef0f4;--neutral-strong: #e3e7ee;--navy: #16293f;--blue: #30518f;--blue-strong: #274271;--blue-press: #213963;--blue-soft: #eaeff6;--blue-line: #c6d2e3;--orange: #c9763f;--danger: #b9504a;--danger-strong: #9c3f3a;--danger-soft: #f6e9e7;--danger-line: #e3c2bd;--ring: color-mix(in srgb, var(--blue), transparent 72%);--shadow: 0 1px 2px rgba(22, 41, 63, .05), 0 10px 26px rgba(22, 41, 63, .07)}*{box-sizing:border-box}html,body{height:100%}body{margin:0;min-height:100vh;background:radial-gradient(145% 120% at 50% 0%,var(--bg-top) 0%,var(--bg-bottom) 100%);color:var(--ink);font:15.5px/1.6 ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}#root{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px 14px}.card{width:min(480px,100%);background:var(--panel);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow);padding:26px 22px}.header{margin-bottom:24px}.eyebrow{margin:0 0 12px;display:inline-flex;align-items:center;gap:9px;color:var(--navy);font:700 11px/1.3 ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;letter-spacing:0;text-transform:uppercase}.eyebrow:before{content:"";width:20px;height:20px;border-radius:6px;background:linear-gradient(135deg,var(--blue) 0%,var(--blue) 50%,var(--orange) 50%,var(--orange) 100%);box-shadow:inset 0 0 0 1px #16293f14}h1{margin:0 0 8px;font-weight:700;font-size:26px;line-height:1.16;letter-spacing:0;color:var(--navy);overflow-wrap:anywhere}p{margin:0 0 16px;color:var(--muted);max-width:44ch;overflow-wrap:anywhere}p:last-child{margin-bottom:0}form{display:grid;gap:16px}.field{display:grid;gap:7px;color:var(--ink-soft);font:600 13.5px/1.35 ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;letter-spacing:0}input{width:100%;min-height:50px;border:1px solid var(--line-strong);border-radius:8px;padding:13px 14px;font:500 16px/1.35 ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;letter-spacing:0;font-variant-numeric:tabular-nums;background:var(--field);color:var(--ink);transition:border-color .14s ease,box-shadow .14s ease,background .14s ease}input::placeholder{color:color-mix(in srgb,var(--muted),transparent 25%)}input:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px var(--ring);background:#fff}input[readonly]{background:var(--neutral);border-color:var(--line);color:var(--muted);cursor:default}input[readonly]:focus{box-shadow:0 0 0 3px var(--ring);border-color:var(--line-strong)}.actions{display:grid;gap:12px}.nav{display:grid;gap:10px;margin-top:24px}button,.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:46px;border:1px solid var(--blue);border-radius:8px;padding:11px 18px;background:var(--blue);color:#fff;font:600 14.5px/1.2 ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;letter-spacing:0;cursor:pointer;text-decoration:none;text-align:center;box-shadow:none;transition:background .14s ease,border-color .14s ease,color .14s ease}button:hover,.btn:hover{background:var(--blue-strong);border-color:var(--blue-strong)}button:active,.btn:active{background:var(--blue-press);border-color:var(--blue-press)}button:focus-visible,.btn:focus-visible,a:focus-visible{outline:none;box-shadow:0 0 0 3px var(--ring)}button:disabled{opacity:.55;cursor:not-allowed}.btn-secondary{background:var(--neutral);color:var(--navy);border-color:var(--line-strong)}.btn-secondary:hover{background:var(--neutral-strong);border-color:#b8c2d1}.btn-danger{background:var(--danger);border-color:var(--danger);color:#fff}.btn-danger:hover{background:var(--danger-strong);border-color:var(--danger-strong)}.messages{display:grid;gap:10px;margin:0 0 16px}.message{padding:12px 14px;border-radius:8px;border:1px solid var(--blue-line);background:var(--blue-soft);color:var(--navy);font-size:14px}.message.error{background:var(--danger-soft);border-color:var(--danger-line);color:var(--danger-strong)}.aside{margin:20px 0 0;font-size:14px;color:var(--muted)}.aside a{margin-left:4px;color:var(--blue);font-weight:600;text-decoration:none;border-bottom:1px solid color-mix(in srgb,var(--blue),transparent 62%)}.aside a:hover{color:var(--blue-strong);border-bottom-color:var(--blue-strong)}.aside a:focus-visible{outline:none;box-shadow:0 0 0 3px var(--ring);border-radius:3px}.app-list{margin:0 0 16px;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:8px}.app-list li{border:1px solid var(--line-strong);background:var(--neutral);color:var(--ink-soft);border-radius:6px;padding:5px 10px;font-size:13px;font-weight:600}.loading{color:var(--muted)}@media (min-width: 480px){#root{padding:48px 20px}.card{padding:clamp(30px,4vw,40px)}h1{font-size:30px}.nav{grid-auto-flow:column;grid-auto-columns:1fr}}@media (prefers-reduced-motion: reduce){*{transition:none!important}}