:root{color-scheme:light;--ink:#243c3b;--muted:#7b8c88;--teal:#18796f;--line:#e0e9e3;--paper:#f8faf6;--mint:#edf5ed}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #55bcb2;outline-offset:4px}.wrap{max-width:1136px;margin:auto;padding-left:24px;padding-right:24px}.topbar{height:102px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:11px;font-size:19px;font-weight:700;letter-spacing:-.5px}.brand img{width:39px;height:39px;object-fit:contain}.brand small{display:block;font-size:10px;font-weight:500;letter-spacing:2px;margin-top:3px;color:var(--muted)}nav{display:flex;gap:31px;font-size:12px;color:#647975}nav a:hover{color:var(--teal)}nav span{margin-left:7px}.intro{padding:64px 0 51px;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:36px}.eyebrow{font-size:10px;letter-spacing:2px;color:#84988f;margin:0 0 22px}.intro h1{font-size:58px;line-height:1.23;letter-spacing:-2px;font-weight:650;margin:0 0 22px}.intro h1 span{color:var(--teal)}.lead{font-size:14px;line-height:1.95;color:#7d9189;margin:0}.ticket-scene{height:257px;position:relative;max-width:400px;width:100%;justify-self:end}.ticket{position:absolute;width:275px;height:178px;border-radius:18px;left:36px;top:30px}.ticket-back{background:#e4eccc;transform:rotate(-11deg);left:68px;top:17px}.ticket-front{background:#d3eee5;border:1px solid #bee0d4;transform:rotate(7deg);padding:22px 27px;color:#287b70;box-shadow:0 13px 30px #365a400c}.ticket-front:after{content:"";width:1px;height:150px;position:absolute;right:44px;top:14px;border-right:2px dashed #9acbbf99}.ticket-front span{font-size:9px;letter-spacing:2px}.ticket-front b{display:block;font-size:53px;line-height:1.2;letter-spacing:-2px;margin:4px 0}.ticket-code{font-size:12px;letter-spacing:2px}.ticket-front small{display:block;font-size:6px;letter-spacing:1.5px;margin-top:11px}.scene-note{position:absolute;right:1px;bottom:20px;background:#f4e8d1;border:1px solid #e9dbc2;color:#a88c60;padding:13px 18px;border-radius:10px;transform:rotate(-4deg);font-size:11px}.workspace{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(280px,1fr);border:1px solid #dce7dd;border-radius:22px;overflow:hidden;background:white;box-shadow:0 16px 44px #25483b04}.work-main{padding:32px 35px 24px}.work-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.work-heading .eyebrow{font-size:8px;margin-bottom:8px}.work-heading h2{font-size:22px;margin:0;font-weight:650}.status{background:#f4f1e5;border:1px solid #e9e4cf;color:#99834e;border-radius:30px;padding:7px 10px;font-size:10px;white-space:nowrap}.status i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#bdab73;margin-right:5px}.tabs{display:flex;gap:24px;border-bottom:1px solid #e8eee8;margin-top:27px}.tabs button{border:0;background:none;color:#95a39c;padding:0 0 13px;font-size:12px;cursor:pointer;position:relative;white-space:nowrap}.tabs button[aria-selected=true]{color:var(--teal);font-weight:600}.tabs button[aria-selected=true]:after{content:"";position:absolute;height:2px;bottom:-1px;left:0;right:0;background:var(--teal)}.steps{list-style:none;padding:0;margin:29px 0 29px;display:flex;justify-content:space-between;gap:8px;color:#a8b4ad;font-size:11px}.steps b{font-size:9px;font-weight:500;margin-right:7px;border-radius:50%;border:1px solid #dce5de;width:22px;height:22px;display:inline-grid;place-content:center}.steps .current{color:var(--teal)}.steps .current b{background:#e5f1e9;border-color:#e5f1e9}h3{font-size:17px;font-weight:600;margin:0 0 10px}.muted{font-size:11px;color:#98a69e;line-height:1.8;margin:0 0 25px}form label{font-size:11px;display:block;margin-bottom:10px;color:#6c8278}fieldset{border:0;padding:0;margin:0;min-width:0}.code-input{display:flex;align-items:center;gap:11px;border:1px solid #e1e9e3;background:#fafcf9;border-radius:10px;padding:13px 14px}.code-input svg{width:20px;height:20px;fill:none;stroke:#96aaa0;stroke-width:1.5;flex-shrink:0}.code-input input{border:0;background:transparent;outline:none;min-width:0;width:100%;color:var(--ink);font-size:12px}.code-input input::placeholder{color:#acb9b0}.primary{border:0;border-radius:10px;background:#236e61;color:white;width:100%;padding:13px 18px;text-align:left;font-size:12px;margin-top:12px;display:flex;justify-content:space-between}.primary:disabled,fieldset:disabled .primary{background:#b8c9be;color:#f8fbf8;cursor:not-allowed}.availability{display:flex;gap:11px;background:#f5f7ee;border:1px solid #ebefdc;border-radius:10px;padding:13px;margin-top:20px;color:#89936f}.availability-icon{font-size:9px;border:1px solid #a2ad83;width:15px;height:15px;border-radius:50%;flex-shrink:0;display:grid;place-items:center;margin-top:2px}.availability p{margin:0;font-size:10px;line-height:1.8}.availability strong{font-weight:600;display:block}.availability p span{display:block;color:#a2aa90;margin-top:2px}.privacy{font-size:9px;color:#acb8ae;line-height:1.8;margin:15px 0 0}.work-aside{background:#edf3e9;border-left:1px solid #e1e9dc;padding:40px 30px 29px}.aside-kicker{font-size:8px;letter-spacing:2px;color:#91a381;margin-bottom:15px}.work-aside h2{font-size:20px;font-weight:550;margin:0 0 35px;letter-spacing:-.4px}.guide{display:flex;gap:13px;margin-bottom:26px}.guide>span{font-size:10px;border:1px solid #d6e1cf;border-radius:50%;width:25px;height:25px;display:grid;place-items:center;flex-shrink:0;color:#7f9673}.guide h3{font-size:12px;margin:1px 0 7px;font-weight:550}.guide p{font-size:10px;line-height:1.9;color:#8b9d80;margin:0}.need-code{margin-top:42px;border-top:1px solid #dce5d5;padding-top:21px}.need-code>span{display:block;font-size:9px;color:#99a88d;margin-bottom:8px}.need-code a{font-size:11px;color:#62845e}.need-code a span{margin-left:18px}.questions{display:grid;grid-template-columns:1fr 2fr;gap:50px;margin:58px 0}.questions .eyebrow{font-size:8px;margin-bottom:12px}.questions h2{font-weight:500;font-size:20px;margin:0}.question-list details{border-bottom:1px solid #e1e8de;padding:0 0 16px;margin:0 0 17px}.question-list summary{font-size:12px;cursor:pointer;list-style:none;display:flex;justify-content:space-between}.question-list summary:after{content:"+";color:#809678}.question-list details[open] summary:after{content:"−"}.question-list details p{font-size:11px;line-height:1.95;color:#8b9b86;margin:13px 25px 0 0}footer{border-top:1px solid var(--line);padding-top:24px!important;padding-bottom:27px!important;display:flex;justify-content:space-between;gap:20px;font-size:9px;line-height:1.8;color:#a6b2a1}.footer-dot{padding:0 7px}@media(max-width:760px){.wrap{padding-left:20px;padding-right:20px}.topbar{height:85px}.brand{font-size:16px}.brand img{width:33px;height:33px}.brand small{font-size:8px}nav{gap:15px;font-size:10px}.intro{grid-template-columns:1fr;padding:38px 0 34px;gap:0}.intro h1{font-size:46px}.intro .eyebrow{font-size:8px;letter-spacing:1.5px;margin-bottom:19px}.lead{font-size:12px}.ticket-scene{display:none}.workspace{grid-template-columns:1fr;border-radius:17px}.work-main{padding:25px 20px 23px}.work-heading h2{font-size:20px}.tabs{gap:0;justify-content:space-between;margin-top:24px}.tabs button{font-size:11px}.steps{font-size:9px;margin:24px 0}.steps b{font-size:8px;margin-right:5px;width:20px;height:20px}h3{font-size:16px}.muted{font-size:10px}.work-aside{border-left:0;border-top:1px solid #e1e9dc;padding:26px 22px}.work-aside h2{font-size:18px;margin-bottom:24px}.guide{margin-bottom:20px}.need-code{margin-top:26px}.questions{grid-template-columns:1fr;gap:25px;margin:37px 0}.questions h2{font-size:19px}.questions .eyebrow{margin-bottom:10px}footer{display:block;font-size:8px}footer>span{display:block;margin-bottom:7px}}@media(prefers-reduced-motion:no-preference){.tabs button,.question-list summary,a{transition:color .15s ease}}
/* Readable form and help text at both desktop and mobile sizes. */
.muted{font-size:13px}.tabs button,.primary,.code-input input{font-size:14px}form label{font-size:13px}.availability p{font-size:12px}.privacy{font-size:11px}.guide h3{font-size:14px}.guide p{font-size:12px}.question-list summary{font-size:14px}.question-list details p{font-size:13px}.need-code a{font-size:13px}.need-code>span{font-size:11px}@media(max-width:760px){.tabs button{font-size:12px}.steps{font-size:10px}.availability p,.guide p{font-size:12px}.muted{font-size:12px}.privacy{font-size:10px}}
.steps[hidden]{display:none}
.status.ready{background:#e4f2e9;color:#247b62;border-color:#cde6d5}.status.ready i{background:#359675}.field{margin:18px 0}.field label{font-size:13px;display:block;margin:0 0 9px;color:#617f72}.field input,.field textarea,select{width:100%;border:1px solid #d6e3d9;border-radius:9px;background:#fbfdf9;color:#26473c;padding:13px;font:inherit;line-height:1.7;font-size:14px;box-sizing:border-box}.field input,.field textarea{font-size:14px}.field textarea{resize:vertical;min-height:95px}.check-label{display:flex;align-items:flex-start;gap:9px;font-size:12px;line-height:1.85;color:#6a8276;margin:18px 0}.check-label input{width:16px;height:16px;flex-shrink:0;margin-top:4px;accent-color:#217b6e}.primary{cursor:pointer}.primary:disabled{opacity:.65;cursor:wait}.secondary{border:1px solid #ccdfd1;border-radius:9px;padding:12px 16px;color:#2b7969;background:#f4faf3;font-size:13px;margin:12px 0 0;cursor:pointer;width:100%}.secondary:disabled{opacity:.5;cursor:wait}.text-button{border:0;background:none;color:#478578;padding:13px 0 0;font-size:12px;cursor:pointer}.text-button:disabled{color:#a7b8af;cursor:wait}.external-link{display:inline-block;font-size:12px;color:#277c6d;text-decoration:underline;text-underline-offset:3px;margin:0 12px 12px 0}.result-card{background:#f8fbf4;border:1px solid #e0e9d8;border-radius:12px;padding:19px;margin:20px 0}.result-card h3{font-size:15px}.result-card dl{display:grid;grid-template-columns:110px minmax(0,1fr);font-size:12px;line-height:1.9;gap:7px 10px;margin:16px 0 0}.result-card dt{color:#8ba082}.result-card dd{margin:0;color:#426b59;overflow-wrap:anywhere}.success-card{background:#eaf8ed;border-color:#c5e2c7}.tool-message{font-size:12px;line-height:1.9;padding:15px;border-radius:9px;background:#edf4e6;color:#64824f;margin-top:18px;overflow-wrap:anywhere}.tool-message.error{background:#fbefea;color:#a0644d}.table-scroll{width:100%;overflow:auto;margin:20px 0}.table-scroll table{border-collapse:collapse;min-width:540px;width:100%;font-size:11px}.table-scroll td,.table-scroll th{text-align:left;padding:10px;border-bottom:1px solid #e4eadc;overflow-wrap:anywhere;max-width:210px}.table-scroll th{color:#6c8868;font-weight:550}button:disabled{cursor:not-allowed}#tool-panel .steps{margin-top:24px}#tool-panel .primary:first-child{margin-top:0}@media(max-width:760px){.result-card{padding:14px}.result-card dl{grid-template-columns:80px minmax(0,1fr);font-size:11px}.check-label{font-size:11px}.field input,.field textarea{font-size:16px}.steps{font-size:9px}.work-main{min-width:0}}