/* One 9:16 portrait stage; longer scene/result content scrolls inside the stage. */
body{height:100dvh;min-height:0;display:grid;place-items:center;overflow:hidden}
.shell{height:var(--screen-height);min-height:0;max-height:var(--screen-height);margin:0 auto;overflow:hidden;padding-top:max(14px,env(safe-area-inset-top));padding-bottom:max(14px,env(safe-area-inset-bottom))}
.shell>header{flex:none}.shell>main{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;overscroll-behavior:contain}.shell>main::-webkit-scrollbar{display:none}.shell>footer{flex:none;padding-top:14px}
.shell[data-screen=home] main{overflow:hidden}.shell[data-screen=home] .home-scene{min-height:0;height:100%;padding:0;justify-content:center;flex:1}
.shell[data-screen=home] .scent-stage{height:55cqw;max-height:290px;flex:none;margin:-5px auto -10px}.shell[data-screen=home] .home-kiro-stage{width:32cqw;max-width:170px}.shell[data-screen=home] .portal-ring.one{width:60cqw;height:45cqw;max-width:320px;max-height:240px}.shell[data-screen=home] .portal-ring.two{width:47cqw;height:55cqw;max-width:250px;max-height:295px}.shell[data-screen=home] .portal-ring.three{width:38cqw;height:38cqw;max-width:205px;max-height:205px}
.shell[data-screen=home] .home-copy h1{font-size:clamp(34px,10cqw,52px);margin-bottom:10px}.shell[data-screen=home] .home-copy .eyebrow{margin-bottom:10px}.shell[data-screen=home] .home-copy p{font-size:clamp(12px,3.2cqw,14px);line-height:1.65}.shell[data-screen=home] .home-invitation{margin-top:15px}.shell[data-screen=home] .home-invitation .primary{min-height:50px}.shell[data-screen=home] .home-whisper{margin-top:10px}
.shell[data-screen=quiz] .topline{margin:10px 0 12px}.shell[data-screen=quiz] .question-panel{padding-top:10px;padding-bottom:18px}.shell[data-screen=quiz] .interior-orbit{height:82px;margin-bottom:8px}.shell[data-screen=quiz] .interior-orbit>img{width:43px;height:43px}.shell[data-screen=quiz] .orbit-track{width:125px;height:70px}.shell[data-screen=quiz] .track-two{width:82px;height:82px}.shell[data-screen=quiz] .track-three{width:142px;height:62px}.shell[data-screen=quiz] .question-panel h2{font-size:clamp(22px,6cqw,29px);min-height:90px}.shell[data-screen=quiz] .question-id{margin-bottom:12px}.shell[data-screen=quiz] .scale-wrap{margin-top:16px}.shell[data-screen=quiz] .progress{margin-bottom:16px}.shell[data-screen=quiz] .quiz-note{margin-top:12px}.shell[data-screen=quiz] .quiz-back{margin-top:5px}
.shell[data-screen=generating] .generate{min-height:100%;padding:20px 0}
@container(max-width:320px){.shell[data-screen=home] .scent-stage{height:49cqw}.shell[data-screen=home] .home-copy h1{font-size:34px}.shell[data-screen=home] .home-invitation{margin-top:8px}.shell[data-screen=home] .home-whisper{font-size:9px}.shell[data-screen=quiz] .interior-orbit{height:64px}.shell[data-screen=quiz] .question-panel h2{font-size:22px;min-height:92px}.shell[data-screen=quiz] .question-panel{padding:9px 14px 15px}.shell[data-screen=quiz] .question-id{font-size:9px}.shell[data-screen=quiz] .scale-wrap{margin-top:12px}.shell[data-screen=quiz] .scale button{height:48px}.shell[data-screen=quiz] .quiz-note{font-size:9px}}
@media print{body{height:auto;display:block;overflow:visible}.shell{height:auto!important;max-height:none!important;zoom:1!important;overflow:visible}.shell>main{overflow:visible!important}}