:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#251447;background:#eeeaf4;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:flex;justify-content:center;align-items:flex-start;padding:18px}button,textarea,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,textarea:focus-visible{outline:3px solid #ffbc3b;outline-offset:3px}.app{width:100%;max-width:460px;min-height:680px;background:#fbfafd;border-radius:24px;overflow:hidden;box-shadow:0 18px 55px #25144728}.cover{min-height:680px;background:#251447;color:white;padding:20px}.cover-frame{min-height:640px;border:2px solid #ffe16a;border-radius:20px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:18px;text-align:center;padding:22px}.book{font-size:94px;line-height:1}.brand{font-size:clamp(40px,11vw,55px);font-weight:900;letter-spacing:3px;line-height:1.05}.brand .gold{color:#ffe16a;display:block}.tagline{font-size:13px;color:#e9ddf9;line-height:1.7}.start{width:100%;border:0;border-radius:50px;background:#ffe16a;color:#251447;font-size:23px;font-weight:850;padding:18px 14px}.lsm-btn{background:#ffffff12;border:1px solid #ffe16a;color:#ffe16a;border-radius:16px;padding:12px 18px;font-weight:700}.small{font-size:12px}.muted{color:#756c82}.cover .small{color:#e9ddf9}.head{background:var(--bg,#251447);color:white;padding:18px}.head h1{margin:9px 0;font-size:21px;text-align:center;color:var(--accent,#ffe16a)}.head-row{display:flex;justify-content:space-between;align-items:center;gap:10px}.head-meta{display:flex;justify-content:space-between;font-size:12px;margin-top:12px;color:var(--accent,#ffe16a)}.content{padding:20px;display:flex;flex-direction:column;gap:16px}.content h2{font-size:22px;color:var(--ink,#452080);margin:0}.content h3{font-size:18px;margin:0;color:var(--ink,#452080)}p{margin:0;line-height:1.58}.btn{border:0;background:var(--bg,#251447);color:white;border-radius:13px;padding:13px 16px;font-weight:700}.btn.alt{background:white;color:var(--ink,#452080);border:1px solid #cfc5dc}.btn.gold{background:#ffe16a;color:#251447}.btn.full{width:100%}.btn-row{display:flex;gap:10px;align-items:center}.btn-row>*{flex:1}.mode{display:block;width:100%;text-align:left;border:0;border-radius:18px;overflow:hidden;padding:0;background:var(--soft);color:var(--ink);box-shadow:0 2px 9px #25144716}.mode-art{height:105px;display:flex;align-items:center;justify-content:center;font-size:66px;background:linear-gradient(130deg,var(--bg),var(--soft));}.mode-caption{padding:16px}.mode-caption b{font-size:18px}.mode-caption span{display:block;font-size:13px;margin-top:5px}.card{background:white;border:1px solid #e4deeb;border-radius:16px;padding:17px;display:flex;flex-direction:column;gap:12px}.soft{background:var(--soft,#ede3ff);border:0}.center{text-align:center}.big{font-size:46px}.count{font-size:52px;font-weight:900;color:var(--ink,#452080)}.counter{display:flex;align-items:center;justify-content:center;gap:26px}.counter .btn{font-size:25px;padding:7px 18px}.question{font-size:18px;font-weight:750;color:var(--ink,#452080)}textarea{width:100%;min-height:128px;border:1px solid #bdb0cb;border-radius:12px;padding:13px;resize:vertical;background:white;color:#251447}.badge{display:inline-block;padding:5px 11px;border-radius:40px;background:var(--soft);color:var(--ink);font-weight:750;font-size:12px}.progress{display:flex;gap:5px}.progress i{flex:1;height:7px;border-radius:8px;background:#e2dce8}.progress i.active{background:var(--bg)}.ref{display:block;text-align:center;text-decoration:none;background:white;border:1px solid #cfc5dc;border-radius:12px;color:var(--ink);padding:12px;font-weight:650}.ref:after{content:' ↗'}.steps{padding-left:24px;line-height:1.9}.timer{background:var(--bg,#251447);color:white;padding:16px 20px}.time{font-size:38px;font-variant-numeric:tabular-nums;text-align:center;font-weight:850;color:var(--accent,#ffe16a)}.timer .label{font-size:12px;opacity:.8}.history{border-top:1px solid #ffffff45;margin-top:13px;padding-top:10px;font-size:12px}.history-row{display:flex;justify-content:space-between;gap:8px;padding:5px 0}.modal-bg{position:fixed;inset:0;background:#130b20d9;display:flex;align-items:center;justify-content:center;padding:14px;z-index:20}.modal{width:min(100%,480px);background:white;color:#251447;border-radius:20px;padding:18px;max-height:94vh;overflow:auto}.modal h2{margin:0 0 10px}.modal video{width:100%;max-height:65vh;background:#111;border-radius:12px;display:block;object-fit:contain}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:12px}.warning{font-size:12px;color:#71647b}.footer{padding:12px;text-align:center;font-size:11px;color:#8b8293}.footer a{color:#5b3e9d}@media(max-width:520px){body{padding:0}.app{border-radius:0;min-height:100dvh}.cover{min-height:100dvh}.cover-frame{min-height:calc(100dvh - 40px)}}