/* Shared Luma/Mist/Cyan public-page appearance. Official brand artwork stays intact. */
html:root{--ink:oklch(.148 .004 228.8);--muted:#5c6770;--green:#006b85;--line:#dce1e4;--home-bg:#fff;--home-surface:#fff;--home-soft:#f2f4f5;--home-raised:#fafbfb;--home-primary:oklch(.52 .105 223.128);--home-on-primary:#fff;--home-hover:#005a70;--home-radius:19px;--home-shadow:0 2px 3px #1423290f,0 1px 2px #1423290a;--download-surface:var(--home-surface);--download-soft:var(--home-soft);--download-muted:var(--muted);--download-line:var(--line);--update-surface:var(--home-surface);--update-soft:var(--home-soft);font-family:'Noto Sans KR Variable','Noto Sans KR','Noto Sans','Apple SD Gothic Neo','Malgun Gothic',sans-serif;color-scheme:light;background:var(--home-bg);color:var(--ink)}
.homepage-theme-toggle{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:8px 12px;border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--ink);font:inherit;font-size:12px;font-weight:600;white-space:nowrap;cursor:pointer;flex-shrink:0}
.homepage-theme-toggle svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linejoin:round}.homepage-theme-toggle:hover{background:var(--home-soft)}.homepage-theme-toggle:focus-visible{outline:3px solid var(--green);outline-offset:3px}.homepage-theme-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
html:root[data-home-theme=dark]{color-scheme:dark;--ink:#f5f5f5;--muted:#b3b3b3;--green:#67d4ef;--line:#353535;--home-bg:#0a0a0a;--home-surface:#171717;--home-soft:#242424;--home-raised:#111;--home-primary:#00647d;--home-hover:#00556b;--home-shadow:0 2px 3px #0003,0 1px 2px #0003;background:var(--home-bg);color:var(--ink)}
html[data-home-theme=dark] body{background:var(--home-bg);color:var(--ink)}
html[data-home-theme=dark] .downloads-page{--download-surface:var(--home-surface);--download-soft:var(--home-soft);--download-muted:var(--muted);--download-line:var(--line)}html[data-home-theme=dark] .updates-page{--update-surface:var(--home-surface);--update-soft:var(--home-soft)}
html[data-home-theme=dark] .site-header{background:color-mix(in srgb,var(--home-bg) 94%,transparent);border-color:var(--line)}
html[data-home-theme=dark] .nav-inner nav{color:var(--muted)}
html[data-home-theme=dark] :is(.homepage-theme-toggle:hover,.nav-tour:hover,.home-carousel-arrows button:hover){background:var(--home-soft)}
html[data-home-theme=dark] :is(.primary,.nav-download,.nav-start){background:var(--home-primary);color:var(--home-on-primary)}
html[data-home-theme=dark] :is(.primary:hover,.nav-download:hover){background:var(--home-hover)}
html[data-home-theme=dark] :is(.feature-card,.family-node,.attendance-preview,.class-preview,.calendar-preview,.connected-device,.preview-stats>div,.preview-chart,.preview-schedule,.phone-device,.logos-preview,.download-card,.install-guide,.guide-topic,.guide-empty,.update-card,.tour-window,.tour-card,.tour-stats article,.tour-table-scroll,.tour-attendance-list,#member-dialog){background:var(--home-surface);border-color:var(--line);color:var(--ink)}
html[data-home-theme=dark] :is(.members,.departments,.records,.brand-story-close,.download-card.available,.home-carousel-switch,.home-slide-choice[aria-pressed=true],.device-top,.product-app,.logos-preview-top,.logos-word-card,.logos-word-selected,.logos-verse-preview,.guide-search-panel,.guide-note,.guide-topic .guide-warning,.guide-topic-heading>span,.guide-first-steps li::before,.guide-toc a,.guide-toc a:hover,.update-badge,.update-action,.tour-titlebar,.tour-toolbar,.tour-stats article:first-child,.tour-table th,.screen-tip,.attendance-summary,.dialog-note,.demo-badge,.example-label,.tour-noscript){background:var(--home-soft);border-color:var(--line);color:var(--ink)}
html[data-home-theme=dark] :is(.product-content,.tour-workspace){background:var(--home-raised)}
html[data-home-theme=dark] :is(.home-carousel-arrows button,.demo-status button,.guide-print,.guide-search-controls button,.guide-search-controls input,.tour-search,.tour-search input,.tour-settings select,.role-picker select,.subtle-button,.tour-attendance-list button,.department-filter button,.calendar-days button,.dialog-header button,.guide-navigation button){background:var(--home-surface);color:var(--ink);border-color:var(--line)}
html[data-home-theme=dark] :is(.demo-status button[aria-pressed=true],.tour-attendance-list button[aria-pressed=true],.department-filter button[aria-pressed=true],.calendar-days button[aria-pressed=true],.tour-settings button[aria-pressed=true],#tour-next){background:var(--home-primary);border-color:var(--green);color:#fff}
html[data-home-theme=dark] .demo-status button[data-demo-status="결석"][aria-pressed=true]{background:#57382e;border-color:#bd8876;color:#ffe1d5}
html[data-home-theme=dark] :is(.soft-tag,.meaning-word,.phone-person>span,.phone-person i,.family-node>span,.attendance-person>span,.preview-schedule p>b,.event-list li>b,.avatar,.tag,.permission-chips span,.release-badge,.release-badge.neutral){background:var(--home-soft);color:var(--green);border-color:var(--line)}
html[data-home-theme=dark] :is(.phone-person i.absent,.tag.warm){background:#4c3c2a;color:#efcc98}
html[data-home-theme=dark] :is(.preview-heading h2,.preview-stats strong,.preview-panels h3,.phone-device h3,.phone-person b,.logos-passage-label,.logos-word-line b,.logos-word-line span,.logos-word-meaning,.logos-word-card dd,.screen-heading h2,.tour-stats strong,.tour-card h3,.member-link,.student-line,.event-list li,.check-list){color:var(--ink)}
html[data-home-theme=dark] :is(.site-footer>div>p,.copyright,.preview-caption,.device-top small,.device-top b,.preview-heading small,.preview-stats span,.preview-stats p,.preview-chart h3 span,.chart-axis,.preview-schedule p,.preview-schedule small,.phone-device>small,.phone-person small,.phone-note,.family-node small,.family-caption,.attendance-person small,.demo-result,.class-preview>span,.calendar-preview small,.calendar-preview p,.calendar-day,.connected-device b,.logos-hero-english,.logos-preview-top,.logos-preview-top small,.logos-passage-label>span,.logos-word-line small,.logos-preview-hint,.logos-word-card>p,.logos-word-card dt,.logos-word-more,.logos-preview-bottom,.screen-heading>p,.tour-stats article>span,.tour-stats p,.tour-card p,.card-heading>span,.chart-description,.event-list small,.screen-controls,.tour-table th,.member-link small,.tour-attendance-list small,.student-line small,.tour-attendance-list li div>span,.class-card p,.calendar-week,.calendar-detail p,.role-description,.permission-note,.guide-label,.guide-disclaimer,.dialog-note,.dialog-header p){color:var(--muted)}
html[data-home-theme=dark] :is(.preview-chart,.preview-schedule,.preview-stats>div,.phone-person,.class-preview>div,.chart-bars,.logos-preview-top,.logos-word-card dl,.logos-preview-bottom,.tour-titlebar,.tour-toolbar,.tour-table th,.tour-table td,.tour-attendance-list li,.student-line,.tour-bars,.guide-topic details,.guide-toc,.guide-search-panel,.install-guide,.download-card.available){border-color:var(--line)}
html[data-home-theme=dark] .product-aura{background:radial-gradient(ellipse,#292929 0%,#141414 43%,transparent 70%)}
html[data-home-theme=dark] .connection-ring{border-color:var(--line);box-shadow:0 0 0 40px #171717,0 0 0 41px #333,0 0 0 78px #111}
html[data-home-theme=dark] .chart-bars i,html[data-home-theme=dark] .tour-bars i{background:#23677a}html[data-home-theme=dark] .chart-bars i:last-child,html[data-home-theme=dark] .tour-bars i:last-child{background:#67d4ef}
html[data-home-theme=dark] #member-dialog::backdrop{background:#000b}
html[data-home-theme=dark] .guide-page :is(h1,h2,h3,h4){color:var(--ink)}html[data-home-theme=dark] .guide-page :is(.guide-lead,.guide-note,.guide-tip,.guide-first-steps,.guide-topic p,.guide-topic li){color:var(--muted)}
html[data-home-theme=dark] :is(.guide-intro h1 span,.guide-topic a,.guide-top-link,.guide-topic .guide-path,.guide-try>span,.ending-link){color:var(--green)}
html[data-home-theme=dark] :is(.guide-topic b,.guide-first-steps strong,.tour-guide h2,.tour-ending h2){color:var(--ink)}
html[data-home-theme=dark] :is(.guide-edition,.guide-search-panel p,.guide-toc p,.guide-first-steps span,.guide-end p,.guide-step,.guide-try p,.tour-guide>p:not(.guide-label):not(.guide-step):not(.guide-disclaimer),.tour-ending>p:not(.eyebrow),.tour-footer p,.tour-settings label,.tour-feature-grid p,.tour-followup p,.role-picker,.empty-message,#member-dialog dd,#detail-group){color:var(--muted)}
html[data-home-theme=dark] .guide-topic li::marker{color:var(--green)}
html[data-home-theme=dark] :is(.guide-first-steps li,.guide-try,.tour-guide,.tour-footer,#member-dialog dl>div){border-color:var(--line)}
@media(max-width:680px){.homepage-theme-toggle{font-size:11px;min-height:44px;padding:8px 10px}html[data-home-theme=dark] .connection-ring{box-shadow:0 0 0 29px #171717,0 0 0 30px #333}}
/* Appearance only: shared across home, tour, guide, downloads, updates and board.
   Keep original grids, document content, demo actions, legal copy and print rules. */
@media screen{
  html:root body{background:var(--home-bg);color:var(--ink);font-family:inherit}
  html:root :is(.downloads-page,.updates-page){--download-surface:var(--home-surface);--download-soft:var(--home-soft);--download-muted:var(--muted);--download-line:var(--line);--update-surface:var(--home-surface);--update-soft:var(--home-soft)}
  html:root .site-header{color:var(--ink);background:color-mix(in srgb,var(--home-bg) 94%,transparent);border-color:var(--line)}
  html:root .site-header .nav-inner{height:auto;min-height:76px;gap:18px;max-width:1200px;padding-block:10px}
  html:root .site-header :is(nav.nav-actions,nav.utility-nav){gap:6px;align-items:center;color:var(--muted);flex-wrap:wrap}
  html:root .site-header :is(.nav-update,.nav-tour){display:inline-flex;align-items:center;justify-content:center;min-height:44px;border:1px solid transparent;border-radius:999px;padding:9px 12px;font-size:12px;font-weight:600;line-height:1.5;color:var(--muted);text-decoration:none}
  html:root .site-header :is(.nav-update:hover,.nav-tour:hover){background:var(--home-soft);color:var(--ink)}
  html:root .site-header .nav-update[aria-current=page]{background:var(--home-soft);border-color:var(--line);color:var(--green)}
  html:root :is(.nav-download,.nav-start,.primary){background:var(--home-primary);color:var(--home-on-primary);border-color:transparent;border-radius:999px;min-height:44px}
  html:root :is(.nav-download:hover,.nav-start:hover,.primary:hover){background:var(--home-hover);color:var(--home-on-primary)}
  html:root .homepage-theme-toggle{background:var(--home-surface);border-color:var(--line);color:var(--ink)}
  html:root :is(a,button,input,textarea,select,summary):focus-visible{outline:3px solid var(--green);outline-offset:3px}
  html:root .site-header a{text-decoration:none}
  html:root :is(.feature-card,.download-card,.download-card.available,.guide-topic,.update-card,.compose,.receipt,.post,.empty){background:var(--home-surface);border:1px solid var(--line);border-radius:var(--home-radius);box-shadow:var(--home-shadow);color:var(--ink)}
  html:root :is(.members,.departments,.records,.brand-story-close,.home-carousel-switch,.guide-search-panel,.guide-note,.update-action,.notice,.mac-guide){background:var(--home-soft);color:var(--ink);border-color:var(--line);border-radius:var(--home-radius)}
  html:root :is(.guide-search-panel,.guide-note,.notice){border:1px solid var(--line)}
  html:root .guide-note{border-left:3px solid var(--green)}
  html:root :is(.family-node,.attendance-preview,.class-preview,.calendar-preview,.connected-device,.preview-stats>div,.preview-chart,.preview-schedule,.phone-device,.logos-preview,.logos-word-card){background:var(--home-surface);color:var(--ink);border-color:var(--line);box-shadow:var(--home-shadow)}
  html:root :is(.soft-tag,.meaning-word,.phone-person>span,.phone-person i,.family-node>span,.attendance-person>span,.preview-schedule p>b,.release-badge,.release-badge.neutral,.guide-topic-heading>span,.guide-first-steps li::before,.update-badge,.logos-word-selected){background:var(--home-soft);color:var(--green);border-color:var(--line)}
  html:root :is(.device-top,.product-app,.logos-preview-top,.logos-verse-preview,.logos-preview-bottom){background:var(--home-soft);color:var(--muted);border-color:var(--line)}
  html:root .product-content{background:var(--home-raised)}
  html:root .product-sidebar{background:var(--home-surface);color:var(--muted);border-right:1px solid var(--line)}
  html:root .product-sidebar .selected{background:var(--home-primary);color:var(--home-on-primary);border-radius:999px}
  html:root :is(.preview-brand,.preview-heading h2,.preview-stats strong,.preview-panels h3,.phone-device h3,.phone-person b,.family-node strong,.calendar-preview b,.tour-guide h2,.tour-ending h2,.guide-topic b,.guide-first-steps strong,.logos-word-line b,.logos-word-line span,.logos-word-meaning,.logos-word-card dd){color:var(--ink)}
  html:root :is(.site-footer>div>p,.copyright,.preview-caption,.device-top small,.device-top b,.preview-heading small,.preview-stats span,.preview-stats p,.preview-chart h3 span,.chart-axis,.preview-schedule p,.preview-schedule small,.phone-device>small,.phone-person small,.phone-note,.family-caption,.attendance-person small,.demo-result,.class-preview>span,.calendar-preview small,.calendar-preview p,.calendar-day,.connected-device b,.brand-story-close,.feature-card>p:not(.card-label),.logos-hero-english,.logos-preview-top small,.logos-passage-label>span,.logos-word-line small,.logos-preview-hint,.logos-word-card>p,.logos-word-card dt,.logos-word-more,.guide-lead,.guide-edition,.guide-search-panel p,.guide-toc p,.guide-topic p,.guide-topic li,.guide-end p,.guide-step,.guide-try p,.guide-first-steps span,.guide-tip,.tour-guide>p,.tour-ending>p:not(.eyebrow),.tour-footer p,.notice p){color:var(--muted)}
  html:root :is(.guide-intro h1 span,.guide-topic a,.guide-topic .guide-path,.guide-top-link,.guide-try>span,.ending-link,.logos-passage-label,.card-label,.step-number){color:var(--green)}
  html:root :is(.preview-chart,.preview-schedule,.preview-stats>div,.phone-person,.class-preview>div,.chart-bars,.logos-preview-top,.logos-word-card dl,.logos-preview-bottom,.guide-topic details,.guide-toc,.guide-search-panel,.install-guide,.download-card.available,.tour-guide,.guide-try,.tour-footer,.brand-meanings article,.site-footer,.faq-section details){border-color:var(--line)}
  html:root :is(.guide-toc a,.home-carousel-arrows button,.demo-status button,.guide-print,.guide-search-controls button,.guide-search-controls input,.outline,.logos-feature-links a){background:var(--home-surface);color:var(--ink);border-color:var(--line)}
  html:root :is(.guide-print,.guide-search-controls button,.guide-search-controls input,.outline){border-radius:999px}
  html:root :is(.guide-toc a:hover,.home-carousel-arrows button:hover,.guide-print:hover,.guide-search-controls button:hover,.outline:hover,.logos-feature-links a:hover){background:var(--home-soft);color:var(--green)}
  html:root .home-slide-choice{color:var(--muted)}
  html:root .home-slide-choice[aria-pressed=true]{background:var(--home-surface);color:var(--green);box-shadow:var(--home-shadow)}
  html:root .security-section{background:var(--home-surface);color:var(--ink);border:1px solid var(--line);border-radius:var(--home-radius)}
  html:root .security-inner :is(.eyebrow,.security-grid article>span){color:var(--green)}
  html:root .security-inner :is(.section-copy,.security-grid p,.backup-note){color:var(--muted)}
  html:root .security-inner .backup-note strong{color:var(--ink)}
  html:root .security-inner :is(.security-grid article,.backup-note){border-color:var(--line)}
  html:root .chart-bars i{background:color-mix(in srgb,var(--home-primary) 55%,var(--home-soft))}
  html:root .chart-bars i:last-child{background:var(--home-primary)}
  html:root .product-aura{background:radial-gradient(ellipse,var(--home-soft) 0%,var(--home-raised) 43%,transparent 70%)}
  html:root .desktop-device{background:linear-gradient(145deg,#616161,#202020 44%,#414141);box-shadow:0 26px 55px #0002}
  html:root .device-base{background:linear-gradient(#b8b8b8,#777);box-shadow:0 10px 16px #0002}
  html:root .device-base:after{background:#858585}
  html:root .phone-camera{background:#262626}
  html:root .family-connector{background:var(--line)}
  html:root .connection-ring{border-color:var(--line);box-shadow:0 0 0 40px var(--home-raised),0 0 0 41px var(--line),0 0 0 78px var(--home-raised)}
  html:root .guide-topic .guide-warning{background:#fff5e6;border-color:#a3690d;color:#71460c}
  html:root[data-home-theme=dark] .guide-topic .guide-warning{background:#2c2114;border-color:#c89543;color:#efc98c}
  html:root[data-home-theme=dark] body.tour-page{--demo-bg:var(--home-bg);--demo-card:var(--home-surface);--demo-sidebar:var(--home-surface);--demo-soft:var(--home-soft);--demo-fg:var(--ink);--demo-muted:var(--muted);--demo-border:var(--line);--demo-primary:var(--home-primary)}
  html:root[data-home-theme=dark] :is(.primary,.site-header .nav-download){background:var(--home-primary);color:var(--home-on-primary);border-color:transparent}
  html:root[data-home-theme=dark] :is(.primary:hover,.site-header .nav-download:hover){background:var(--home-hover)}
  html:root[data-home-theme=dark] dialog::backdrop{background:#000b}
  html:root .compose :is(input:not([type=checkbox]),textarea),html:root .receipt input,html:root dialog{background:var(--home-surface);color:var(--ink);border-color:var(--line)}
  html:root :is(.toolbar,.post-actions,.form-actions,.receipt,dialog) button:not(.primary),html:root button#more{background:var(--home-surface);color:var(--ink);border-color:var(--line);border-radius:999px;min-height:44px}
  @media(max-width:1100px){html:root .site-header .nav-inner{flex-wrap:wrap}}
  @media(max-width:680px){html:root .site-header .nav-inner{gap:6px;min-height:68px;padding:10px 18px}html:root .site-header :is(nav.nav-actions,nav.utility-nav){gap:5px;width:100%;justify-content:flex-start}html:root .site-header :is(.nav-update,.nav-tour){font-size:11px;padding:8px}html:root .site-header .nav-download{font-size:11px;padding:8px 12px}html:root .connection-ring{box-shadow:0 0 0 29px var(--home-raised),0 0 0 30px var(--line)}}
}
@media print{.homepage-theme-toggle,.homepage-theme-status{display:none!important}html[data-home-theme=dark],html[data-home-theme=dark] body{background:white!important;color:#111!important}html[data-home-theme=dark] :is(.guide-topic,.guide-note,.guide-topic .guide-warning,.update-card,.update-action),html[data-home-theme=dark] .guide-first-steps li::before{background:white!important;color:#111!important;border-color:#ccc!important}html[data-home-theme=dark] :is(h1,h2,h3,h4,p,li,small,span,summary,dt,dd,b,strong,a),html[data-home-theme=dark] li::marker{color:#111!important}}
