:root{--bg:#f6f8fb;--card:#fff;--text:#1f2937;--muted:#6b7280;--primary:#1a73e8;--primary-d:#1557b0;--ok:#188038;--ok-bg:#e6f4ea;--ng:#d93025;--ng-bg:#fce8e6;--line:#e5e7eb;--warn:#f9ab00;--code:#f1f3f4}@media (prefers-color-scheme:dark){:root{--bg:#121417;--card:#1c1f24;--text:#e8eaed;--muted:#9aa0a6;--primary:#8ab4f8;--primary-d:#aecbfa;--ok:#81c995;--ok-bg:#1e3a2a;--ng:#f28b82;--ng-bg:#3c2220;--line:#2f343b;--code:#2a2d33}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:-apple-system,BlinkMacSystemFont,Hiragino Sans,Noto Sans JP,sans-serif;line-height:1.75}a{color:var(--primary)}header.top{background:var(--card);border-bottom:1px solid var(--line);z-index:10;position:sticky;top:0}header.top .in{flex-wrap:wrap;align-items:center;gap:16px;max-width:1100px;margin:auto;padding:10px 16px;display:flex}header.top .brand{color:var(--text);font-weight:700;text-decoration:none}header.top nav{flex-wrap:wrap;gap:4px;display:flex}header.top nav a{color:var(--muted);border-radius:8px;padding:6px 12px;font-size:14px;text-decoration:none}header.top nav a.on,header.top nav a:hover{background:var(--bg);color:var(--primary)}main{max-width:1100px;margin:auto;padding:20px 16px 60px}.card{background:var(--card);border:1px solid var(--line);border-radius:12px;margin-bottom:16px;padding:20px}h1{margin:8px 0 16px;font-size:26px}h2{margin:24px 0 10px;font-size:21px}h3{margin:18px 0 6px;font-size:17px}.grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px;display:grid}.tile{color:inherit;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:18px;text-decoration:none;display:block}.tile:hover{border-color:var(--primary)}.tile b{margin-bottom:4px;font-size:17px;display:block}.tile span{color:var(--muted);font-size:14px}button,.btn{font:inherit;cursor:pointer;border:1px solid var(--primary);background:var(--primary);color:#fff;border-radius:8px;padding:8px 18px;text-decoration:none;display:inline-block}@media (prefers-color-scheme:dark){button,.btn{color:#111}}button.sub,.btn.sub{color:var(--primary);background:0 0}button:disabled{opacity:.4;cursor:not-allowed}.bar{background:var(--line);border-radius:99px;height:8px;overflow:hidden}.bar>i{background:var(--primary);width:0;height:100%;display:block}.muted{color:var(--muted);font-size:14px}.tag{background:var(--code);color:var(--muted);border-radius:99px;margin-right:6px;padding:1px 8px;font-size:12px;display:inline-block}table{border-collapse:collapse;width:100%;font-size:14px}th,td{border:1px solid var(--line);text-align:left;vertical-align:top;padding:8px 10px}th{background:var(--code)}.tip{border-left:4px solid var(--warn);background:var(--code);border-radius:0 8px 8px 0;margin:12px 0;padding:10px 14px}.layout{grid-template-columns:240px 1fr;gap:20px;display:grid}@media (max-width:800px){.layout{grid-template-columns:1fr}}.side{align-self:start;position:sticky;top:64px}.side a{color:var(--text);border-radius:8px;justify-content:space-between;margin-bottom:2px;padding:8px 12px;font-size:14px;text-decoration:none;display:flex}.side a.on{background:var(--card);border:1px solid var(--primary)}.side a .d{color:var(--ok)}label.opt{border:1px solid var(--line);cursor:pointer;background:var(--card);border-radius:10px;margin:8px 0;padding:10px 14px;display:block}label.opt:hover{border-color:var(--primary)}label.opt input{margin-right:8px}label.opt.sel{border-color:var(--primary);background:var(--code)}label.opt.ok{border-color:var(--ok);background:var(--ok-bg)}label.opt.ng{border-color:var(--ng);background:var(--ng-bg)}.exp{background:var(--code);border-radius:10px;margin-top:12px;padding:12px 16px}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}select{max-width:100%}@media (max-width:600px){th,td{overflow-wrap:anywhere;padding:6px 8px}.card{padding:14px}}select,input[type=text],input[type=number]{font:inherit;border:1px solid var(--line);background:var(--card);color:var(--text);border-radius:8px;padding:7px 10px}.qnav{flex-wrap:wrap;gap:4px;margin:10px 0;display:flex}.qnav button{background:var(--card);width:34px;color:var(--text);border-color:var(--line);padding:2px 0;font-size:13px}.qnav button.ans{background:var(--code);border-color:var(--primary)}.qnav button.flag{border-color:var(--warn);box-shadow:inset 0 -3px var(--warn)}.qnav button.cur{outline:2px solid var(--primary)}.score{font-size:42px;font-weight:700}.pass{color:var(--ok)}.fail{color:var(--ng)}pre{background:var(--code);border-radius:10px;padding:12px 14px;font-size:13px;line-height:1.55;overflow-x:auto}code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.92em}p code,li code,td code{background:var(--code);border-radius:4px;padding:1px 5px}.layout>*{min-width:0}:root{--c1:#e8f0fe;--c1b:#1a73e8;--c2:#e6f4ea;--c2b:#188038;--c3:#fef7e0;--c3b:#e37400;--c4:#fce8e6;--c4b:#d93025;--c5:#f3e8fd;--c5b:#9334e6}@media (prefers-color-scheme:dark){:root{--c1:#1f2a3d;--c1b:#8ab4f8;--c2:#1e3a2a;--c2b:#81c995;--c3:#3a3020;--c3b:#fdd663;--c4:#3c2220;--c4b:#f28b82;--c5:#2e2340;--c5b:#d7aefb}}.lead{background:var(--c1);border-radius:10px;margin:0 0 12px;padding:10px 14px;font-size:16px}.lead:before{content:"ひとことで";color:#fff;background:var(--c1b);vertical-align:1px;border-radius:99px;margin-right:8px;padding:0 10px;font-size:12px;font-weight:700;display:inline-block}@media (prefers-color-scheme:dark){.lead:before{color:#111}}.ex{border:1px dashed var(--c3b);border-radius:10px;margin:12px 0;padding:10px 14px}.ex:before{content:"たとえると";color:var(--c3b);margin-bottom:2px;font-size:12px;font-weight:700;display:block}.fig{border:1px solid var(--line);background:var(--bg);border-radius:12px;margin:14px 0;padding:14px;overflow-x:auto}.fig .cap{color:var(--muted);text-align:center;margin-top:10px;font-size:13px}.fig svg{width:100%;max-width:600px;height:auto;margin:auto;display:block}.n{border:2px solid var(--c1b);background:var(--c1);text-align:center;border-radius:10px;padding:6px 10px;font-size:14px;line-height:1.5}.n small,.box small{color:var(--muted);font-size:12px;font-weight:400;display:block}.n.g,.box.g{border-color:var(--c2b);background:var(--c2)}.n.o,.box.o{border-color:var(--c3b);background:var(--c3)}.n.r,.box.r{border-color:var(--c4b);background:var(--c4)}.n.p,.box.p{border-color:var(--c5b);background:var(--c5)}.n.w{border-color:var(--line);background:var(--card)}.ar{color:var(--muted);place-self:center;padding:0 4px;font-size:20px;font-weight:700;line-height:1}.flow{flex-wrap:wrap;justify-content:center;align-items:stretch;gap:4px;display:flex}.flow>.n,.flow>.box{flex:1 1 0;min-width:96px}@media (max-width:600px){.flow{flex-direction:column}.flow>.ar{transform:rotate(90deg)}}.box{border:2px solid var(--c1b);background:var(--card);border-radius:10px;padding:8px 10px 10px}.box>.t{margin-bottom:6px;font-size:14px;font-weight:700}.box>.box{margin-top:8px}.cols{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;display:grid}.cols p,.box p{margin:4px 0;font-size:14px}.pairs{grid-template-columns:1fr auto 1fr;align-items:stretch;gap:6px 4px;display:grid}.axis{color:var(--muted);border-top:2px solid var(--muted);justify-content:space-between;gap:8px;margin-top:8px;padding-top:6px;font-size:12px;display:flex;position:relative}.axis:after{content:"";border:6px solid #0000;border-left:9px solid var(--muted);position:absolute;top:-7px;right:-2px}.axis.both:before{content:"";border:6px solid #0000;border-right:9px solid var(--muted);position:absolute;top:-7px;left:-2px}.stairs{align-items:flex-end;gap:6px;display:flex}.stairs>.n{flex:1}.stairs>.n:first-child{min-height:80px}.stairs>.n:nth-child(2){min-height:115px}.stairs>.n:nth-child(3){min-height:150px}.stk{flex-direction:column;gap:3px;display:flex}.stk>div{gap:3px;display:flex}.stk>div>.n{border-radius:6px;flex:1;padding:4px}table.resp td,table.resp th{text-align:center;padding:5px;font-size:13px}table.resp td:first-child{text-align:left}table.resp td.y{background:var(--c3)}table.resp td.g{background:var(--c1)}.lg{vertical-align:-1px;border-radius:3px;width:12px;height:12px;margin:0 4px 0 10px;display:inline-block}.dt ul{margin:0;padding-left:22px;list-style:none}.dt>ul{padding-left:0}.dt li{margin:6px 0;font-size:14px;position:relative}.dt ul ul>li:before{content:"";border-left:2px solid var(--line);border-bottom:2px solid var(--line);border-radius:0 0 0 6px;width:12px;height:20px;position:absolute;top:-6px;left:-16px}.dt .a{background:var(--c1);border:1px solid var(--c1b);border-radius:99px;margin-left:4px;padding:0 10px;font-size:13px;font-weight:700;display:inline-block}.dt .a.g{background:var(--c2);border-color:var(--c2b)}.dt .a.o{background:var(--c3);border-color:var(--c3b)}.dt .a.p{background:var(--c5);border-color:var(--c5b)}.budget{border-radius:8px;height:30px;font-size:12px;font-weight:700;display:flex;overflow:hidden}.budget>div{color:#fff;justify-content:center;align-items:center;display:flex}@media (prefers-color-scheme:dark){.budget>div{color:#111}}.cols.c3{grid-template-columns:repeat(3,1fr)}table.resp{min-width:520px}@media (max-width:600px){.fig svg{min-width:480px}}header.top nav.acct{margin-left:auto}.ex-card{flex-direction:column;gap:2px;display:flex}.ex-card .nm{font-size:16px;font-weight:700}.ex-card .bar{margin-top:8px}.lv{margin:26px 0 10px;font-size:18px}footer.foot{border-top:1px solid var(--line);margin-top:40px;padding-top:12px}.login input{width:100%}.code{letter-spacing:.4em;text-align:center;font-size:24px}.err{color:var(--ng);font-size:14px}