:root{--indigo-950:#0f1450;--indigo-900:#141a5e;--indigo-800:#1a237e;--indigo-700:#283593;--indigo-600:#3949ab;--violet-600:#5e35b1;--indigo-100:#e8eaf6;--indigo-50:#f3f4fc;--magenta-600:#d81b60;--magenta-700:#ad1457;--teal-700:#00695c;--teal-50:#e0f2f1;--amber-800:#7a4b00;--amber-50:#fff6e0;--red-800:#9b1c1c;--red-50:#fdecec;--ink:#1b1f3b;--ink-2:#474c68;--ink-3:#686d88;--line:#e1e3ef;--bg:#f5f6fb;--surface:#fff;--on-indigo:#fff;--on-indigo-2:#c9cdf2;--radius-sm:8px;--radius:14px;--radius-lg:22px;--shadow-1:0 1px 2px #141a5e0f, 0 2px 8px #141a5e0f;--shadow-2:0 2px 6px #141a5e14, 0 16px 40px #141a5e29;--shadow-cta:0 4px 14px #ad145759;--ease-out:cubic-bezier(.16, 1, .3, 1);--page-max:1160px;--gutter:clamp(16px, 4vw, 40px);--overlap:clamp(56px, 7vw, 80px);--field:linear-gradient(135deg, var(--indigo-950) 0%, var(--indigo-800) 38%, var(--indigo-600) 78%, var(--violet-600) 100%);--dots:radial-gradient(#ffffff12 1px, transparent 1.2px);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;flex-direction:column;min-height:100vh;margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1rem;line-height:1.55;display:flex}main{flex:1}img{max-width:100%;display:block}a{color:var(--indigo-700);text-underline-offset:3px}:focus-visible{outline:3px solid var(--magenta-600);outline-offset:2px;border-radius:4px}.icon{flex:none}.wrap{width:100%;max-width:var(--page-max);padding:0 var(--gutter);margin:0 auto}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.site-header{background:var(--surface);border-bottom:1px solid var(--line);z-index:5;position:relative}.site-header .wrap{justify-content:space-between;align-items:center;gap:16px;min-height:64px;display:flex}.brand{color:var(--indigo-800);align-items:center;gap:10px;text-decoration:none;display:inline-flex}.brand img{width:34px;height:34px}.brand-name{letter-spacing:.01em;font-size:1.0625rem;font-weight:800}.brand-scope{color:var(--ink-3);border-left:1px solid var(--line);padding-left:10px;font-size:.875rem;font-weight:500}.header-link{color:var(--ink-2);align-items:center;gap:6px;font-size:.9375rem;font-weight:600;text-decoration:none;display:inline-flex}.header-link:hover{color:var(--indigo-800)}.site-footer{border-top:1px solid var(--line);background:var(--surface);color:var(--ink-3);font-size:.8125rem}.site-footer .wrap{flex-wrap:wrap;justify-content:space-between;gap:6px 24px;padding-top:20px;padding-bottom:24px;display:flex}.site-footer p{max-width:70ch;margin:0}@media (width<=560px){.brand-scope{display:none}.brand-name{font-size:.9375rem}}.field{background-color:var(--indigo-800);background-image:var(--dots), var(--field);color:var(--on-indigo);background-size:22px 22px,auto}.band{padding:clamp(24px, 4vw, 44px) 0 calc(var(--overlap) + clamp(16px, 2vw, 32px))}.stage{margin-top:calc(-1 * var(--overlap));z-index:1;padding-bottom:clamp(48px,7vw,88px);position:relative}.stage>.notice{background-clip:padding-box}.stage .notice.panel-lift{border-radius:var(--radius-lg);box-shadow:var(--shadow-2);padding:20px 22px}.panel-lift{box-shadow:var(--shadow-2)}.back{color:var(--on-indigo-2);align-items:center;gap:6px;font-size:.9375rem;font-weight:600;text-decoration:none;display:inline-flex}.back:hover{color:#fff;text-underline-offset:3px;text-decoration:underline}.btn{--btn-bg:var(--magenta-600);min-height:52px;font:inherit;letter-spacing:.01em;background:linear-gradient(180deg, var(--btn-bg), var(--magenta-700));color:#fff;cursor:pointer;box-shadow:var(--shadow-cta);transition:transform .18s var(--ease-out), box-shadow .18s var(--ease-out), filter .18s;border:0;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:0 26px;font-size:1rem;font-weight:700;text-decoration:none;display:inline-flex}.btn:hover{transform:translateY(-1px);box-shadow:0 8px 22px #ad145766}.btn:active{filter:brightness(.95);transform:translateY(0)}.btn[disabled],.btn[aria-busy=true]{cursor:progress;filter:saturate(.6);transform:none}.btn .icon{transition:transform .2s var(--ease-out)}.btn:hover .icon-arrow{transform:translate(3px)}.btn-quiet{border:1px solid var(--line);background:var(--surface);min-height:40px;color:var(--indigo-800);font:inherit;cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:0 16px;font-size:.875rem;font-weight:600;text-decoration:none;transition:background .15s,border-color .15s;display:inline-flex}.btn-quiet:hover{border-color:var(--indigo-600);background:var(--indigo-50)}.field .btn-quiet{color:#fff;background:#ffffff1a;border-color:#ffffff47}.field .btn-quiet:hover{background:#ffffff2e;border-color:#ffffff80}.spinner{border:2px solid #fff6;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.7s linear infinite spin;display:none}[aria-busy=true] .spinner{display:inline-block}[aria-busy=true] .icon-arrow{display:none}@keyframes spin{to{transform:rotate(360deg)}}.notice{border-radius:var(--radius-sm);background:var(--indigo-50);color:var(--ink);align-items:flex-start;gap:12px;padding:14px 16px;font-size:.9375rem;line-height:1.5;display:flex}.notice .icon{color:var(--indigo-600);margin-top:2px}.notice p{margin:0}.notice p+p{margin-top:6px}.notice-warn{background:var(--amber-50);color:var(--amber-800)}.notice-warn .icon{color:var(--amber-800)}.notice-stop{background:var(--red-50);color:var(--red-800)}.notice-stop .icon{color:var(--red-800)}.sentence-panel{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-2);padding:clamp(20px,4vw,40px);position:relative}.sentence{letter-spacing:-.01em;max-width:46em;color:var(--ink);text-wrap:pretty;margin:0;font-size:clamp(1.1875rem,1.2vw + .9rem,1.5rem);font-weight:500;line-height:2.05}.sentence-second{margin-top:6px}.token{vertical-align:baseline;font:inherit;letter-spacing:-.01em;color:var(--indigo-800);background:var(--indigo-100);border:0;border-bottom:2px solid var(--indigo-600);text-align:left;cursor:pointer;border-radius:10px 10px 4px 4px;align-items:center;gap:4px;padding:1px 10px 0;font-weight:700;line-height:1.35;transition:background .15s,border-color .15s,box-shadow .15s;display:inline-flex}.token:hover{background:#dfe2f7}.token:focus-visible,.token:focus-within{outline:3px solid var(--magenta-600);outline-offset:2px}.token.is-empty,.token-select:has(option[value=""]:checked),.token-money:has(input:placeholder-shown){color:var(--ink-2);background:var(--bg);border-bottom-style:dashed;border-bottom-color:#8d92b3;font-weight:600}.token-chevron{opacity:.7;flex:none;margin-top:2px}.sms-trigger[aria-expanded=true]{background:var(--indigo-800);color:#fff;border-bottom-color:var(--indigo-950)}.sms-trigger[aria-expanded=true] .token-chevron{transform:rotate(180deg)}.token-select{appearance:none;field-sizing:content;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%231a237e' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;padding-right:30px}.token-select option{color:var(--ink);font-weight:400}.token-money{cursor:text;gap:1px}.token-money:has(input:placeholder-shown) .cur{display:none}.token-money input{font:inherit;color:inherit;field-sizing:content;background:0 0;border:0;outline:none;min-width:3ch;margin:0;padding:0}.token-money input::placeholder{color:var(--ink-2);opacity:1;font-weight:600}.sentence-note{color:var(--ink-3);align-items:flex-start;gap:8px;max-width:62ch;margin:18px 0 0;font-size:.875rem;display:flex}.sentence-note .icon{margin-top:2px}.sentence-actions{flex-wrap:wrap;align-items:center;gap:12px 16px;margin-top:24px;display:flex}@media (width<=560px){.sentence{line-height:2.15}.sentence-actions .btn{width:100%}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
