:root{--ink: #183f38;--ink-deep: #12342f;--vermillion: #d75a3a;--paper: #f5f0e7;--paper-light: #fdfbf6;--line: #d8d0c0;--muted: #766f64;font-family:Noto Sans JP,sans-serif;color:var(--ink-deep);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--paper)}button,select{font:inherit}button{cursor:pointer}[hidden]{display:none!important}.paper-texture{position:fixed;inset:0;pointer-events:none;opacity:.32;z-index:10;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.08'/%3E%3C/svg%3E")}.site-header{height:92px;max-width:1240px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:0 32px;border-bottom:1px solid var(--line)}.brand{color:var(--ink);text-decoration:none;display:grid;grid-template-columns:42px auto;column-gap:12px;align-items:center;font-family:"Noto Serif JP";font-size:22px;font-weight:700;letter-spacing:.12em}.brand small{grid-column:2;font:500 8px Noto Sans JP;letter-spacing:.24em;color:var(--muted);margin-top:-6px}.brand-mark{grid-row:1 / 3;width:40px;height:40px;border:2px solid var(--ink);display:flex;align-items:center;justify-content:space-around;padding:5px;position:relative}.brand-mark:after{content:"";position:absolute;left:4px;right:4px;top:18px;height:2px;background:var(--ink)}.brand-mark i{width:5px;height:13px;border-radius:50%;background:var(--vermillion);z-index:1}.header-note{font-size:12px;color:var(--muted);letter-spacing:.06em}.header-note span{display:inline-block;width:7px;height:7px;background:var(--vermillion);transform:rotate(45deg);margin-right:9px}.view{max-width:1180px;margin:auto;padding:64px 32px 96px}.setup-view{min-height:690px;display:grid;grid-template-columns:1.05fr .95fr;gap:9vw;align-items:center}.eyebrow{color:var(--vermillion);text-transform:uppercase;font-size:12px;letter-spacing:.24em;font-weight:700;margin:0 0 18px}.intro h1,.result-card h1{font-family:"Noto Serif JP";font-size:clamp(44px,5.2vw,68px);line-height:1.35;letter-spacing:.06em;margin:0;font-weight:600}.intro h1 em{color:var(--vermillion);font-style:normal;position:relative}.intro h1 em:after{content:"";position:absolute;height:1px;left:0;right:0;bottom:-5px;background:var(--vermillion);opacity:.45}.lead{color:var(--muted);line-height:2.1;margin-top:28px;font-size:14px}.setup-card,.problem-card,.answer-panel,.result-card{background:#fdfbf6e0;border:1px solid var(--line);box-shadow:12px 12px #183f380f}.setup-card{padding:44px 48px 36px;position:relative}.setup-card:before{content:"";position:absolute;top:0;left:48px;width:54px;height:4px;background:var(--vermillion)}.step-label{font-size:11px;letter-spacing:.18em;color:var(--muted)}.step-label span{color:var(--vermillion);margin-right:9px}.setup-card h2{font:600 27px "Noto Serif JP";letter-spacing:.08em;margin:12px 0 32px}.field-label{display:block;font-size:12px;color:var(--muted);margin-bottom:9px}.select-wrap{position:relative}select{width:100%;appearance:none;border:1px solid var(--ink);background:transparent;color:var(--ink);padding:15px 18px;font-weight:600;border-radius:0}.select-wrap>span{position:absolute;right:16px;top:12px;pointer-events:none}.grade-info{margin:14px 0 24px;border-left:2px solid var(--vermillion);padding:4px 0 4px 14px;display:grid;grid-template-columns:1fr auto}.grade-info span{font-size:10px;color:var(--muted)}.grade-info strong{grid-row:1 / 3;grid-column:2;font:600 15px "Noto Serif JP"}.grade-info p{margin:3px 0 0;font-size:12px}.subject-selector{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.subject-selector button{padding:11px 4px;border:1px solid var(--line);background:transparent;color:var(--muted);font-size:12px;transition:.15s}.subject-selector button:hover{border-color:var(--ink);color:var(--ink)}.subject-selector button.active{color:#fff;background:var(--ink);border-color:var(--ink)}.subject-selector button:disabled{opacity:.3;cursor:not-allowed;border-style:dashed}.subject-selector button:disabled:hover{border-color:var(--line);color:var(--muted)}.session-summary{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--line);margin:26px 0;padding:17px 0}.session-summary div{text-align:center;border-right:1px solid var(--line)}.session-summary div:last-child{border:0}.session-summary span{display:block;color:var(--muted);font-size:9px;margin-bottom:5px}.session-summary strong{font:600 22px "Noto Serif JP"}.session-summary strong small{font-size:11px;margin-left:2px}.session-summary .subject-name{font-size:13px}.primary-button{width:100%;border:0;color:#fff;background:var(--ink);padding:17px 20px;font-weight:600;letter-spacing:.08em;transition:.2s}.primary-button:hover:not(:disabled){background:var(--vermillion);transform:translateY(-2px)}.primary-button span{float:right}.primary-button:disabled{opacity:.35;cursor:not-allowed}.hint{text-align:center;color:var(--muted);font-size:10px;margin:12px 0 0}.abacus-illustration{height:104px;max-width:400px;border:5px solid var(--ink);margin-top:54px;position:relative;display:flex;justify-content:space-around;padding-inline:25px;opacity:.9;overflow:hidden}.abacus-illustration .beam{position:absolute;z-index:2;left:0;right:0;top:35px;height:7px;background:var(--ink)}.rod{width:3px;height:100%;background:var(--ink);position:relative}.rod b,.rod i{position:absolute;left:50%;transform:translate(-50%);display:block;width:32px;height:11px;background:var(--vermillion);border-radius:50%;z-index:3}.rod b{top:9px}.rod i{background:var(--ink)}.rod i:nth-of-type(1){top:44px}.rod i:nth-of-type(2){top:54px}.rod i:nth-of-type(3){top:64px}.rod i:nth-of-type(4){top:74px}.rod.r2 b{top:22px}.rod.r2 i:nth-of-type(1){top:44px}.rod.r3 i:nth-of-type(1){top:53px}.rod.r3 i:nth-of-type(2){top:63px}.rod.r3 i:nth-of-type(3){top:73px}.rod.r3 i:nth-of-type(4){top:83px}.rod.r4 b{top:16px}.rod.r5 i:nth-of-type(1){top:52px}.rod.r5 i:nth-of-type(2){top:62px}.rod.r5 i:nth-of-type(3){top:72px}.rod.r5 i:nth-of-type(4){top:82px}.practice-view{padding-top:38px}.practice-top{display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.text-button{background:none;border:0;color:var(--muted);font-size:12px;justify-self:start}.timer-wrap{text-align:center}.timer-wrap span{display:block;font-size:9px;color:var(--muted);letter-spacing:.14em}.timer-wrap strong{font:600 26px "Noto Serif JP";font-variant-numeric:tabular-nums;letter-spacing:.08em}.grade-badge{justify-self:end;border:1px solid var(--ink);padding:7px 12px;font-size:11px;font-weight:600}.progress-area{margin:32px 0}.progress-copy{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);margin-bottom:9px}.progress-copy strong{color:var(--vermillion)}.progress-track{height:2px;background:var(--line)}.progress-track i{display:block;height:100%;background:var(--vermillion);transition:width .4s}.practice-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:28px;align-items:start}.problem-card{min-height:600px;padding:38px 48px}.card-heading{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:22px}.card-heading span{color:var(--vermillion);font-size:10px;letter-spacing:.18em}.card-heading h2{font:600 22px "Noto Serif JP";margin:6px 0 0}.card-heading p{color:var(--muted);font-size:10px;line-height:1.7;text-align:right}.number-list{list-style:none;margin:20px auto 0;padding:0;max-width:310px}.number-list li{display:grid;grid-template-columns:45px 1fr;align-items:baseline;min-height:44px;border-bottom:1px dotted #ddd4c5}.number-list small{color:#aaa094;font:400 9px Noto Sans JP}.number-list span{font:600 27px "Noto Serif JP";text-align:right;letter-spacing:.12em;font-variant-numeric:tabular-nums}.number-list span.minus{color:var(--vermillion)}.operation-problem{min-height:400px;display:flex;align-items:center;justify-content:center;gap:clamp(13px,3vw,35px);font-family:"Noto Serif JP";font-variant-numeric:tabular-nums}.operation-problem[hidden]{display:none}.operation-problem strong{font-size:clamp(28px,4vw,48px);font-weight:600;letter-spacing:.04em}.operation-problem span{color:var(--vermillion);font-size:34px}.operation-problem i{color:var(--muted);font-size:25px;font-style:normal}.operation-problem b{width:62px;height:62px;display:grid;place-items:center;border:1px solid var(--line);color:var(--vermillion);font-size:30px;font-weight:500}.answer-panel{padding:32px;position:sticky;top:20px}.answer-heading{display:flex;align-items:baseline;justify-content:space-between}.answer-heading span{font:600 19px "Noto Serif JP"}.answer-heading p{color:var(--muted);font-size:9px}.answer-display{height:70px;border-bottom:2px solid var(--ink);margin:10px 0 22px;text-align:right;padding:13px 4px;font:600 29px "Noto Serif JP";letter-spacing:.05em;overflow:hidden}.answer-display:empty:after{content:attr(data-placeholder);color:#c8c0b3}.keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:20px}.keypad button{aspect-ratio:1.45;background:transparent;border:1px solid var(--line);color:var(--ink);font:600 18px "Noto Serif JP";transition:.15s}.keypad button:hover{border-color:var(--vermillion);color:var(--vermillion);background:#fffaf3}.keypad .utility{color:var(--muted);font:500 13px Noto Sans JP}.result-view{max-width:850px}.result-card{padding:50px 64px;text-align:center;position:relative}.result-seal{width:108px;height:108px;border:2px solid var(--vermillion);color:var(--vermillion);border-radius:50%;margin:-6px auto 26px;display:flex;flex-direction:column;justify-content:center}.result-seal span{font:700 38px "Noto Serif JP";line-height:1}.result-seal small{font-size:10px;margin-top:6px}.result-card h1{font-size:38px}.result-message{color:var(--muted);font-size:13px;margin:14px 0 34px}.result-stats{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--line);padding:20px 0}.result-stats div{border-right:1px solid var(--line)}.result-stats div:last-child{border:0}.result-stats span{display:block;color:var(--muted);font-size:10px;margin-bottom:7px}.result-stats strong{font:600 18px "Noto Serif JP"}.review-list{margin:28px 0;display:grid;gap:10px;text-align:left}.review-list>label{display:flex;align-items:center;gap:14px;padding:14px 18px;background:#f4f0e7;font-size:11px;cursor:pointer}.review-list input{position:absolute;opacity:0;pointer-events:none}.review-list label>i{width:18px;height:18px;flex:0 0 auto;border:1px solid var(--line);background:var(--paper-light);position:relative}.review-list input:checked+i{border-color:var(--ink);background:var(--ink)}.review-list input:checked+i:after{content:"✓";position:absolute;inset:-2px 0 0;color:#fff;text-align:center;font-size:12px}.review-list span{margin-right:auto}.review-list b{margin-left:10px}.review-list p{margin:0;color:var(--muted)}.review-list strong{color:var(--ink);margin-left:5px}.review-list .correct b{color:var(--ink)}.review-list .incorrect b{color:var(--vermillion)}.result-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.secondary-button{border:1px solid var(--ink);color:var(--ink);background:transparent;padding:16px 18px;font-weight:600;letter-spacing:.04em;transition:.2s}.secondary-button span{float:right}.secondary-button:hover:not(:disabled){color:#fff;background:var(--vermillion);border-color:var(--vermillion)}.secondary-button:disabled{opacity:.3;cursor:not-allowed}footer{max-width:1180px;border-top:1px solid var(--line);margin:auto;padding:28px 32px 38px;display:flex;gap:24px;align-items:center;color:var(--muted);font-size:10px}footer span{font:600 15px "Noto Serif JP";color:var(--ink)}footer p{margin:0 auto 0 0}@media(max-width:800px){.site-header{height:76px;padding:0 20px}.header-note{display:none}.view{padding:42px 20px 70px}.setup-view{display:block}.intro h1{font-size:43px}.abacus-illustration{margin:35px 0 44px}.setup-card{padding:38px 28px 30px}.practice-top{grid-template-columns:1fr 1fr}.timer-wrap{order:3;grid-column:1 / 3;margin-top:22px}.practice-grid{grid-template-columns:1fr}.problem-card{min-height:auto;padding:28px 25px}.number-list span{font-size:23px}.answer-panel{position:static;padding:26px}.keypad button{aspect-ratio:2.1}.result-card{padding:38px 24px}.result-stats{gap:6px}.result-stats strong{font-size:14px}.review-list>label{flex-wrap:wrap;gap:8px 12px}.result-actions{grid-template-columns:1fr}footer small{display:none}}