/* Night-office editorial depth layer */
body{background:#0f1110;background-image:radial-gradient(circle at 12% 14%,rgba(204,255,0,.09) 0 1px,transparent 1.5px),radial-gradient(circle at 84% 32%,rgba(255,109,92,.08) 0 1px,transparent 1.5px);background-size:23px 23px,31px 31px}
.app-shell{position:relative;box-shadow:0 0 80px rgba(0,0,0,.26)}
.app-shell:before{content:"OAH / NIGHT SHIFT ARCHIVE";position:fixed;z-index:0;right:-68px;top:50%;transform:rotate(90deg);font-size:9px;letter-spacing:4px;font-weight:900;color:rgba(249,246,238,.18);pointer-events:none}
.screen>*{position:relative;z-index:1}
.site-header:after{content:"";position:absolute;left:24px;right:24px;bottom:0;height:1px;background:linear-gradient(90deg,var(--ink) 0 28%,transparent 28% 31%,var(--ink) 31% 100%);opacity:.28}
.access-screen:after{content:"PRIVATE\A SCRIPT FILE";white-space:pre;position:absolute;right:-15px;bottom:6%;font-size:58px;line-height:.86;letter-spacing:-4px;font-weight:1000;color:rgba(23,25,24,.035);transform:rotate(-90deg);transform-origin:center;z-index:-1}
.access-card{background:rgba(249,246,238,.82);border:1px solid var(--ink);padding:28px 24px 26px;box-shadow:10px 10px 0 var(--lime),18px 18px 0 rgba(23,25,24,.14)}
.access-card:before,.access-card:after{content:"";position:absolute;width:14px;height:14px;border-radius:50%;background:var(--paper);border:1px solid var(--ink);top:58%}
.access-card:before{left:-8px}.access-card:after{right:-8px}
.access-index{margin-bottom:42px;padding-bottom:13px;border-bottom:1px dashed rgba(23,25,24,.35)}
.access-field{background:#fff;box-shadow:5px 5px 0 var(--ink);transition:transform .18s,box-shadow .18s}
.access-field:focus-within{transform:translate(-2px,-2px);box-shadow:7px 7px 0 var(--coral)}
.home-screen{background:var(--paper);background-image:linear-gradient(90deg,transparent 0 23px,rgba(23,25,24,.055) 24px,transparent 25px)}
.home-art{border-bottom:0;overflow:visible;margin-top:12px;box-shadow:12px 12px 0 var(--coral)}
.home-art:before{content:"";position:absolute;inset:16px;border:1px solid rgba(249,246,238,.62);z-index:2;pointer-events:none}
.home-art img{filter:saturate(.9) contrast(1.06)}
.home-art-label{position:absolute;z-index:3;left:26px;bottom:22px;color:var(--panel);font-size:9px;line-height:1.5;letter-spacing:2px;font-weight:900;border-left:6px solid var(--lime);padding-left:10px}
.home-art-stamp{position:absolute;z-index:3;right:20px;top:18px;width:66px;height:66px;border:2px solid var(--coral);border-radius:50%;display:grid;place-content:center;text-align:center;color:var(--coral);font-size:10px;line-height:1.25;transform:rotate(9deg);background:rgba(23,25,24,.74)}
.home-copy{padding-top:45px}
.home-copy:before{content:"01";position:absolute;right:24px;top:29px;font-size:76px;line-height:1;font-weight:1000;letter-spacing:-6px;color:rgba(23,25,24,.06)}
.home-copy h1{position:relative;text-shadow:3px 3px 0 rgba(204,255,0,.65)}
.home-pills span:nth-child(1){background:var(--lime)}.home-pills span:nth-child(2){background:var(--coral)}.home-pills span:nth-child(3){background:var(--ink);color:var(--panel)}
.primary-cta{box-shadow:7px 7px 0 var(--coral);transition:transform .18s,box-shadow .18s}.primary-cta:active{transform:translate(4px,4px);box-shadow:3px 3px 0 var(--coral)}
.quiz-screen{background:var(--paper);background-image:linear-gradient(rgba(23,25,24,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(23,25,24,.045) 1px,transparent 1px);background-size:28px 28px}
.quiz-header{background:var(--ink);color:var(--panel);padding-left:24px;padding-right:24px}.quiz-header .quiet-btn{color:var(--panel);border-color:rgba(249,246,238,.5)}
.progress-track{height:8px;background:#403f3b}.progress-track span{box-shadow:9px 0 0 var(--coral)}
.question-shell{margin:22px 16px 18px;background:rgba(249,246,238,.94);border:1.5px solid var(--ink);padding:28px 22px 24px;box-shadow:9px 9px 0 rgba(23,25,24,.95);min-height:auto}
.question-shell:before{content:"CONFIDENTIAL SCENE";position:absolute;right:12px;top:12px;font-size:7px;letter-spacing:1.5px;color:rgba(23,25,24,.3);font-weight:900;transform:rotate(2deg)}
.question-meta span{background:var(--lime);padding:6px 8px;color:var(--ink)}
.question-scenario{display:inline-block;background:var(--coral);padding:8px 10px;margin-top:20px;color:var(--ink);font-weight:900;transform:rotate(-1deg)}
.option{position:relative;background:#fff;border-width:1.5px;box-shadow:4px 4px 0 rgba(23,25,24,.17);transition:transform .16s,box-shadow .16s,background .16s}.option:nth-child(even){background:#ece7db}.option:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--ink)}.option[aria-checked="true"]{transform:translate(-3px,-3px);box-shadow:7px 7px 0 var(--coral);background:var(--lime)}
.option-key{width:34px;height:34px;display:grid;place-content:center;background:var(--ink);color:var(--panel);flex:none}.option[aria-checked="true"] .option-key{background:var(--coral);color:var(--ink)}
.question-nav{background:var(--paper);border-top:1px dashed rgba(23,25,24,.3)}
.nav-btn.next{box-shadow:4px 4px 0 var(--coral)}
.question-dots button{border-radius:0;transform:rotate(45deg);width:7px;height:7px}.question-dots button.is-current{background:var(--coral);box-shadow:0 0 0 3px var(--ink)}
.result-screen{background:#e7e2d7}.result-header{background:var(--panel)}
.result-article{background:var(--panel);box-shadow:0 0 0 1px rgba(23,25,24,.1)}
.result-intro{min-height:430px;padding-top:46px;background-color:var(--ink);background-image:radial-gradient(circle at 70% 24%,rgba(249,246,238,.11) 0 1px,transparent 1.5px);background-size:18px 18px}
.result-intro:before{content:"RESULT\A FILE";white-space:pre;position:absolute;right:17px;bottom:15px;font-size:58px;line-height:.82;font-weight:1000;text-align:right;color:rgba(249,246,238,.045);letter-spacing:-4px}
.result-intro h1{text-shadow:4px 4px 0 rgba(255,109,92,.35)}
#resultArchetype{display:inline-block;margin:14px 0 0;padding:7px 9px;background:var(--lime);color:var(--ink);font-size:10px;letter-spacing:1.2px;font-weight:900;transform:rotate(-1deg)}
.result-verdict{border-left:7px solid var(--coral);padding-left:13px}
.report-section{position:relative;overflow:hidden;padding-top:38px;padding-bottom:38px}
.report-section:nth-of-type(even){background:#f0ebdf}.report-section:nth-of-type(odd){background:var(--panel)}
.section-heading>span{box-shadow:4px 4px 0 var(--ink);transform:rotate(-2deg)}
.section-heading:after{content:"";height:1px;flex:1;background:var(--ink);opacity:.18;margin-top:15px}
.radar-wrap{background-color:#eeeadd;background-image:linear-gradient(rgba(23,25,24,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(23,25,24,.045) 1px,transparent 1px);background-size:22px 22px;box-shadow:8px 8px 0 var(--ink)}
.score-card{box-shadow:3px 3px 0 rgba(23,25,24,.2)}.score-card:nth-child(1),.score-card:nth-child(4){background:var(--lime)}.score-card:nth-child(2){background:#fff}.score-card:nth-child(3),.score-card:nth-child(5){background:#f1d9d2}
.identity-section{background:var(--ink)!important;color:var(--panel)}.identity-section .section-heading p{color:#b8b5aa}.identity-section .section-heading:after{background:var(--panel)}
.identity-grid{grid-template-columns:1fr}.identity-grid article{min-height:0;background:transparent;border-color:rgba(249,246,238,.42);padding:18px 16px;box-shadow:5px 5px 0 var(--coral)}.identity-grid article:nth-child(2){box-shadow:5px 5px 0 var(--lime);color:var(--ink)}.identity-grid article:nth-child(3){background:var(--panel);color:var(--ink);box-shadow:5px 5px 0 #8f86ff}.identity-grid p{color:inherit;font-size:14px;font-weight:800}.identity-grid b{display:inline-grid;place-content:center;width:28px;height:28px;background:var(--coral);color:var(--ink)}
.lead-paragraph:first-letter{float:left;font-size:60px;line-height:.8;font-weight:1000;background:var(--lime);padding:8px 10px 6px;margin:7px 10px 0 0}
.breakdown-grid article{box-shadow:5px 5px 0 rgba(23,25,24,.16);transition:transform .18s}.breakdown-grid article:nth-child(2){background:#efffc0}.breakdown-grid article:nth-child(3){background:#f8d6d0}.breakdown-grid .shadow-card{background:var(--ink);color:var(--panel)}.breakdown-grid .shadow-card p{color:#cbc7bb}
.growth-quote{box-shadow:9px 9px 0 var(--ink);transform:rotate(-.5deg)}
.easter-egg{background:#fff;margin-top:20px;box-shadow:5px 5px 0 rgba(23,25,24,.15)}
.recs-section{background:#d8d0ff!important}.recs-grid article{min-height:156px}.recs-grid .rec-card:nth-child(1){background:var(--lime)}.recs-grid .rec-card:nth-child(2){background:var(--panel)}.recs-grid .rec-card-wide{grid-column:1/-1;background:var(--coral)}.recs-grid h3{font-size:17px}.recs-grid p{color:var(--ink);font-weight:700}
.result-disclaimer{background:var(--ink);color:#bdb9ae;padding:24px 24px 18px}
.result-actions{background:var(--ink);padding:0 24px calc(30px + env(safe-area-inset-bottom));gap:10px}.action-btn{color:var(--panel);border-color:var(--panel);background:transparent;box-shadow:4px 4px 0 rgba(249,246,238,.2)}.action-btn.primary{color:var(--ink);border-color:var(--coral);box-shadow:4px 4px 0 var(--lime)}
@media (min-width:720px){.app-shell{max-width:760px;margin:auto;padding:0}.home-art{margin-top:18px}.home-copy:before{right:0}.access-card{padding:42px 38px 36px}.question-shell{margin-left:24px;margin-right:24px}.identity-grid{grid-template-columns:repeat(3,1fr)}.identity-grid article{min-height:180px}.result-intro{min-height:390px}}
@media (max-width:420px){.access-card{padding-left:18px;padding-right:18px;box-shadow:7px 7px 0 var(--lime),12px 12px 0 rgba(23,25,24,.14)}.home-art{margin-left:18px;margin-right:30px}.home-copy{padding-left:24px;padding-right:24px}.question-shell h1{font-size:27px}.report-section{padding-left:20px;padding-right:20px}.breakdown-grid{gap:9px}.breakdown-grid article{padding:13px}.recs-grid{grid-template-columns:1fr}.recs-grid .rec-card-wide{grid-column:auto}.result-actions{padding-left:20px;padding-right:20px}.action-btn{font-size:12px;padding:0 10px}}
@media (prefers-reduced-motion:no-preference){.screen.is-active .home-art{animation:panelIn .45s ease-out both}.screen.is-active .home-copy{animation:panelIn .48s .08s ease-out both}.screen.is-active .question-shell{animation:panelIn .28s ease-out both}.screen.is-active .result-intro>*{animation:copyIn .42s ease-out both}.screen.is-active .result-intro>*:nth-child(2){animation-delay:.05s}.screen.is-active .result-intro>*:nth-child(3){animation-delay:.1s}.screen.is-active .result-intro>*:nth-child(4){animation-delay:.15s}@keyframes panelIn{from{opacity:0;transform:translateY(16px) rotate(.4deg)}to{opacity:1;transform:none}}@keyframes copyIn{from{opacity:0;transform:translateX(-12px)}to{opacity:1;transform:none}}}