:root{--paper:#F3F5F3;--sheet:#FFFFFF;--ink:#1D2321;--muted:#5D6662;--rule:#DCE1DE;--mark:#C4455E;--mark-soft:#FBEAED;--graphite:#262B2E;--on-graphite:#FFFFFF;--ok:#2C7A57;--ok-soft:#E3F2EA;--warn:#9A6514;--warn-soft:#FBF0DC;--ng:#9C3A2E;--ng-soft:#F8E6E2;--focus:#2F6FB0;--f-display:"Shippori Mincho B1","Hiragino Mincho ProN","Yu Mincho",serif;--f-body:"Zen Kaku Gothic New","Hiragino Sans","Yu Gothic UI","Meiryo",system-ui,sans-serif;--f-mono:"JetBrains Mono",ui-monospace,"SFMono-Regular",Menlo,monospace;color-scheme:light}@media (prefers-color-scheme:dark){:root{--paper:#121615;--sheet:#1A1F1E;--ink:#E6EBE8;--muted:#9BA5A0;--rule:#2B3331;--mark:#E57D91;--mark-soft:#3A2329;--graphite:#E6EBE8;--on-graphite:#121615;--ok:#62BE92;--ok-soft:#1C3329;--warn:#DDAA52;--warn-soft:#382C17;--ng:#E8806F;--ng-soft:#3B221E;--focus:#7FB1E6;color-scheme:dark}}*{box-sizing:border-box}body,html{margin:0}body{background:var(--paper);color:var(--ink);font-family:var(--f-body);font-size:15px;line-height:1.75;-webkit-text-size-adjust:100%}a{color:inherit}h1,h2,h3{text-wrap:balance;margin:0;line-height:1.35}p{margin:0}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}img{max-width:100%}.container{max-width:960px;margin:0 auto;padding-inline:max(16px,env(safe-area-inset-left,0px))}.narrow{max-width:680px;margin:0 auto}.stack{display:grid;grid-gap:16px;gap:16px}.stack-sm{display:grid;grid-gap:8px;gap:8px}.stack-lg{display:grid;grid-gap:28px;gap:28px}.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.between{justify-content:space-between}.grow{flex:1 1 200px;min-width:0}main{padding-block:28px 72px}.site-head{border-bottom:1px solid var(--rule);background:var(--paper)}.site-head .container{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-block:14px;flex-wrap:wrap}.brand{font-family:var(--f-display);font-weight:800;font-size:18px;letter-spacing:.04em;text-decoration:none}.nav{display:flex;gap:4px;align-items:center;flex-wrap:wrap}.nav a,.nav button{font-size:13.5px;text-decoration:none;padding:6px 10px;border-radius:8px;border:0;background:none;cursor:pointer;color:var(--muted)}.nav a:hover,.nav button:hover{color:var(--ink);background:var(--sheet)}.eyebrow{font-size:11.5px;letter-spacing:.16em;color:var(--mark);font-weight:700}.title{font-size:clamp(24px,4.6vw,34px);letter-spacing:.02em}.h2,.title{font-family:var(--f-display);font-weight:800}.h2{font-size:20px}.muted{color:var(--muted)}.small{font-size:13px}.hint{font-size:12.5px;color:var(--muted)}.mono{font-family:var(--f-mono);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.prose{white-space:pre-wrap;overflow-wrap:anywhere}.sheet{background:var(--sheet);border:1px solid var(--rule);border-radius:12px}.pad{padding:22px}.pad-sm{padding:14px 16px}.ticket{position:relative;overflow:hidden}.ticket:before{content:"";position:absolute;inset:0 0 auto 0;height:6px;background:repeating-linear-gradient(90deg,var(--mark) 0 14px,transparent 14px 20px);opacity:.75}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid var(--rule);background:var(--sheet);border-radius:8px;padding:9px 16px;cursor:pointer;font-size:14px;white-space:nowrap;text-decoration:none;line-height:1.4}.btn:hover{border-color:var(--muted)}.btn.primary{background:var(--graphite);color:var(--on-graphite);border-color:var(--graphite);font-weight:700}.btn.mark{background:var(--mark);border-color:var(--mark);color:#fff;font-weight:700}.btn.small{padding:4px 10px;font-size:12.5px;border-radius:6px}.btn.danger{color:var(--ng)}.btn.block{width:100%}.btn:disabled,.btn[aria-disabled=true]{opacity:.45;cursor:not-allowed;pointer-events:none}.field{display:flex;flex-direction:column;gap:4px;min-width:0}.field>label,.label{font-size:12px;color:var(--muted);letter-spacing:.06em}.input{width:100%;border:1px solid var(--rule);background:var(--sheet);border-radius:8px;padding:9px 11px}textarea.input{resize:vertical;min-height:80px;line-height:1.6}.input:focus{border-color:var(--focus);outline:none}.check{display:flex;gap:8px;align-items:center;font-size:14px}.grid2{grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px}.grid2,.grid3{display:grid;gap:12px}.grid3{grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px}@media (max-width:640px){.grid2,.grid3{grid-template-columns:1fr}}.notice{border-radius:10px;padding:12px 14px;font-size:14px}.notice.err{background:var(--ng-soft);color:var(--ng)}.notice.ok{background:var(--ok-soft);color:var(--ok)}.notice.info{background:var(--mark-soft);color:var(--ink)}.pill{display:inline-block;padding:2px 9px;border-radius:999px;font-size:12px;font-weight:700;white-space:nowrap}.pill.none{background:var(--paper);color:var(--muted);border:1px solid var(--rule)}.pill.prog{background:var(--warn-soft);color:var(--warn)}.pill.sub{background:var(--mark-soft);color:var(--mark)}.pill.pass{background:var(--ok-soft);color:var(--ok)}.pill.fail{background:var(--ng-soft);color:var(--ng)}.facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--rule);border-radius:10px;overflow:hidden;margin:0}.facts>div{padding:12px 14px;border-right:1px solid var(--rule)}.facts>div:last-child{border-right:0}.facts dt{font-size:11.5px;color:var(--muted);letter-spacing:.08em}.facts dd{margin:0;font-family:var(--f-mono);font-size:20px;font-weight:700}.facts dd small{font-family:var(--f-body);font-size:12px;font-weight:400;color:var(--muted);margin-left:2px}@media (max-width:600px){.facts{grid-template-columns:1fr}.facts>div{border-right:0;border-bottom:1px solid var(--rule)}.facts>div:last-child{border-bottom:0}}.steps{display:flex;font-size:12.5px;color:var(--muted);flex-wrap:wrap}.steps,.steps span{gap:6px;align-items:center}.steps span{display:inline-flex}.steps b{width:22px;height:22px;border-radius:50%;border:1.5px solid var(--rule);display:inline-grid;place-items:center;font-family:var(--f-mono);font-size:11px}.steps .on{color:var(--ink);font-weight:700}.steps .on b{border-color:var(--mark);color:var(--mark)}.steps .done b{background:var(--graphite);border-color:var(--graphite);color:var(--on-graphite)}.steps i{width:18px;height:1px;background:var(--rule)}.vlist{display:grid;grid-gap:6px;gap:6px}.vitem{display:flex;gap:12px;align-items:center;padding:11px 13px;border:1px solid var(--rule);border-radius:10px;background:var(--sheet);text-decoration:none}.vitem:hover{border-color:var(--muted)}.vitem[aria-current=true]{border-color:var(--mark);box-shadow:0 0 0 1px var(--mark)}.vn{font-family:var(--f-mono);color:var(--mark);font-size:12px;font-weight:700;flex:0 0 auto}.vt{flex:1 1;min-width:0;overflow-wrap:anywhere}.vbar{height:4px;background:var(--rule);border-radius:2px;overflow:hidden;margin-top:5px}.vbar span{display:block;height:100%;background:var(--mark)}.player{position:relative;width:100%;aspect-ratio:16/9;background:#000;border-radius:10px;overflow:hidden}.player iframe,.player>div{position:absolute;inset:0;width:100%;height:100%;border:0}.examhead{position:-webkit-sticky;position:sticky;top:0;z-index:5;background:var(--paper);padding-block:10px;border-bottom:1px solid var(--rule);display:flex;justify-content:space-between;align-items:center;gap:12px}.examhead .t{font-family:var(--f-display);font-weight:800;font-size:16px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clock{display:flex;align-items:baseline;gap:12px;flex-shrink:0}.clock .time{font-family:var(--f-mono);font-size:22px;font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.clock .time.low{color:var(--mark)}.q{padding:18px 18px 14px;display:grid;grid-gap:12px;gap:12px}.qno{display:inline-flex;align-items:center;gap:6px;color:var(--mark);font-weight:700;font-size:13px;letter-spacing:.1em}.qno i{font-style:normal;border:1.5px solid var(--mark);border-radius:4px;padding:0 7px;font-family:var(--f-mono)}.qtext{font-size:16px;font-weight:500;white-space:pre-wrap;overflow-wrap:anywhere}.choices{display:grid;grid-gap:6px;gap:6px}.choice{display:flex;align-items:flex-start;gap:12px;border:1px solid transparent;background:none;text-align:left;padding:8px 10px;border-radius:8px;cursor:pointer;width:100%}.choice:hover{background:var(--mark-soft)}.bubble{flex:0 0 auto;width:34px;height:20px;border:1.5px solid var(--mark);border-radius:50%;display:grid;place-items:center;font-family:var(--f-mono);font-size:11px;color:var(--mark);margin-top:3px}.choice[aria-checked=true] .bubble{background:var(--graphite);border-color:var(--graphite);color:var(--on-graphite)}.choice[aria-checked=true]{border-color:var(--rule);background:var(--sheet)}.confirm{border:1.5px solid var(--mark);background:var(--mark-soft);border-radius:10px;padding:14px;display:grid;grid-gap:10px;gap:10px}.result{padding:32px 24px;display:grid;grid-gap:16px;gap:16px;justify-items:center;text-align:center}.stamp{width:132px;height:132px;border-radius:50%;border:5px double var(--mark);color:var(--mark);display:grid;place-items:center;font-family:var(--f-display);font-weight:800;font-size:34px;letter-spacing:.06em;transform:rotate(-9deg)}.stamp.fail{border-color:var(--muted);color:var(--muted);font-size:26px}.score{font-family:var(--f-mono);font-size:40px;font-weight:700}.score small{font-size:16px;color:var(--muted);font-weight:500}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));grid-gap:12px;gap:12px}.card{padding:18px;display:grid;grid-gap:8px;gap:8px;text-decoration:none}a.card:hover{border-color:var(--muted)}.tabs{display:flex;gap:2px;border-bottom:1px solid var(--rule);overflow-x:auto}.tabs a{padding:10px 14px;color:var(--muted);border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap;font-weight:500;text-decoration:none}.tabs a[aria-current=page]{color:var(--ink);border-bottom-color:var(--mark)}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:10px;gap:10px}.stat{padding:12px 14px}.stat dt{font-size:11.5px;color:var(--muted);letter-spacing:.08em}.stat dd{margin:0;font-family:var(--f-mono);font-size:24px;font-weight:700}@media (max-width:640px){.stats{grid-template-columns:repeat(2,minmax(0,1fr))}}.tablewrap{overflow-x:auto;border:1px solid var(--rule);border-radius:12px;background:var(--sheet)}table{width:100%;border-collapse:collapse;font-size:13.5px;min-width:720px}th{text-align:left;font-weight:500;color:var(--muted);font-size:12px;letter-spacing:.06em;white-space:nowrap}td,th{padding:10px 12px;border-bottom:1px solid var(--rule)}td{vertical-align:middle}tr:last-child td{border-bottom:0}td .sub{display:block;font-size:12px}.empty,td .sub{color:var(--muted)}.empty{padding:28px 18px;text-align:center}.qedit{border:1px solid var(--rule);border-radius:10px;padding:14px;display:grid;grid-gap:10px;gap:10px;background:var(--paper)}.cedit{display:flex;gap:8px;align-items:center}.cedit input[type=radio]{accent-color:var(--mark);width:18px;height:18px;flex:0 0 auto}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}