@font-face{font-family:SC Montserrat;src:url('brand/montserrat.woff2') format('woff2');font-weight:100 900;font-display:swap}
@font-face{font-family:SC PuHui;src:url('brand/alibaba-puhuiti-regular.woff2') format('woff2');font-weight:400;font-display:swap}
:root{--paper:#f7f8f5;--paper-light:#fff;--ink:#222c30;--muted:#657075;--orange:#9b5b38;--orange-dark:#7c422a;--line:#d9dfdc;--blue:#4864aa;--copper:#9b5b38;--violet:#846891;--teal:#367480;--green:#387748;--yellow:#986915;--red:#b64436;--serif:'SC Libre',Georgia,'Noto Serif SC','Songti SC',SimSun,serif;--sans:'Noto Sans SC','Microsoft YaHei','PingFang SC',sans-serif}
body{background:var(--paper);font-size:16px;color:var(--ink);line-height:1.8}a,button{transition:color .18s,background .18s,transform .18s}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--blue);outline-offset:4px}
.brand-header{max-width:1440px;margin:auto;padding:23px 5%;display:flex;align-items:center;justify-content:space-between;gap:30px;border-bottom:1px solid var(--line)}.brand-lockup{display:inline-flex;align-items:center;gap:13px;text-decoration:none;flex-shrink:0;white-space:nowrap}.brand-symbol{width:28px;height:38px;object-fit:contain}.brand-word{font-family:'SC Libre',Georgia,serif;font-size:25px;font-weight:700;letter-spacing:-.038em;line-height:1}.brand-cn{font-family:SimSun,serif;font-size:10px;letter-spacing:.2em;margin-left:4px}.brand-nav{display:flex;align-items:center;gap:27px;font-size:14px}.brand-nav a{text-decoration:none;padding:7px 0;white-space:nowrap}.brand-nav a[aria-current=page]{color:var(--copper);border-bottom:1px solid var(--copper)}.brand-link{font-size:13px;color:var(--muted)}.button{border-radius:999px;min-height:48px;padding:12px 22px;font-size:14px;gap:20px}.button.primary{background:var(--ink);color:#fff}.button.primary:hover{background:#3f535a}.button.cream{background:#fff;border-color:var(--line);color:var(--ink)}.button.outline{border-color:var(--line)}.subtle-link{font-size:14px;border-color:var(--line)}.text-button{font-size:14px;min-height:44px}.eyebrow{font-size:12px;letter-spacing:.16em;color:var(--copper);font-weight:500}.chapter-mark{font-family:var(--serif);font-size:13px;letter-spacing:.08em;color:var(--muted)}
.day-hero{position:relative;max-width:1440px;margin:auto;padding:78px 7% 56px;min-height:405px;overflow:hidden;isolation:isolate}.day-hero h1{font-family:var(--serif);font-weight:400;font-size:clamp(44px,4.7vw,68px);letter-spacing:-.045em;line-height:1.35;margin:0 0 23px}.day-hero .hero-intro{font-size:16px;max-width:590px;margin:0 0 29px;color:var(--muted);line-height:1.9}.day-hero .eyebrow{margin-bottom:23px}.day-hero .hero-actions{gap:25px}.day-hero .path-coordinate{font-family:var(--serif);font-size:11px;letter-spacing:.13em;color:var(--teal);margin:48px 0 0;display:flex;align-items:center;gap:15px}.path-coordinate:before{content:'';display:block;width:48px;height:1px;background:var(--teal)}.tidal-field{position:absolute;right:-6%;bottom:-35px;width:57%;height:92%;z-index:-1;opacity:.8;pointer-events:none}.tidal-field svg{width:100%;height:100%}.tidal-field:before{content:'';position:absolute;inset:20% 0 0;background:radial-gradient(ellipse at 72% 70%,#72a8b71f,transparent 60%)}.room-hero{min-height:335px;padding-top:45px;padding-bottom:40px}.room-hero h1{font-size:clamp(38px,4vw,56px);margin-bottom:14px}.room-hero .hero-intro{max-width:600px;margin-bottom:20px}.room-hero .path-coordinate{margin-top:30px}.breadcrumb{font-size:13px;color:var(--muted);margin:0 0 30px}.breadcrumb a{text-decoration:none}.room-hero .tidal-field{width:45%;opacity:.42}
.section-nav{background:#f7f8f5ed;backdrop-filter:blur(12px);gap:42px}.section-nav a{font-size:14px;padding:17px 0}.section-nav a.active{font-weight:500}.section-nav a.active:after{background:var(--teal);height:2px}main{max-width:1340px;padding:48px 5% 72px}.section-heading h2{font-size:30px;font-weight:400}.section-heading>p{font-size:15px}.section-heading .eyebrow{font-size:11px}.section-heading{margin-bottom:27px}.section-note{font-size:15px}
.practice-grid{grid-template-columns:minmax(0,1.45fr) minmax(330px,1fr);gap:28px;align-items:start}.question-stage{background:#edf2f6;color:var(--ink);border-top:2px solid var(--blue);padding:30px 36px;min-height:515px}.question-stage:before{display:none}.stage-top{color:var(--muted);font-size:12px;letter-spacing:0}.favorite-button{border-radius:999px;border-color:#aebbc6;min-height:40px;font-size:13px}.favorite-button[aria-pressed=true]{color:var(--copper);border-color:var(--copper)}.question-index{margin-top:38px;color:var(--blue);font-size:12px}.question-stage h3{font-size:clamp(25px,2.4vw,34px);line-height:1.65;font-weight:400}.question-english{color:#546675;font-size:17px}.question-notes{color:var(--muted);font-size:14px}.source-line{color:var(--muted);font-size:12px}.verified-label{color:#377047;font-size:12px}.warning-label{color:#91513a;font-size:12px}.draw-status{color:var(--muted);font-size:12px}.inline-check{font-size:13px}.stage-bottom{gap:20px;padding-top:30px}.notes-premise{font-size:14px}.notes-details,.notes-details summary{font-size:12px}
.timer-panel{padding:26px 28px;background:var(--paper-light);border:1px solid var(--line);text-align:left;border-radius:3px}.timer-panel h3{font-family:var(--serif);font-size:21px;font-weight:400;margin-bottom:18px}.mode-switch{border-radius:999px;background:#edf0ec;padding:4px}.mode-switch button{border-radius:999px;font-size:13px;min-height:40px}.mode-switch button.selected{box-shadow:none;background:#fff}.small-note{font-size:12px;line-height:1.8;margin:12px 0}.timer-readout{text-align:center;font-family:var(--serif);font-size:66px;letter-spacing:-.03em;margin-top:12px;line-height:1.2}.timer-remaining{text-align:center;font-size:13px;color:var(--muted);margin:9px 0 21px}.timer-track{height:4px;background:#e8ece8;overflow:hidden}.timer-track>span{display:block;height:100%;background:var(--teal);max-width:100%;transition:width .1s}.timer-axis{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);margin:6px 0 18px}.timer-lights{gap:22px;font-size:12px;margin:15px 0}.light{font-size:12px}.light i{width:9px;height:9px}.light.green.active i{background:#387748;box-shadow:0 0 0 4px #38774818}.light.yellow.active i{background:#d8a93a;box-shadow:0 0 0 4px #d8a93a18}.light.red.active i{background:#b64436;box-shadow:0 0 0 4px #b6443618}.timing-steps{margin-top:19px;border-top:1px solid var(--line)}.timing-step{padding:12px 11px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:68px 1fr;gap:12px;border-left:3px solid transparent;font-size:13px;line-height:1.65}.timing-step>span:first-child,.timing-step .step-time{font-size:12px}.timing-step strong{font-weight:500}.timing-step.active{background:#f2f6f2;border-left-color:var(--green)}.timing-step[data-phase=yellow].active{background:#fcf7e9;border-left-color:#d8a93a}.timing-step[data-phase=red].active,.timing-step[data-phase=boundary].active{background:#fcf0ee;border-left-color:var(--red)}.timer-guidance{font-size:14px;margin:20px 0 15px;min-height:42px;color:var(--ink)}.timer-panel.warning{border-color:var(--red)}.timer-panel.warning .timer-guidance{color:var(--red);font-weight:600}.timer-controls{justify-content:flex-start;gap:26px}.timer-panel.warning .timer-track>span{background:var(--red)}
.reflection-layout{margin-top:44px;padding-top:38px;gap:45px}.reflection-intro h3{font-size:27px;font-weight:400}.reflection-intro>p:not(.eyebrow){font-size:15px}.privacy-note{font-size:12px!important}.reflection-fields label{font-size:15px}textarea{font-size:15px;background:white;min-height:110px}.library-filters{background:#edf0ec;padding:24px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.library-filters label{font-size:13px}.library-filters input[type=search],.library-filters select{font-size:14px;background:white}.question-list{gap:24px}.library-card{border:0;border-top:1px solid var(--line);background:transparent;padding:28px 6px}.library-card h3{font-weight:400;font-size:25px}.library-card .question-english,.library-card .question-notes{font-size:15px}.card-top{font-size:12px}.library-card .source-line{font-size:12px}.library-card .verified-label,.library-card .warning-label{font-size:12px}.library-card .notes-premise{font-size:14px}.tag{font-size:12px;border:0;padding:0;color:var(--muted)}.structure-list{gap:24px}.structure-card{background:#fff;border:1px solid var(--line);padding:28px}.structure-card.core{border-top:2px solid var(--copper)}.structure-card h3{font-weight:400;font-size:23px}.structure-card p,.structure-card details{font-size:15px;line-height:1.9}.structure-card .eyebrow{font-size:11px}.structure-card .source-line{font-size:12px}.structure-sequence{font-size:16px!important;color:var(--ink)!important}.method-callout{background:#ecf1f1;color:var(--ink);padding:32px;border-top:2px solid var(--teal)}.method-callout>span{color:var(--teal)}.method-callout h3{font-weight:400;font-size:24px}.method-callout p{color:var(--muted);font-size:15px}.journey-step p{font-size:15px}.journey-step h3{font-size:23px;font-weight:400}.step-number{color:var(--teal)}.record-card{background:white}.record-reflections dd{font-size:15px}.record-reflections dt{font-size:13px}.record-meta{font-size:12px}.record-card h3{font-weight:400}.empty{font-size:15px}.message{font-size:14px}
.day-footer{max-width:1440px;margin:auto;background:transparent;color:var(--ink);border-top:1px solid var(--line);padding:39px 5%;display:grid;grid-template-columns:1fr auto;gap:22px}.day-footer p{font-size:13px;color:var(--muted);max-width:540px}.day-footer .brand-lockup{margin-bottom:12px}.day-footer .footer-links{font-size:14px;display:flex;align-items:end;gap:14px}.day-footer .footer-links a{border-color:var(--line)}.day-footer .footer-note{font-size:12px;border-color:var(--line);margin:0;padding-top:16px}.toast{border-color:var(--line);background:var(--ink);color:white;border-radius:8px;font-size:14px}
/* The collection: one real work, with room for the next. */
.collection-main{padding-top:34px}.collection-label{display:flex;align-items:baseline;justify-content:space-between;border-top:1px solid var(--line);padding-top:22px;margin-bottom:28px}.collection-label h2{font-family:var(--serif);font-size:25px;font-weight:400;margin:0}.collection-label p{font-size:13px;color:var(--muted);margin:0}.work-feature{display:grid;grid-template-columns:1.1fr 1fr;gap:60px;align-items:center;padding-bottom:48px}.work-preview{display:block;text-decoration:none;background:#e8eff2;aspect-ratio:1.45;position:relative;overflow:hidden;padding:32px;isolation:isolate}.work-preview:after{content:'';position:absolute;width:420px;height:420px;border:1px solid #36748027;border-radius:50%;left:40%;top:25%;box-shadow:0 0 0 35px #36748006,0 0 0 70px #36748005,0 0 0 105px #36748004;z-index:-1}.preview-kicker{font-size:11px;letter-spacing:.16em;color:var(--teal)}.preview-title{font-family:var(--serif);font-size:clamp(28px,3vw,42px);line-height:1.5;letter-spacing:-.03em;margin:30px 0 26px}.preview-line{display:flex;align-items:center;gap:15px;font-size:12px;color:var(--muted)}.preview-line i{height:1px;width:28px;background:var(--teal)}.preview-time{position:absolute;right:28px;bottom:25px;font-family:var(--serif);font-size:40px;letter-spacing:-.04em;color:#617c86}.work-copy .eyebrow{margin-bottom:20px}.work-copy h3{font-family:var(--serif);font-size:36px;font-weight:400;letter-spacing:-.035em;line-height:1.5;margin:0 0 17px}.work-copy>p{font-size:16px;color:var(--muted);margin:0 0 25px;max-width:490px}.work-facts{display:flex;gap:28px;padding:20px 0;margin:0 0 23px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.work-facts div{display:flex;flex-direction:column}.work-facts dt{font-size:23px;font-family:var(--serif);color:var(--ink)}.work-facts dd{font-size:12px;margin:3px 0 0;color:var(--muted)}.work-author{font-size:12px;color:var(--muted);margin-top:20px}.next-work{border-top:1px solid var(--line);display:grid;grid-template-columns:120px 1fr auto;gap:30px;padding:28px 0;align-items:start}.next-work>span{font-family:var(--serif);font-size:15px;color:var(--muted)}.next-work h3{font-weight:400;font-family:var(--serif);font-size:25px;margin:0 0 8px}.next-work p{font-size:15px;color:var(--muted);max-width:650px;margin:0}.next-work .subtle-link{white-space:nowrap}.feedback-section{border-top:1px solid var(--line);padding-top:28px;margin-top:28px;display:grid;grid-template-columns:1fr 1.3fr;gap:70px}.feedback-section h2{font-family:var(--serif);font-size:27px;font-weight:400;line-height:1.5;margin:0 0 15px}.feedback-section p{font-size:15px;color:var(--muted)}.feedback-section label{font-size:15px}.feedback-section textarea{min-height:125px}.feedback-section .small-note{font-size:12px}.feedback-section select{padding:10px 14px;margin:8px 0 20px;width:100%;background:white}.feedback-section .form-actions{gap:22px}.feedback-section .message{color:var(--teal)}
@media(min-width:1500px){.day-hero{padding-top:80px;padding-bottom:65px}.room-hero{padding-top:50px;padding-bottom:45px}}
@media(max-width:1050px){.brand-header{gap:20px;padding:20px 4%}.brand-nav{gap:20px}.brand-link{display:none}.practice-grid{grid-template-columns:minmax(0,1.2fr) minmax(310px,1fr)}.question-stage{padding:26px}.timer-panel{padding:23px}.work-feature{gap:35px}.work-copy h3{font-size:29px}.work-facts{gap:18px}.work-preview{padding:25px}.feedback-section{gap:35px}}
@media(max-width:700px){.brand-header{padding:19px 20px;gap:12px;flex-wrap:wrap}.brand-lockup{gap:9px}.brand-word{font-size:23px}.brand-symbol{width:23px;height:32px}.brand-cn{font-size:9px;margin-left:0}.brand-nav{gap:18px;font-size:13px}.brand-nav .desktop-nav{display:none}.brand-header>.brand-link{display:none}.day-hero{padding:43px 24px 32px;min-height:0}.day-hero h1{font-size:43px;line-height:1.45;letter-spacing:-.05em;max-width:330px}.day-hero .hero-intro{font-size:15px;max-width:330px;line-height:1.9}.day-hero .eyebrow{font-size:11px;margin-bottom:21px}.day-hero .path-coordinate{font-size:10px;margin-top:36px}.tidal-field{width:90%;right:-32%;height:65%;opacity:.45;bottom:-16px}.room-hero{padding-top:26px}.room-hero h1{font-size:36px;max-width:320px}.room-hero .breadcrumb{font-size:12px;margin-bottom:23px}.room-hero .hero-actions{gap:17px}.room-hero .tidal-field{width:80%;opacity:.22}.section-nav{gap:25px;padding:0 22px;scrollbar-width:thin}.section-nav a{font-size:13px;padding:15px 0}.section-nav a.active{scroll-margin-inline:25px}.section-nav:after{content:'';position:sticky;right:-22px;min-width:18px;background:linear-gradient(90deg,transparent,var(--paper));pointer-events:none}main{padding:34px 20px 48px}.section-heading h2{font-size:26px}.section-heading>p{font-size:15px}.practice-grid{grid-template-columns:1fr;gap:22px}.question-stage{min-height:380px;padding:25px}.question-stage h3{font-size:27px;line-height:1.65}.question-index{margin-top:30px}.question-english{font-size:16px}.timer-panel{padding:24px}.timer-panel h3{font-size:22px}.timer-guidance{min-height:24px}.timing-step{font-size:14px;padding:12px 10px}.mode-switch button{font-size:13px}.timer-readout{font-size:62px}.reflection-layout{gap:22px;margin-top:32px}.reflection-fields label{font-size:15px}.reflection-intro>p:not(.eyebrow){font-size:15px}.library-filters{padding:16px}.library-filters select{font-size:13px}.library-card{padding:24px 0}.library-card h3{font-size:24px}.structure-card{padding:24px}.structure-card p{font-size:15px}.method-callout{padding:25px}.method-callout h3{font-size:23px}.journey-step h3{font-size:21px}.journey-step p{font-size:15px}.day-footer{padding:30px 22px;grid-template-columns:1fr}.day-footer .footer-links{align-items:start}.collection-main{padding-top:22px}.collection-label{padding-top:20px}.collection-label h2{font-size:23px}.collection-label p{font-size:12px}.work-feature{grid-template-columns:1fr;gap:25px;padding-bottom:32px}.work-preview{aspect-ratio:1.3;padding:24px}.preview-title{font-size:34px;margin:25px 0}.preview-time{font-size:33px;right:22px;bottom:22px}.work-copy h3{font-size:29px}.work-copy .eyebrow{margin-bottom:12px}.work-copy>p{font-size:15px}.work-facts{gap:28px;margin-bottom:20px}.work-author{margin-top:17px}.next-work{grid-template-columns:1fr;gap:13px;padding:25px 0}.next-work>span{font-size:12px}.next-work h3{font-size:24px}.next-work .subtle-link{justify-self:start}.feedback-section{grid-template-columns:1fr;gap:20px;margin-top:20px}.feedback-section h2{font-size:25px}.feedback-section p{font-size:15px}.feedback-section .form-actions{gap:18px}}
/* User-selected type pairing; Latin first lets Chinese glyphs use PuHui naturally. */
:root{--serif:'SC Montserrat','SC PuHui',sans-serif;--sans:'SC Montserrat','SC PuHui',sans-serif}
.brand-word{font-family:'SC Montserrat',sans-serif;font-weight:600;letter-spacing:-.045em}.brand-cn{font-family:'SC PuHui',sans-serif;letter-spacing:.13em}.day-hero h1{font-weight:400;letter-spacing:-.035em}.question-english{text-transform:none;letter-spacing:0;line-height:1.75}.preview-title,.work-copy h3{letter-spacing:-.035em}.timer-readout{font-weight:400;font-size:60px}.timing-step[data-phase=green]>strong{color:var(--green)}.timing-step[data-phase=yellow]>strong{color:var(--yellow)}.timing-step[data-phase=red]>strong,.timing-step[data-phase=boundary]>strong{color:var(--red)}
.download-section{border-top:1px solid var(--line);padding-top:28px;margin-top:40px}.download-section h2{font-family:var(--sans);font-size:24px;font-weight:400;margin:0 0 15px}.download-links{display:flex;gap:20px 30px;flex-wrap:wrap}.download-links a{font-size:14px}.download-section p{font-size:12px;color:var(--muted);max-width:830px}
.favorite-button{flex-shrink:0;white-space:nowrap}
.timing-step strong small{display:block;font-size:11px;line-height:1.5;margin-top:2px;font-weight:400}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}html{scroll-behavior:auto}}