:root{--ink:#172238;--muted:#687487;--paper:#fffdf7;--canvas:#f2eee4;--line:#d8d0c1;--navy:#1e3557;--coral:#ec684d;--green:#2f9d75;--red:#d94c50;--gold:#c9922e;--blue:#3d7cc9;--violet:#7d62b5;--shadow:0 18px 50px #252d3a1a}*{box-sizing:border-box}html{background:var(--canvas)}body{color:var(--ink);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.65}button:focus-visible,input:focus-visible,summary:focus-visible{outline-offset:3px;outline:3px solid #f2a493}.brand{align-items:center;gap:11px;display:flex}.brand-mark{background:var(--coral);color:#fff;border-radius:12px 12px 12px 4px;place-items:center;width:42px;height:42px;font:800 24px Georgia,serif;display:grid;transform:rotate(-2deg);box-shadow:3px 3px #b54331}.brand strong,.brand small{display:block}.brand strong{font:800 17px Georgia,serif}.brand small{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;margin-top:3px;font-size:8px}.hand{color:var(--coral);font:700 18px Segoe Print,Bradley Hand,cursive;display:inline-block;transform:rotate(-1deg)}.primary{background:var(--coral);color:#fff;border:0;border-radius:11px;width:100%;padding:14px 18px;font-weight:900;transition:all .15s;box-shadow:0 6px #b94734}.primary:hover,.cards article>button:hover{transform:translateY(-2px)}.primary:active{box-shadow:none;transform:translateY(2px)}.error{color:#9d2531;background:#fff0f1;border:1px solid #f0bec4;border-radius:9px;padding:10px 12px;font-size:11px;line-height:1.5}.loading{background:radial-gradient(circle at 30% 20%,#fff 0 2px,transparent 3px)0 0/28px 28px,var(--paper);place-content:center;justify-items:center;gap:22px;min-height:100vh;display:grid}.loading>div{background:linear-gradient(90deg,var(--coral) 40%,#ded8ca 40%);border-radius:20px;width:220px;height:6px;animation:1s infinite alternate pulse}.loading p{color:var(--muted);font-size:11px}@keyframes pulse{to{filter:saturate(2);transform:scaleX(.8)}}.login-shell{background:var(--paper);grid-template-columns:1.1fr .9fr;min-height:100vh;display:grid}.login-intro{background:linear-gradient(90deg,#0000 49px,#de696338 50px,#0000 51px),repeating-linear-gradient(0deg,#0000 0 31px,#5380ab1a 32px,#0000 33px),#fffdf7;flex-direction:column;min-height:100vh;padding:clamp(28px,5vw,70px);display:flex}.login-intro>div{max-width:740px;margin:auto 0;padding:55px 0}.login-intro h1{letter-spacing:-.055em;margin:16px 0;font:800 clamp(45px,6.5vw,88px)/.98 Georgia,serif}.login-intro p{max-width:610px;color:var(--muted);font-size:clamp(15px,1.5vw,19px);line-height:1.7}.login-intro aside{flex-wrap:wrap;gap:9px;margin-top:28px;display:flex}.login-intro aside span{color:var(--muted);background:#ffffffc7;border:1px dashed #b9b09f;border-radius:9px;padding:9px 12px;font-size:10px;transform:rotate(-1deg)}.login-intro aside span:nth-child(2){transform:rotate(1deg)}.login-intro aside b{color:var(--navy);font-size:14px}.login-panel{border-left:1px solid var(--line);background:#e7e1d5;place-items:center;padding:40px;display:grid}.login-panel form{width:min(100%,470px);box-shadow:var(--shadow);background:#fff;border:1px solid #d7d1c3;padding:clamp(30px,5vw,50px);position:relative;transform:rotate(.4deg)}.login-panel form:after{content:"";z-index:-1;background:#d7cdbb;border:1px solid #c8beae;position:absolute;inset:7px -7px -7px 7px}.tape{background:#edd396b8;width:84px;height:25px;position:absolute;top:-13px;left:calc(50% - 42px);transform:rotate(-4deg)}.login-panel form>small{color:var(--coral);letter-spacing:.14em;font-size:8px;font-weight:900}.login-panel h2{margin:8px 0;font:800 36px Georgia,serif}.login-panel form>p:not(.error){color:var(--muted);font-size:11px;line-height:1.65}.login-panel label{color:var(--navy);margin:16px 0;font-size:10px;font-weight:900;display:block}.login-panel input{background:#fffdf8;border:1px solid #cfc8ba;border-radius:9px;width:100%;margin-top:7px;padding:14px;display:block}.login-panel em{color:#8b857b;text-align:center;margin-top:15px;font-size:8px;font-style:normal;display:block}.app{background:radial-gradient(circle at 85% 5%,#ec684d16,transparent 21%),var(--canvas);min-height:100vh;padding-bottom:70px}.header,.quiz>header,.result>header{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffdf7ec;justify-content:space-between;align-items:center;height:76px;padding:0 clamp(18px,5vw,70px);display:flex}.user{align-items:center;gap:9px;display:flex}.user>span,.ranking article i{background:var(--navy);color:#fff;border-radius:50%;place-items:center;width:35px;height:35px;font-weight:900;display:grid}.user b,.user small{display:block}.user b{font-size:10px}.user small{color:var(--muted);margin-top:2px;font-size:8px}.user button{color:var(--muted);background:0 0;border:0;margin-left:5px;font-size:9px}.hero{grid-template-columns:1.2fr .8fr;align-items:end;gap:40px;max-width:1450px;margin:auto;padding:55px clamp(18px,5vw,70px) 34px;display:grid}.hero h1{letter-spacing:-.045em;max-width:800px;margin:12px 0;font:800 clamp(35px,4.2vw,62px)/1.04 Georgia,serif}.hero p{color:var(--muted);line-height:1.65}.hero>aside{background:var(--navy);color:#fff;border-radius:17px 17px 17px 5px;grid-template-columns:repeat(3,1fr);display:grid;overflow:hidden;box-shadow:7px 7px #c7bead}.hero article{border-right:1px dashed #ffffff38;padding:21px}.hero article:last-child{border:0}.hero article small,.hero article b{display:block}.hero article small{color:#bdcadc;letter-spacing:.1em;font-size:7px}.hero article b{margin-top:7px;font:800 25px Georgia,serif}.dash{grid-template-columns:minmax(0,1fr) 340px;gap:27px;max-width:1450px;margin:auto;padding:0 clamp(18px,5vw,70px);display:grid}.section-title{align-items:center;gap:10px;margin-bottom:15px;display:flex}.section-title span{border:2px solid var(--coral);width:31px;height:31px;color:var(--coral);border-radius:50%;place-items:center;font:800 10px Segoe Print,cursive;display:grid}.section-title h2{margin:0;font:800 25px Georgia,serif}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.cards>article{--accent:var(--coral);background:var(--paper);border:1px solid #d8d2c4;border-radius:14px 14px 14px 5px;padding:22px;transition:all .15s;position:relative;box-shadow:0 6px 18px #222a340d}.cards>article:before{content:"";background:var(--accent);width:5px;position:absolute;inset:0 auto 0 0}.cards>article:hover,.cards>article.selected{border-color:var(--accent);transform:translateY(-2px)}.cards>article.blue{--accent:var(--blue)}.cards>article.gold{--accent:var(--gold)}.cards>article.violet{--accent:var(--violet)}.cards>article.green{--accent:var(--green)}.cards>article.red{--accent:var(--red)}.card-head{gap:12px;display:flex}.card-head>i{background:color-mix(in srgb,var(--accent) 13%,white);width:42px;height:42px;color:var(--accent);border-radius:11px 11px 11px 4px;flex:0 0 42px;place-items:center;font:900 14px Georgia,serif;display:grid}.card-head h3{margin:1px 0 4px;font:800 17px Georgia,serif}.card-head p{color:var(--muted);margin:0;font-size:8px;line-height:1.45}.bar{background:#e6e0d4;border-radius:20px;height:7px;margin:18px 0 10px;overflow:hidden}.bar span{border-radius:inherit;background:var(--accent,var(--green));height:100%;display:block}.metrics{color:var(--muted);gap:14px;font-size:8px;display:flex}.metrics b{color:var(--ink)}.cards article>button{border:1px dashed color-mix(in srgb,var(--accent) 50%,white);background:color-mix(in srgb,var(--accent) 9%,white);width:100%;color:var(--accent);border-radius:9px;margin-top:16px;padding:10px;font-size:9px;font-weight:900}.ranking{background:var(--navy);color:#fff;border-radius:16px 16px 16px 5px;align-self:start;padding:21px;position:sticky;top:18px;box-shadow:7px 7px #c5bdaf}.rank-title{justify-content:space-between;align-items:center;display:flex}.rank-title h2{margin:0;font:800 21px Georgia,serif}.rank-title span{color:#bfcde0;text-align:right;max-width:145px;font-size:8px}.my-rank{background:#284568;border:1px dashed #7587a1;border-radius:9px;grid-template-columns:1fr auto;margin:18px 0 8px;padding:13px;display:grid}.my-rank small,.my-rank span{color:#bfcde0;font-size:7px}.my-rank b{grid-row:span 2;font:800 25px Georgia,serif}.ranking article{border-bottom:1px solid #ffffff17;grid-template-columns:20px 30px 1fr auto;align-items:center;gap:8px;padding:10px 5px;display:grid}.ranking article.me{color:var(--navy);background:#fff;border-radius:8px;margin:3px -6px;padding:9px 10px}.ranking article>b{color:#90a4c1;font:700 9px Segoe Print,cursive}.ranking article i{background:var(--coral);width:28px;height:28px;font-size:9px;font-style:normal}.ranking article p{margin:0}.ranking article strong,.ranking article small{display:block}.ranking article strong{font-size:9px}.ranking article small{color:#aebdd2;margin-top:2px;font-size:7px}.ranking article.me small{color:var(--muted)}.ranking article em{font-size:9px;font-style:normal;font-weight:900}.ranking footer,.empty{color:#aebdd2;margin-top:15px;font-size:7px;line-height:1.5}.quiz{background:var(--canvas);min-height:100vh;padding-bottom:55px}.quiz>header{z-index:5;position:sticky;top:0}.quiz>header>button,.result>header>button{color:var(--muted);background:0 0;border:0;font-size:9px;font-weight:900}.quiz>header>div:last-child{align-items:baseline;gap:4px;display:flex}.quiz>header>div:last-child small{color:var(--muted);margin-right:4px;font-size:7px}.quiz>header>div:last-child b{color:var(--green);font:800 23px Georgia,serif}.quiz>header>div:last-child span{color:var(--muted);font-size:9px}.quiz>nav{gap:6px;max-width:1320px;margin:auto;padding:22px clamp(18px,4vw,50px);display:flex}.quiz>nav span{width:27px;height:27px;color:var(--muted);background:#fff;border:1px solid #cfc8bb;border-radius:50%;place-items:center;font-size:8px;font-weight:900;display:grid}.quiz>nav span.current{border-color:var(--coral);outline:3px solid #f0b5a9}.quiz>nav span.ok{background:var(--green);color:#fff;border-color:var(--green)}.quiz>nav span.bad{background:var(--red);color:#fff;border-color:var(--red)}.quiz>section{grid-template-columns:minmax(0,1.3fr) minmax(310px,.7fr);align-items:start;gap:21px;max-width:1320px;margin:auto;padding:0 clamp(18px,4vw,50px);display:grid}.question,.feedback{background:var(--paper);box-shadow:var(--shadow);border:1px solid #d7d0c2;border-radius:17px 17px 17px 5px}.question{background:linear-gradient(90deg,transparent 34px,#dc5c5c23 35px,transparent 36px),repeating-linear-gradient(0deg,transparent 0 34px,#487aa812 35px,transparent 36px),var(--paper);padding:clamp(25px,4vw,46px)}.qmeta{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.qmeta span{color:var(--muted);text-transform:uppercase;background:#eee9de;border-radius:6px;padding:5px 7px;font-size:7px;font-weight:900}.qmeta span:first-child{color:var(--coral);background:#fff0eb}.qmeta em{color:var(--coral);margin-left:auto;font:700 10px Segoe Print,cursive}.question h1{white-space:pre-line;margin:22px 0 26px;font:700 clamp(20px,2vw,27px)/1.47 Georgia,serif}.alts{gap:9px;display:grid}.alts button{min-height:56px;color:var(--ink);text-align:left;background:#ffffffe8;border:1px solid #d7d0c4;border-radius:11px;grid-template-columns:34px 1fr 24px;align-items:center;gap:11px;padding:11px 14px;display:grid}.alts button:not(:disabled):hover{border-color:var(--navy);transform:translate(4px)}.alts button>b{border:2px solid #c6bfb2;border-radius:50%;place-items:center;width:33px;height:33px;font:800 11px Segoe Print,cursive;display:grid}.alts button>span{white-space:pre-line;font-size:11px;line-height:1.52}.alts button>i{font-size:21px;font-style:normal;font-weight:900}.alts button.right{border-color:var(--green);color:#17674b;background:#edf9f4}.alts button.right b{border-color:var(--green);background:var(--green);color:#fff}.alts button.wrong{border-color:var(--red);color:#9b2c36;background:#fff0f1}.alts button.wrong b{border-color:var(--red);background:var(--red);color:#fff}.alts button.fade{opacity:.45}.hint{color:var(--muted);text-align:center;margin-top:15px;font-size:8px;display:block}.feedback{background:#fff;min-height:360px;padding:28px;position:sticky;top:96px}.feedback>span{letter-spacing:.08em;border-radius:6px;padding:5px 8px;font-size:7px;font-weight:900;display:inline-flex}.feedback>span.yes{color:#17674b;background:#e4f7ef}.feedback>span.no{color:#992b35;background:#ffeaed}.feedback>h2{margin:12px 0 9px;font:800 23px Georgia,serif}.feedback>p{max-height:280px;color:var(--muted);white-space:pre-line;font-size:9px;line-height:1.65;overflow:auto}.feedback details{border-top:1px dashed var(--line);margin:15px 0}.feedback summary{color:var(--navy);padding:12px 0;font-size:9px;font-weight:900}.feedback details article{background:#f4f1ea;border-radius:7px;grid-template-columns:23px 1fr;gap:7px;margin:6px 0;padding:7px;display:grid}.feedback details article.correct-note{background:#e7f6f0}.feedback details article>b{background:#fff;border-radius:50%;place-items:center;width:22px;height:22px;font-size:8px;display:grid}.feedback details article p{color:var(--muted);margin:0;font-size:7px;line-height:1.5}.placeholder{text-align:center;place-content:center;justify-items:center;min-height:300px;display:grid}.placeholder>i{color:#a9a193;border:2px dashed #bbb3a5;border-radius:50%;place-items:center;width:52px;height:52px;font:800 21px Segoe Print,cursive;display:grid}.placeholder h2{margin:15px 0 4px;font:800 19px Georgia,serif}.placeholder p{max-width:255px;color:var(--muted);font-size:9px;line-height:1.6}.result{background:radial-gradient(circle at 20% 15%,#2f9d751c,transparent 18%),radial-gradient(circle at 80% 30%,#ec684d1c,transparent 20%),var(--canvas);min-height:100vh;padding-bottom:60px}.result-card{border:1px solid var(--line);background:var(--paper);width:min(92%,820px);box-shadow:var(--shadow);text-align:center;border-radius:19px 19px 19px 6px;margin:50px auto 24px;padding:clamp(30px,6vw,60px)}.score{border:8px solid #dcefe7;border-top-color:var(--green);border-right-color:var(--green);background:#fff;border-radius:50%;grid-template-columns:auto auto;place-content:center;width:155px;height:155px;margin:20px auto;display:grid;transform:rotate(-2deg);box-shadow:5px 5px #d6cebf}.score b{font:800 53px Georgia,serif}.score>span{color:var(--muted);align-self:end;margin-bottom:8px}.score small{color:var(--green);grid-column:1/-1;font-weight:900}.result-card h1{margin:11px 0;font:800 clamp(29px,4vw,45px) Georgia,serif}.result-card>p{max-width:580px;color:var(--muted);margin:auto;font-size:11px;line-height:1.7}.result-metrics{border:1px dashed #bfb6a8;border-radius:11px;grid-template-columns:repeat(4,1fr);margin:28px 0;display:grid}.result-metrics article{border-right:1px dashed #c7bfb1;padding:15px}.result-metrics article:last-child{border:0}.result-metrics small,.result-metrics b{display:block}.result-metrics small{color:var(--muted);font-size:7px}.result-metrics b{margin-top:5px;font:800 21px Georgia,serif}.coverage{text-align:left;background:#f0ede5;border-radius:11px;padding:17px}.coverage>div:first-child{justify-content:space-between;font-size:8px;display:flex}.coverage .bar{margin:10px 0}.coverage p{color:var(--muted);margin:0;font-size:8px}.actions{grid-template-columns:1fr 1fr;gap:11px;margin-top:23px;display:grid}.actions>button:last-child{border:1px solid var(--line);color:var(--navy);background:#fff;border-radius:11px;font-weight:900}.mini-rank{width:min(92%,580px);margin:auto}.mini-rank h2{text-align:center;font:800 17px Georgia,serif}.mini-rank article{border:1px solid var(--line);background:#fff;border-bottom:0;grid-template-columns:42px 1fr auto;padding:11px 14px;font-size:9px;display:grid}.mini-rank article:first-of-type{border-radius:10px 10px 0 0}.mini-rank article:last-child{border-bottom:1px solid var(--line);border-radius:0 0 10px 10px}.mini-rank article.me{background:#fff2ed}.mini-rank em{font-style:normal;font-weight:900}@media (width<=1050px){.login-shell{grid-template-columns:1fr 440px}.dash{grid-template-columns:1fr}.ranking{position:static}.quiz>section{grid-template-columns:1fr}.feedback{min-height:auto;position:static}.placeholder{min-height:170px}}@media (width<=760px){.brand-mark{width:36px;height:36px;font-size:20px}.brand strong{font-size:14px}.login-shell{display:block}.login-intro{min-height:auto;padding:23px 20px 50px}.login-intro>div{padding:65px 0 25px}.login-intro h1{font-size:clamp(41px,13vw,60px)}.login-panel{padding:34px 17px 52px}.login-panel form{transform:none}.header,.quiz>header,.result>header{height:64px;padding:0 14px}.user div{display:none}.hero{padding-top:36px;display:block}.hero h1{font-size:38px}.hero>aside{margin-top:26px}.hero article{padding:14px 10px}.hero article b{font-size:20px}.cards{grid-template-columns:1fr}.quiz>header .brand>span:last-child{display:none}.quiz>nav{overflow:auto}.quiz>section{padding:0 11px}.question{background:repeating-linear-gradient(0deg,transparent 0 34px,#487aa812 35px,transparent 36px),var(--paper);padding:24px 16px}.question h1{font-size:19px}.qmeta span:nth-child(2){white-space:nowrap;text-overflow:ellipsis;max-width:100%;overflow:hidden}.qmeta em{width:100%;margin:4px 0}.alts button{grid-template-columns:32px 1fr 21px;gap:8px;padding:10px}.alts button span{font-size:10px}.feedback{padding:23px 17px}.feedback>p{max-height:none}.result-card{margin-top:24px}.result-metrics{grid-template-columns:repeat(2,1fr)}.result-metrics article:nth-child(2){border-right:0}.result-metrics article:nth-child(-n+2){border-bottom:1px dashed #c7bfb1}.actions{grid-template-columns:1fr}.actions>button:last-child{padding:13px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}