:root{color-scheme:dark;--bg:#202a27;--paper:#f1e8d5;--muted:#b7beaf;--gold:#e0ba77;--line:#49534a;--green:#b9d4b4;--serif:"Hiragino Mincho ProN","Yu Mincho",YuMincho,serif;--sans:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;background:var(--bg)}body{margin:0;color:var(--paper);font:16px/1.8 var(--sans);background:radial-gradient(ellipse at 75% 15%,#534a322e,transparent 55%);min-height:100svh}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid var(--gold);outline-offset:5px}h1:focus{outline:none}a{color:inherit}.shell{max-width:660px;margin:auto;padding:0 28px;padding-left:max(28px,env(safe-area-inset-left));padding-right:max(28px,env(safe-area-inset-right))}header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:24px 0 19px;padding-top:max(24px,env(safe-area-inset-top));border-bottom:1px solid var(--line)}.brand{text-decoration:none;font-family:var(--serif);font-size:16px;letter-spacing:.07em;white-space:nowrap}.brand-mark{display:inline-grid;place-items:center;width:28px;height:30px;border:1px solid #8c9987;border-radius:2px 2px 12px 12px;font:italic 20px Georgia;margin-right:6px;color:var(--gold)}.edition{font-size:11px;color:var(--muted);letter-spacing:.12em;white-space:nowrap}main{min-height:calc(100svh - 158px)}.intro{text-align:center;padding:28px 0 26px}.eyebrow{font-size:12px;letter-spacing:.22em;color:var(--gold)}.eyebrow>span{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--gold);margin:0 7px 2px 0}.still-life{width:280px;height:235px;position:relative;margin:12px auto 19px}.halo{position:absolute;inset:0;background:radial-gradient(ellipse,#cda36320,transparent 68%)}.book{position:absolute;width:126px;height:162px;border-radius:3px 7px 7px 3px;box-shadow:10px 12px 20px #0003}.book-front{background:#dcccaa;left:82px;top:38px;transform:rotate(-9deg);border-left:7px solid #ad966c;color:#344138;text-align:left;padding:20px 12px}.book-front span{font:19px/1.7 var(--serif);letter-spacing:.14em}.book-front i{font:7px Georgia;letter-spacing:.12em;display:block;margin-top:13px}.book-back{left:67px;top:47px;transform:rotate(13deg);background:#7e8c74;border-left:7px solid #536650;box-shadow:3px 4px 0 #b6b6a1}.orbit{position:absolute;border:1px solid #ac946647;border-radius:50%;width:247px;height:121px;left:16px;top:60px;transform:rotate(-30deg)}.orbit-two{width:170px;height:205px;left:55px;top:11px;transform:rotate(30deg)}.moon{width:18px;height:18px;background:var(--gold);border-radius:50%;position:absolute;right:26px;top:42px;box-shadow:0 0 22px #dfb87925}.spark{position:absolute;left:27px;top:132px;color:var(--gold);font-size:25px}.ground{position:absolute;bottom:15px;left:25px;right:25px;border-top:1px solid #a6ae8d33}.small-label{color:var(--muted);font-size:12px;letter-spacing:.12em;margin:0 0 10px}h1{font-family:var(--serif);font-weight:500;line-height:1.65;margin:0;letter-spacing:.07em;font-size:32px}.intro-copy{font-family:var(--serif);font-size:17px;line-height:2;letter-spacing:.06em;margin:18px 0 28px}.primary{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:60px;padding:15px 24px;background:var(--gold);border:1px solid var(--gold);border-radius:5px;color:#27322a;font-weight:600;letter-spacing:.12em;box-shadow:0 4px 0 #0002}.primary:hover{background:#edcb92}.primary:active{transform:translateY(2px)}.primary span{font-size:24px;line-height:1;font-weight:400}.start-note{font-size:11px;color:var(--muted);margin:13px 0 0;letter-spacing:.04em}.genres{font-size:12px;margin-top:27px;color:#c2c7b6;letter-spacing:.14em}.genres b{color:#6e7867;padding:0 8px;font-weight:400}footer{padding:19px 0 max(22px,env(safe-area-inset-bottom));border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:10px;color:#a4ad9e;font-size:10px}footer span:last-child{font-size:8px;letter-spacing:.12em}.quiz{padding:27px 0 35px}.progress-top{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--muted);gap:10px}.progress-top strong{font-size:19px;font-weight:400;color:var(--paper);font-family:Georgia}.progress{height:3px;background:#455045;margin-top:12px}.progress>div{height:100%;background:var(--gold);transition:width .25s}.question-meta{display:flex;align-items:center;justify-content:space-between;margin:29px 0 18px;color:var(--muted);font-size:10px;letter-spacing:.13em}.tag{font-size:12px;padding:2px 12px;color:var(--gold);border:1px solid #8a7957;border-radius:20px}.question-title{font-size:25px;letter-spacing:.035em;line-height:1.7;overflow-wrap:anywhere}.instruction{font-size:12px;color:var(--muted);margin:15px 0 20px}.choices{display:grid;gap:12px}.choice{display:flex;align-items:center;gap:13px;min-height:64px;width:100%;text-align:left;padding:13px 15px;color:var(--paper);background:#2b3530;border:1px solid #5a6253;border-radius:5px;font-size:16px;line-height:1.6}.choice-letter{font:14px Georgia;color:#c1bd9f;flex-shrink:0}.choice-mark{margin-left:auto;flex-shrink:0;font-size:20px}.choice:hover:enabled{background:#374137;border-color:var(--gold)}.choice:disabled{cursor:default;opacity:1;-webkit-text-fill-color:currentColor}.choice.correct{border-color:var(--green);background:#394e3b;color:#e4f1dc}.choice.incorrect{border-color:#d2a18f;background:#503d36;color:#f4dace}.feedback{padding:22px 20px;margin-top:23px;background:#303d32;border:1px solid #60775a;border-radius:5px}.feedback.is-incorrect{background:#373a30;border-color:#8b8060}.verdict{color:#d6e9c6;font-weight:600;margin:0 0 13px;font-size:16px}.is-incorrect .verdict{color:#e9c89c}.feedback h2{font-size:11px;letter-spacing:.07em;color:#c7d0bc;font-weight:400;margin:0 0 7px}.explanation{font-size:16px;line-height:1.95;margin:0}.right-answer{font-size:16px;color:#f1dfb9;margin:0 0 16px;font-weight:600}.source{display:inline-block;font-size:11px;color:#c4cdb9;line-height:1.7;margin-top:16px;text-underline-offset:4px;overflow-wrap:anywhere}.next{margin-top:20px}.result{text-align:center;padding:35px 0 45px}.result-symbol{font-size:75px;color:var(--gold);line-height:1;margin:38px 0 29px}.result h1{font-size:26px}.score{margin:20px 0;color:var(--muted);font-size:14px}.score strong{font:82px Georgia;color:var(--gold)}.result-dots{display:flex;justify-content:center;gap:7px;margin:10px 0 25px}.result-dots span{font-size:16px}.hit{color:#c9dda9}.miss{color:#b7b7a6}.result-copy{font-family:var(--serif);font-size:16px;line-height:2;margin:0 0 32px}.enter{animation:arrive .35s ease-out}@keyframes arrive{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@media(min-width:700px){.shell{max-width:580px}.intro{padding-top:35px}.still-life{margin-top:20px}.quiz{padding-top:35px}.question-title{font-size:29px}}@media(max-width:374px){.shell{padding-left:20px;padding-right:20px}h1{font-size:28px}.question-title{font-size:23px}.still-life{max-width:100%}.result h1{font-size:23px}footer{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}