/* Production REDLINE shell: the review chrome is hidden while the app keeps
   the same approved device geometry and motion language. */
#reviewbar,#navigator,#context{display:none!important}
.workspace{display:block;max-width:none;margin:0}
:root{--app-viewport-height:100vh}
@supports(height:100svh){:root{--app-viewport-height:100svh}}
#device{width:min(100vw,500px);height:var(--app-viewport-height);min-height:0;margin:0 auto;border:0;border-radius:0;box-shadow:none;background:#090909}
.screen{min-height:var(--app-viewport-height)!important}
.screen.fixed{height:auto}
.app-head{padding-top:max(18px,env(safe-area-inset-top))}
.fixed-bottom{flex-shrink:0;padding-bottom:calc(64px + env(safe-area-inset-bottom,0px))}
/* Reserve room for the number above the raised CTA on shorter in-app screens. */
.home-number{top:min(340px,calc(var(--app-viewport-height) - 320px))}
@media(max-height:820px){.home-number{top:min(303px,calc(var(--app-viewport-height) - 320px))}}
@media(max-height:700px){
  .en .hero-copy h1{font-size:45px}
  .profile-screen .picker-area{padding-top:10px;min-height:180px}
  .profile-screen .measurement{font-size:68px}
  .profile-screen .measure-sub{margin-top:8px}
  .profile-screen .measure-buttons{margin-top:10px}
  .profile-screen .range-wrap{margin-top:12px;height:40px}
  .profile-screen .unit-toggle{margin-top:8px}
}
@media(max-height:620px){
  .hero-copy h1,.en .hero-copy h1{font-size:34px;line-height:1.1}
  .hero-copy>.eyebrow{margin-bottom:14px}
  .home-number{top:calc(var(--app-viewport-height) - 300px)}
  .home-number strong{font-size:64px}
}
.production-note{font-size:10px;line-height:1.55;color:#887b75;text-align:center;margin:10px auto 0;max-width:300px}
.start-notice{font-size:10px;line-height:1.5;color:#b09e98;text-align:center;margin:9px auto 0;max-width:300px}
.production-note a{color:#cf9383;text-decoration:underline;text-underline-offset:3px}
.answer .answer-copy small{display:block;margin-top:4px;color:#c59e8f}
.answer:disabled{opacity:1}
.result-disclosure{max-width:320px;margin-left:auto;margin-right:auto}
.share-poster{background:#090909}
.share-poster .poster-age{color:var(--red)}
.share-link{display:block;margin-top:12px;color:#ff8d7f;font-size:11px;overflow-wrap:anywhere}
.clinical-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:18px 25px 0}
.clinical-strip span{padding:9px 6px;border:1px solid #553025;background:#160d0a;color:#cbb4a9;font-size:10px;text-align:center}
.clinical-strip b{display:block;color:#ff796b;font-size:11px;margin-bottom:3px}
.empty-state{border-top:1px solid #3b2620;border-bottom:1px solid #3b2620;margin:24px 0;padding:28px 18px}
.head-language{background:none;color:#c08b80;font-size:11px;text-decoration:underline;text-underline-offset:3px;padding:4px 0}
.share-options{border:1px solid #553025;padding:12px 12px 4px;margin:12px 0;color:#cbb4a9}
.share-options legend{padding:0 5px;color:#ff796b;font-size:10px;text-transform:uppercase;letter-spacing:.08em}
.share-consent-row{display:flex;gap:8px;align-items:flex-start;margin:10px 0;color:#d7c7c0;font-size:12px;line-height:1.5}
.share-consent-row input{accent-color:#ff463b;margin-top:2px}
.result-qualifier{display:block;margin-top:4px;color:#a89992;font-size:10px;letter-spacing:.04em;text-transform:uppercase}
.result-method{position:relative;z-index:2;margin:12px 25px 0;padding:7px 0;color:#a89992}
.result-method span{font-size:10px;letter-spacing:.04em;font-weight:600}.result-method small{color:#a89992;line-height:1.5}
.owned-shares{display:grid;gap:10px;margin:16px 0}.owned-share{display:grid;gap:8px;border-top:1px solid #482b1a;padding-top:12px}.owned-share a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.owned-share .text-button{justify-self:start}
@media(max-width:730px){#device{width:100%;max-width:500px}}
@media(prefers-reduced-motion:reduce){.production-note{scroll-behavior:auto}}
.friend-snapshot{margin:26px 25px 0;padding:22px 18px;border:1px solid #6c3024;background:#1a0e0c;position:relative}.friend-snapshot h2{font-size:24px;line-height:1.35;letter-spacing:-1px;margin:14px 0;color:#fff0e8}.friend-age{display:block;font:800 72px/1 'Barlow Condensed';color:var(--red);margin-top:16px}.friend-age small{font:14px Manrope;color:#c5aaa0;margin-left:7px}.compare-screen .content{padding-top:10px}.compare-screen .comparison-person small{font-size:11px;color:#c5aaa0;margin-left:6px}.compare-screen .comparison-person strong{display:inline-block}.persona-trait{max-width:300px}

/* Final result and future-card surface keeps the REDLINE treatment while making
   the approved result visual lead the next-chapter action. */
.result-screen.long-screen{padding-bottom:86px}
.result-hero{display:flex;flex-direction:column;padding:20px 24px 0;overflow:hidden}
.result-hero>.result-top{order:1;margin:0;text-align:center}
.result-hero>.hero-art{order:2;width:calc(100% + 48px);max-width:none;height:260px;object-fit:cover;object-position:center 34%;margin:0 -24px;opacity:.92}
.result-hero>.eyebrow{order:3;margin-top:28px}
.result-hero>h1{order:4;font-size:clamp(34px,10vw,56px);line-height:1.02;letter-spacing:-.055em;margin:8px 0 12px;max-width:430px}
.result-hero>h1 em,.future-card-section h2 em{color:var(--red);font-style:normal}
.result-hero>.result-method{order:5;margin:0;max-width:320px;padding:0;font-size:11px;line-height:1.55}
.chapter-cta{order:6;display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;margin:22px 0 5px;padding:17px 18px;border:1px solid var(--red);border-radius:2px;background:var(--red);color:#090909;font:800 14px/1.1 Manrope,sans-serif;letter-spacing:.02em;text-align:left}
.chapter-cta span{font-size:20px}
.result-hero .result-age{font-size:clamp(64px,20vw,100px);line-height:.85;margin:6px 0 8px}
.result-hero .result-age small{font-size:13px;margin-left:7px}
.future-card-section{padding:34px 24px 16px;border-top:1px solid #42221a;margin-top:22px}
.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:14px}.section-heading h2{font-size:30px;line-height:1.02;letter-spacing:-.06em;margin:8px 0 0}.section-heading .text-button{flex:0 0 auto;font-size:10px}
.future-card-rail{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:20px}.future-card-tile{min-width:0;padding:0;border:1px solid #4b3028;background:#130d0b;color:#eadbd3;text-align:left;overflow:hidden}.future-card-tile.selected{border-color:var(--red);box-shadow:0 0 0 1px var(--red)}.future-card-tile img{display:block;width:100%;aspect-ratio:1/1.35;object-fit:cover}.future-card-tile span{display:block;padding:8px 7px;font-size:10px;line-height:1.25;overflow-wrap:anywhere}.selected-card-panel{display:grid;grid-template-columns:100px minmax(0,1fr);gap:14px;align-items:center;margin-top:18px;padding-top:16px;border-top:1px solid #42221a}.selected-card-panel>img{width:100px;aspect-ratio:1/1.35;object-fit:cover}.selected-card-panel h3{font-size:17px;line-height:1.2;margin:6px 0 12px}.selected-card-panel .primary{font-size:11px;padding:11px 12px}
.result-legacy-actions{padding:14px 24px 0}.result-legacy-actions .secondary{margin-top:6px}.result-legacy-actions .text-button{margin-top:10px}
.sheet-lead{color:#cbbab2;font-size:13px;line-height:1.6}.growth-goals{display:grid;gap:8px;border:0;padding:0;margin:18px 0}.growth-goals legend{color:#ff796b;font-size:10px;letter-spacing:.1em;text-transform:uppercase;margin-bottom:5px}.growth-goals label{display:flex;align-items:center;gap:10px;padding:13px 12px;border:1px solid #513026;color:#eadbd3;font-size:13px}.growth-goals input{accent-color:var(--red)}.growth-benefits{display:grid;gap:14px;padding-left:24px;color:#eadbd3;font-size:13px;line-height:1.5}.growth-price{display:flex;justify-content:space-between;align-items:baseline;border-top:1px solid #513026;border-bottom:1px solid #513026;padding:18px 0;margin:18px 0}.growth-price strong{color:var(--red);font:800 34px/1 'Barlow Condensed'}.growth-price span{color:#cbbab2;font-size:12px}.plan-options.compact{display:grid;grid-template-columns:1fr;gap:8px;margin-bottom:18px}.plan-options.compact .plan-option{font-size:11px;padding:12px 8px}.card-picker-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:18px 0}.card-share-preview{width:100%;max-height:260px;object-fit:cover;border:1px solid #513026}.card-share-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px}.card-share-actions>*{min-width:0;text-align:center;white-space:normal}.button-link{display:flex;align-items:center;justify-content:center;text-decoration:none}
@media(max-width:350px){.result-hero,.future-card-section,.result-legacy-actions{padding-left:17px;padding-right:17px}.result-hero>.hero-art{width:calc(100% + 34px);margin-left:-17px;margin-right:-17px;height:220px}.section-heading{align-items:flex-start;flex-direction:column;gap:5px}.selected-card-panel{grid-template-columns:78px minmax(0,1fr)}.selected-card-panel>img{width:78px}.selected-card-panel h3{font-size:14px}.card-share-actions{grid-template-columns:1fr}.sheet-body{max-width:calc(100vw - 24px);overflow-wrap:anywhere}}
.result-hero>.hero-art{position:relative;inset:auto;right:auto;top:auto;transform:none;mask-image:none;z-index:auto;pointer-events:none;user-select:none;display:block;flex:none;animation:none}
.section-heading>div{min-width:0;flex:1}
.section-heading>.text-button{width:auto;flex:0 0 auto;flex-shrink:0;white-space:nowrap}
.future-card-tile img{aspect-ratio:4/5}
.selected-card-panel>img{aspect-ratio:4/5}
.card-share-preview{max-height:310px;height:auto;object-fit:contain}
.chapter-helper{order:7;color:#a89992;font-size:10px;line-height:1.5;margin:0;max-width:320px}
.result-hero{display:block;padding:18px 18px 0;overflow:visible}
.clock-card{height:290px;margin:0;border:1px solid #4b2d23;border-radius:130px 130px 12px 12px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 80% 90%,#542014,transparent 70%),#100d0b;padding:37px 20px 15px}
.clock-meta{position:relative;z-index:1;font-size:11px}.clock-meta span{font-size:9px;color:#b4a397;margin-left:8px}
.clock-number,.clock-number.result-age{position:relative;z-index:1;font:400 85px/1.3 Georgia,serif;letter-spacing:-5px}.clock-number small{font:12px system-ui,sans-serif;letter-spacing:0;margin-left:5px}
.clock-art{position:absolute;width:255px;height:255px;object-fit:contain;right:-45px;bottom:6px;opacity:.65;z-index:0;pointer-events:none}
.clock-bottom{position:absolute;bottom:18px;left:20px;right:18px;display:flex;align-items:end;justify-content:space-between;z-index:1}.clock-bottom span{font-size:9px;color:#cbb6a9;line-height:1.45;max-width:180px}.clock-bottom b{font-size:10px;line-height:1.25;letter-spacing:1.5px;text-align:right}
.nextchapter{padding:27px 6px 25px}.nextchapter h1{font-size:31px;line-height:1.35;letter-spacing:-1.5px;font-weight:400;margin:10px 0 12px}.nextchapter p{font-size:12px;margin:0 0 19px;color:#c2afa3}.nextchapter .chapter-cta{margin:0;border-radius:8px;background:#ff725c;color:#180d08;min-height:56px;justify-content:center;text-align:center;font-size:16px;font-weight:400}.nextchapter .chapter-helper{order:initial;text-align:center;margin:9px auto 0}.chapter-note{text-align:center!important;line-height:1.6;margin:13px 0 0!important;color:#ad9b91!important;font-size:10px!important}
.share-section{padding:22px 24px 26px;border-top:1px solid #3e2c24;background:#120e0b;margin:0}.share-heading{align-items:end}.share-heading h2{font-size:23px;line-height:1.35;margin:8px 0 15px}.share-heading>.text-button{padding:0 0 18px;font-size:10px}.future-card-rail.rail{gap:9px;margin-top:0}.future-card-tile.mini{border:2px solid transparent;border-radius:8px;background:#21130e}.future-card-tile.mini.selected{border-color:#ff725c;box-shadow:none}.future-card-tile.mini img{aspect-ratio:4/5;object-fit:cover}.card-selection.selection{font-size:10px;color:#cbb2a2;margin:12px 0}.share-card-cta{background:#efe4d8;color:#21130d;border:0;margin:0}.share-helper{text-align:center;margin:9px auto 0}.result-hero+.share-section{margin-top:0}
.card-carousel-note,.card-reference-note{font-size:11px;line-height:1.55;color:#cbb2a2;margin:0 0 12px}.future-card-carousel{position:relative;width:min(100%,360px);margin:0 auto}.card-share-frame{width:100%;aspect-ratio:4/5;overflow:hidden;border:1px solid #513026;border-radius:12px;background:#21130e;touch-action:pan-y}.card-share-frame .card-share-preview{display:block;width:100%;height:100%;max-height:none;object-fit:cover;border:0}.card-arrow{position:absolute;z-index:2;top:50%;transform:translateY(-50%);width:44px;height:44px;padding:0;border:1px solid #ff725c;border-radius:50%;background:#21130df2;color:#f6e8dc;font:700 24px/1 system-ui;box-shadow:0 4px 14px #0008}.card-arrow:first-child{left:-11px}.card-arrow:last-child{right:-11px}.card-arrow:focus-visible{outline:2px solid #fff;outline-offset:3px}.card-counter{margin:8px 0 2px;text-align:center;color:#ff927b;font:700 11px/1.2 'Barlow Condensed',system-ui;letter-spacing:.12em}.card-reference-note{text-align:center;margin:8px 0 13px;color:#a9968b}.card-inline-actions{display:grid;grid-template-columns:1fr;gap:8px}.card-inline-actions>*{min-height:44px;min-width:0}.share-section .share-card-cta{margin:0}.card-inline-actions .secondary{display:flex;justify-content:center;align-items:center;text-align:center;padding:10px 8px;font-size:12px}
@media(max-width:350px){.result-hero{padding-left:18px;padding-right:18px}.clock-card{height:270px;padding-left:15px}.clock-number,.clock-number.result-age{font-size:72px}.clock-art{width:230px;height:230px;right:-50px}.clock-bottom{left:15px}.clock-bottom span{font-size:8px}.nextchapter{padding-left:0;padding-right:0}.share-section{padding-left:18px;padding-right:18px}.share-heading h2{font-size:21px}.share-heading>.text-button{font-size:9px}}

/* Reading-speed feedback card: approved warm dark surface and compact controls. */
.feedback{bottom:55px;left:14px;right:14px;padding:22px 18px 18px;background:linear-gradient(145deg,#291b15,#15100e);color:#f5f0e9;border:1px solid #79513e;border-radius:22px 22px 0 0;box-shadow:0 0 0 700px #000a;animation:reward-in .25s ease-out}
.feedback .seal{font-size:10px;letter-spacing:2px;color:#d5b99b}
.feedback-selection{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:8px 0 2px;padding:8px 10px;border:1px solid #8f614b;border-radius:9px;background:#3a251c;color:#f4e5d5;font-size:11px;line-height:1.35}
.feedback-selection span{color:#d6b89d;white-space:nowrap}
.feedback-selection strong{font-size:14px;line-height:1.4;text-align:right;color:#fff4e9}
.feedback h2{font-size:26px;line-height:1.3;letter-spacing:-.8px;margin:10px 0;color:#f5f0e9}
.feedback p{font-size:14px;line-height:1.6;font-weight:400;color:#c7b9ae;margin:0 0 12px}
.feedback-source{font-size:10px;color:#ad9684;line-height:1.5}
.feedback-source a{text-decoration:underline}
.feedback-speed{display:flex;gap:12px;margin:14px 0 8px;padding:0;background:transparent;border:0;border-radius:0}
.feedback-speed button{flex:0 1 auto;min-width:0;min-height:40px;border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;color:#bfae9f;font:500 10px 'Noto Sans KR',sans-serif;padding:8px 2px;white-space:nowrap}
.feedback-speed button[aria-pressed=true]{background:transparent;border-bottom-color:#ff725c;color:#f9e3d2}
.feedback-speed span{font-size:10px;margin-left:3px;opacity:.75}
.feedback-status{display:flex;justify-content:space-between;gap:8px;font-size:10px;color:#c1a88f;margin-bottom:7px;line-height:1.4}
.feedback-status span:last-child{white-space:nowrap}
.feedback .timer-bar{height:3px;background:#513c30;border-radius:2px;margin:0 0 15px;overflow:hidden}
.feedback .timer-bar i{display:block;width:100%;height:100%;background:#ff725c;transform-origin:left;transform:scaleX(var(--feedback-progress,1));animation:countdown var(--feedback-remaining,1700ms) linear forwards}
.feedback.feedback-paused .timer-bar i,.animation-off .feedback .timer-bar i{animation:none!important;transform:scaleX(var(--feedback-progress,1))}
.feedback-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:0}
.feedback-actions button{flex:0 1 auto;min-width:76px;min-height:44px;border-radius:8px;font:500 11px 'Noto Sans KR',sans-serif;white-space:nowrap;padding:8px 11px}
.feedback-actions .feedback-pause{background:transparent;border:0;color:#e3ceba}
.feedback-actions .feedback-next{background:#ff725c;border:1px solid #ff725c;color:#25110c}
@media(max-width:350px){.feedback{left:10px;right:10px;padding:18px 14px 14px}.feedback h2{font-size:24px;margin:8px 0}.feedback p{font-size:13px;line-height:1.55;margin-bottom:9px}.feedback-speed{margin:11px 0 8px}.feedback-speed button{font-size:10px;min-height:40px}.feedback-actions button{font-size:11px;min-height:44px}}
@media(prefers-reduced-motion:reduce){.feedback .timer-bar i{animation:none!important;transform:scaleX(var(--feedback-progress,1))}}

/* Keep the feedback sheet inside the visible mobile viewport when the app canvas is taller. */
.feedback{bottom:max(64px,calc(100% - var(--app-viewport-height) + 32px + env(safe-area-inset-bottom,0px)))}
.feedback .timer-bar i{animation-name:feedback-countdown}
@keyframes feedback-countdown{from{transform:scaleX(var(--feedback-progress,1))}to{transform:scaleX(0)}}

/* Future scenario answers keep the approved single choice rhythm on narrow screens. */
.future-scenario-screen .question-title{padding-bottom:12px}
.future-scenario-screen .production-note{max-width:300px;margin:18px auto 0}
.future-scenario-answers{display:grid;gap:8px}
.future-mini-info{display:flex;align-items:center;justify-content:space-between;gap:10px;max-width:300px;margin:12px auto 0;padding:9px 11px;border:1px solid #513026;background:#21130e;color:#cbb2a2;font-size:10px;line-height:1.45}
.future-mini-info>span{min-width:0}.future-mini-info strong{color:#f2dfd2}
.future-result-hero .clock-meta{color:#ff927b}
.future-incomplete{padding:72px 25px 32px;text-align:center}
.future-incomplete h1{font-size:32px;line-height:1.25;margin:14px 0}
.future-incomplete p{font-size:14px;line-height:1.75;color:#bfa18b;margin:12px auto;max-width:320px}
.future-incomplete .primary{margin-top:28px}
.future-preview{margin:0 24px 24px;padding:18px 20px;border:1px solid #65321e;background:#211009;text-align:center}
.future-preview strong{display:block;color:#ff795e;font:800 70px/1 'Barlow Condensed';margin:7px 0}
.future-preview strong small{font:500 13px Manrope;margin-left:7px;color:#ddb9a6}
.future-preview p{font-size:12px;line-height:1.65;color:#c3a695}
@media(max-width:350px){.future-scenario-screen .question-title,.future-incomplete{padding-left:17px;padding-right:17px}.future-scenario-answers{gap:6px}.future-scenario-screen .answer{min-height:52px;padding:12px 13px}.future-preview{margin-left:17px;margin-right:17px}}
@media(max-width:350px){.future-mini-info{margin-left:17px;margin-right:17px;align-items:flex-start;flex-direction:column}}