/* Graphite surfaces and turquoise accents match the AI LIFE website. */
body{background:#16191e;color:#f3f6f6;background-image:radial-gradient(ellipse at 0 0,#35424f35,transparent 65%),radial-gradient(ellipse at 100% 60%,#343e4925,transparent 60%)}.brand{color:#b8f8ef}.edition{color:#b2bbc0}header{border-bottom-color:#b2f3ea1a}.eyebrow{color:#9ee7dd}aside h1{color:#dbf8f4}.muted{color:#adb5ba}nav button{color:#82949f}nav button span{color:#b9c3c9}nav button.active{background:linear-gradient(100deg,#4c5f7370,#404d5a55);color:#82fae9}nav button.active span{color:#c9faf3}.aside-bottom p{color:#94a2ab}.dot{background:#98f5e8}.topline{color:#a2afb8}.topline span:last-child{color:#9fe7dd}.lesson>.player{background:#16191ef5;border-color:#baf8f01a}.player button{color:#dbe0e4}.track{background:#404850}.track span{background:linear-gradient(90deg,#abf7ec,#de9fba,#b9adea)}.draft-stage:has(.visual-welcome),.draft-stage:has(.chapter-experience),.draft-stage{background:radial-gradient(ellipse at 100% 0%,#4f627670,transparent 65%),radial-gradient(ellipse at 0 90%,#38424d2a,transparent 65%),#1d242b;border-color:#adf2e822;box-shadow:0 20px 75px #0e121622}.kicker,.tiny-label{color:#9ed9d1}.primary{background:#82fae9;color:#29313a}.secondary{background:#49576666;border-color:#96a5ae55;color:#f0d8df}.external{border-color:#909fa966;color:#cbece7}.copybtn{background:#495b6e66;border-color:#8dd4ca77;color:#ccfaf4}a{color:#a0efe4}.bottom{border-color:#a9f3e919}.bottom p{color:#a7b3bb}.script{color:#a2afb8}.script p{color:#c2cbd0}footer{border-color:#a4e4db1a;color:#7d8d98}.chapter-head>p,.wide-lead,.story-copy>p{color:#bcc5cb}.chapter-head h2,.story-copy h2{color:#e4fcf9}.story-top #storyMode{color:#a1aeb7}.story-top .kicker{color:#9fe7dd}.story-tag{color:#a4f4e9}.story-picker button{background:#44546444;color:#b3bec5}.story-picker button>span{color:#9caab3}.story-picker .selected{background:#94674f44;border-color:#95f4e7aa;color:#cffaf4}.story-picker .selected i{background:#a9f6ec}.story-picker .selected>span{color:#b2f7ee}.story-caption{color:#a3b0b8;border-color:#e1b1bb22}.story-action{box-shadow:0 7px 20px #12161b1f}.story-feedback{color:#a6b3bb}.infographic-widget{background:#252c34ee;border-color:#aab6bd33}.demo-chat,.prompt-box,.assembled-prompt{background:#1e242b;border-color:#909fa944}.prompt-box,.assembled-prompt>p{color:#d1d7db}.bubble{background:#404e5d4d;color:#dce1e4}.answer{color:#bdc7cd}.example-details{border-color:#b3bdc422}.example-details summary{color:#9fe1d8}.chapter-tip{background:#3b424944;border-color:#9fb89b33}.chapter-tip b{color:#d5e9ce}.chapter-tip p{color:#b0c4b3}.chapter-tip>span{color:#bbd7b1}.step-detail{background:#1f262dbb;border-color:#9dabb433}.step-detail>p{color:#b4bec5}.step-label{color:#9fe7dd}.journey-rail button{background:#43536344;color:#b7c1c8}.journey-rail b{background:#4c5b6b;color:#bfc8cd}.journey-rail .active b{background:#a9f6ec;color:#333e49}.journey-rail button.active{background:#8d5e4b44;border-color:#8ae5d888;color:#c3f9f2}.journey-rail i{background:#262e36;color:#a3b0b9}.route-link{background:#404b56;color:#bac3c9}.route-link:hover{background:#505c69}.route-link b{color:#d5fbf6}.device-picks button{background:#3b4753;color:#c1cad0}.device-picks .selected{border-color:#9aebe0;color:#c5f9f2}.chapter-experience .plan-object{background:linear-gradient(145deg,#46546266,#272f38);border-color:#bac4ca33}.plan-object.selected{border-color:var(--plan-color)}.plan-object>strong{color:#d3fbf5}.plan-object>small{color:#9daab3}.plan-focus,.subscription-lab{background:#1f252baa;border-color:#adb8bf33}.scenario-tabs button{background:#38434e;color:#bac4ca}.scenario-tabs .selected{background:#94684d44;border-color:#99eee299;color:#cbfaf3}.sample-file{background:linear-gradient(145deg,#61737e,#303b47);border-color:#abb7bf66}.scenario-explanation h3{color:#cafaf3}.scenario-explanation>p{color:#b5bfc6}.scenario-visual>p,.limit-tip{color:#a2afb7}.quick-choice{background:#40506025;border-color:#87d9ce33}.quick-choice p{color:#d4dade}.context-lab{background:#1f252baa;border-color:#aab6be33}.context-intro h3{color:#d2d9dd}.context-message{background:#51637544}.context-message p{color:#d6dce0}.context-comparison>div{background:#414f5d33}.context-comparison>div:last-child{background:#54627033;border-color:#aec59333}.context-comparison p{color:#bcc6cc}.memory-map>div{background:#434b5355;border-color:#a5b2ba33}.memory-map b{color:#e8cfcf}.memory-map p{color:#a1aeb7}.interview-card{background:#1f262d;border-color:#a5b2ba33}.chat-question{color:#f2dddf}.chat-speaker{color:#9ef1e6}.reply-options button{background:#44505d66;border-color:#93a2ab55;color:#dadfe2}.reply-options button:hover{background:#5d6e7866}.profile-core{background:linear-gradient(145deg,#66757f,#38424d);border-color:#bdc7cd77;color:#a9f3e9}.orbit-note{background:#455464e8;color:#dadfe2;border-color:#9daab344}.orbit-ring{border-color:#aeb9c044}.profile-tags span{background:#485a6d44;color:#c9d7b3}.practice-launch{background:#47596b33;border-color:#8ad7cc44}.practice-launch b{color:#c7f0ea}.practice-launch small{color:#a3b0b8}.task-picks button{background:#44526055;color:#b8c2c8}.task-picks .selected{background:#ab785444;border-color:#9bece199;color:#cbfaf3}.builder-piece{background:linear-gradient(145deg,#4f5d6c55,#2b3540);border-color:#a0adb633}.builder-piece h3{color:#f0d4e2}.builder-piece>p{color:#b0bbc3}.piece-icon{background:#9caab31a;color:#c5cdd2}.piece-num{color:#8495a0}.condition-picks button,.format-picks button{background:#2f3a46;border-color:#80929e22;color:#8e9ea8}.condition-picks .selected,.format-picks .selected{background:#5cb9ac33;border-color:#7ad1c566;color:#bef2eb}.builder-plus{color:#9caab2}.revision-card{background:linear-gradient(145deg,#43516055,#252d36);border-color:#9aa8b144}.revision-card>p{color:#b2bcc3}.after-card{background:linear-gradient(145deg,#46576944,#292f35);border-color:#adc39444}.after-card.revealed{border-color:#c0d7a577}.after-card.revealed>p{color:#d6e0c6}.followup-row{background:#44546544;border-color:#a1aeb644}.followup-row>p{color:#d1d8dc}.verification-picks button{background:#424d58;color:#bdc7cd}.verification-detail{color:#a5b2ba}.milestone{background:#40495366;border-color:#99a8b133}.milestone>span:nth-of-type(2){color:#c1cacf}.milestone.done{background:#4a5d7055;border-color:#b8c59b77}.milestone.done>span:nth-of-type(2){color:#e1eacb}.ring-track{stroke:#46505a}.ring-value{stroke:#97e6db}.result-core>b{color:#bdf9f0}.result-core small,.result-core>span{color:#9aa8b1}.lesson-celebration{background:radial-gradient(ellipse at 50% 20%,#9c76534d,transparent 70%)}.lesson-celebration h2{color:#c9faf3}.lesson-celebration>p{color:#adb9c0}.result-stamps span{background:#86c6bd22;color:#b6e3dd}.narration-focus{box-shadow:0 0 0 1px #aaf7ec66,0 0 35px #76eada1a!important;background-color:#9d705033!important}dialog{background:#232a32;border-color:#8395a066}.guide-art-card{background:radial-gradient(ellipse,#61737f55,transparent 70%);border-color:#b7c1c733}.guide-art-card>span{background:linear-gradient(145deg,#586872,#2c3742);color:#9eefe4}.slide-copy{color:#cad2d7}.slide-number,.source-line{color:#93a2ab}.slide-dots span{background:#485461}.slide-dots span.active{background:#9bf3e7}.slide-controls{border-color:#a5dbd422}
.presenter-banner{position:relative;display:grid;grid-template-columns:1fr 220px;align-items:center;gap:15px;min-height:190px;margin:-5px 0 28px;padding:18px 15px 22px 4px;border-bottom:1px solid #aaede422;isolation:isolate;overflow:hidden}.presenter-banner:before{content:'';position:absolute;inset:-90px -30px -30px 30%;background:radial-gradient(ellipse at 70% 40%,#7be8d92b,transparent 60%),radial-gradient(ellipse at 50% 30%,#ce84ad20,transparent 70%);z-index:-1}.presenter-copy{position:relative;z-index:3;max-width:600px}.host-eyebrow{font-size:9px;letter-spacing:1.7px;color:#a0e7dd}.presenter-copy h2{font-size:27px;line-height:1.18;color:#dafbf7;margin:13px 0 10px;letter-spacing:-.6px}.presenter-copy>p{font-size:12px;line-height:1.7;color:#abb7bf;max-width:450px;margin:0}.host-preview-note{display:inline-block;font-size:9px;color:#7d8f9b;margin-top:12px}.host-surface{position:absolute;width:255px;height:255px;right:-15px;bottom:-6px;z-index:2;pointer-events:none}.host-surface canvas{position:absolute;inset:0;width:100%;height:100%;z-index:2;filter:drop-shadow(0 0 20px #88d6e815)}#hostSource{display:none}.host-fallback #hostSource{display:block;width:100%;mix-blend-mode:screen;mask-image:linear-gradient(#000 70%,transparent)}.host-fallback #hostCanvas{display:none}.host-orbit{position:absolute;border:1px solid #9be8dd33;border-radius:50%;inset:10%;transform:rotateX(60deg) rotate(-15deg);background:radial-gradient(ellipse,#75e5d622,transparent 70%)}.orbit-b{inset:5%;border-color:#a5d8e522;transform:rotateY(50deg) rotate(25deg)}.host-spark{position:absolute;color:#8df1e3;font-size:20px;z-index:4}.spark-a{top:22%;right:10%}.spark-b{bottom:27%;left:8%;font-size:13px;color:#b8ded3}.hero-host{min-height:300px;margin-bottom:25px;padding-top:25px;padding-bottom:35px}.hero-host .host-surface{width:365px;height:365px;right:-15px;bottom:-22px}.hero-host .presenter-copy{max-width:450px}.hero-host .presenter-copy h2{font-size:37px;line-height:1.14;max-width:450px}.hero-host .presenter-copy>p{max-width:345px;font-size:14px}.host-speaking .host-orbit{animation:host-halo 2s ease-in-out infinite}.host-speaking .host-spark{animation:host-spark 2.3s ease-in-out infinite}.hero-host .host-eyebrow{font-size:10px}.host-ready #hostCanvas{animation:host-settle .7s ease both}@keyframes host-halo{50%{opacity:.45;scale:1.04}}@keyframes host-spark{50%{opacity:.3;translate:0 -3px}}@keyframes host-settle{from{opacity:0;translate:0 7px}to{opacity:1;translate:0 0}}@media(max-width:1200px){.hero-host{min-height:270px}.hero-host .host-surface{width:325px;height:325px;right:-33px}.hero-host .presenter-copy h2{font-size:33px}.hero-host .presenter-copy>p{max-width:290px}.presenter-banner{grid-template-columns:1fr 190px}.presenter-copy h2{font-size:25px}.host-surface{width:235px;height:235px;right:-20px}}@media(max-width:1000px){.hero-host .host-surface{width:280px;height:280px;right:-25px}.hero-host{min-height:255px;grid-template-columns:1fr 160px}.hero-host .presenter-copy h2{font-size:29px}.hero-host .presenter-copy>p{max-width:240px;font-size:12px}.presenter-banner{grid-template-columns:1fr 160px}.presenter-copy h2{font-size:24px}.presenter-copy>p{max-width:260px;font-size:11px}.host-surface{width:210px;height:210px}}@media(max-width:560px){.presenter-banner,.hero-host{min-height:230px;grid-template-columns:1fr;padding:0 0 22px;align-items:start;margin-bottom:23px;overflow:hidden}.presenter-copy,.hero-host .presenter-copy{padding-top:7px;max-width:100%}.presenter-copy h2,.hero-host .presenter-copy h2{font-size:25px;max-width:190px;margin:13px 0;line-height:1.15}.presenter-copy>p,.hero-host .presenter-copy>p{font-size:11px;max-width:155px;line-height:1.7}.host-surface,.hero-host .host-surface{width:205px;height:205px;right:-55px;bottom:-5px}.host-eyebrow,.hero-host .host-eyebrow{font-size:8px;letter-spacing:1px;max-width:175px;display:block}.host-preview-note{font-size:8px;max-width:145px;line-height:1.6;margin-top:9px}.hero-host{min-height:260px}.hero-host .host-surface{width:225px;height:225px;right:-55px}.hero-host .presenter-copy h2{font-size:28px;max-width:200px}.presenter-banner:before{inset:0 -80px 0 20%}.story-copy h2,.chapter-head h2{color:#d8fbf6}}@media(prefers-reduced-motion:reduce){.presenter-banner *{animation:none!important}}

@media(min-width:561px){.presenter-banner{min-height:220px}.presenter-banner .host-surface{width:220px;height:220px;right:-10px;bottom:-6px}.hero-host{min-height:300px}.hero-host .host-surface{width:305px;height:305px;right:-6px;bottom:-6px}}.host-surface canvas{mask-image:radial-gradient(ellipse 56% 65% at 50% 50%,#000 60%,transparent 96%)}

.presenter-banner{overflow:visible}.presenter-banner:before{inset:-70px -60px -45px -35px;filter:blur(28px)}@media(max-width:560px){.host-surface,.hero-host .host-surface{width:175px;height:175px;right:-22px;bottom:-5px}.presenter-copy>p,.hero-host .presenter-copy>p{max-width:135px}.hero-host .presenter-copy h2{font-size:27px;max-width:200px}.presenter-banner:before{inset:-20px -35px 0 -20px}}