@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Instrument+Serif:ital@0;1&display=swap";
:root{--paper:#f4f0e7;--ink:#17201c;--muted:#68706b;--line:#cdc9bf;--green:#1f563f;--lime:#d8f179;--red:#b54a3e}*{box-sizing:border-box}html{background:var(--paper);color:var(--ink)}body{margin:0;font-family:DM Sans,Noto Sans JP,sans-serif}button{font:inherit}main{background:linear-gradient(90deg,#0000 49.94%,#17201c09 50%,#0000 50.06%);min-height:100vh;padding:0 5vw}.top{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:94px;display:flex}.brand{color:inherit;align-items:center;gap:12px;font-weight:700;line-height:1;text-decoration:none;display:flex}.brand small{letter-spacing:.22em;color:var(--muted);margin-top:7px;font-size:8px;display:block}.mark{border:1px solid var(--ink);border-radius:50%;place-items:center;width:42px;height:42px;font-family:Instrument Serif;font-size:26px;display:grid}.account{letter-spacing:.06em;font-size:12px;font-weight:600}.dot{background:#3a8a61;border-radius:50%;width:8px;height:8px;margin-right:9px;display:inline-block;box-shadow:0 0 0 4px #d9e8de}.hero{max-width:1180px;margin:auto;padding:90px 0 45px}.eyebrow{letter-spacing:.25em;color:var(--green);margin-bottom:28px;font-size:11px;font-weight:700}.hero h1{letter-spacing:-.045em;max-width:1050px;margin:0;font-family:Instrument Serif,Yu Mincho,serif;font-size:clamp(54px,8vw,104px);font-weight:400;line-height:.88}.hero h1 em{color:var(--green);font-weight:400}.lead{max-width:600px;color:var(--muted);margin:36px 0;font-size:17px;line-height:1.8}.drop{border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);grid-template-columns:68px 1fr auto;align-items:center;gap:22px;padding:26px 0;transition:all .2s;display:grid}.drop.active{background:#d8f17947;padding-left:18px;padding-right:18px}.fileIcon{border:1px solid var(--ink);letter-spacing:.1em;place-items:center;height:64px;font-size:10px;font-weight:700;display:grid}.drop strong{font-size:18px;display:block}.drop span{color:var(--muted);margin-top:5px;font-size:13px;display:block}.drop button,.feedback button{background:var(--ink);color:#fff;cursor:pointer;border:0;padding:15px 20px;font-weight:600}.drop button b,.feedback button b{margin-left:28px}.notice{color:var(--red);padding:12px 0;font-size:13px}.trust{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:0;margin-top:60px;display:grid}.trust article{padding:25px 30px 10px 0}.trust article+article{border-left:1px solid var(--line);padding-left:30px}.trust i{color:var(--green);font-family:Instrument Serif;font-size:22px;font-style:normal}.trust strong{margin:12px 0 8px;display:block}.trust p{color:var(--muted);margin:0;font-size:13px;line-height:1.6}.study{border:1px solid var(--ink);grid-template-columns:280px 1fr;max-width:1240px;min-height:650px;margin:55px auto 80px;display:grid}aside{border-right:1px solid var(--ink);background:#ece8df;flex-direction:column;padding:28px;display:flex}.back{text-align:left;cursor:pointer;background:0 0;border:0;padding:0;font-weight:600}.deckName{margin-top:48px}.deckName span,.deckName small{letter-spacing:.18em;color:var(--muted);font-size:9px;display:block}.deckName strong{overflow-wrap:anywhere;margin:10px 0;font-family:Instrument Serif;font-size:30px;line-height:1.05;display:block}.metric{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:36px;padding:25px 0}.metric b{font-family:Instrument Serif;font-size:56px;font-weight:400}.metric span{color:var(--muted);font-size:11px;display:block}.metric i{background:var(--green);height:4px;margin-top:15px;transition:width .35s;display:block}dl{margin:25px 0}dl div{justify-content:space-between;padding:8px 0;font-size:12px;display:flex}dd{font-weight:700}.privacy{color:var(--green);margin-top:auto;font-size:10px}.quiz{padding:45px clamp(30px,7vw,85px)}.quizTop{letter-spacing:.18em;justify-content:space-between;font-size:10px;font-weight:700;display:flex}.quizTop small{color:var(--muted)}.bar{background:var(--line);height:2px;margin:15px 0 45px}.bar i{background:var(--green);height:100%;transition:all .3s;display:block}.quiz h2{white-space:pre-wrap;margin:0 0 40px;font-family:Instrument Serif,Yu Mincho,serif;font-size:clamp(30px,4vw,48px);font-weight:400;line-height:1.25}.choices{gap:10px;display:grid}.choices button{text-align:left;border:1px solid var(--line);cursor:pointer;background:0 0;grid-template-columns:42px 1fr;align-items:center;gap:15px;padding:13px;transition:all .15s;display:grid}.choices button:hover{border-color:var(--green);transform:translate(3px)}.choices button b{background:#e5e1d7;place-items:center;height:38px;font-family:Instrument Serif;font-size:20px;display:grid}.choices button.pending{border-color:var(--ink);background:var(--lime);transform:translate(5px)}.choices button.pending b{background:var(--ink);color:#fff}.choices button.correct{border-color:var(--green);background:#dfeadd}.choices button.wrong{border-color:var(--red);background:#f0ded8}.choices button.dim{opacity:.48}.submitRow{min-height:48px;color:var(--muted);justify-content:space-between;align-items:center;margin-top:18px;font-size:11px;display:flex}.submitRow button{background:var(--ink);color:#fff;cursor:pointer;border:0;padding:13px 18px;font-weight:700}.submitRow button:disabled{opacity:.28;cursor:not-allowed}.submitRow kbd,.feedback kbd{font:inherit;border:1px solid #ffffff73;border-radius:3px;margin-left:14px;padding:2px 6px;font-size:10px}.feedback{border-top:1px solid;justify-content:space-between;align-items:center;gap:20px;margin-top:25px;padding-top:20px;display:flex}.feedback.good{border-color:var(--green)}.feedback.bad{border-color:var(--red)}.feedback strong{font-family:Instrument Serif;font-size:25px}.feedback p{color:var(--muted);margin:5px 0;font-size:12px}.answerMetrics{flex-wrap:wrap;gap:7px;margin-top:14px;display:flex}.answerMetrics span{border:1px solid var(--line);color:var(--muted);padding:5px 8px;font-size:9px}.answerMetrics b{color:var(--ink);margin-left:4px;font-family:inherit;font-size:10px}footer{border-top:1px solid var(--line);letter-spacing:.18em;height:70px;color:var(--muted);justify-content:space-between;align-items:center;font-size:9px;display:flex}@media (max-width:760px){main{padding:0 20px}.top{height:78px}.account{font-size:0}.account .dot{margin:0}.hero{padding-top:60px}.hero h1{font-size:53px}.lead{font-size:15px}.drop{grid-template-columns:50px 1fr}.fileIcon{height:50px}.drop button{grid-column:1/-1;width:100%}.trust{grid-template-columns:1fr}.trust article+article{border-left:0;border-top:1px solid var(--line);padding-left:0}.study{grid-template-columns:1fr;margin-top:25px}.study aside{border-right:0;border-bottom:1px solid var(--ink);padding:20px}.deckName{margin-top:25px}.metric{display:none}dl{grid-template-columns:1fr 1fr;gap:2px 20px;margin-bottom:0;display:grid}dl div{gap:8px}.privacy{display:none}.quiz{padding:30px 20px}.quizTop small{letter-spacing:.05em}.quiz h2{font-size:32px}.submitRow{flex-direction:column;align-items:stretch;gap:8px}.feedback{flex-direction:column;align-items:stretch}.feedback button{width:100%}}