:root{color:#10233f;font-synthesis:none;text-rendering:optimizelegibility;--blue-900:#102c57;--blue-700:#195fbd;--blue-600:#2573d9;--blue-100:#dbeafe;--blue-50:#eff6ff;--ink:#10233f;--muted:#6b7c93;--line:#d8e3f0;--surface:#fff;--danger:#c2414c;background:#f3f7fc;font-family:Segoe UI,PingFang SC,Microsoft YaHei,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100dvh;margin:0}button,input{font:inherit}button{cursor:pointer}button:active{transform:translateY(1px)}.quiet-button{color:#435a73;white-space:nowrap;background:#fff;border:1px solid #c7d5e4;border-radius:8px;padding:7px 12px;font-size:12px;font-weight:700}.quiet-button:hover{border-color:var(--blue-600);color:var(--blue-700);background:var(--blue-50)}.quiet-button:focus-visible,.practice-option:focus-visible,.result-drawer__toggle:focus-visible,.field-error-row:focus-visible{outline-offset:2px;outline:3px solid #2573d938}.app-shell{width:min(1440px,100%);min-height:100dvh;margin:0 auto;padding:18px clamp(20px,4vw,64px) 12px}.app-header{justify-content:space-between;align-items:flex-end;gap:36px;margin-bottom:14px;display:flex}.brand{align-items:center;gap:14px;display:flex}.brand-mark{color:#fff;background:var(--blue-700);border-radius:12px;place-items:center;width:42px;height:42px;font-size:26px;font-weight:600;line-height:1;display:grid}.brand p,.brand h1,.panel-heading p,.panel-heading h2,.summary-copy p,.summary-copy h2,.result-title-group p,.result-title-group h2{margin:0}.brand p{color:var(--blue-700);letter-spacing:.16em;font-size:11px;font-weight:800}.brand h1{letter-spacing:-.04em;margin-top:2px;font-size:23px}.header-actions{align-items:center;gap:14px;display:flex}.header-progress{width:min(320px,34vw)}.header-progress>div:first-child{color:var(--muted);justify-content:space-between;align-items:baseline;margin-bottom:8px;font-size:13px;display:flex}.header-progress strong{color:var(--blue-900);font-variant-numeric:tabular-nums}.progress-track{background:#dfe8f3;border-radius:99px;height:7px;overflow:hidden}.progress-track span{border-radius:inherit;background:var(--blue-600);height:100%;transition:width .18s;display:block}.reset-button{color:var(--blue-700);background:#fff;border:1px solid #b9cce2;border-radius:8px;padding:7px 12px;font-size:12px;font-weight:700}.reset-button:hover{border-color:var(--blue-600);background:var(--blue-50)}.reset-button:focus-visible{outline-offset:2px;outline:3px solid #2573d933}.practice-board{grid-template-columns:minmax(360px,.9fr) minmax(480px,1.25fr);gap:14px;display:grid}.right-column{grid-template-rows:minmax(320px,1fr) auto;gap:14px;min-width:0;display:grid}.panel{border:1px solid var(--line);background:var(--surface);border-radius:18px;overflow:hidden;box-shadow:0 10px 28px #1c487c12}.panel-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:18px;min-height:68px;padding:12px 18px;display:flex}.eyebrow{color:var(--blue-700);letter-spacing:.13em;text-transform:uppercase;margin:0 0 4px;font-size:11px;font-weight:800}.panel-heading h2{color:var(--ink);font-size:16px;font-weight:700}.queue-count{color:var(--blue-700);background:var(--blue-50);font-variant-numeric:tabular-nums;border-radius:8px;padding:7px 10px;font-size:13px;font-weight:700}.number-grid{height:480px;position:relative;overflow:hidden}.number-row{background:#fff;border-bottom:1px solid #e5edf6;grid-template-columns:44px 1fr auto;align-items:center;gap:12px;height:48px;padding:0 16px;transition:transform .13s,opacity .13s,background-color .13s;display:grid;position:relative}.number-row:last-child{border-bottom:0}.number-row--current{color:#fff;background:var(--blue-700)}.number-row--empty{color:#b7c3d1;background:#fbfcfe}.number-row strong{font-variant-numeric:tabular-nums;letter-spacing:.04em;font-family:Cascadia Mono,SFMono-Regular,Consolas,monospace;font-size:22px}.row-index{color:#8b9caf;font-variant-numeric:tabular-nums;font-family:Cascadia Mono,Consolas,monospace;font-size:12px}.number-row--current .row-index{color:#bdd9ff}.current-marker{border:1px solid #ffffff61;border-radius:6px;padding:4px 7px;font-size:11px;font-weight:700}.queue-enter-active,.queue-leave-active,.queue-move{transition:transform .13s,opacity .13s}.queue-enter-from{opacity:0;transform:translateY(18px)}.queue-leave-to{opacity:0;transform:translateY(-48px)}.queue-leave-active{z-index:2;width:100%;position:absolute}kbd{width:38px;height:38px;color:var(--blue-700);background:var(--blue-50);border:1px solid #b9cce2;border-bottom-width:3px;border-radius:9px;place-items:center;font-size:22px;font-weight:700;line-height:1;display:grid}.input-panel{flex-direction:column;min-height:320px;display:flex}.input-history{min-height:108px;max-height:150px;color:var(--blue-900);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;flex:1;padding:16px 18px;font-family:Cascadia Mono,SFMono-Regular,Consolas,monospace;font-size:clamp(17px,2vw,22px);line-height:1.8;overflow-y:auto}.history-entry i{color:#95a8bd;margin:0 4px;font-style:normal}.history-entry--wrong{color:var(--danger);text-underline-offset:4px;-webkit-text-decoration:underline #c2414c40;text-decoration:underline #c2414c40;text-decoration-thickness:3px}.history-placeholder{color:#9baabd;font-family:inherit;font-size:14px}.input-shell{border:2px solid var(--blue-600);background:var(--blue-50);border-radius:12px;grid-template-columns:auto minmax(120px,1fr) auto;align-items:center;gap:16px;margin:0 18px 16px;padding:9px 12px;transition:border-color .14s,box-shadow .14s;display:grid}.input-shell:focus-within{border-color:var(--blue-700);box-shadow:0 0 0 4px #2573d91f}.input-shell>span{color:var(--blue-700);letter-spacing:.05em;font-size:12px;font-weight:800}.input-shell input{width:100%;min-width:0;color:var(--blue-900);font-variant-numeric:tabular-nums;letter-spacing:.04em;background:0 0;border:0;outline:0;font-family:Cascadia Mono,SFMono-Regular,Consolas,monospace;font-size:clamp(24px,3vw,34px);font-weight:700}.input-shell input::placeholder{color:#b5c4d5}.input-shell small{color:var(--muted);white-space:nowrap;font-size:11px}.input-shell--disabled{background:#f4f6f8;border-color:#bcc9d7}.summary-panel{grid-template-columns:1fr auto;align-items:stretch;min-height:150px;display:grid}.summary-copy{flex-direction:column;justify-content:center;min-width:0;padding:18px 22px;display:flex}.summary-copy h2{color:var(--blue-900);font-variant-numeric:tabular-nums;letter-spacing:-.04em;text-overflow:ellipsis;white-space:nowrap;font-family:Cascadia Mono,SFMono-Regular,Consolas,monospace;font-size:clamp(32px,4vw,50px);overflow:hidden}.summary-copy>p:last-child{color:var(--muted);margin:6px 0 0;font-size:12px}.summary-stats{border-left:1px solid var(--line);grid-template-rows:1fr 1fr;min-width:190px;display:grid}.summary-stats>div{flex-direction:column;justify-content:center;padding:12px 20px;display:flex}.summary-stats>div+div{border-top:1px solid var(--line)}.summary-stats span,.result-metrics span,.score-block>span{color:var(--muted);letter-spacing:.05em;font-size:11px;font-weight:700}.summary-stats strong{color:var(--blue-900);font-variant-numeric:tabular-nums;margin-top:5px;font-size:17px}.result-panel{background:var(--surface);border:1px solid #c9dbee;border-radius:18px;margin-top:0;overflow:hidden;box-shadow:0 12px 32px #1c487c14}.result-overview{grid-template-columns:150px 1fr minmax(310px,auto);align-items:stretch;display:grid}.score-block{color:#fff;background:var(--blue-700);flex-direction:column;justify-content:center;align-items:center;min-height:174px;display:flex}.score-block>span,.score-block small{color:#d9eaff}.score-block strong{font-variant-numeric:tabular-nums;letter-spacing:-.06em;font-size:62px;line-height:1}.score-block small{margin-top:6px;font-size:11px}.result-title-group{flex-direction:column;justify-content:center;align-items:flex-start;padding:24px 28px;display:flex}.result-title-group h2{letter-spacing:-.02em;max-width:520px;font-size:22px}.primary-button{color:#fff;background:var(--blue-700);border:0;border-radius:8px;margin-top:18px;padding:9px 16px;font-weight:700}.primary-button:hover{background:var(--blue-900)}.primary-button:focus-visible{outline-offset:2px;outline:3px solid #2573d94d}.compact-button{white-space:nowrap;margin-top:0;padding:8px 14px;font-size:12px}.result-metrics{border-left:1px solid var(--line);grid-template-columns:repeat(2,minmax(130px,1fr));display:grid}.result-metrics>div{border-bottom:1px solid var(--line);flex-direction:column;justify-content:center;padding:12px 18px;display:flex}.result-metrics>div:nth-child(odd){border-right:1px solid var(--line)}.result-metrics>div:nth-last-child(-n+1){border-bottom:0}.result-metrics>div:last-child{grid-column:1/-1}.result-metrics strong{color:var(--blue-900);font-variant-numeric:tabular-nums;margin-top:5px;font-size:18px}.error-report{border-top:1px solid var(--line);background:#fbfdff;padding:16px 20px 18px}.error-report__heading{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.error-report h3{margin:0;font-size:15px}.error-report__heading span{color:var(--muted);font-size:12px}.error-report ol{gap:8px;max-height:min(230px,32vh);margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.error-report li,.perfect-message{color:#44556a;background:#fff;border:1px solid #e1e9f2;border-radius:9px;margin:0;padding:11px 13px;font-size:13px}.error-report code{color:var(--danger);font-family:Cascadia Mono,Consolas,monospace;font-size:13px;font-weight:700}.perfect-message{color:var(--blue-700)}.result-enter-active,.result-leave-active{transition:opacity .18s,transform .18s}.result-enter-from,.result-leave-to{opacity:0;transform:translateY(12px)}footer{color:#7e8da0;justify-content:center;align-items:center;gap:10px;padding-top:10px;font-size:11px;display:flex}.footer-separator{background:#9dadbd;border-radius:50%;width:3px;height:3px}.home-shell{grid-template-rows:auto 1fr auto;width:min(1080px,100%);min-height:100dvh;margin:0 auto;padding:clamp(24px,5vh,54px) clamp(20px,5vw,56px) 24px;display:grid}.home-header{justify-content:space-between;align-items:center;gap:32px;display:flex}.home-intro{max-width:360px;color:var(--muted);text-align:right;margin:0;font-size:13px;line-height:1.6}.practice-menu{border:1px solid var(--line);background:var(--surface);border-radius:16px;align-self:center;overflow:hidden;box-shadow:0 14px 38px #1c487c14}.practice-option{width:100%;min-height:124px;color:var(--ink);text-align:left;background:#fff;border:0;grid-template-columns:56px minmax(240px,1fr) minmax(150px,220px) 76px;align-items:center;gap:22px;padding:20px 24px;transition:background-color .14s,color .14s;display:grid}.practice-option+.practice-option{border-top:1px solid var(--line)}.practice-option:hover{background:var(--blue-50)}.practice-option__index{color:#91a2b6;font-family:Cascadia Mono,Consolas,monospace;font-size:14px;font-weight:700}.practice-option__content{flex-direction:column;gap:7px;min-width:0;display:flex}.practice-option__content strong{color:var(--blue-900);letter-spacing:-.03em;font-size:clamp(20px,2.5vw,27px)}.practice-option__content small,.practice-option__meta{color:var(--muted);font-size:12px;line-height:1.5}.practice-option__meta{border-left:1px solid var(--line);padding-left:22px}.practice-option__action{color:#fff;background:var(--blue-700);border-radius:8px;place-items:center;min-height:36px;font-size:12px;font-weight:800;display:grid}.home-footer{color:#8796a8;text-align:center;padding-top:16px;font-size:11px}.comprehensive-shell{grid-template-rows:auto minmax(0,1fr);gap:8px;width:min(1760px,100%);height:100dvh;margin:0 auto;padding:10px clamp(10px,2vw,28px);display:grid;overflow:hidden}.metrics-bar{border:1px solid var(--line);background:#fff;border-radius:12px;grid-template-columns:190px minmax(540px,1fr) auto;align-items:stretch;min-height:74px;display:grid;overflow:hidden;box-shadow:0 6px 18px #1c487c0f}.metrics-title{border-right:1px solid var(--line);flex-direction:column;justify-content:center;padding:10px 16px;display:flex}.metrics-title p,.metrics-title h1{margin:0}.metrics-title p{color:var(--blue-700);letter-spacing:.12em;font-size:9px;font-weight:800}.metrics-title h1{color:var(--blue-900);letter-spacing:-.03em;margin-top:2px;font-size:18px}.metrics-grid{grid-auto-columns:minmax(96px,1fr);grid-auto-flow:column;min-width:0;display:grid}.metric-item{border-right:1px solid #e6edf5;align-content:center;justify-items:start;min-width:0;padding:8px 14px;display:grid}.metric-item span{color:var(--muted);font-size:10px;font-weight:700}.metric-item strong{color:var(--blue-900);font-variant-numeric:tabular-nums;margin-top:2px;font-family:Cascadia Mono,Consolas,monospace;font-size:18px;line-height:1.15}.metric-item small{color:#8b9aad;font-size:9px}.metric-item--time strong{color:var(--blue-700);letter-spacing:.02em;font-size:23px}.metrics-actions{background:#fbfdff;justify-content:flex-end;align-items:center;gap:7px;padding:10px 12px;display:flex}.comprehensive-board{grid-template-rows:repeat(2,auto);align-content:start;gap:8px;min-height:0;display:grid}.data-table-panel{border:1px solid var(--line);background:#fff;border-radius:12px;min-width:0;overflow:hidden;box-shadow:0 6px 18px #1c487c0d}.data-table-panel--entry{border-color:#bfd4eb}.data-table-heading{border-bottom:1px solid var(--line);background:#fbfdff;justify-content:space-between;align-items:center;gap:20px;min-height:36px;padding:6px 12px;display:flex}.data-table-heading>div{align-items:baseline;gap:12px;display:flex}.data-table-heading strong{color:var(--blue-900);font-size:13px}.data-table-heading span{color:var(--muted);font-size:10px}.data-table-scroll{scrollbar-color:#a9bad0 #eef3f8;scrollbar-width:thin;height:278px;position:relative;overflow:auto}.entry-table{border-collapse:separate;border-spacing:0;table-layout:fixed;color:#273b53;width:100%;min-width:1230px;font-size:12px}.entry-col--index{width:52px}.entry-col--name{width:82px}.entry-col--id{width:182px}.entry-col--currency{width:68px}.entry-col--amount{width:92px}.entry-col--code{width:78px}.entry-col--account{width:94px}.entry-col--term{width:58px}.entry-col--address{width:auto}.entry-table thead{z-index:3;position:sticky;top:0}.entry-table th,.entry-table td{text-align:left;text-overflow:ellipsis;white-space:nowrap;background:#fff;border-bottom:1px solid #e3ebf4;border-right:1px solid #e3ebf4;height:38px;padding:0;overflow:hidden}.entry-table tr>:last-child{border-right:0}.entry-table thead th{color:#445a72;background:#edf4fb;padding:0 8px;font-size:11px;font-weight:800}.entry-table thead th:first-child,.entry-table tbody th{text-align:center}.entry-table tbody th{color:#77899d;font-variant-numeric:tabular-nums;background:#f8fafc;font-family:Cascadia Mono,Consolas,monospace;font-size:11px;font-weight:700}.reference-value{font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;padding:0 8px;line-height:37px;display:block;overflow:hidden}.entry-table input{color:#173253;font-variant-numeric:tabular-nums;background:0 0;border:0;outline:0;width:100%;height:37px;padding:0 8px;font-size:12px}.entry-table input:focus{box-shadow:inset 0 0 0 2px var(--blue-600);background:#fff}.entry-table input[readonly]{color:#435a73;cursor:default}.entry-row--active>th,.entry-row--active>td{background:#edf6ff}.entry-row--active>th{color:var(--blue-700)}.entry-cell--error{box-shadow:inset 0 0 0 1px #c2414c73;background:#fff0f1!important}.entry-cell--error input{color:#9f2f3b;font-weight:700}.data-table-empty{color:#8797aa;background:repeating-linear-gradient(#fff 0 37px,#edf2f7 37px 38px);flex-direction:column;justify-content:center;align-items:center;gap:5px;display:flex;position:absolute;inset:38px 0 0}.data-table-empty strong{color:#60738a;font-size:13px}.data-table-empty span{font-size:11px}.result-drawer{z-index:20;background:#fff;border:1px solid #bfd2e6;border-radius:12px;width:min(1060px,100vw - 24px);position:fixed;bottom:10px;right:max(12px,50vw - 560px);overflow:hidden;box-shadow:0 16px 48px #102c5733}.result-drawer__toggle{width:100%;min-height:44px;color:var(--blue-900);text-align:left;background:#f5f9fe;border:0;justify-content:space-between;align-items:center;gap:20px;padding:8px 14px;display:flex}.result-drawer__toggle>span:first-child{align-items:baseline;gap:12px;display:flex}.result-drawer__toggle strong{font-size:13px}.result-drawer__toggle small,.result-drawer__toggle>span:last-child{color:var(--muted);font-size:11px}.result-drawer__content{border-top:1px solid var(--line);gap:6px;max-height:34vh;padding:8px;display:grid;overflow-y:auto}.field-error-row{color:#4a5d72;text-align:left;background:#fff;border:1px solid #e3eaf2;border-radius:7px;grid-template-columns:150px 90px minmax(160px,1fr) minmax(160px,1fr) 74px;align-items:center;gap:10px;min-height:38px;padding:7px 10px;font-size:11px;display:grid}.field-error-row:hover{background:#fff8f8;border-color:#e2a7ad}.field-error-row__where{color:var(--blue-900);font-weight:800}.field-error-row__prompt{color:var(--blue-700);font-weight:700}.field-error-row code{color:#a33440;font-family:Cascadia Mono,Consolas,monospace;font-size:11px;font-weight:700}.field-error-row__kind{color:var(--danger);text-align:right;font-weight:700}@media (height<=760px) and (width>=921px){.comprehensive-shell{gap:6px;padding-top:6px;padding-bottom:6px}.metrics-bar{min-height:66px}.data-table-heading{min-height:32px}.data-table-scroll{height:250px}.entry-table th,.entry-table td{height:34px}.reference-value{line-height:33px}.entry-table input{height:33px}}@media (width<=920px){.practice-board{grid-template-columns:1fr}.right-column{grid-template-rows:auto auto}.result-overview{grid-template-columns:130px 1fr}.result-metrics{border-top:1px solid var(--line);border-left:0;grid-column:1/-1}.comprehensive-shell{height:auto;min-height:100dvh;overflow:visible}.metrics-bar{grid-template-columns:1fr}.metrics-title{border-right:0;border-bottom:1px solid var(--line)}.metrics-grid{overflow-x:auto}.metrics-actions{border-top:1px solid var(--line);justify-content:flex-start}}@media (width<=600px){.app-shell{padding:18px 12px}.app-header{flex-direction:column;align-items:flex-start}.header-actions{width:100%}.header-progress{flex:1;width:auto}.practice-board{grid-template-columns:minmax(0,1fr)}.input-shell{grid-template-columns:1fr;gap:5px}.input-shell small{white-space:normal}.summary-panel{grid-template-columns:1fr}.summary-stats{border-top:1px solid var(--line);border-left:0;grid-template-rows:auto;grid-template-columns:1fr 1fr;min-width:0}.summary-stats>div+div{border-top:0;border-left:1px solid var(--line)}.result-overview{grid-template-columns:1fr}.score-block{min-height:140px}.result-metrics{grid-column:auto;grid-template-columns:1fr 1fr}footer{flex-direction:column;align-items:flex-start}.footer-separator{display:none}.home-shell{padding:22px 12px 18px}.home-header{flex-direction:column;align-items:flex-start;gap:16px}.home-intro{text-align:left}.practice-option{grid-template-columns:36px 1fr 64px;gap:10px;min-height:142px;padding:16px 12px}.practice-option__meta{display:none}.practice-option__content strong{font-size:19px}.data-table-heading>span{display:none}.field-error-row{grid-template-columns:1fr;gap:4px}.field-error-row__kind{text-align:left}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}
