@import "https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;700;900&display=swap";:root{color:#173d63;font-synthesis:none;background:#dff2ff;font-family:Noto Sans SC,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 15% 10%,#fff3a8 0 12%,#0000 36%),linear-gradient(160deg,#fffdf0,#dff2ff);min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer}main{background:#fffdf2;width:min(100%,480px);min-height:100vh;margin:auto;box-shadow:0 0 50px #173d6320}header{border-bottom:2px dashed #b8d9ec;justify-content:space-between;padding:24px 28px;font-size:14px;display:flex}header b{font-size:17px}header span{letter-spacing:2px;color:#66839b}footer{text-align:center;color:#7d96a8;padding:32px 20px;font-size:12px}.home,.quiz,.unlock,.report{padding:34px 28px}.home{position:relative}.postmark{text-align:center;color:#ff684e;border:3px double #ff684e;border-radius:50%;place-items:center;width:82px;height:82px;font-weight:700;display:grid;position:absolute;top:28px;right:28px;transform:rotate(9deg)}.kicker{color:#ff684e;letter-spacing:2px;margin-top:16px;font-weight:700}.home h1{letter-spacing:-3px;margin:34px 0 20px;font-size:clamp(40px,10vw,64px);line-height:1.15}.home h1 em{color:#ff684e;font-style:normal;position:relative}.lede{color:#496882;font-size:18px;line-height:1.8}.parcel{background:#fff;border:2px solid #173d63;border-radius:18px;gap:8px;margin:32px 0;padding:24px;display:grid;box-shadow:7px 7px #ffcf4a}.parcel span,.parcel i{letter-spacing:1px;font-size:12px}.parcel b{font-size:24px}.features{grid-template-columns:1fr 1fr;gap:10px;margin:28px 0;display:grid}.features span{text-align:center;background:#dff2ff;border-radius:999px;padding:10px;font-weight:700}.primary{color:#fff;background:#ff684e;border:0;border-radius:16px;width:100%;padding:18px 22px;font-size:18px;font-weight:900;box-shadow:0 7px #ce3e2b}.primary:active{transform:translateY(4px);box-shadow:0 3px #ce3e2b}.primary b{float:right}.home>small{text-align:center;color:#7d96a8;margin-top:24px;display:block}.ticket{background:#ffcf4a;border:2px solid #173d63;border-radius:12px;justify-content:space-between;align-items:center;padding:14px 20px;font-weight:700;display:flex}.progress{background:#d4e8f4;border-radius:10px;height:8px;margin:24px 0;overflow:hidden}.progress i,.meter i u,.scene-grid i u,.confidence i u{border-radius:inherit;background:#ff684e;height:100%;display:block}.question{background:#fff;border:2px solid #173d63;border-radius:24px;padding:28px;box-shadow:8px 8px #b9e5ff}.question small{color:#ff684e;font-weight:700}.question h2{margin:22px 0;font-size:26px;line-height:1.55}.choice{color:#173d63;text-align:left;background:#f5fbff;border:1.5px solid #9dbbd0;border-radius:14px;align-items:center;gap:14px;width:100%;margin:11px 0;padding:13px;display:flex}.choice b{background:#fff;border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.choice.on,.choice:hover{background:#ffed9b;border-color:#173d63}.back,.link{color:#496882;background:0 0;border:0;margin-top:24px}.unlock{text-align:center}.stamp{color:#ff684e;border:3px solid #ff684e;padding:8px 18px;font-weight:900;display:inline-block;transform:rotate(-5deg)}.unlock h1{font-size:38px}.teaser{background:linear-gradient(135deg,#dff2ff,#fff2ad);border:2px solid #173d63;border-radius:24px;padding:30px}.teaser>b{color:#ff684e;font-size:90px}.teaser>span{display:block}.blur{filter:blur(5px);background:#fff;margin-top:22px;padding:16px}.unlock p{line-height:1.7}.unlock input{text-align:center;border:2px solid #9dbbd0;border-radius:12px;width:100%;margin-bottom:14px;padding:16px}.error{color:#c53030;margin-bottom:12px}.cover{text-align:center;background:linear-gradient(150deg,#ffef9b,#b8e5ff);border:2px solid #173d63;border-radius:28px;margin-bottom:32px;padding:32px;box-shadow:10px 10px #ff684e}.cover>p:first-child{letter-spacing:1px;font-size:12px}.score{background:#fff;border:3px dashed #ff684e;border-radius:50%;place-content:center;width:170px;height:170px;margin:28px auto 12px;display:grid}.score b{color:#ff684e;font-size:76px;line-height:1}.score span{font-size:12px}.emoji{font-size:42px}.cover h1{margin:10px;font-size:40px}.cover>strong{color:#fff;background:#173d63;border-radius:999px;padding:7px 18px;display:inline-block}.report article{background:#fff;border:1.5px solid #b8d9ec;border-radius:22px;margin:18px 0;padding:26px;box-shadow:5px 5px #dff2ff}.report article>small{color:#ff684e;letter-spacing:1px;font-weight:900}.report article h2{font-size:23px;line-height:1.5}.report article p,.report li{color:#496882;line-height:1.8}.meter{grid-template-columns:120px 1fr 42px;align-items:center;gap:12px;margin:18px 0;display:grid}.meter span{font-weight:800}.meter span small{color:#7d96a8;font-weight:400;display:block}.meter i,.scene-grid i,.confidence i{background:#e3eef4;border-radius:10px;height:12px;overflow:hidden}.meter:nth-child(2) i u{background:#ffcf4a}.meter:nth-child(3) i u{background:#41a6e8}.meter:nth-child(4) i u{background:#4ac6a8}.status{align-items:center;padding:20px 0;display:flex;overflow:auto}.status span{text-align:center;background:#e8f0f4;min-width:110px;padding:16px 8px;position:relative}.status span+span:before{content:"→";position:absolute;left:-10px}.status .done{background:#ffcf4a;font-weight:700}.scene-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.scene-grid>div{background:color-mix(in srgb, #ffcf4a calc(var(--level) * 0.65%), #eef7fb);border-radius:14px;padding:16px}.scene-grid b{float:right;font-size:30px}.scene-grid i{clear:both;margin:12px 0;display:block}.scene-grid small{color:#496882}.confidence{grid-template-columns:100px 1fr;align-items:center;gap:16px;display:grid}.confidence b{color:#ff684e;font-size:42px}.confidence p{grid-column:1/-1;margin:0}.report ul{padding:0;list-style:none}.report li{border-bottom:1px dashed #cbdde8;padding:10px 0}.coral{background:#fff1ed!important;box-shadow:5px 5px #ffb5a7!important}.scripts section{background:#f5fbff;border-radius:14px;margin:12px 0;padding:16px}.scripts section b{color:#ff684e}.scripts button,.share-actions button{color:#173d63;background:#fff;border:1px solid #173d63;border-radius:999px;padding:8px 16px}.quote{color:#fff!important;background:#173d63!important}.quote blockquote{margin:24px 0;font-size:24px;line-height:1.7}.secondary{color:#173d63;background:#fff;border:2px solid #173d63;border-radius:16px;width:100%;margin-top:18px;padding:16px;font-weight:800}.modal{z-index:20;background:#173d63dd;place-items:end center;display:grid;position:fixed;inset:0}.modal>section{background:#fffdf2;border-radius:28px 28px 0 0;width:min(100%,480px);max-height:94vh;padding:28px;overflow:auto}.modal h2{margin-bottom:4px}.close{float:right;border:0;border-radius:50%;width:38px;height:38px;font-size:24px}.previews{scroll-snap-type:x mandatory;gap:14px;padding:12px 2px 24px;display:flex;overflow-x:auto}.previews figure{scroll-snap-align:center;min-width:78%;margin:0;position:relative}.previews img{border:2px solid #173d63;border-radius:18px;width:100%}.previews figcaption{color:#fff;background:#173d63;border-radius:99px;padding:5px 10px;position:absolute;bottom:12px;right:12px}.share-actions{grid-template-columns:1fr 1fr;gap:12px;margin-top:20px;display:grid}.share-actions button{padding:14px}@media (max-width:480px){header{padding:18px 20px}.home,.quiz,.unlock,.report{padding:24px 16px}.postmark{width:62px;height:62px;font-size:11px;top:22px;right:18px}.home h1{letter-spacing:-2px;margin-top:28px;font-size:36px}.lede{font-size:16px}.parcel{margin:24px 0;padding:19px}.parcel b{font-size:21px}.question{padding:19px}.question h2{font-size:22px}.choice{padding:11px}.primary{padding:15px 18px;font-size:16px}.cover{padding:24px}.score{width:145px;height:145px}.score b{font-size:64px}.cover h1{font-size:34px}.report article{padding:21px}.report article h2{font-size:21px}.meter{grid-template-columns:98px 1fr 32px;gap:8px}.scene-grid{grid-template-columns:1fr}.previews figure{min-width:82%}.modal>section{padding:22px 16px}}