/* SheCreates visual control v0.1. Logo uses the same assets, fonts and geometry as V02Frame. */
@font-face{font-family:SC Brand;src:url('brand/libre-baskerville.woff2?v=20261013') format('woff2');font-weight:400 700;font-display:swap}
:root{color-scheme:dark;--paper:#05060a;--paper-light:#0d0f14;--ink:#f2eee7;--muted:#aaa5a4;--line:rgba(242,238,231,.15);--orange:#e3a878;--orange-dark:#efb989;--blue:#7898ff;--violet:#9d85b0;--copper:#e3a878;--teal:#72a8b7;--green:#7db286;--yellow:#efc967;--red:#ed9188;--spectrum-blue:#7898ff;--spectrum-violet:#9d85b0;--spectrum-copper:#e3a878;--spectrum-peach:#efb989;--spectrum-green:#7db286;--spectrum-teal:#72a8b7;--sans:'SC Montserrat','SC Noto Sans',sans-serif;--serif:'SC Montserrat','SC Noto Serif',serif}
:root{--sans:'SC Montserrat','SC Noto Sans','SC Noto Sans Full',sans-serif}
body{background:radial-gradient(ellipse at 12% 78%,rgba(83,107,147,.07),transparent 34%),var(--paper);color:var(--ink);font-family:var(--sans)}
.brand-header{width:min(1440px,calc(100% - 56px));min-height:86px;padding:0;margin:0 auto;gap:40px;border-color:var(--line)}
.brand-lockup{display:inline-flex;align-items:center;gap:13px;color:var(--ink);white-space:nowrap;text-decoration:none;flex-shrink:0}
.brand-symbol{width:32px;height:44px;display:block;object-fit:contain;flex-shrink:0}.brand-text{display:inline-flex;align-items:baseline;gap:13px}
.brand-word{font-family:'SC Brand',Georgia,serif;font-size:24.8px;font-weight:700;letter-spacing:-.038em;line-height:1}
.brand-cn{font-family:'SC Brand CN','Songti SC',SimSun,serif;font-size:10.08px;line-height:1;font-weight:400;letter-spacing:.22em;transform:translateY(-.08em);margin:0}
.brand-nav{gap:26px}.brand-nav a{font-size:13px;color:var(--muted)}.brand-nav a[aria-current=page]{color:var(--copper);border-color:var(--copper)}.brand-link{color:var(--muted)}.brand-nav a:hover,.brand-link:hover{color:var(--ink)}
.brand-hero{position:relative;isolation:isolate;width:min(1440px,calc(100% - 56px));margin:auto;padding:74px 72px 36px;min-height:580px;overflow:hidden;background:#020305 url('brand/aurora-horizon.webp') center bottom / cover no-repeat;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start}
.brand-hero:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(2,3,5,.86),rgba(2,3,5,.5) 48%,rgba(2,3,5,.04)),linear-gradient(180deg,rgba(2,3,5,.24),transparent 60%);pointer-events:none}
.brand-hero .eyebrow{color:var(--copper);font-size:11px;letter-spacing:.18em;margin:0 0 28px;font-weight:500}
.brand-hero h1{font-family:var(--serif);font-size:clamp(44px,4.7vw,68px);font-weight:400;line-height:1.3;letter-spacing:-.045em;margin:0 0 24px;text-shadow:0 8px 30px #0005}
.brand-hero .hero-intro{font-size:16px;color:rgba(242,238,231,.74);line-height:1.95;max-width:610px;margin:0 0 30px}
.brand-hero .hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:24px}
.brand-hero .path-coordinate{margin:auto 0 0;align-self:flex-end;display:flex;align-items:center;gap:15px;font-family:var(--sans);font-size:10px;letter-spacing:.15em;color:rgba(255,255,255,.68);padding-top:70px;line-height:1.8}
.brand-hero .path-coordinate:before{content:'';height:1px;width:45px;display:block;background:rgba(255,255,255,.55)}
.room-hero{min-height:510px;padding-top:34px}.room-hero .breadcrumb{font-size:12px;color:var(--muted);margin:0 0 34px}.room-hero h1{font-size:clamp(42px,4.3vw,60px)}.room-hero .eyebrow{margin-bottom:20px}.room-hero .path-coordinate{padding-top:55px}
.button.primary{background:var(--ink);color:#0d0f14;border:1px solid var(--ink)}.button.primary:hover{background:#fff;color:#05060a}.button.cream{background:rgba(255,255,255,.07);color:var(--ink);border-color:rgba(255,255,255,.3)}.button.cream:hover,.button.outline:hover{background:rgba(255,255,255,.13)}.button.outline{color:var(--ink);border-color:var(--line)}.text-button,.subtle-link{color:var(--ink);border-color:var(--line)}.text-button:hover,.subtle-link:hover{color:var(--copper);border-color:var(--copper)}
.eyebrow{color:var(--copper)}.section-nav{background:rgba(5,6,10,.93);border-color:var(--line);backdrop-filter:blur(18px)}.section-nav a{color:var(--muted)}.section-nav a.active{color:var(--ink)}.section-nav a.active:after{background:var(--teal)}.section-heading>p,.section-note{color:var(--muted)}.collection-main{padding-top:45px}.question-stage h3,.library-card h3{font-family:var(--sans);font-weight:500}.download-section h2,.feedback-section h2{font-family:var(--serif);font-weight:400}
.question-stage{background:radial-gradient(ellipse at 100% 0%,rgba(120,152,255,.08),transparent 55%),linear-gradient(140deg,rgba(255,255,255,.03),rgba(255,255,255,.007));color:var(--ink);border:1px solid var(--line);border-top:2px solid var(--blue);min-height:540px}.stage-top{color:var(--muted)}.question-index{color:var(--blue)}.question-english{color:#b4b8c7;line-height:1.8}.question-notes,.source-line,.draw-status{color:var(--muted)}.favorite-button{border-color:var(--line);color:var(--muted);background:transparent}.favorite-button[aria-pressed=true]{color:var(--copper);border-color:var(--copper)}.verified-label{color:#98c6a0}.warning-label{color:var(--copper)}
.timer-panel{background:linear-gradient(150deg,rgba(255,255,255,.035),rgba(255,255,255,.008));border-color:var(--line);color:var(--ink)}.mode-switch{background:#17191f}.mode-switch button{color:#aaa5a4}.mode-switch button.selected{background:#30333b;color:var(--ink)}.timer-readout{color:var(--ink)}.small-note,.timer-remaining{color:var(--muted)}.timer-track{background:#292c33}.timer-progress{background:var(--teal)}.timer-axis{color:var(--muted)}.light{color:var(--muted)}.light i{background:#474952}.light.active{color:var(--ink)}.light.green.active i{background:var(--green);box-shadow:0 0 0 4px #7db28622}.light.yellow.active i{background:var(--yellow);box-shadow:0 0 0 4px #efc96722}.light.red.active i{background:var(--red);box-shadow:0 0 0 4px #ed918822}.timing-step{border-color:var(--line)}.timing-step.active{background:#7db28613;border-left-color:var(--green)}.timing-step[data-phase=yellow].active{background:#efc96714;border-left-color:var(--yellow)}.timing-step[data-phase=red].active,.timing-step[data-phase=boundary].active{background:#ed918818;border-left-color:var(--red)}.timer-guidance{color:var(--ink)}.timer-panel.warning{border-color:var(--red);background:linear-gradient(145deg,#ed91880c,transparent)}.timer-panel.warning .timer-readout,.timer-panel.warning .timer-guidance{color:var(--red)}
textarea,input,select{background:#101218;color:var(--ink);border-color:rgba(242,238,231,.24);color-scheme:dark}textarea:focus,input:focus,select:focus{border-color:var(--teal)}textarea::placeholder,input::placeholder{color:#8b8b96}.reflection-intro>p:not(.eyebrow){color:var(--muted)}.message{color:var(--teal)}.privacy-note{color:var(--muted)}.library-filters{background:#0c0e13;border-color:var(--line)}.library-filters input[type=search],.library-filters select{background:#13151c;color:var(--ink);border-color:var(--line)}.library-card{background:transparent;border-color:var(--line)}.library-card .question-english,.library-card .source-line,.library-card .question-notes{color:var(--muted)}.library-card .verified-label{color:#98c6a0}.library-card .warning-label{color:var(--copper)}.library-card .favorite-button{color:var(--muted);border-color:var(--line)}.library-card .favorite-button[aria-pressed=true]{color:var(--copper);border-color:var(--copper)}.tag,.result-bar,.card-top{color:var(--muted)}
.structure-card{background:linear-gradient(145deg,rgba(255,255,255,.025),rgba(255,255,255,.005));border-color:var(--line)}.structure-card.core{border-top-color:var(--copper)}.structure-card p{color:var(--muted)}.structure-sequence{color:var(--ink)!important}.method-callout{background:radial-gradient(ellipse at 100% 0%,#72a8b712,transparent 70%);color:var(--ink);border-top-color:var(--teal)}.method-callout p{color:var(--muted)}.journey-step.done{background:#7db2860b}.journey-step.done .step-number{color:var(--green)}.journey-step p{color:var(--muted)}.progress-track{background:#282b31}.progress-track span{background:var(--teal)}.record-card{background:#ffffff03;border-color:var(--line)}.record-meta{color:var(--muted)}.record-reflections dt{color:var(--copper)}.record-delete{color:var(--muted)}.empty{border-color:var(--line);color:var(--muted)}
.work-preview{background:radial-gradient(ellipse at 45% 105%,#72a8b71c,transparent 70%),#0a0c11;border:1px solid var(--line);aspect-ratio:1.45}.work-preview:after{border-color:#72a8b733;box-shadow:0 0 0 35px #72a8b70b,0 0 0 70px #72a8b708,0 0 0 105px #72a8b705}.preview-kicker{color:var(--teal)}.preview-title{font-weight:400}.preview-line,.preview-time{color:var(--teal)}.work-copy>p,.work-author,.work-facts dd{color:var(--muted)}.work-facts dt{color:var(--ink)}.work-copy .eyebrow{color:var(--teal)}.work-feature{padding-bottom:44px}.next-work p,.feedback-section p{color:var(--muted)}.feedback-section select{background:#101218;color:var(--ink)}.feedback-section .message{color:var(--teal)}
.day-footer{background:transparent;color:var(--ink);border-color:var(--line);width:min(1440px,calc(100% - 56px));padding:40px 0}.day-footer p{color:var(--muted)}.day-footer .footer-links a{border-color:var(--line)}.day-footer .footer-note{border-color:var(--line)}.day-footer .brand-word{font-family:'SC Brand',Georgia,serif;font-weight:700;font-size:24.8px}.day-footer .brand-cn{font-family:'SC Brand CN',SimSun,serif;font-size:10.08px}.download-section p{color:var(--muted)}.toast{background:#17191f;color:var(--ink);border-color:rgba(242,238,231,.25)}.skip{background:var(--ink);color:var(--paper)}
@media(min-width:1500px){.brand-hero{padding-top:80px;padding-bottom:40px}.room-hero{padding-top:40px}}
@media(max-width:1050px){.brand-header{gap:25px}.brand-hero{padding-left:45px;padding-right:45px}.question-stage{min-height:515px}}
@media(max-width:700px){.brand-header{width:calc(100% - 32px);padding:0;min-height:78px;gap:16px;flex-wrap:nowrap}.brand-lockup{gap:13px}.brand-symbol{width:25px;height:35px}.brand-text{gap:9px}.brand-word{font-size:19.52px;letter-spacing:-.038em}.brand-cn{font-size:8.32px;letter-spacing:.18em}.brand-nav{gap:10px}.brand-nav a{font-size:12px}.brand-hero{width:calc(100% - 32px);padding:40px 20px 25px;min-height:570px;background-image:url('brand/shecreates-kv-mobile.webp');background-position:center bottom;background-size:cover}.brand-hero:before{background:linear-gradient(180deg,rgba(2,3,5,.42),rgba(2,3,5,.16) 48%,rgba(2,3,5,.02))}.brand-hero h1{font-size:42px;max-width:330px;line-height:1.4;margin-bottom:24px}.brand-hero .eyebrow{font-size:10px;margin-bottom:30px}.brand-hero .hero-intro{font-size:15px;line-height:1.95;max-width:315px;margin-bottom:25px}.brand-hero .hero-actions{gap:18px}.brand-hero .path-coordinate{font-size:9px;letter-spacing:.1em;padding-top:40px;gap:12px}.room-hero{min-height:550px;padding-top:22px}.room-hero h1{font-size:36px;max-width:310px;line-height:1.45}.room-hero .breadcrumb{font-size:11px;margin-bottom:27px}.room-hero .eyebrow{margin-bottom:22px}.room-hero .hero-actions{gap:15px}.room-hero .hero-actions .text-button,.room-hero .hero-actions .subtle-link{font-size:13px}.section-nav:after{background:linear-gradient(90deg,transparent,#05060a)}.question-stage{min-height:400px;padding:24px}.stage-top{gap:18px;line-height:1.8}.question-stage h3{font-size:26px}.collection-main{padding-top:34px}.work-preview{aspect-ratio:1.35}.day-footer{width:calc(100% - 40px);padding:30px 0}.day-footer .brand-word{font-size:19.52px}.day-footer .brand-cn{font-size:8.32px}.day-footer .footer-links{align-items:start}.timing-step{font-size:14px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}html{scroll-behavior:auto}}

/* Practice viewport: equal work areas, primary controls always precede detail. */
:root{--heading:'SC Montserrat','SC Noto Serif','SC Noto Serif Full',serif}
.brand-hero h1,.section-heading h2,.collection-label h2,.work-copy h3,.next-work h3,.feedback-section h2,.preview-title,.question-stage h3,.library-card h3,.timer-panel h3,.reflection-intro h3,.structure-card h3,.method-callout h3,.journey-step h3,.record-card h3,.download-section h2{font-family:var(--heading);font-weight:600}
#view-practice{scroll-margin-top:64px}.practice-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:stretch}
.question-stage,.timer-panel{min-height:0;padding:26px 28px;display:flex;flex-direction:column}
.question-stage h3{font-size:clamp(25px,2.4vw,34px);line-height:1.55;margin:12px 0 14px;overflow-wrap:anywhere}
.question-index{margin:23px 0 0}.question-english{font-size:17px;line-height:1.65;margin:0 0 16px}.question-notes{font-size:14px;line-height:1.65}.notes-premise{margin:0 0 8px}.question-provenance{font-size:12px;margin:10px 0 16px;color:var(--muted)}summary{cursor:pointer}.question-provenance .source-line{margin:10px 0}.stage-bottom{margin-top:auto;padding-top:18px;gap:14px;flex-wrap:wrap}.stage-top{align-items:start}.stage-top>span{max-width:calc(100% - 90px)}
.timer-panel h3{font-size:24px;margin:0 0 12px}.mode-switch{margin:0}.timer-panel #mode-note{margin:10px 0 6px;font-size:12px}.timer-readout{font-family:'SC Montserrat',sans-serif;font-weight:400;font-size:clamp(56px,5.5vw,76px);line-height:1.1;margin:8px 0 16px;font-variant-numeric:tabular-nums}.timer-controls{justify-content:center;gap:24px;margin:0 0 17px}.timer-track{margin:0}.timer-axis{margin:5px 0 0}.timer-remaining{margin:7px 0 8px}.timer-lights{display:flex;justify-content:space-around;gap:12px;margin:9px 0}.light{display:flex;gap:8px;align-items:center}.light small{display:block;font-size:12px}.light.green{color:var(--green)}.light.yellow{color:var(--yellow)}.light.red{color:var(--red)}.light i{opacity:.45}.light.green i{background:var(--green)}.light.yellow i{background:var(--yellow)}.light.red i{background:var(--red)}.light.active i{opacity:1}
.timing-details{font-size:12px;color:var(--muted);margin:5px 0}.timing-details .timing-steps{margin-top:10px}.timer-guidance{font-size:14px;line-height:1.7;margin:10px 0 0;min-height:48px;padding:10px 12px;border-left:2px solid var(--teal);background:#72a8b709}.timer-panel.warning .timer-guidance{border-color:var(--red)}.timer-footnote{margin:8px 0 0!important}
.feedback-copy-choice{margin:18px 0 12px;display:flex!important;align-items:center;gap:10px}.feedback-copy-choice input{width:auto;margin:0}.feedback-section input[type=email]{display:block;width:100%;padding:12px;margin-top:8px;border:1px solid var(--line);border-radius:3px}.feedback-section .form-actions{flex-wrap:wrap}.feedback-trap{position:absolute;left:-10000px;opacity:0;pointer-events:none}.feedback-section .message{white-space:pre-line;overflow-wrap:anywhere}
@media(min-width:701px){#view-practice>.section-heading{margin-bottom:18px}#view-practice>.section-heading .eyebrow{margin-bottom:8px}#view-practice>.section-heading h2{font-size:27px}}
@media(min-width:701px) and (max-height:820px){.practice-grid{gap:20px}.question-stage,.timer-panel{padding:20px 24px}.question-index{margin-top:18px}.timer-readout{font-size:60px;margin:7px 0 12px}.timer-guidance{min-height:0;padding:7px 10px}.timer-controls{margin-bottom:12px}.timer-footnote{display:none}}
@media(max-width:700px){.practice-grid{grid-template-columns:minmax(0,1fr)}.question-stage,.timer-panel{padding:23px}.question-stage h3{font-size:27px}.stage-bottom{padding-top:22px}.timer-panel h3{font-size:23px}.timer-readout{font-size:64px}.timer-controls .button{min-width:160px}.timer-guidance{min-height:0}.timer-footnote{display:block}.feedback-section .form-actions{gap:16px}.brand-hero h1{font-weight:600}}

@font-face{font-family:'SC Source Han Serif Bold';src:url('brand/source-han-serif-bold.woff2') format('woff2');font-weight:700;font-display:swap}
:root{--heading:'SC Montserrat','SC Source Han Serif SemiBold','SC Source Han Serif SemiBold Full',serif}
@media(min-width:701px){main{padding-top:28px}#view-practice>.section-heading{margin-bottom:16px}}

/* 2026-10-14: shared brand routes; compact task navigation. */
.collection-header,.task-header{position:relative;z-index:30;justify-content:space-between}
.site-desktop-nav{margin-left:auto;display:flex;align-items:center;gap:24px}
.site-desktop-nav>a,.site-research>summary{padding:28px 0;font-size:13px;text-decoration:none;white-space:nowrap}
.site-research{position:relative;color:var(--muted);font-size:13px}
.site-research>summary{cursor:pointer;list-style:none}
.site-research>summary::-webkit-details-marker{display:none}
.site-research>summary:after{content:'⌄';margin-left:7px}
.site-research[open]>summary{color:var(--ink)}
.site-research>div{position:absolute;top:100%;left:-20px;min-width:175px;padding:12px 20px;display:grid;gap:0;background:#101218;border:1px solid var(--line);box-shadow:0 16px 36px #0006}
.site-research>div>a{padding:14px 0;border:0;text-decoration:none;white-space:nowrap}
.site-mobile-menu{display:none;position:relative;flex-shrink:0}
.site-mobile-menu>summary{cursor:pointer;list-style:none;min-height:44px;padding:10px 14px;border:1px solid var(--line);border-radius:999px;font-size:13px;white-space:nowrap}
.site-mobile-menu>summary::-webkit-details-marker{display:none}
.site-mobile-menu>summary span{display:inline-block;margin-left:6px}
.site-mobile-menu[open]>summary span{transform:rotate(45deg)}
.site-mobile-menu>nav{position:absolute;right:0;top:calc(100% + 14px);min-width:270px;max-width:calc(100vw - 32px);padding:16px 24px;display:grid;background:#101218;border:1px solid var(--line);box-shadow:0 18px 48px #0007}
.site-mobile-menu nav a{display:block;min-height:44px;padding:11px 0;font-size:15px;text-decoration:none}
.site-mobile-research{border-block:1px solid var(--line);padding:12px 0}
.site-mobile-research>span{color:var(--muted);font-size:13px}
.site-mobile-research>a{padding-left:14px!important}
.site-mobile-menu summary:focus-visible,.site-research summary:focus-visible{outline:3px solid var(--copper);outline-offset:5px}
.task-header-actions{display:flex;align-items:center;gap:22px}
.task-header .site-mobile-menu{display:block}
.task-back{font-size:13px;text-decoration:none;color:var(--muted);white-space:nowrap}
.collection-header+.brand-hero h1{font-size:clamp(36px,4.4vw,64px);line-height:1.4}
.work-reading{display:flex;justify-content:space-between;gap:36px;align-items:center;border-block:1px solid var(--line);padding:32px 0 36px;margin-top:10px}
.work-reading h3{font-family:var(--heading);font-weight:600;font-size:25px;margin:10px 0 12px}
.work-reading p:not(.eyebrow){max-width:700px;color:var(--muted);font-size:15px;line-height:1.9;margin:0}
.work-reading .work-author{margin-top:14px!important;font-size:12px!important}
.work-reading>a{white-space:nowrap}
@media(max-width:1050px){.collection-header>.site-desktop-nav{display:none}.collection-header>.site-mobile-menu{display:block}}
@media(max-width:700px){.brand-header.collection-header,.brand-header.task-header{gap:12px}.task-header-actions{gap:10px}.task-back{font-size:11px}.site-mobile-menu>summary{padding:10px 11px;font-size:12px}.collection-header+.brand-hero h1{font-size:31px;line-height:1.5;max-width:100%}.work-reading{display:block;padding:27px 0}.work-reading>a{display:inline-block;margin-top:20px}}

/* 2026-10-15: approved Chinese title role; Logo remains independently locked. */
body :is(h1,h2,h3,h4,h5,h6),body .preview-title{font-family:var(--heading);font-weight:600;font-synthesis:none}