:root{font-family:'Yu Gothic',Meiryo,sans-serif;color:#22342d;background:#f5f7f2;color-scheme:light;--lime:#c2ed62;--ink:#22342d;--green:#386923;--muted:#5f6e64;--line:#dbe3d6;--paper:#fff}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 95% 4%,#e0efc3 0,transparent 42%),#f5f7f2;min-height:100vh}header{display:flex;align-items:center;gap:18px;padding:23px 5%;border-bottom:1px solid var(--line);background:#ffffffed}header b{font-size:25px;letter-spacing:3px;font-weight:900}header b span{color:#62872e}header small{font-size:10px;font-weight:700;letter-spacing:2px;color:var(--muted)}#logout{margin-left:auto;font-size:12px}main{max-width:1120px;margin:38px auto;padding:0 24px}.student,.login{max-width:660px;margin:auto}.eyebrow{display:flex;align-items:center;gap:9px;font-size:10px;font-weight:800;letter-spacing:2.4px;color:var(--green)}.eyebrow:before{content:'';width:7px;height:7px;flex-shrink:0;background:#709a35;border-radius:50%}h1{font-size:clamp(30px,5vw,46px);font-weight:900;letter-spacing:-1.6px;line-height:1.5;margin:20px 0 16px}h1 span{color:var(--green)}h2{font-size:20px;font-weight:800;letter-spacing:-.4px}.intro{font-size:14px;line-height:2;color:#56675b;margin:10px 0 24px}.hint,small{color:var(--muted);line-height:1.9;font-size:12px}.student>p.hint:first-of-type{font-size:14px;line-height:2}.login-steps{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 27px}.login-steps>span{display:flex;align-items:center;gap:8px;background:#eaf0df;border:1px solid #dce5cc;border-radius:100px;padding:9px 14px;font-size:10px;font-weight:800;color:var(--green)}.login-steps b{font-size:11px;color:#40523c}button,input,select,textarea{font:inherit;border:1px solid #c5d1bf;border-radius:11px;padding:14px;background:#fff;color:var(--ink);max-width:100%}input,select,textarea{width:100%;min-height:49px}input::placeholder,textarea::placeholder{color:#727e73}input:hover,select:hover,textarea:hover{border-color:#8ba575}button{cursor:pointer;font-weight:800;touch-action:manipulation;transition:background .15s,box-shadow .15s,transform .15s}button:hover:not(:disabled){background:#edf3e6;border-color:#91a87b;box-shadow:0 3px 10px #334e1510}button:active:not(:disabled){transform:translateY(1px)}button:disabled{cursor:default;opacity:1;background:#edf1e9;color:#68775e;border-color:#d1dcc7}.primary{background:var(--lime);border-color:#b0d657;color:#263d14;box-shadow:0 3px 0 #a2c64a30}.primary:hover:not(:disabled){background:#b4e255;border-color:#9dc445;box-shadow:0 5px 13px #73922c20}.panel{background:var(--paper);border:1px solid var(--line);border-radius:20px;padding:27px;margin:20px 0;box-shadow:0 5px 22px #293e2010}.login .panel{border-top:4px solid #b5dc60;box-shadow:0 14px 44px #3145230c}.login .panel h2{margin:13px 0 4px;font-size:23px}.login .panel>.hint{margin:0 0 16px}.hero{background:linear-gradient(125deg,#eff7db,#faffef);border-color:#c7dda0;position:relative;overflow:hidden}.hero:after{content:'↗';position:absolute;right:-8px;top:-70px;font:190px/1.3 sans-serif;font-weight:900;color:#6897350b;pointer-events:none}.hero .row{position:relative;z-index:1}.hero h2{font-size:25px;margin-bottom:8px}.hero .hint{color:#465e38}.progress{height:8px;border-radius:10px;background:#dce9c7;margin-top:20px;overflow:hidden}.progress i{display:block;height:100%;background:linear-gradient(90deg,#759f35,#a6ce50);border-radius:10px;transition:width .4s}.row{display:flex;align-items:center;gap:12px;justify-content:space-between}.grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}label{display:block;font-size:12px;font-weight:700;color:#435640;margin:15px 0 8px}.wide{width:100%;margin-top:18px}.mission{display:flex;align-items:center;justify-content:space-between;width:100%;padding:24px;margin-top:14px;text-align:left;border-radius:17px;font-size:22px;min-height:99px;box-shadow:0 4px 14px #5c7e2110}.mission small{font-size:10px;display:block;margin-top:6px;font-weight:700;letter-spacing:1.5px;color:#45602c}.mission>span:last-child{font-size:28px;font-weight:400}.mission.complete,.mission.complete:disabled{background:#edf4e6;color:#385d26;border-color:#c9ddba;box-shadow:none}.big{font-size:42px;line-height:1.2;letter-spacing:-2px;color:var(--green);font-weight:900;font-variant-numeric:tabular-nums}.big small{font-size:13px;letter-spacing:0;margin-left:5px}.tag{font-size:12px;border-radius:7px;background:#e9f3df;color:#386325;padding:6px 9px;display:inline-block;white-space:nowrap;font-weight:700}.warn{background:#fff0e8;color:#93431b}.neutral{background:#edf0e9;color:#56674c}#message:not(:empty){background:#edf6df;color:#34551d;border:1px solid #c2dba5;border-left:4px solid #7ea942;border-radius:12px;padding:16px 18px;margin-bottom:26px;white-space:pre-wrap;font-size:13px;line-height:1.9}#message.error{background:#fff2ec;border-color:#e2b89f;color:#8f371c}table{width:100%;border-collapse:collapse;font-size:13px;text-align:left}td,th{padding:17px 11px;border-bottom:1px solid #e3e9de;vertical-align:top}th{color:#5f6e55;background:#f6f8f1;font-size:11px;font-weight:800}tbody tr:hover{background:#fbfcf8}.scroll{overflow-x:auto;margin-top:15px}.toolbar{display:flex;gap:12px;flex-wrap:wrap;align-items:end}.toolbar label{margin-top:0}.toolbar>div{flex:1;min-width:140px}.tools{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.tools button{font-size:11px;padding:8px}.muted{color:var(--muted)}footer{text-align:center;font-size:11px;color:#65745c;padding:25px 18px 36px}details summary{cursor:pointer;font-size:14px;font-weight:700;color:#3f5834;list-style-position:inside}details[open] summary{margin-bottom:20px}a{color:#3c6828}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #598832;outline-offset:3px}@media(max-width:650px){header{gap:10px;padding:19px 20px}header small{display:none}main{margin-top:28px;padding:0 18px}h1{font-size:31px;letter-spacing:-1.2px;line-height:1.55}.grid{grid-template-columns:1fr 1fr;gap:10px}.panel{padding:22px}.mission{font-size:21px;padding:23px}.hero h2{font-size:23px}.big{font-size:36px}td{min-width:110px}.row{align-items:flex-start}.login-steps{gap:6px}.login-steps>span{padding:8px 10px;gap:5px;font-size:9px}.login-steps b{font-size:10px}.intro{font-size:13px}.panel .eyebrow{font-size:9px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}