@scope (.d-root) {
:root{--paper:#f8f8fb;--ink:#111a2e;--navy:#17233d;--muted:#616b7d;--line:#e6e8ef;--peach:#fff2e9;--coral:#e7614b;--sand:#f0e6d4;--blue:#eaf0f7;--white:#fff;--ease:cubic-bezier(.16,1,.3,1)}
*{box-sizing:border-box}html{background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;-webkit-text-size-adjust:100%}body{margin:0}button,a,input{font:inherit;color:inherit}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{cursor:pointer;border:0;background:none}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #42608e;outline-offset:3px}::selection{background:#f0d4ca}svg{width:22px;height:22px;stroke-width:1.75;flex-shrink:0}h1,h2,h3,p{margin:0}h1,h2{text-wrap:balance}p{line-height:1.65}small{font-size:12px}img{display:block;max-width:100%;object-fit:cover}.muted{color:var(--muted)}.tiny{font-size:12px}.strong{font-weight:700}.push{margin-left:auto}.round{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:var(--white);flex-shrink:0}.round svg{width:20px;height:20px}.primary{display:flex;gap:10px;align-items:center;justify-content:center;min-height:52px;padding:14px 20px;border-radius:16px;background:var(--navy);color:white;font-weight:650}.primary svg{width:20px}.secondary{background:white;color:var(--ink);box-shadow:inset 0 0 0 1px var(--line)}.wide{width:100%}.subtitle{color:var(--muted);font-size:14px;margin-top:9px}.screen{max-width:480px;margin:auto;min-height:100dvh;background:var(--paper)}.topbar{height:68px;padding:12px 22px;display:flex;align-items:center;gap:10px}.logo{width:34px;height:34px;object-fit:contain}.wordmark{font-size:23px;font-weight:800;letter-spacing:-1px}.prototype-label{font-size:11px;color:var(--muted);padding-left:10px;border-left:1px solid var(--line)}.chooser-link{margin-left:auto;color:var(--muted);font-size:12px;min-height:44px;display:flex;align-items:center;gap:4px}.chooser-link svg{width:14px}.main{padding:8px 22px calc(108px + env(safe-area-inset-bottom));min-height:calc(100dvh - 68px);overflow:clip}.page-title{font-size:34px;line-height:1.24;letter-spacing:-1.2px;margin:12px 0 22px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin:28px 0 14px}.section-heading h2{font-size:20px;letter-spacing:-.4px}.section-heading button{min-height:44px;font-size:13px;color:var(--muted)}.city-switch{display:flex;gap:5px;align-items:center;font-size:13px;padding:0;min-height:44px}.city-switch svg{width:15px}.hero{position:relative;overflow:hidden;background:#e4ddd1;isolation:isolate}.hero>img{width:100%;height:100%;position:absolute;inset:0}.hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,transparent 30%,rgba(9,17,30,.7));pointer-events:none}.hero img{z-index:-2}.hero-title{font-size:38px;line-height:1.16;letter-spacing:-1.5px;color:white;font-weight:750;text-wrap:balance}.hero-copy{position:absolute;left:24px;bottom:24px;right:20px;color:white}.hero-copy p{color:#f3f4f6;font-size:13px;margin-top:10px}.hero .round{position:absolute;right:18px;top:18px;background:rgba(255,255,255,.94)}.home-hero{height:320px;border-radius:24px;margin-top:6px}.hero-label{position:absolute;top:24px;left:24px;color:white;font-size:12px}.index-list{margin:20px 0 0}.index-item{display:flex;align-items:center;width:100%;min-height:80px;border-bottom:1px solid var(--line);gap:14px;text-align:left;padding:12px 0}.index-item .item-icon{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:var(--sand)}.index-item .item-icon.cool{background:var(--blue)}.index-item strong{display:block;font-size:18px;font-weight:650}.index-item small{display:block;margin-top:5px;color:var(--muted)}.index-item>svg{margin-left:auto;width:18px}.mini-image{width:64px;height:76px;border-radius:13px;object-position:center 22%}.mini-person{padding:14px 0;display:flex;align-items:center;gap:14px;width:100%;text-align:left;border-bottom:1px solid var(--line)}.mini-person strong{font-size:16px}.mini-person p{font-size:12px;color:var(--muted);margin-top:4px}.mini-person>svg{margin-left:auto;width:18px}.status{display:flex;align-items:flex-start;gap:11px;background:var(--peach);border-radius:16px;padding:18px;color:#794426;margin:20px 0}.status svg{width:19px;margin-top:1px}.status strong{font-size:14px}.status p{margin-top:4px;font-size:13px;color:#794426}.bottom-nav{position:fixed;z-index:20;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,480px);height:calc(76px + env(safe-area-inset-bottom));padding:7px 12px calc(7px + env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:#fff;border-top:1px solid var(--line)}.nav-item{min-width:0;min-height:58px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;position:relative;font-size:11px;color:var(--muted)}.nav-item.active{color:var(--coral);font-weight:650}.nav-item.active:before{content:"";position:absolute;top:2px;left:calc(50% - 9px);width:18px;height:2px;background:var(--coral);border-radius:4px}.nav-item svg{width:23px;height:23px}.featured-task{padding:20px;background:white;border-radius:18px;box-shadow:0 8px 24px #12233b06;margin-top:14px;text-align:left;width:100%}.featured-task .meta{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:12px}.featured-task h3{font-size:20px;margin:16px 0}.task-bottom{display:flex;align-items:center;justify-content:space-between}.task-bottom span{font-size:13px;color:var(--muted)}.task-bottom strong{font-size:22px;letter-spacing:-.5px}.badge{display:inline-flex;align-items:center;padding:5px 9px;background:var(--peach);color:#965235;border-radius:8px;font-size:11px}.work-hero{padding:28px 24px;border-radius:24px;background:white;position:relative;overflow:hidden;margin-top:8px}.work-hero h1{font-size:32px;line-height:1.3;margin:12px 0 22px;letter-spacing:-1px}.work-hero .primary{justify-content:space-between}.work-hero .sun{position:absolute;top:20px;right:26px;width:48px;height:48px;color:#d4a883}.work-hero>small{color:var(--muted)}.work-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}.work-stat{padding:20px;border-radius:18px;background:var(--blue);display:flex;align-items:center;justify-content:space-between;text-align:left}.work-stat:nth-child(2){background:var(--sand)}.work-stat strong{display:block;font-size:20px}.work-stat span{font-size:12px;color:var(--muted)}.work-stat svg{width:25px}.carousel{overflow:hidden;border-radius:20px}.carousel-track{display:flex;touch-action:pan-y pinch-zoom}.slide{flex:0 0 86%;min-width:0;margin-right:12px}.slide button{width:100%;height:235px;padding:0;display:block;position:relative;border-radius:20px;overflow:hidden;text-align:left;background:var(--navy);color:white}.slide img{width:100%;height:100%;object-position:center 25%}.slide button:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 15%,#111a2ed9)}.slide strong,.slide small{position:absolute;z-index:1;left:20px;bottom:45px}.slide strong{font-size:22px}.slide small{bottom:22px;color:white}.carousel-controls{display:flex;align-items:center;justify-content:space-between;margin-top:10px}.carousel-controls .round{width:44px}.dots{display:flex;gap:6px}.dots i{width:5px;height:5px;border-radius:50%;background:#bec4ce}.dots i.selected{width:20px;border-radius:5px;background:var(--coral)}.tiles{display:grid;grid-template-columns:1.15fr 1fr;gap:12px;margin-top:24px}.tile{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;text-align:left;border-radius:22px;padding:22px 18px;min-height:150px;overflow:hidden}.tile:first-child{grid-row:span 2;min-height:310px;background:var(--navy);color:white}.tile:nth-child(2){background:var(--sand)}.tile:nth-child(3){background:var(--peach)}.tile svg{width:28px;height:28px}.tile strong{display:block;font-size:23px;line-height:1.35}.tile small{display:block;font-size:12px;margin-top:8px;opacity:.85}.tile .large-symbol{width:100%;height:100px;opacity:.22;margin:20px 0}.tile-banner{margin-top:12px;width:100%;padding:20px;background:white;border-radius:18px;display:flex;justify-content:space-between;align-items:center;text-align:left}.tile-banner strong{font-size:17px}.tile-banner small{color:var(--muted);display:block;margin-top:4px}.color-line{width:42px;height:5px;border-radius:4px;background:var(--coral);margin:12px 0 20px}.f-title{font-size:41px;line-height:1.16;letter-spacing:-1.8px;margin:8px 0 0}.search{display:flex;align-items:center;gap:8px;background:#fff;padding:0 14px;height:50px;border-radius:14px;box-shadow:inset 0 0 0 1px var(--line);margin-bottom:14px}.search input{background:none;border:0;width:100%;min-width:0;outline-offset:8px;font-size:14px}.search svg{color:var(--muted);width:18px}.filters{display:flex;gap:8px;margin:10px 0 18px}.chip{min-height:44px;padding:10px 16px;border-radius:12px;background:white;color:var(--muted);font-size:13px}.chip[aria-pressed=true]{background:var(--navy);color:white}.people-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.person-card{padding:0;text-align:left;border-radius:18px;overflow:hidden;background:white;box-shadow:0 5px 20px #12233b05}.person-card>img{width:100%;height:190px;object-position:center 20%}.person-card .person-info{padding:15px 13px}.person-info strong{font-size:18px}.person-info small{display:block;font-size:11px;color:var(--muted);margin-top:5px}.person-info .tags{font-size:11px;color:#7d5435;margin-top:10px}.person-card .card-end{display:flex;align-items:center;justify-content:space-between;margin-top:13px;font-size:12px;color:var(--muted)}.card-end svg{width:16px}.empty{text-align:center;padding:60px 15px;color:var(--muted)}.feed-card{background:white;border-radius:18px;padding:20px;margin:16px 0}.feed-head{display:flex;gap:10px;align-items:center;font-size:14px}.feed-head img{width:38px;height:38px;border-radius:12px}.feed-head small{display:block;color:var(--muted)}.feed-card>p{font-size:15px;margin:16px 0}.feed-card>img{width:100%;height:240px;border-radius:14px}.feed-actions{display:flex;justify-content:space-between;margin-top:12px;align-items:center;color:var(--muted);font-size:12px}.feed-actions button{min-width:44px;min-height:44px;display:flex;gap:7px;align-items:center}.feed-actions button.liked{color:var(--coral)}.profile-head{display:flex;gap:15px;align-items:center;margin:12px 0 24px}.profile-head img{width:64px;height:64px;border-radius:20px}.profile-head h1{font-size:26px;margin-bottom:4px}.profile-head small{color:var(--muted)}.account-card{background:white;border-radius:20px;padding:22px;margin-bottom:16px}.account-card .account-heading{display:flex;align-items:center;justify-content:space-between}.account-card .account-heading p{font-size:13px;color:var(--muted)}.copy-account{display:flex;align-items:center;gap:7px;min-height:44px;font-size:13px}.balance{display:flex;align-items:baseline;gap:8px;margin:8px 0 16px}.balance strong{font-size:48px;font-variant-numeric:tabular-nums;letter-spacing:-2px}.balance small{color:var(--muted)}.rule-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;text-align:left;min-height:48px;border-top:1px solid var(--line);padding:16px 0 0;font-size:14px}.rule-trigger svg{width:18px;transition:transform .2s}.rule-trigger[aria-expanded=true] svg{transform:rotate(180deg)}.rule-body{font-size:13px;color:var(--muted);line-height:1.7;padding-top:16px}.tool-row{display:flex;align-items:center;gap:14px;padding:18px 0;width:100%;text-align:left;border-bottom:1px solid var(--line)}.tool-row .tool-icon{width:46px;height:46px;border-radius:15px;background:var(--blue);display:grid;place-items:center}.tool-row:nth-child(2) .tool-icon{background:var(--sand)}.tool-row strong{font-size:15px}.tool-row small{display:block;color:var(--muted);margin-top:3px}.tool-row>svg{margin-left:auto;width:17px}.back-title{display:flex;align-items:center;gap:8px;margin-bottom:12px}.back-title button{margin-left:-10px}.back-title h1{font-size:26px}.question{display:flex;width:100%;align-items:center;gap:16px;min-height:76px;padding:18px 16px;background:white;border-radius:16px;margin:12px 0;text-align:left;font-size:16px}.question svg{margin-left:auto;width:18px}.question-icon{width:42px;height:42px;border-radius:13px;background:var(--sand);display:grid;place-items:center;flex-shrink:0}.question-icon svg{margin:0}.answer-title{font-size:30px;line-height:1.45;margin:14px 0 20px}.answer-step{display:flex;gap:14px;border-top:1px solid var(--line);padding:22px 0}.answer-step>span{font-size:13px;color:var(--coral);padding-top:3px}.answer-step h2{font-size:18px;margin-bottom:8px}.answer-step p{font-size:14px;color:var(--muted)}.dialog{padding:0;border:0;background:white;color:var(--ink);position:fixed;inset:auto 0 0;margin:0 auto;width:min(100%,480px);max-width:480px;max-height:94dvh;border-radius:28px 28px 0 0;overflow:hidden;box-shadow:0 -12px 70px #111a2e1f}.dialog::backdrop{background:#111a2e70}.dialog-inside{max-height:94dvh;overflow:auto;overscroll-behavior:contain;padding-bottom:calc(20px + env(safe-area-inset-bottom));scrollbar-width:thin}.dialog-top{height:68px;display:flex;align-items:center;justify-content:space-between;padding:10px 20px;position:sticky;top:0;background:#fff;z-index:2}.dialog-top h2{font-size:17px}.dialog-top .round{background:var(--paper)}.drag-handle{position:absolute;top:6px;left:calc(50% - 18px);width:36px;height:4px;border-radius:3px;background:#d5d7df}.detail-photo{width:100%;height:340px;object-position:center 20%;background:var(--paper)}.detail-content{padding:22px 24px}.detail-content h3{font-size:28px;letter-spacing:-.7px;margin-bottom:7px}.detail-content .meta-line{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:13px}.detail-content p{font-size:14px;color:var(--muted);margin:20px 0}.detail-tags{display:flex;gap:7px;flex-wrap:wrap;margin:18px 0}.detail-tags span{font-size:12px;background:var(--blue);border-radius:8px;padding:7px 10px}.availability{display:flex;gap:8px;margin:20px 0}.availability span{flex:1;padding:12px;background:var(--paper);border-radius:12px;text-align:center;font-size:12px}.availability b{display:block;font-size:14px;margin-bottom:5px}.detail-buttons{display:flex;gap:10px}.detail-buttons .primary{flex:1}.detail-buttons .round{background:var(--paper);height:52px;width:52px;border-radius:16px}.favorited{color:var(--coral)}.city-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:10px 22px 26px}.city-grid button{background:var(--paper);border-radius:14px;min-height:54px}.city-grid button.selected{background:var(--navy);color:white}.dialog-copy{padding:16px 24px 20px}.dialog-copy p{font-size:15px;color:var(--muted);margin:12px 0 22px}.toast{position:fixed;z-index:99;bottom:calc(95px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);padding:13px 19px;border-radius:14px;background:var(--navy);color:white;font-size:13px;width:max-content;max-width:calc(100% - 32px);box-shadow:0 8px 24px #111a2e20;pointer-events:none}.toast[hidden]{display:none}.hub{padding:50px 26px 40px;max-width:1320px;margin:auto}.hub h1{font-size:36px;letter-spacing:-1.3px}.hub-intro{color:var(--muted);margin:14px 0 32px;font-size:15px;max-width:620px}.swatches{display:flex;gap:8px;margin-bottom:28px}.swatches i{width:28px;height:28px;border-radius:9px;border:1px solid var(--line)}.hub-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.hub-card h2{font-size:20px;margin-bottom:6px}.hub-card>p{font-size:13px;color:var(--muted);margin-bottom:16px;min-height:40px}.hub-card>a{margin-bottom:16px}.hub-card iframe{display:block;border:1px solid var(--line);width:100%;height:790px;border-radius:26px;background:var(--paper);box-shadow:0 16px 40px #17233d0b}.hub-footer{color:var(--muted);font-size:12px;margin-top:26px}.skip{position:fixed;top:-80px;z-index:100;background:white;padding:16px}.skip:focus{top:0}@media(min-width:700px){body:has(.screen){background:#e8eaef}.screen{box-shadow:0 8px 60px #17233d13}}@media(max-width:780px){.hub-grid{grid-template-columns:1fr}.hub-card iframe{display:none}.hub{padding:34px 22px}.hub h1{font-size:30px}.hub-card{padding:20px;background:#fff;border-radius:20px}.hub-card>p{min-height:0}.hub-card>a{margin-bottom:0}}@media(max-width:370px){.main{padding-left:18px;padding-right:18px}.hero-title{font-size:34px}.f-title{font-size:36px}.tile{padding:18px 14px}.tile strong{font-size:21px}.prototype-label{display:none}.nav-item{font-size:10px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

.title-line{display:block}.tile .large-symbol svg{width:90px;height:90px;stroke-width:1.2}

.variant-D .main:has(.cover-book){padding-top:2px}
.cover-mast,.cover-index,.market-heading,.market-row,.market-end{display:flex;align-items:center}
.cover-mast{justify-content:space-between;margin:5px 0 16px}
.cover-mast h1{font-size:clamp(26px,7vw,32px);line-height:1.2;letter-spacing:-1.3px}
.cover-mast>span{color:var(--muted);font-size:12px;font-variant-numeric:tabular-nums}
.cover-counter{color:var(--ink);font-size:21px;font-weight:600}
.cover-window{overflow:hidden;border-radius:20px}
.cover-track{display:flex;touch-action:pan-y pinch-zoom}
.cover-slide{flex:0 0 100%;min-width:0}
.cover-image{position:relative;isolation:isolate;height:clamp(240px,43svh,380px);overflow:hidden;border-radius:20px;background:var(--navy);color:white}
.cover-image>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 58%;user-select:none;-webkit-user-drag:none}
.cover-slide:nth-child(2) img{object-position:center 28%}
@media(prefers-reduced-motion:no-preference){.cover-image>img{transform:translateX(var(--cover-drift,0px)) scale(1.08)}}
.cover-image:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0d192264,transparent 88%),linear-gradient(0deg,#0e182ae0,transparent 83%);pointer-events:none}
.cover-locator,.cover-story{z-index:1;position:absolute;left:22px}
.cover-locator{display:flex;align-items:center;gap:6px;top:17px;min-height:28px;padding:4px 10px;border-radius:20px;background:#17233dd9;font-size:12px;color:#fff}
.cover-locator svg{width:13px;height:13px}
.cover-story{bottom:23px;right:18px}
.cover-title{display:block;font-size:clamp(36px,10.3vw,49px);line-height:1.12;letter-spacing:-1.5px;font-weight:750;text-shadow:0 1px 10px #09132650}
.cover-title span{display:block}
.cover-action{display:inline-flex;align-items:center;gap:16px;min-height:46px;margin-top:16px;padding:11px 17px;border-radius:13px;background:white;color:var(--navy);font-size:14px;font-weight:700;touch-action:manipulation}
.cover-action svg{width:18px;height:18px}
.cover-index{gap:10px;margin-top:8px}
.cover-index button{flex:1;position:relative;display:flex;align-items:center;justify-content:flex-start;gap:7px;min-height:48px;padding:4px 2px;border-bottom:2px solid var(--line);color:var(--muted);font-size:14px}
.cover-index button:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background:var(--coral);transform:scaleX(0);transform-origin:left;transition:transform .23s ease-out}
.cover-index button[aria-pressed=true]{font-weight:700;color:var(--ink)}
.cover-index button[aria-pressed=true]:after{transform:scaleX(1)}
.cover-index small{font-size:11px;font-variant-numeric:tabular-nums}
.cover-sr{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden}
.market-heading{justify-content:space-between;margin:25px 0 12px}
.market-heading h2{font-size:21px;letter-spacing:-.6px}
.market-heading small{color:var(--muted)}
.market-row{width:100%;padding:16px;gap:15px;background:var(--white);border-radius:16px;text-align:left}
.market-thumb{width:63px;height:76px;object-fit:cover;border-radius:10px}
.market-text strong{display:block;font-size:17px;margin:5px 0}
.market-text small,.market-end{font-size:12px;color:var(--muted)}
.market-row>svg{margin-left:auto;width:18px;color:var(--ink)}
.market-end{gap:7px}.market-end i{width:3px;height:3px;border-radius:50%;background:var(--coral)}
@media(max-height:670px){.cover-image{height:240px}.cover-title{font-size:34px}.cover-story{bottom:15px}.cover-action{margin-top:10px}}
@media(prefers-reduced-motion:reduce){.cover-index button:after{transition:none}}

.variant-D .main:has(.order-room){padding:0;min-height:0}
.order-room{height:calc(100vh - 144px - env(safe-area-inset-bottom));height:calc(100dvh - 144px - env(safe-area-inset-bottom));overflow:hidden}
.order-room iframe{display:block;width:100%;height:100%;border:0;background:var(--paper)}
.order-room.film-room{overflow:auto;padding:18px 22px 32px}
.film-room header small,.film-room [role=status]{font-size:13px;color:var(--muted)}
.film-room h1{font-size:29px;line-height:1.45;margin:12px 0 20px;letter-spacing:-1px}
.film-player{margin-bottom:20px}
.film-player video{display:block;width:100%;max-height:45dvh;background:var(--navy);border-radius:16px}
.film-player p{margin:10px 0}
.film-room button[hidden]{display:none}.film-room button:disabled{color:#485569;background:#e6e8ef}
.film-room [data-film-retry]{margin:12px 0}

}
.d-root{--paper:#f8f8fb;--ink:#111a2e;--navy:#17233d;--muted:#616b7d;--line:#e6e8ef;--peach:#fff2e9;--coral:#e7614b;--sand:#f0e6d4;--blue:#eaf0f7;--white:white;font:16px/1.5 system-ui,"Microsoft YaHei",sans-serif;color:var(--ink)}
body:has(.d-root),body:has(.d-root) #app{padding:0;margin:0;background:#f8f8fb;max-width:none}
body .d-root .screen{height:auto;display:block;padding:0;overflow:visible;min-height:100dvh}
.d-root .main{width:100%;max-width:100%;box-sizing:border-box}
.d-root .screen>.public-header{margin:0;padding-inline:22px}.d-root .clear-nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,480px);right:auto;z-index:12;background:#fff;padding-bottom:env(safe-area-inset-bottom)}
.d-root [hidden]{display:none!important}.d-root .market-heading a,.d-root .city-switch{color:#565b65;font-size:13px}
.d-root .d-filter{display:grid;grid-template-columns:1fr 1fr;gap:10px 12px;margin:0 0 18px}.d-root .d-filter label{display:grid;gap:4px;min-width:0;font-size:12px;color:#565b65}.d-root .d-filter select{padding:8px 10px;width:100%;height:44px;border:1px solid #dbdce0;background:#fff;border-radius:10px;color:#17233d}.d-root .d-sex{grid-column:1/-1;min-width:0;border:0;padding:0;margin:0;display:flex;align-items:center;gap:8px}.d-sex legend{float:left;margin-right:8px;font-size:13px;color:#555c67}.d-root .chip,.d-root .cover-index button{min-height:44px}.d-root .person-card .initial{display:grid;place-items:center;height:160px;background:#f0e6d4;font-size:40px}.d-root .person-card img{object-fit:cover}.d-root .person-info strong{display:block}
body:has(.story-frame){background:#f8f8fb}body:has(.story-frame) .story-frame{display:block;max-width:480px;margin-inline:auto}
body.ui-story{max-width:480px;margin-inline:auto}
@media(prefers-reduced-motion:no-preference){.d-root .person-card:active,.d-root .market-row:active{transform:scale(.984);transition:transform .12s}}

body:has(.story-frame) .order-shell{max-width:480px;width:100%;margin:0 auto;padding:0;display:grid;grid-template-rows:60px minmax(0,1fr) calc(68px + env(safe-area-inset-bottom));height:100dvh;min-height:0;background:#f8f8fb}
body:has(.story-frame) .order-shell .story-host,body:has(.story-frame) .order-shell .story-frame{height:100%;min-height:0;background:#f8f8fb}
.d-order-head,.d-order-nav{display:flex;align-items:center;background:#f8f8fb;font-family:system-ui,sans-serif;color:#17233d}
.d-order-head{justify-content:space-between;padding:0 20px}.d-order-head a,.d-order-nav a{display:flex;align-items:center;gap:8px;text-decoration:none;color:inherit}.d-order-head a:first-child{font-size:22px;font-weight:750}.d-order-head img{width:32px;height:32px}.d-order-nav{justify-content:space-around;border-top:1px solid #e6e8ef;background:white;padding-bottom:env(safe-area-inset-bottom)}.d-order-nav a{flex-direction:column;justify-content:center;gap:2px;font-size:12px;min-width:52px;min-height:48px}.d-order-nav svg{height:20px;width:20px}.d-order-nav a:first-child{color:#b74936}
/* One canvas and a stationary navigation rail across native and D pages. */
html:has(body.ui-platform){overflow-y:scroll;scrollbar-gutter:stable}
body.ui-platform,body.ui-platform #app,body.ui-platform #app .portal-shell{background:#f8f8fb;color:#17233d}
body.ui-platform #app .portal-shell{width:100%;max-width:480px;margin-inline:auto;box-sizing:border-box}
body.ui-platform .clear-arrive,body.ui-platform .clear-return{animation:none!important;transform:none}
body.ui-platform #app .clear-nav{width:min(100%,480px);left:0;right:0;margin-inline:auto;transform:none;background:#fff;border-color:#e6e8ef}
body.ui-platform #app .clear-nav .active{color:#b34a36}
body.ui-platform :is(.public-profile-page,.public-task-page,.circle-forum-shell){--paper:#f8f8fb;--ink:#17233d;--blue:#17233d;--line:#e2e1df}
body.ui-platform #app :is(.public-profile-page,.public-task-page){padding-inline:clamp(14px,4vw,22px);padding-bottom:100px}
body.ui-platform #app .public-profile-hero{display:grid;grid-template-columns:minmax(85px,34%) minmax(0,1fr);gap:clamp(12px,3vw,20px);align-items:center;padding:18px 0 22px;background:none;box-shadow:none;border:0;border-bottom:1px solid #dddde3;border-radius:0}
.d-kicker{display:block;color:#955438;font-weight:650;font-size:12px;letter-spacing:.09em;margin-bottom:6px}
body.ui-platform .public-profile-hero h1{font-size:clamp(25px,6vw,35px);line-height:1.16;letter-spacing:-.045em;margin:5px 0;color:#151e32}
body.ui-platform #app .public-profile-hero small{color:#626878;font-size:12px;font-weight:500}
body.ui-platform #app .public-profile-hero p{font-size:14px;line-height:1.6;color:#495367;margin:6px 0;overflow-wrap:anywhere}
body.ui-platform .public-profile-hero .d-portrait{display:block;padding:0;border:0;background:#ede4d7;box-shadow:none;width:100%;height:auto;aspect-ratio:4/5;border-radius:13px;overflow:hidden}
body.ui-platform #app .d-portrait img{display:block;width:100%;height:100%;border-radius:0;object-fit:cover;object-position:center 30%}
.d-lightbox{border:0;border-radius:16px;background:#17233d;color:white;padding:10px;max-width:92vw;max-height:90dvh}.d-lightbox::backdrop{background:#121923c9}.d-lightbox img{display:block;max-width:84vw;max-height:75dvh;object-fit:contain}.d-lightbox button{display:block;margin:0 0 6px auto;min-height:44px;color:white;border:0;background:transparent}
body.ui-platform #app [data-kind=studio] .public-profile-hero{grid-template-columns:62px minmax(0,1fr);align-items:start;padding-top:24px}
body.ui-platform #app [data-kind=studio] :is(.public-profile-avatar,.public-studio-logo){width:62px;height:62px;aspect-ratio:1;object-fit:contain;border-radius:14px;font-size:26px;background:#ece2d2;color:#503e30;box-shadow:none}
body.ui-platform #app .detail-tags i{color:#695442;background:#f1e9dd;border:0;font-size:11px}
body.ui-platform #app :is(.public-profile-card,.public-task-card){padding:16px 0;margin:0;background:none;border:0;border-radius:0;box-shadow:none}
.d-section{font-size:18px;letter-spacing:-.02em;margin:6px 0 12px}
body.ui-platform #app :is(.public-profile-card .complete-info,.coop-detail-price){display:block;border:0;padding:0;background:transparent}
body.ui-platform #app :is(.public-profile-card .complete-info>div,.coop-detail-price>span){display:grid;grid-template-columns:6em minmax(0,1fr);align-items:baseline;gap:8px;padding:10px 0;border:0;border-bottom:1px solid #e4e2df;border-radius:0;background:transparent;font-size:14px}
body.ui-platform #app :is(.complete-info,.coop-detail-price) small{color:#626979;font-size:13px}
body.ui-platform #app .score-row{display:flex;justify-content:flex-start;gap:20px;padding:10px 0 0;border:0;margin:0}.score-row b{font-size:16px}
.d-fold{border-bottom:1px solid #e0deda;padding:3px 0;margin:6px 0 12px;color:#56616e;font-size:13px}.d-fold summary{cursor:pointer;padding:12px 0;min-height:44px;box-sizing:border-box}
body.ui-platform #app .d-fold .profile-id-bar{background:transparent;border:0;box-shadow:none;color:#555d68;padding:6px 0}.d-fold .profile-id-bar b{color:#455061;font-size:14px}
body.ui-platform #app .d-fold .profile-id-bar button,.d-demo{color:#714d3a;border:0;border-radius:9px;background:#f1e8da;min-height:44px;padding:4px 12px}
body.ui-platform #app .public-profile-note{display:block;background:none}.public-profile-note p{font-size:12px;line-height:1.65}
body.ui-platform #app :is(.public-task-hero,.cooperation-detail-hero){display:block;background:#eee5d7;color:#17233d;border-radius:18px;box-shadow:none;padding:20px;margin-block:10px 12px}
body.ui-platform #app .public-task-hero h1{font-size:clamp(24px,5.7vw,32px);color:#17233d;line-height:1.25;margin:8px 0}.public-task-hero strong{font:650 23px/1.5 system-ui;color:#774b36}
body.ui-platform #app .task-studio-line{border:0;box-shadow:none;background:none;padding:0 0 12px;border-radius:0}
body.ui-platform #app .task-studio-line button{background:#f1e8da;color:#644530}
body.ui-platform #app :is(.public-profile-actions,.public-task-actions) .primary,body.ui-platform .auth-sheet .primary{background:#17233d;color:#fff;border-color:#17233d}
body.ui-platform .sheet button.close{width:44px!important;min-width:44px!important;max-width:44px!important;height:44px!important;min-height:44px!important;max-height:44px!important;flex:0 0 44px!important;aspect-ratio:1;box-sizing:border-box;border-radius:50%!important;padding:0!important;border:0;font-size:0!important;background:#eeeae5}
body.ui-platform .sheet button.close:before,body.ui-platform .sheet button.close:after{content:"";position:absolute;left:50%;top:50%;width:15px;height:2px;transform:translate(-50%,-50%) rotate(45deg);background:#394456;border-radius:1px}
body.ui-platform .sheet button.close:after{transform:translate(-50%,-50%) rotate(-45deg)}
body.ui-platform #app .circle-forum-shell :is(.circle-forum-hero,.circle-forum-toolbar,.circle-forum-feed){background:#f8f8fb;box-shadow:none}
body.ui-story #app button.hook-cta i{display:grid;place-items:center;width:32px;height:32px;position:absolute;right:15px;top:50%;transform:translateY(-50%);font-size:0;background:transparent;color:white;border:1px solid #ffffff70;border-radius:50%;padding:0}
body.ui-story #app .hook-cta i::before{content:"";width:14px;height:14px;background:currentColor;mask:center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12h15m-6-6 6 6-6 6'/%3E%3C/svg%3E")}

body.ui-platform #app .public-profile-page[data-kind=studio] .public-profile-avatar.studio-default-avatar,body.ui-platform #app .task-studio-line .studio-default-avatar{background:#efe1ca!important;color:#62462f!important;box-shadow:none!important}
body.ui-platform #app .public-task-page .public-task-hero.cooperation-detail-hero{background:#f0e7d8!important;border:0!important}
body.ui-platform #app .public-task-page .public-task-hero.cooperation-detail-hero :is(h1,strong){background:none!important;color:#1c2a3b!important;-webkit-text-fill-color:currentColor!important;font-family:inherit}
body.ui-platform #app .public-task-page .coop-detail-price>span:first-child{display:none}
body.ui-platform #app .task-studio-line{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:9px}
body.ui-platform #app .task-studio-line button{grid-column:auto;min-height:44px;width:auto;color:#604932;background:#f2e9db;padding:0 9px}
body.ui-platform #app .circle-forum-shell .circle-forum-hero{display:grid;grid-template-columns:1fr auto;align-items:end;gap:12px;background:#f8f8fb!important;padding:24px 0 16px;border-bottom:1px solid #dedee6;border-radius:0}
body.ui-platform #app .circle-forum-hero h1{font-size:clamp(24px,6vw,30px);color:#17233d;letter-spacing:-.04em}
body.ui-platform #app .circle-forum-shell .circle-forum-hero>button{width:auto;min-height:44px;min-width:68px;padding:0 12px;background:#17233d!important;color:#fff;border-radius:12px}
body.ui-platform #app .circle-forum-shell .circle-forum-toolbar{border:0;padding:14px 0;background:#f8f8fb!important}
body.ui-platform .auth-sheet#auth-form .auth-notice{background:#f2ece3;color:#574f45}.d-demo{align-self:flex-start;font-weight:650}.auth-sheet#auth-form button[type=submit]{background:#17233d!important;color:white}

/* D integrated surfaces */
@scope (#learning-content) {
.variant-D{--wine:#994e39;--hair:#e1dfdb}.variant-D .chooser-link{color:var(--ink);font-weight:650;font-size:15px}.variant-D .prototype-label{font-weight:400;color:#6d6965}.variant-D .main{min-width:0}.flow-intro{margin:10px 0 24px}.flow-intro small,.volume-cover small,.volume,.welcome-photo small,.member small,.pack-cover>small{font-size:12px;letter-spacing:.08em;font-weight:650}.flow-intro small{color:var(--wine)}.flow-intro h1{font-size:clamp(28px,7.6vw,38px);letter-spacing:-.055em;line-height:1.24;margin-top:7px;text-wrap:pretty}.flow-intro p,.flow-note{font-size:13px;color:#5e6371;line-height:1.65;margin:12px 0}.flow-back,.link-action{min-height:44px;display:inline-flex;align-items:center;gap:7px;font-size:14px;color:#545b68}.flow-back{padding:0;margin-bottom:5px}.flow-back svg{width:17px}.link-action{width:100%;justify-content:center}.welcome-photo,.volume-cover,.course-cover,.lesson-stage{position:relative;isolation:isolate;overflow:hidden;border-radius:22px;background:#28313b;color:white}.welcome-photo img,.volume-cover img,.course-cover img,.lesson-stage img{position:absolute;inset:0;width:100%;height:100%;z-index:-2;object-fit:cover}.welcome-photo:before,.volume-cover:before,.course-cover:before,.lesson-stage:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#171d27ec,transparent 100%)}.welcome-photo{height:clamp(224px,36dvh,322px);display:flex;align-items:end;padding:23px}.welcome-photo h1{font-size:clamp(32px,9vw,48px);letter-spacing:-.055em;line-height:1.15;margin-top:8px}.entry-controls{margin:22px 0 0}.entry-controls>.secondary,.flow-form input,.flow-form textarea{border:1px solid var(--hair);border-radius:14px}.entry-controls>.secondary{height:50px;margin-top:9px}.wx-action{display:flex;align-items:center;justify-content:center;gap:10px;background:#17233d;color:#fff;width:100%;height:54px;border-radius:15px;font-weight:700}.wx-action svg{color:#f1c4a6}.entry-controls .link-action{width:50%;margin-top:8px}.flow-form{padding:18px;background:#fff;border:1px solid var(--hair);border-radius:20px}.flow-form label,.flow-form legend{display:block;font-size:14px;font-weight:650;margin-bottom:15px}.flow-form input:not([type=radio]),.flow-form textarea{display:block;margin-top:7px;padding:12px;width:100%;font:inherit;font-weight:400;background:#fcfbf9;min-height:46px;color:#17233d}.flow-form textarea{min-height:114px;resize:vertical}.flow-form fieldset{border:0;padding:0}.role-pair{display:grid;grid-template-columns:1fr 1fr;gap:9px}.role-pair label{position:relative;padding:13px;border:1px solid var(--hair);border-radius:13px}.role-pair input{accent-color:#17233d}.role-pair small{display:block;color:#655b55;margin-top:6px}.role-pair label:has(:checked){background:#fff2e9;border-color:#bd806c}.book-shelf{display:grid;gap:13px;margin-bottom:22px}.course-cover{min-height:192px;text-align:left;padding:20px;display:flex;flex-direction:column;align-items:start;justify-content:space-between}.course-cover:before,.volume-cover:before{background:linear-gradient(90deg,#211f20df, #211f2075 60%,#211f2010)}.vol-A img{object-position:50% 34%}.vol-B img{object-position:50% 52%}.volume{border-bottom:1px solid #d9c8b1;padding-bottom:5px;color:#fbdfc5}.book-copy{width:100%}.book-copy>*{display:block}.book-copy strong,.volume-cover h1{font-family:'Songti SC','SimSun',serif;font-size:38px;font-weight:600;letter-spacing:.04em;line-height:1.3}.book-copy>span{display:flex;justify-content:space-between;align-items:center;font-size:13px;margin-top:8px}.book-copy>small{color:#fff1e0}.volume-cover{height:169px;padding:20px;display:flex;align-items:end}.volume-cover h1{margin:6px 0}.volume-cover span{font-size:13px}.start-lesson{margin-top:9px}.chapter-heading,.lesson-row,.segment-book summary{display:flex;align-items:center;gap:12px}.chapter-heading{margin:26px 0 8px;justify-content:space-between}.chapter-heading h2{font-size:21px}.chapter-heading small,.track-no,.lesson-row small,.segment-book small{color:#626a75}.lesson-row{width:100%;padding:15px 3px;text-align:left;border-bottom:1px solid var(--hair);min-height:68px}.lesson-row b,.segment-book b{font-size:15px;line-height:1.5}.lesson-row small,.segment-book small{display:block;margin-top:3px;font-weight:400;font-variant-numeric:tabular-nums}.track-no,.segment-book summary>span{width:22px;flex-shrink:0;font-size:13px;font-variant-numeric:tabular-nums;color:var(--wine)}.lesson-row>svg,.segment-book summary svg{margin-left:auto;width:15px}.segment-book{background:#f1e9db;border-radius:16px;margin-top:10px;padding:0 12px}.segment-book summary{list-style:none;min-height:72px;cursor:pointer}.segment-book[open] summary svg{transform:rotate(180deg)}.lesson-stage{aspect-ratio:16/10;display:grid;place-items:center;text-align:center}.lesson-stage:before{background:#15202bc9}.lesson-stage strong{display:block;font-size:22px;margin:9px 0}.lesson-stage button{min-width:55px;min-height:44px;background:white;color:var(--ink);border-radius:28px;padding:8px 15px}.timeline{margin:13px 0;display:flex;align-items:center;gap:12px;font-size:12px}.timeline input{flex:1;min-width:0;accent-color:var(--wine);height:36px}.timeline span{font-variant-numeric:tabular-nums}.member{display:flex;align-items:center;gap:14px;padding:18px 0}.member h1{font-size:25px;margin:3px 0}.member p,.flow-list-item small{color:var(--muted);font-size:13px}.member-avatar{width:60px;height:65px;border-radius:18px;background:#efe2cd;display:grid;place-items:center;font:30px serif;color:#604c3b}.point-panel,.sample-account,.flow-list-item{padding:18px 16px;border:1px solid var(--hair);background:white;border-radius:16px;margin:12px 0}.point-panel strong{font-size:32px}.point-panel summary{font-size:14px;font-weight:600;min-height:44px;align-content:center;color:#3f4756;cursor:pointer}.point-panel p{font-size:14px}.tool-sample{display:flex;align-items:center;gap:16px;background:white;border:1px solid var(--hair);border-radius:18px;text-align:left;width:100%;margin-bottom:12px;padding:12px}.tool-sample img{height:90px;width:65px;object-position:top;border-radius:6px}.tool-sample small,.flow-list-item small{display:block;margin-top:6px}.tool-sample svg{margin-left:auto;width:18px}.print-preview,.paper-card{border:1px solid var(--hair);border-radius:14px;margin:16px auto;width:100%}.paper-card,.pack-cover{padding:28px;background:#f1e7d5}.paper-card h2,.pack-cover h2{font:600 32px/1.35 'Songti SC','SimSun',serif;margin:25px 0}.paper-card p{white-space:pre-wrap;overflow-wrap:anywhere}.paper-card footer{border-top:1px solid #cbbba2;margin-top:45px;padding-top:12px;font-size:12px}.pack-cover{border-radius:18px}.pack-cover strong{display:block;font-size:30px;margin-top:20px}.diagnostic-room{width:calc(100% + 24px);margin:0 -12px;border:0;height:calc(100dvh - 168px - env(safe-area-inset-bottom));min-height:280px}.variant-D[data-page=diagnosis] .main{padding-bottom:0;min-height:0}.flow-list-item,.sample-account{overflow-wrap:anywhere}.variant-D button:focus-visible,summary:focus-visible{outline:3px solid #677e9c;outline-offset:2px}@media(prefers-reduced-motion:no-preference){.book-shelf .course-cover,.role-pair label,.track-list .lesson-row{animation:shelve .32s ease-out both}.book-shelf .course-cover:nth-child(2){animation-delay:.06s}.segment-book[open] .lesson-row{animation-duration:.2s}.segment-book svg{transition:transform .2s}.course-cover img{transition:transform .35s ease-out}.course-cover:active img{transform:scale(1.035)}@keyframes shelve{from{opacity:.65;transform:translateY(5px)}}}
.social-compose{min-height:46px;border-radius:14px;font-weight:600}.social-post{display:block;text-align:left;padding:18px 0;width:100%;border-bottom:1px solid var(--hair)}.social-post small,.post-detail small{color:#675a4c}.social-post h2{font-size:22px;line-height:1.35;margin:8px 0 14px}.social-post img,.post-detail img{width:100%;aspect-ratio:1.9;object-fit:cover;border-radius:16px}.social-post span{display:flex;gap:6px;align-items:center;margin-top:10px;font-size:13px}.social-post svg{width:16px}.post-detail{margin-bottom:18px}.post-detail p{margin:14px 0;white-space:pre-wrap;overflow-wrap:anywhere}.primary:disabled{background:#526050}.variant-D .tool-row small{line-height:1.5}
.role-switch{display:flex;align-items:center;gap:4px;min-height:44px;font-size:13px;color:#5c4a3b}.role-switch svg{width:14px}

}
@scope (body.ui-diagnosis) {
:root{--paper:#f8f8fb;--paper-2:#f0e6d4;--ink:#111a2e;--course:#17233d;--course-dark:#17233d;--course-soft:#fff2e9;--muted:#556174;--line:#e2e2e6;--tool:#17233d;--shadow:none}html,body,.app-shell,.page{background:#f8f8fb;color:#111a2e;font-family:-apple-system,BlinkMacSystemFont,"Microsoft YaHei",sans-serif}.course-header,.tool-header{position:static;background:transparent;color:var(--ink);padding:14px 18px;border:0}.brand-lockup span{display:none}.header-chip{color:#6b4b34;background:#f0e6d4;border:0}.page{padding:5px 18px 32px;max-width:100%}.progress{gap:5px;margin:9px 0 25px}.progress i{height:3px;background:#ddd9d1}.progress i.done{background:#cc6049}.page h1{font-size:clamp(26px,7vw,35px);line-height:1.3;letter-spacing:-.05em}.page h2{font-size:20px}.page p,.page li{line-height:1.7}.page fieldset,.advice-card,.free-takeaway,.method-row,.diagnosis-result,.route-card,.foundation-grid article{background:white;border:1px solid var(--line);border-radius:18px;box-shadow:none}.page button{min-height:44px}.page .primary,.page .secondary,.page .ghost,.page .method-list button{border-radius:14px}.page .primary{background:#17233d;color:white}.page .eyebrow,.step-number,.method-row>b{color:#994634}.stage-option:has(input:checked),.problem-option:has(input:checked){background:#fff2e9;border-color:#c9836d}.question-context,.resume-banner{background:#f0e6d4;color:#443b31;border-radius:12px}.page img{max-width:100%}@media(prefers-reduced-motion:no-preference){.page{animation:enter .2s ease-out}@keyframes enter{from{opacity:.65;transform:translateY(4px)}}}
.app-shell.course .course-header{background:transparent;border:0}.app-shell.course .page h1{font-family:inherit;font-weight:750;letter-spacing:-.045em}.app-shell.course .question-context{display:inline-block;padding:7px 11px;line-height:1.45;font-size:13px}.method-list .method-row{padding:15px 13px;gap:10px;margin:8px 0;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent}.method-row>b{font-size:15px}.method-row h3{line-height:1.45}.page .method-list{border:0}

}
/* Actual learning controls keep their original event handlers, disabled state and server receipts. */
body.ui-platform #app .learning-content{--hair:#dfdfe3;--wine:#90543b;--navy:#17233d;--muted:#5b6472;padding:8px clamp(16px,4vw,22px) 104px;color:#17233d}
#app .learning-content :is(.learning-back,.d-label){color:#665746;font-size:13px}
#app .learning-content .d-label{display:block;margin:12px 0 6px;font-weight:650;letter-spacing:.05em}
#app .learning-content .learning-back{border:0;box-shadow:none;background:none;padding:0;text-align:left;min-height:44px}
#app .learning-content .d-books{display:grid;grid-template-columns:1fr;gap:14px}
#app .learning-content .course-cover,#app .learning-content .volume-cover{position:relative;isolation:isolate;overflow:hidden;border:0;border-radius:20px;box-shadow:none;color:#fff;background:#26333a;padding:20px}
#app .learning-content .course-cover{min-height:192px;display:flex;flex-direction:column;text-align:left;align-items:flex-start;justify-content:space-between}
#app .learning-content .book-copy{display:block;width:100%;background:none;padding:0;color:white}
#app .learning-content .book-copy span,#app .learning-content .volume{font-size:13px;padding:0;border-radius:0;color:#fff4df;background:none}
#app .learning-content .volume{padding-bottom:5px;border-bottom:1px solid #d9c8b1}
#app .learning-content .book-copy strong,#app .learning-content .volume-cover h1{color:white;font:600 clamp(31px,8vw,38px)/1.3 "Songti SC",SimSun,serif;margin:4px 0;letter-spacing:.04em}
#app .learning-content .volume-cover{height:169px;display:flex;align-items:end}
#app .learning-content .d-access{font-size:13px;margin:10px 0;color:#58636c}
#app .learning-content .d-start{display:block;border-radius:14px;background:#17233d;color:white;text-align:center;padding:13px;font-weight:650;text-decoration:none;min-height:46px;box-sizing:border-box}
#app .learning-content .track-list,#app .track-list ol{list-style:none;padding:0;margin:0}
#app .learning-content .track-list li{background:none;padding:0;margin:0;border:0;border-radius:0}
#app .learning-content .track-list .lesson-row{display:flex;align-items:center;gap:12px;background:transparent;border:0;border-bottom:1px solid #dfdfe3;border-radius:0;box-shadow:none;padding:14px 2px;min-height:66px;color:#17233d;text-decoration:none}
#app .learning-content .track-list .track-no,#app .learning-content .segment-book .track-no{flex:0 0 23px;color:#90543b;font:500 16px/1.5 Georgia,serif}
#app .learning-content .track-copy{flex:1;min-width:0;color:inherit;background:none}
#app .learning-content .track-copy b,#app .learning-content .track-copy small{display:block;line-height:1.45}
#app .learning-content .d-play,#app .learning-content .d-caret{margin-left:auto;color:#786753;background:none;font-size:16px}
#app .learning-content .segment-book{background:#fffaf3;border:1px solid #e6dccc;border-radius:15px;padding:0 10px;margin-block:12px}
#app .learning-content .segment-book summary{list-style:none;display:flex;align-items:center;gap:10px;padding:15px 0;min-height:46px;cursor:pointer}
#app .learning-content .segment-book summary::-webkit-details-marker{display:none}
#app .learning-content .d-stage{background:#17233d;overflow:hidden;border-radius:16px}
#app .learning-content video[poster]:not([src]){object-fit:cover}
#app .learning-content :is(.learning-player,.learning-note,.learning-task,.learning-transcript,.d-next){box-shadow:none;border:1px solid #e1dfdb;border-radius:16px;background:#fffefa;padding:14px;margin:12px 0;color:#17233d}
#app .learning-content :is(.learning-primary,[data-learn=play]){color:#fff;background:#17233d;border-radius:12px}
#app .learning-content .d-next{display:grid;grid-template-columns:1fr auto;text-decoration:none;gap:4px}
.d-next small,.d-next b{grid-column:1}.d-next>span{grid-column:2;grid-row:1/3;align-self:center}
#app .learning-content .d-locked{background:#f1e7d5}
@media(prefers-reduced-motion:no-preference){.learning-content .volume-cover,.learning-content .lesson-row,.learning-content .course-cover{animation:d-walk-in .22s ease-out both}.learning-content .track-list>li:nth-child(2) .lesson-row{animation-delay:.035s}.segment-book[open] .d-caret{transform:rotate(180deg)}@keyframes d-walk-in{from{opacity:.78;translate:0 4px}}}
@media(prefers-reduced-motion:reduce){#app .learning-content *,body.ui-diagnosis .page{animation:none!important;transition:none!important}}
body.ui-platform :is(.account-direct-actions,.workbench-c-actions,.agreement-form,.agreement-primary-notice,.auth-sheet,.policy-sheet,.bm-sheet){--ink:#17233d;--blue:#17233d;--muted:#5d6573;--line:#dfdeda}
body.ui-platform #app .single-role-hero{background:#f0e6d4!important;color:#17233d;border:0;box-shadow:none;border-radius:18px}
body.ui-platform #app :is(.learning-tool-entry,.course-b-resource-entry,.account-direct-actions,.asset-rule,.asset-hero){box-shadow:none;border:1px solid #e0dfdb;border-radius:16px}
body.ui-platform #app :is(.single-role-hero button,.course-b-resource-entry,.learning-tool-entry){background:#fffaf2;color:#17233d}
body.ui-platform #app .account-status-card{border:1px solid #dfdcd6;color:#263044;background:#fffdfa;border-radius:14px;padding:13px}
body.ui-platform #app .account-direct-actions button{background:white;border-bottom:1px solid #e4e2de}
body.ui-platform #app .asset-hero{background:#202c42;color:white}
body.ui-platform #app .agreement-member-hero{background:#253349;color:white}
body.ui-platform .sheet:not(.admin-panel){background:#fffefa;overscroll-behavior:contain}
body.ui-platform .sheet :is(.auth-role-option input:checked+span,.auth-notice){background:#f2e9dc;border-color:#b49a77}
body.ui-platform .sheet .auth-policy-link{color:#78523a}
body.ui-platform :is(.bm-actions,.bm-stepper,.bm-tabs) button{border-radius:11px;min-height:44px}
body.ui-platform .bm-actions button.primary,body.ui-platform #app .course-b-shell button.primary{color:#fff;background:#17233d}
body.ui-platform .bm-actions button:disabled{opacity:.58}
body.ui-diagnosis:not(:has(.story-frame)) #app .app-shell{max-width:480px;margin-inline:auto;background:#f8f8fb}
body.ui-diagnosis #app .price-lockup{background:#f1e7d5;color:#17233d;border:0;border-radius:16px;padding:20px}
body.ui-diagnosis #app .price-lockup strong{color:#17233d}


body.ui-platform #app .d-stage:not(:fullscreen):has(video:not([src])) #learning-media-status{background:linear-gradient(0deg,#091528c7,#09152830);color:#fff9f1;align-content:end;text-align:left;padding:14px;font-size:15px}
.d-local-note{display:block;font-size:13px;color:#695542;padding:0 4px}
#app .d-sample-link,.d-lesson-return{display:inline-flex;align-items:center;min-height:44px;color:#795338;text-decoration:underline;text-underline-offset:3px}
#app .d-lesson-return{margin:0 0 8px}
#app .d-account-fold{background:white;border-bottom:1px solid #e0ded9;margin:8px 0;border-radius:12px;padding:0 12px}.d-account-fold summary{padding:12px 0;color:#5e584e;cursor:pointer}
#app .d-desk-title{font-size:20px;margin:22px 0 10px}
#app .d-desk-entries{display:grid;gap:8px}
#app .d-desk-entries .learning-tool-entry,#app .d-desk-entries .course-b-resource-entry{background:#f0e6d4;color:#17233d;border:0;box-shadow:none;border-radius:16px;padding:16px}
body.ui-platform #app .course-b-quote-shell :is(.course-b-quote-intro,.course-b-quote-boundary),body.ui-platform #app .course-b-hero{background:#f0e6d4!important;color:#17233d;border:0;border-radius:18px;box-shadow:none}
body.ui-platform #app .course-b-quote-shell .course-b-quote-sample{background:#fffdfa;border:1px solid #e1ded8;box-shadow:none}
body.ui-platform #app .course-b-quote-shell .course-b-quote-actions button:first-child{background:#17233d!important;color:white;border-radius:14px}body.ui-platform:has(.learning-shell),body.ui-platform #app:has(.learning-shell),body.ui-platform #app .learning-shell,body.ui-platform #app .learning-shell .header{background-color:#f8f5ef}
#app .learning-content .track-list .lesson-row:focus-visible,#app .learning-content .segment-book summary:focus-visible{outline:2px solid #835738;outline-offset:2px}