/* Mobile-first type, touch rhythm, identity portrait and complete task handoffs. */
:root{--muted:#beb3cc;--faint:#9e92af;--radius:22px}
html{scroll-padding-bottom:120px;text-size-adjust:100%;-webkit-text-size-adjust:100%}
body{font-family:'PingFang SC','Microsoft YaHei',system-ui,sans-serif;line-height:1.75}
button,input,textarea,select{font:inherit}button,a,summary{touch-action:manipulation}button{line-height:1.5}
input,textarea,select{font-size:16px!important;line-height:1.75}textarea{resize:vertical}textarea,input,select{max-width:100%;min-width:0}
.form-card label,.work-label{font-size:14px;line-height:1.8}.btn{font-size:15px;min-height:48px;font-weight:500}.btn.text-btn{font-weight:400}
.microcopy,.input-note{font-size:12px;line-height:1.85;color:#b0a3c0}.chips button{min-height:44px;padding:10px 14px;font-size:13px}
.prose,.bubble,.material,.feedback,.steps li,.check-list label{font-size:15px;line-height:1.9}.prose p{margin:0 0 18px}.ai-result,.result-grid p,.result-next,.result-draft{font-size:15px;line-height:1.9}.result-draft{font-family:inherit;white-space:pre-wrap;word-break:normal;overflow-wrap:anywhere}.result-badge{font-size:12px}.result-question{font-size:15px}.result-evidence>summary{font-size:13px;min-height:44px;padding-block:10px}.editor-heading h2{line-height:1.6}.bottom-nav button{font-size:11px;min-height:58px}.bottom-nav{padding:7px;bottom:max(10px,env(safe-area-inset-bottom));backdrop-filter:blur(22px);border-color:#b49ace42;box-shadow:0 10px 40px #0009}.toast{bottom:110px;font-size:14px;max-width:calc(100% - 32px);white-space:normal;line-height:1.7}
.hero-img{object-fit:cover;object-position:50% 30%;border-radius:25px 25px 0 0}.portrait-stage{right:18px;top:24px;height:calc(100% - 24px);width:44%;bottom:0}.portrait-shade{background:linear-gradient(0deg,#111018 0%,#111018aa 12%,transparent 35%),linear-gradient(90deg,#11101888,transparent 20%)}.profile-hero::before{background:linear-gradient(90deg,#111018 0%,#111018e0 35%,#11101810 100%)}.hero-copy{max-width:58%;padding-left:46px}.hero-description{font-size:15px}.hero-role>span{font-size:11px}.portrait-note{font-size:12px}.portrait-note strong{font-size:13px}.brand strong{font-size:15px}.brand small{font-size:9px}.page-nav{gap:12px}.page-nav button{min-height:44px;font-size:14px}.page-nav span{font-size:12px}.section-title h2{font-size:26px;line-height:1.5}.scene-body p,.scene-body dd{font-size:15px;line-height:1.9}.scene-body .wide{margin-top:22px}.core-profile p{font-size:14px;line-height:1.8}.record-editor,.tool-workspace{scroll-margin-top:82px}
#backend .studio-main .desk-intro,#backend .studio-priority p,#backend .studio-record-card p{font-size:15px;line-height:1.9}#backend .studio-tool-card small{font-size:13px}#backend .tool-live{font-size:11px}#backend .studio-ai-history summary{font-size:14px;line-height:1.8;padding-block:12px}#backend .studio-record-card p{overflow-wrap:anywhere}#backend .studio-tool-grid{gap:15px}#backend .studio-actions{align-items:stretch}#backend .studio-actions .btn{font-size:14px}#backend .studio-secondary>button{min-height:80px;font-size:15px}#backend .studio-secondary span{font-size:12px}#backend .check-list input{width:20px;height:20px;flex-shrink:0}#backend .check-list label{align-items:start}.integration-card p{font-size:14px}.gallery-grid figcaption{font-size:14px}.portrait-design-note{font-size:12px;color:#aa9abd;padding:12px 2px;line-height:1.8}
#learning .studio-tabs{display:flex;position:static;flex-direction:row;gap:10px;margin:24px 0;border-bottom:1px solid var(--line);padding-bottom:14px}#learning .studio-tabs button{min-height:48px;font-size:14px;padding:12px 16px}#learning .studio-gateway{margin:20px 0 0}#learning .backend-hero{min-height:330px}#learning .studio-heading{bottom:26px}#learning .studio-heading p{font-size:14px}#learning .studio-heading .btn{font-size:13px;min-height:44px}
.showcase-tabs button{min-height:48px;font-size:14px}.sample-body{font-size:15px;line-height:1.95}.sample-outcome{font-size:13px}.sample-note{font-size:13px}.studio-record-card details>summary{min-height:44px;font-size:14px;padding-block:10px}.display-consent{font-size:14px;gap:10px}#recordError,#studioLoginError,#loginError{color:#f6bdcc;font-size:14px;line-height:1.8}
@media(max-width:800px){
 .phone{width:100%;max-width:620px}.view{padding-bottom:125px}.content{padding:24px 20px 0}.page-content{padding:27px 20px 40px}.page-content>p{font-size:15px;line-height:1.9}.page-content h1{font-size:31px;line-height:1.5;letter-spacing:.2px}.eyebrow,.section-title>span{font-size:10px;letter-spacing:1.4px}.page-nav{padding:12px 20px;border-bottom:1px solid var(--line);min-height:64px}.page-nav button{font-size:14px}.page-nav>span{font-size:12px}.btn{font-size:15px;padding:13px 18px;min-height:49px}.glass-card{border-radius:21px}
 .lounge-masthead{padding:18px 21px;gap:10px;min-height:76px}.brand-mark{font-size:29px;width:35px}.brand strong{font-size:12px;letter-spacing:.2px}.brand small{font-size:7px;letter-spacing:1px}.review-banner{font-size:10px}.masthead-learning{display:none}
 .profile-hero{min-height:660px;margin:0 12px;border-radius:24px}.hero-art{opacity:.12}.hero-orbit{display:none}.profile-hero::before{background:linear-gradient(180deg,#11101800 0%,#11101800 37%,#111018b0 58%,#111018 73%)}.portrait-stage{width:100%;height:425px;right:0;top:0;bottom:auto;opacity:1;mask-image:none;z-index:-1}.hero-img{width:100%;height:100%;object-fit:cover;object-position:50% 14%;border-radius:0}.portrait-shade{background:linear-gradient(0deg,#111018 0%,#111018a0 17%,transparent 58%)}.portrait-note{display:none}.hero-copy{padding:300px 24px 31px;max-width:100%}.hero-eyebrow{font-size:9px;letter-spacing:1.6px;margin-bottom:12px;color:#c7b4dc}.hero-copy h1{font-size:40px;letter-spacing:4px;line-height:1.2;margin:0 0 13px}.hero-copy h1>span{font-size:10px;letter-spacing:3px;display:inline-block;margin-left:15px}.hero-role{font-size:17px;letter-spacing:1px;width:auto;line-height:1.8}.hero-role>span{font-size:10px;padding:3px 7px;margin:0 0 0 7px}.hero-statement{font-size:24px;letter-spacing:.1px;line-height:1.6;margin:20px 0 13px}.hero-description{font-size:14px;line-height:1.85;letter-spacing:0;margin:0}.hero-bottom-actions{display:grid;grid-template-columns:1fr;gap:7px;margin-top:23px}.hero-bottom-actions .primary{font-size:15px;padding:14px 16px;min-height:50px}.hero-bottom-actions .text-btn{font-size:13px;min-height:44px}.hero-meta,.hero-page-number{display:none}
 .core-card{padding:24px 21px}.core-main>img{width:64px;height:64px;object-fit:cover}.core-profile h2{font-size:17px}.core-profile p{font-size:14px}.core-tags span{font-size:11px}.core-footer{margin-top:20px}.core-footer .microcopy{font-size:12px}.core-footer .btn{font-size:13px;min-height:44px}.section-title{margin:36px 0 20px}.section-title h2{font-size:25px}.value-intro__title{font-size:28px!important;line-height:1.6!important}.value-intro__description{font-size:15px;line-height:1.85}
 .smart-entry{padding:25px;margin:26px 0;gap:22px}.smart-entry h2{font-size:27px;line-height:1.55;letter-spacing:.2px}.smart-entry p{font-size:15px;line-height:1.9}.smart-entry-actions{gap:16px}.smart-entry-actions .btn{width:100%}.ai-status{font-size:12px}.product-path{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;font-size:13px;padding:18px 0}.product-path>i{display:none}.product-path span{white-space:nowrap}.home-showcase-entry{padding:25px;gap:24px;margin:26px 0}.home-showcase-entry h2{font-size:26px}.home-showcase-entry p{font-size:15px;line-height:1.9}.home-showcase-entry .btn{width:100%}.home-showcase-entry img{height:190px}
 .learning-feature-copy{padding:26px 24px}.learning-feature-copy h2{font-size:27px}.learning-feature-copy p{font-size:15px}.learning-feature-copy .btn{font-size:15px}.learning-feature-image{min-height:220px}.learning-pills span{font-size:12px}.assessment-goals{gap:11px}.assessment-goal-option{padding:18px 14px}.assessment-goal-option b{font-size:14px}.assessment-goal-option em{font-size:12px;line-height:1.7}.direction h3{font-size:20px}.direction p{font-size:15px}.directions-grid{gap:18px}.pipeline-copy strong{font-size:24px}.pipeline-copy small{font-size:15px;line-height:1.9}.pipeline-link{font-size:14px}.cooperation-pipeline>.microcopy{font-size:12px}.photo-card>span{font-size:12px}.lounge-footer>span{font-size:11px}.lounge-footer>button{min-height:44px;font-size:14px}
 .bottom-nav{width:calc(100% - 24px);max-width:420px;border-radius:21px;padding:6px;gap:2px}.bottom-nav button{font-size:11px;line-height:1.3;min-height:60px;gap:7px;border-radius:15px}.bottom-nav button>.ui-icon{width:22px;height:22px}.bottom-nav button.active{background:#3a284b;color:#eee0ff}.prose{padding:26px 23px;font-size:15px;line-height:1.95}.prose h3{font-size:20px}.chapter-cover{height:220px;border-radius:20px}.chapter-cover>span{font-size:10px}.scene-card .scene-body{padding:25px}.scene-body p,.scene-body dd{font-size:15px}.scene-body dt{font-size:13px}.scene-body h2{font-size:24px}.form-card{padding:25px 22px}.form-card label,.work-label{font-size:14px}.chat-input .btn{font-size:14px;min-height:48px;padding:12px 17px}.chat-input input{font-size:16px}.chat-log{margin-bottom:35px}.bubble{font-size:15px;padding:18px 20px;max-width:95%}#chatForm{bottom:calc(91px + env(safe-area-inset-bottom));padding:10px;z-index:30}body.is-mobile-input-focused .bottom-nav{opacity:0;pointer-events:none}body.is-mobile-input-focused #chatForm{bottom:8px}
 .experience-heading h1{font-size:31px}.experience-heading p{font-size:15px}.experience-heading>img{height:190px}.scenario-switch{gap:8px;margin:24px 0}.scenario-switch button{font-size:13px;padding:13px 7px;min-height:72px}.scenario-switch button span{font-size:11px}.experience-workbench .form-card,.trial-output{padding:23px 21px}.trial-output h2,.editor-heading h2{font-size:21px}#trialSaveToStudio{margin:22px 0 10px;font-size:14px}.ai-result h3{font-size:22px;line-height:1.6}.result-grid article{padding:17px}.result-grid h4{font-size:14px}.result-grid p,.result-next,.result-question,.result-draft{font-size:15px}.result-next{line-height:1.9}.result-empty h3{font-size:21px}.result-empty p{font-size:15px}.input-note{font-size:12px}
 #backend .studio-mast{padding:30px 22px;gap:22px}#backend .studio-mast h1{font-size:30px;letter-spacing:0;line-height:1.5}#backend .studio-mast p{font-size:15px}#backend .studio-mast>img{height:150px}#backend .studio-shell{padding:0 20px 45px;gap:25px}#backend .studio-tabs{position:sticky;top:0;z-index:15;display:flex;flex-wrap:nowrap;overflow-x:auto;gap:7px;padding:14px 0;background:#0e0b14f2;backdrop-filter:blur(18px);scrollbar-width:none;margin:0 -4px}#backend .studio-tabs::-webkit-scrollbar{display:none}#backend .studio-tabs button{min-width:max-content;min-height:46px;padding:12px 14px;font-size:13px;border:1px solid var(--line)}#backend .studio-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}#backend .studio-metrics div{padding:19px 17px}#backend .studio-metrics span{font-size:12px}#backend .studio-metrics b{font-size:29px}#backend .studio-main h2{font-size:25px}#backend .studio-tool-card{padding:22px;gap:17px}#backend .studio-tool-mark{height:54px}#backend .studio-tool-card strong{font-size:18px}#backend .studio-tool-card small{font-size:14px;line-height:1.85}#backend .studio-loop{gap:24px 18px;margin:26px 0}#backend .studio-loop h3{font-size:16px}#backend .studio-loop p{font-size:14px;line-height:1.85}#backend .studio-priority{padding:26px 22px}#backend .studio-record-card{padding:24px 22px}#backend .studio-record-card h3{font-size:19px}#backend .record-status{font-size:12px}#backend .tool-workspace,#backend .record-editor{padding:23px 20px;margin:26px 0}#backend .studio-actions>.btn{flex:1;min-width:130px}#backend .integration-card{padding:23px 20px}.record-empty{font-size:15px;line-height:1.9}#backend .poster-layout{gap:25px}#backend .form-card{gap:20px}#backend .studio-record-form{font-size:15px}.showcase-demo{padding:25px 22px}.sample-body{padding:22px;font-size:15px;line-height:1.95}.showcase-tabs{gap:7px}.showcase-tabs button{font-size:13px;padding:12px;flex:1;white-space:nowrap}.sample-outcome{font-size:12px;gap:12px}.showcase-next p{font-size:15px}.showcase-next .btn{width:100%}.sample-note{font-size:13px;padding:18px 20px}
 #learning .backend-content{padding:26px 20px}#learning .backend-hero{min-height:350px}#learning .studio-heading{left:24px;right:22px}#learning .studio-heading h1{font-size:26px}#learning .studio-heading>span{font-size:10px}#learning .dashboard-profile p{font-size:13px}#learning .backend-stats span{font-size:11px}#learning .task-card strong{font-size:15px}#learning .task-card small{font-size:12px}#learning .workspace{padding:26px 22px}#learning .steps li,#learning .material,#learning .check-list label{font-size:15px}#learning .work-actions{gap:10px}#learning .work-actions .btn{font-size:14px;min-height:48px;padding:12px 15px}#learning .feedback{font-size:15px}#learning .studio-footer{font-size:12px}#learning .studio-tabs button{font-size:13px;min-height:48px;flex:1;padding:12px;white-space:nowrap}#learning .ai-records{padding:25px 22px}.growth-grid .workspace{padding:25px 22px}
}
@media(max-width:360px){.content,.page-content{padding-inline:16px}.hero-copy{padding-inline:20px}.hero-copy h1{font-size:35px;letter-spacing:3px}.hero-copy h1>span{margin-left:10px;font-size:9px}.hero-role{font-size:15px}.hero-role>span{font-size:9px}.hero-statement{font-size:23px}.brand strong{font-size:11px}.review-banner{font-size:9px}.bottom-nav{width:calc(100% - 16px)}.bottom-nav button{font-size:10px}.sample-outcome{display:grid;grid-template-columns:1fr 1fr}.scenario-switch button{font-size:12px}#learning .studio-tabs button{font-size:12px}#backend .studio-shell{padding-inline:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{scroll-behavior:auto!important;transition:none!important}}

.portrait-about img{object-position:70% 28%}.portrait-about{height:340px}
#backend .is-tool-open>#studioToolGrid,#backend .is-tool-open>#toolFilters,#backend .is-tool-open>.integration-card{display:none}
#backend .is-tool-open>#toolWorkspace{margin-top:22px}
@media(max-width:800px){.portrait-about{height:250px}.portrait-about img{object-position:70% 28%}.profile-hero{min-height:640px}}
@media(max-width:800px){.hero-bottom-actions .text-btn{display:none}}