@import url('/_release/0b0e1154e21a280ab6d8019d0596d2aaa672cf21/ui-mobile.css');
/* Default world stays intact. The four curated skins share semantic UI controls. */
.ui-context{flex-basis:100%;display:flex;justify-content:space-between;gap:12px;align-items:center;padding-top:16px;border-top:1px solid #bca78745;font-size:12px}
.ui-context select{background:transparent;color:inherit;border:1px solid #95826970;border-radius:6px;padding:5px;max-width:160px}.ui-context option{color:#132c42;background:#fff}.blueprint-footer{flex-wrap:wrap}
html[data-ui-template=dawn-mist]{--ui-paper:#f7f4ef;--ui-card:#fffdf9;--ui-ink:#173148;--ui-accent:#557d98;--ui-on-accent:#fff;--ui-line:#28445d21;--ui-soft:#edf1f1;--ui-font:Georgia,'Malgun Gothic',serif;--ui-radius:20px}
html[data-ui-template=lab]{--ui-paper:#fffefa;--ui-card:#fff;--ui-ink:#071d3b;--ui-accent:#f3ce32;--ui-on-accent:#071d3b;--ui-line:#e7e5d9;--ui-soft:#fff7cf;--ui-font:Arial,'Apple SD Gothic Neo','Malgun Gothic',sans-serif;--ui-radius:12px}
html[data-ui-template=gallery]{--ui-paper:#f8f7f4;--ui-card:#faf9f6;--ui-ink:#211f1c;--ui-accent:#bb2827;--ui-on-accent:#fff;--ui-line:#d9d4cc;--ui-soft:#eee9e1;--ui-font:Georgia,'Batang','Songti SC',serif;--ui-radius:1px}
html[data-ui-template=notebook]{--ui-paper:#fcf8ee;--ui-card:#fffdf6;--ui-ink:#083879;--ui-accent:#c94c2a;--ui-on-accent:#fff;--ui-line:#e6d2af;--ui-soft:#fbe8ac;--ui-font:Arial,'Apple SD Gothic Neo','Malgun Gothic',sans-serif;--ui-radius:20px}
html[data-ui-template=journey]{--ui-paper:#fbf8f0;--ui-card:#fffdf7;--ui-ink:#173e48;--ui-accent:#af5035;--ui-on-accent:#fff;--ui-line:#e5d4b7;--ui-soft:#f5e5ca;--ui-font:Georgia,'Batang','Songti SC',serif;--ui-radius:18px}
html[data-ui-template]:not([data-ui-template=world]) .blueprint{--navy:var(--ui-ink);--ink:var(--ui-ink);--gold:var(--ui-accent);--paper:var(--ui-paper);color:var(--ui-ink);background:var(--ui-paper)}
html[data-ui-template]:not([data-ui-template=world]) :is(.blueprint-nav,.blueprint-footer){background:var(--ui-paper);color:var(--ui-ink);border-color:var(--ui-line)}
html[data-ui-template]:not([data-ui-template=world]) .brand{font-family:var(--ui-font);font-weight:600}.brand span{transition:color .2s}
html[data-ui-template]:not([data-ui-template=world]) .brand span{color:var(--ui-accent)}
html[data-ui-template]:not([data-ui-template=world]) .blueprint-hero{background:var(--ui-paper);color:var(--ui-ink)}
html[data-ui-template]:not([data-ui-template=world]) .hero-art{background:var(--ui-art) center 57%/cover no-repeat}
html[data-ui-template]:not([data-ui-template=world]) .hero-art:after{background:linear-gradient(90deg,color-mix(in srgb,var(--ui-paper) 40%,transparent),transparent 72%)}
html[data-ui-template]:not([data-ui-template=world]) .hero-scene{visibility:hidden}
html[data-ui-template]:not([data-ui-template=world]) .hero-inner{min-height:480px;padding-top:28px;padding-bottom:28px;align-items:center;gap:32px}
html[data-ui-template]:not([data-ui-template=world]) .hero-copy{max-width:650px;padding-top:0}
html[data-ui-template]:not([data-ui-template=world]) .hero-copy>small{color:var(--ui-ink);background:var(--ui-soft);padding:5px 10px;letter-spacing:1px;font-size:12px}
html[data-ui-template]:not([data-ui-template=world]) .hero-copy h1{font-family:var(--ui-font);font-size:clamp(34px,3.6vw,52px);line-height:1.3;letter-spacing:-2px;color:var(--ui-ink);text-shadow:none}
html[data-ui-template]:not([data-ui-template=world]) .hero-copy h1 em{color:var(--ui-accent)}
html[data-ui-template]:not([data-ui-template=world]) .hero-lead{max-width:550px;font-size:19px;color:var(--ui-ink)}
html[data-ui-template]:not([data-ui-template=world]) .primary-action{background:var(--ui-accent);color:var(--ui-on-accent);border-color:var(--ui-accent)}
html[data-ui-template]:not([data-ui-template=world]) .install-action{background:var(--ui-card);border:1px solid var(--ui-ink);color:var(--ui-ink);padding:12px 22px}
html[data-ui-template]:not([data-ui-template=world]) .hero-cinema{flex:0 1 300px;max-width:300px;width:300px;align-self:center;margin-top:0}
html[data-ui-template]:not([data-ui-template=world]) .cinema-frame{min-height:0;padding-bottom:34px;background:color-mix(in srgb,var(--ui-card) 92%,transparent);border:1px solid var(--ui-line);border-radius:var(--ui-radius);box-shadow:0 8px 25px #15283b14}
html[data-ui-template]:not([data-ui-template=world]) .practice-preview{padding:14px 12px;text-shadow:none;color:var(--ui-ink)}
html[data-ui-template]:not([data-ui-template=world]) :is(.practice-eyebrow,.practice-caption,.practice-example,.practice-phrase){color:var(--ui-ink);text-shadow:none}
html[data-ui-template]:not([data-ui-template=world]) .practice-phrase{font-size:19px;margin:8px 0}.practice-orbit{transition:width .2s,height .2s}
html[data-ui-template]:not([data-ui-template=world]) .practice-orbit{width:116px;height:116px;margin:auto;filter:none}
html[data-ui-template]:not([data-ui-template=world]) .practice-orbit>span{font-size:34px;color:var(--ui-ink);text-shadow:none}
html[data-ui-template]:not([data-ui-template=world]) .orbit-label{font-size:8px;color:var(--ui-ink)}
html[data-ui-template]:not([data-ui-template=world]) .practice-stage-info{min-height:0;background:var(--ui-soft);border-color:var(--ui-line);text-shadow:none;padding:8px;margin:10px 0}
html[data-ui-template]:not([data-ui-template=world]) .practice-stage-info :is(strong,p,span){color:var(--ui-ink);font-size:11px}
html[data-ui-template]:not([data-ui-template=world]) .practice-stages button{font-size:10px;padding:4px 8px;color:var(--ui-ink);border-color:var(--ui-line);background:var(--ui-card)}
html[data-ui-template]:not([data-ui-template=world]) .practice-stages [aria-pressed=true]{background:var(--ui-accent);color:var(--ui-on-accent)}
html[data-ui-template]:not([data-ui-template=world]) .cinema-controls{right:12px;bottom:7px;color:var(--ui-ink)}
html[data-ui-template]:not([data-ui-template=world]) .cinema-controls button{color:var(--ui-ink);border-color:var(--ui-line);background:var(--ui-card)}
html[data-ui-template]:not([data-ui-template=world]) :is(.journey-card,.editorial-card,.app-card,.nexus-section-select,.growth-panel,.growth-link,.story-principles article,.article-text,.editor-form,.app-info-panel,.comments-panel,.notice-list button,.portal-dialog,.notice-dialog){background:var(--ui-card);border-color:var(--ui-line);border-radius:var(--ui-radius);color:var(--ui-ink)}
html[data-ui-template]:not([data-ui-template=world]) :is(.section-heading h2,.card-copy>strong,.growth-intro h2,.editorial-copy h2,.nexus-preview h2,.story-principles h2,.notice-list strong,.notice-dialog h2){font-family:var(--ui-font);color:var(--ui-ink)}
html[data-ui-template]:not([data-ui-template=world]) :is(.card-link,.card-meta button,.breadcrumbs a,.portal-empty,.nexus-empty,.badge){color:var(--ui-ink)}
html[data-ui-template]:not([data-ui-template=world]) :is(.badge,.content-tabs,.board-toolbar,.portal-empty,.nexus-empty,.filter-row button:hover){background:var(--ui-soft);border-color:var(--ui-line)}
html[data-ui-template]:not([data-ui-template=world]) :is(.gold-button,.my-action,.navy-button,.content-tabs [aria-current=page],.content-tabs [aria-pressed=true],.board-toolbar [aria-pressed=true],.filter-row [aria-pressed=true],#pagination [aria-current=page]){background:var(--ui-accent);color:var(--ui-on-accent);border-color:var(--ui-accent)}
html[data-ui-template]:not([data-ui-template=world]) .nexus-section-select[aria-pressed=true]{border-color:var(--ui-accent);box-shadow:inset 0 0 0 1px var(--ui-accent)}
html[data-ui-template]:not([data-ui-template=world]) :is(.editorial-card,.app-card,.journey-card):hover{border-color:var(--ui-accent);box-shadow:0 10px 28px #172c3914}
html[data-ui-template]:not([data-ui-template=world]) .portal-banner{background:var(--ui-paper);border-color:var(--ui-line)}
html[data-ui-template]:not([data-ui-template=world]) .portal-banner:before{background:linear-gradient(90deg,var(--ui-paper) 0%,color-mix(in srgb,var(--ui-paper) 96%,transparent) 30%,color-mix(in srgb,var(--ui-paper) 50%,transparent) 58%,transparent),var(--ui-art) right 53%/cover no-repeat}
html[data-ui-template]:not([data-ui-template=world]) .portal-banner :is(h1,p,.eyebrow){color:var(--ui-ink);text-shadow:none}.portal-banner h1{transition:color .2s}
html[data-ui-template]:not([data-ui-template=world]) .portal-banner h1{font-family:var(--ui-font)}
html[data-ui-template]:not([data-ui-template=world]) .portal-banner .eyebrow:before{background:var(--ui-accent)}
html[data-ui-template]:not([data-ui-template=world]) :is(.article-heading,.app-detail-heading){background:var(--ui-paper);color:var(--ui-ink);border-color:var(--ui-line);border-radius:var(--ui-radius)}
html[data-ui-template]:not([data-ui-template=world]) :is(.article-heading,.app-detail-heading):before{background:linear-gradient(90deg,var(--ui-paper),color-mix(in srgb,var(--ui-paper) 95%,transparent) 50%,color-mix(in srgb,var(--ui-paper) 70%,transparent)),var(--ui-art) right center/cover}
html[data-ui-template]:not([data-ui-template=world]) :is(.article-heading,.app-detail-heading) :is(h1,p,.badge,.muted){color:var(--ui-ink);font-family:inherit}
html[data-ui-template]:not([data-ui-template=world]) :is(.article-heading,.app-detail-heading) h1{font-family:var(--ui-font)}
html[data-ui-template]:not([data-ui-template=world]) :is(.article-aside>section,.story-feature){background:var(--ui-ink);color:var(--ui-paper);border-color:var(--ui-line);border-radius:var(--ui-radius)}
html[data-ui-template]:not([data-ui-template=world]) .article-actions :is(button,a){background:var(--ui-card);color:var(--ui-ink);border-color:var(--ui-line)}
html[data-ui-template]:not([data-ui-template=world]) .world-original{aspect-ratio:auto;min-height:350px;padding:30px;background:linear-gradient(90deg,var(--ui-paper),color-mix(in srgb,var(--ui-paper) 93%,transparent) 55%,color-mix(in srgb,var(--ui-paper) 60%,transparent)),var(--ui-art) center 55%/cover;color:var(--ui-ink);border-color:var(--ui-line)}
html[data-ui-template]:not([data-ui-template=world]) .world-original-art{display:none}
html[data-ui-template]:not([data-ui-template=world]) .world-original>header{position:static;width:100%;display:grid;grid-template-columns:1fr 1fr;gap:25px}
html[data-ui-template]:not([data-ui-template=world]) .world-original h2{color:var(--ui-ink);font-family:var(--ui-font);text-shadow:none}
html[data-ui-template]:not([data-ui-template=world]) .world-original :is(header p,header small){color:var(--ui-ink);border-color:var(--ui-line);text-shadow:none}
html[data-ui-template]:not([data-ui-template=world]) .world-original-stages{position:static;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:24px 0;padding:0}
html[data-ui-template]:not([data-ui-template=world]) .world-original-stages li{padding:16px 18px;background:color-mix(in srgb,var(--ui-card) 85%,transparent);border:1px solid var(--ui-line);border-radius:var(--ui-radius)}
html[data-ui-template]:not([data-ui-template=world]) .world-original-stages :is(strong,span){color:var(--ui-ink);text-shadow:none}
html[data-ui-template]:not([data-ui-template=world]) .world-original-stages li:after{color:var(--ui-accent);right:-17px}
html[data-ui-template]:not([data-ui-template=world]) .world-original .world-sections{position:static;width:min(620px,100%);margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
html[data-ui-template]:not([data-ui-template=world]) .world-sections a{color:var(--ui-ink);border-color:var(--ui-line);background:var(--ui-card)}
html[data-ui-template]:not([data-ui-template=world]) .world-sections a:hover{background:var(--ui-soft);border-color:var(--ui-accent)}
html[data-ui-template]:not([data-ui-template=world]) .notice-dialog{border-top:5px solid var(--ui-accent)}
html[data-ui-template]:not([data-ui-template=world]) .notice-dialog[data-style=update]{background:var(--ui-ink);color:var(--ui-paper)}
html[data-ui-template]:not([data-ui-template=world]) .notice-dialog[data-style=update] :is(h2,.eyebrow){color:var(--ui-paper)}
html[data-ui-template=gallery] :is(.journey-card,.editorial-card){box-shadow:none;border-width:0 0 1px}.blueprint :focus-visible{outline-offset:4px}
html[data-ui-template=gallery] .journey-card img{filter:saturate(.2)}
html[data-ui-template=notebook] .hero-copy h1{font-weight:800}
html[data-ui-template=notebook] .journey-card{border-bottom:4px solid var(--ui-soft)}
html[data-ui-template=journey] .growth-panel{background:linear-gradient(90deg,var(--ui-paper) 35%,#fff8),var(--ui-art) center/cover}
@media(max-width:800px){html[data-ui-template]:not([data-ui-template=world]) .hero-inner{min-height:0;padding:28px 24px;flex-direction:column;align-items:stretch}html[data-ui-template]:not([data-ui-template=world]) .hero-copy{padding:0;max-width:100%}html[data-ui-template]:not([data-ui-template=world]) .hero-copy h1{font-size:clamp(32px,7vw,48px)}html[data-ui-template]:not([data-ui-template=world]) .hero-cinema{flex:none;margin-top:8px;max-width:100%;width:100%;align-self:stretch}html[data-ui-template]:not([data-ui-template=world]) .practice-preview{display:grid;grid-template-columns:1fr 1fr;gap:4px 12px;align-items:center}html[data-ui-template]:not([data-ui-template=world]) .practice-stage-info{grid-column:2;grid-row:2/6}html[data-ui-template]:not([data-ui-template=world]) .cinema-frame{padding-bottom:34px}html[data-ui-template]:not([data-ui-template=world]) .hero-art:after{background:linear-gradient(180deg,color-mix(in srgb,var(--ui-paper) 90%,transparent),color-mix(in srgb,var(--ui-paper) 30%,transparent))}}
@media(max-width:650px){.ui-context{align-items:flex-start;flex-direction:column}html[data-ui-template]:not([data-ui-template=world]) .world-original{padding:20px;min-height:0}html[data-ui-template]:not([data-ui-template=world]) .world-original>header{grid-template-columns:1fr;gap:12px}html[data-ui-template]:not([data-ui-template=world]) .world-original-stages{gap:8px}html[data-ui-template]:not([data-ui-template=world]) .world-original-stages li{padding:12px 6px}html[data-ui-template]:not([data-ui-template=world]) .world-original-stages strong{font-size:18px}html[data-ui-template]:not([data-ui-template=world]) .world-original-stages span{font-size:11px}html[data-ui-template]:not([data-ui-template=world]) .world-original-stages li:after{display:none}html[data-ui-template]:not([data-ui-template=world]) .hero-lead{font-size:16px}}
@media(prefers-reduced-motion:reduce){.blueprint *{transition:none!important}}
/* Live review: readable navigation and a compact counter with no label overlap. */
html[data-ui-template]:not([data-ui-template=world]) .blueprint-nav nav a,
html[data-ui-template]:not([data-ui-template=world]) .blueprint-footer :is(a,button,small){color:var(--ui-ink)}
html[data-ui-template]:not([data-ui-template=world]) .blueprint-nav nav a:hover{color:var(--ui-ink);text-decoration:underline;text-decoration-color:var(--ui-accent);text-underline-offset:7px}
html[data-ui-template]:not([data-ui-template=world]) .blueprint .profile-button{color:var(--ui-ink);background:var(--ui-card);border-color:var(--ui-line)}
html[data-ui-template]:not([data-ui-template=world]) .practice-orbit>span{align-items:flex-start;padding-top:20px}
html[data-ui-template]:not([data-ui-template=world]) .orbit-label{top:65px;font-size:9px;line-height:1.5}
html[data-ui-template]:not([data-ui-template=world]) .notice-dialog[data-style=update]{border-top-color:var(--ui-accent)}
html[data-ui-template]:not([data-ui-template=world]) .notice-dialog .notice-copy{background:var(--ui-card)}
html[data-ui-template]:not([data-ui-template=world]) .notice-dialog :is(.eyebrow,.notice-foot button){color:var(--ui-ink)}
html[data-ui-template]:not([data-ui-template=world]) .notice-dialog .notice-foot{border-color:var(--ui-line)}
html[data-ui-template=lab] .blueprint .hero-copy h1 em{color:var(--ui-ink);background:linear-gradient(transparent 76%,var(--ui-accent) 76%)}
html[data-ui-template=lab] .blueprint .brand span{color:#80620a}
/* Portal's legacy action rules are important; match their priority for selected skins. */
html[data-ui-template]:not([data-ui-template=world]) :is(.gold-button,.navy-button){background:var(--ui-accent)!important;color:var(--ui-on-accent)!important}

/* Desktop breathing room: keep navigation and footer intact, contain the public canvas. */
@media(min-width:1100px){
 body.blueprint{background:#e9e7e3}
 .blueprint main{width:calc(100% - 80px);max-width:1440px;margin-inline:auto;box-shadow:0 16px 58px #0b20301a}
 .blueprint :is(.hero-inner,.nav-inner){max-width:1320px;margin-inline:auto}
}
@media(min-width:1600px){.blueprint main{width:calc(100% - 120px)}}
/* Consistent Korean glyph fallback and calmer spacing; keep English headline typography. */
.blueprint{font-family:'Apple SD Gothic Neo','Malgun Gothic','Noto Sans KR',Arial,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.blueprint :is(p,li,button,small,label){word-break:keep-all;overflow-wrap:break-word}
html[data-ui-template]:not([data-ui-template=world]) .blueprint :is(p,li,button,label){font-family:'Apple SD Gothic Neo','Malgun Gothic','Noto Sans KR',Arial,sans-serif}


/* The light skins need their own visible orbit; keep the original world palette. */
html[data-ui-template]:not([data-ui-template=world]) .practice-orbit svg>circle{stroke:var(--ui-accent);stroke-opacity:.28}
html[data-ui-template]:not([data-ui-template=world]) .practice-orbit svg>.orbit-line{stroke:var(--ui-accent);stroke-opacity:.85}
html[data-ui-template]:not([data-ui-template=world]) .orbit-rotor circle{fill:var(--ui-accent)}
@media(max-width:800px){html[data-ui-template]:not([data-ui-template=world]) .practice-preview{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}html[data-ui-template]:not([data-ui-template=world]) .hero-copy h1>span{white-space:normal;overflow-wrap:anywhere}}