/* Soft reference pass: cream browser surfaces, quiet black chat, one warm action. */
@font-face{font-family:LessonHelvetica;src:url('/assets/course-bold.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap}
:root{--soft-paper:#f5f1e9;--soft-paper-2:#fbfaf7;--soft-ink:#0b0b0c;--soft-black:#09090a;--soft-line:#101011;--soft-coral:#ff6957;--soft-lilac:#c9b6ff}
html,body{background:var(--soft-paper)!important;color:var(--soft-ink)!important}
body,body *{font-family:LessonHelvetica,"Helvetica Neue",Arial,sans-serif!important;font-weight:400!important;font-synthesis:none}
h1,.scene h1,.scene h1 *,.wordmark span,.proceed-button,.back-button{font-weight:600!important}
body{letter-spacing:normal!important}
.app{background:var(--soft-paper)!important;color:var(--soft-ink)!important}
.topbar{background:var(--soft-paper)!important;border-bottom:0!important}
.wordmark{background:var(--soft-black)!important;border:1px solid var(--soft-black)!important;box-shadow:none!important;color:#fff!important}
.wordmark span{color:#fff!important}
.stage{background:var(--soft-paper)!important;border-radius:0!important}
.scene{background:var(--soft-paper)!important;background-image:none!important;color:var(--soft-ink)!important}
.scene h1,.single-idea,.giant-word,.rex-title,.macro-question,.lens-title,.orbit-question,.split-title,.stamp-title,.frame-wall-title,.waterfall-title,.reveal-line{color:var(--soft-ink)!important;text-shadow:none!important}
.scene .support,.scene .prompt-state{color:var(--soft-ink)!important;opacity:.64}
.scene .blue-ink,.scene .hot-word{color:var(--soft-coral)!important}
.scene-line,.scene-word,.scene-draft-line{background:var(--soft-paper)!important}
.scene-line h1,.scene-word h1,.scene-draft-line h1{font-weight:600!important}

/* Frame 13 family: a readable chat interface becomes the visual actor. */
.scene-macro-prompt,.scene-macro-action{background:var(--soft-black)!important;color:#fff!important}
.scene-macro-prompt h1,.scene-macro-action h1,.scene-macro-prompt .macro-question,.scene-macro-action .macro-question{color:#fff!important}
.macro-shell{background:#111113!important;border:1px solid #fff2!important;box-shadow:0 28px 72px #0007,inset 0 1px 0 #fff1!important;border-radius:clamp(28px,4vw,64px)!important}
.macro-question{letter-spacing:-.055em!important}
.macro-tool-row{color:#f5f1e9!important}
.macro-tool-row>span{color:#f5f1e9!important;opacity:.9}
.macro-status{color:#f5f1e9!important;opacity:.66}
.macro-end,.macro-keep,.prompt-send,.saved-pill{background:var(--soft-coral)!important;color:var(--soft-black)!important;box-shadow:none!important;border:0!important}
.macro-end{border-radius:50%!important}
.macro-end svg,.macro-keep svg{stroke:currentColor!important}
.macro-caret{border-color:var(--soft-coral)!important}

/* Browser/editor surfaces from the supplied website references. */
.prompt-panel,.refine-panel,.artifact-panel,.saved-control,.saved-macro-shell,.takeover-control,.sentence-selection,.style-pick,.project-option{background:var(--soft-paper-2)!important;color:var(--soft-ink)!important;border:1px solid var(--soft-line)!important;box-shadow:0 22px 55px #15120c12!important}
.prompt-panel,.refine-panel{border-radius:28px!important}
.prompt-panel label,.refine-panel label,.artifact-label{color:var(--soft-ink)!important;opacity:.56}
.prompt-panel textarea,.refine-panel textarea,.prompt-panel textarea::placeholder,.refine-panel textarea::placeholder{color:var(--soft-ink)!important}
.prompt-meta{color:var(--soft-ink)!important;opacity:.58}
.prompt-send{color:var(--soft-black)!important}
.project-option{border-radius:999px!important}
.project-option[aria-pressed=true],.style-pick.chosen{background:var(--soft-black)!important;color:#fff!important;border-color:var(--soft-black)!important;box-shadow:none!important}
.artifact-idea{color:var(--soft-ink)!important}
.artifact-corner,.selection-cursor{color:var(--soft-coral)!important}
.sheet{background:var(--soft-paper-2)!important;border:1px solid var(--soft-line)!important;box-shadow:0 20px 44px #15120c18!important}
.sheet small{color:var(--soft-ink)!important}

/* Replace ring/shape treatments with restrained browser geometry. */
.scene-lens{background:var(--soft-paper)!important}
.lens-field{width:min(72%,760px)!important;aspect-ratio:1.65!important;border-radius:28px!important;border:1px solid var(--soft-line)!important;background:var(--soft-paper-2)!important;box-shadow:0 28px 70px #15120c16!important}
.lens-field:before{content:"";position:absolute;left:0;right:0;top:0;height:18%;border-bottom:1px solid #10101122;background:linear-gradient(90deg,var(--soft-coral) 0 8px,transparent 8px 16px,#101011 16px 21px,transparent 21px 26px);border-radius:28px 28px 0 0}
.lens-field:after{content:"";position:absolute;left:8%;right:8%;top:36%;height:42%;background:repeating-linear-gradient(180deg,#101011 0 2px,transparent 2px 18px);opacity:.12;border-radius:4px}
.lens-field i,.lens-field b{display:none!important}
.lens-title{max-width:70%!important}
.focus-ring,.question-ring,.check-orbit,.glass-slice,.keep-seal,.glow-star,.macro-letter,.presently-depth{opacity:.12!important;filter:none!important;box-shadow:none!important;border-color:#101011!important;color:var(--soft-ink)!important}
.focus-dot,.check-mark{background:var(--soft-coral)!important;color:var(--soft-coral)!important;box-shadow:none!important}
.check-mark{background:none!important}
.scene-glow,.scene-focus,.scene-confirmation{background:var(--soft-paper)!important}

/* Opening material keeps its depth, loses the purple glow. */
.premium-frame{background:var(--soft-paper)!important;color:var(--soft-ink)!important}
.premium-curves path{stroke:var(--soft-coral)!important;opacity:.18!important}
.launch-canvas .canvas-front{background:var(--soft-paper-2)!important;border-color:var(--soft-line)!important;box-shadow:0 26px 55px #15120c1c!important}
.launch-canvas .canvas-back{background:#e9e2d8!important;border-color:var(--soft-line)!important;box-shadow:none!important}
.launch-canvas .art-tall{background:linear-gradient(145deg,var(--soft-coral),#ffb59e)!important;box-shadow:none!important}
.launch-canvas .art-disc{border-color:var(--soft-ink)!important;box-shadow:none!important}
.launch-canvas .art-bar,.launch-canvas .art-line{background:var(--soft-ink)!important;opacity:.7!important}
.canvas-grid{background-image:linear-gradient(#10101112 1px,transparent 1px),linear-gradient(90deg,#10101112 1px,transparent 1px)!important}
.launch-copy span,.version-copy span{color:var(--soft-coral)!important}
.premium-editor .editor-send,.editor-send{background:var(--soft-coral)!important;color:var(--soft-black)!important;box-shadow:none!important}
.premium-editor .editor-tools{color:var(--soft-ink)!important;opacity:.7}

/* A single dark line and warm accent replace the old violet geometry. */
.rex-bracket-left,.rex-bracket-right{border-color:var(--soft-ink)!important;background:transparent!important;border-width:2px!important;width:15%!important;border-radius:10px!important}
.rex-bracket-caret{background:var(--soft-coral)!important}
.rex-shutter-blades i,.rex-glass-edge,.rex-material-wire,.rex-material-ribbed,.rex-material-seam,.rex-fold-flap,.rex-toggle-thumb,.rex-focus-spine,.rex-fan-tab,.rex-docked-tab{border-color:var(--soft-line)!important;background-color:var(--soft-paper-2)!important;box-shadow:none!important}
.rex-shutter-glass,.rex-canvas-selection,.rex-material-solid,.rex-fold-page,.rex-toggle,.rex-focus-active,.rex-fan-front,.rex-guided-card,.rex-search,.rex-ticket,.rex-joined-left,.rex-joined-right,.rex-ribbon-face,.rex-workspace-layer,.rex-docked-artifact{background:var(--soft-paper-2)!important;color:var(--soft-ink)!important;border-color:var(--soft-line)!important;box-shadow:0 22px 55px #15120c12!important}
.rex-route-tab,.rex-search-return,.rex-ticket-mark{background:var(--soft-coral)!important;color:var(--soft-black)!important;border-color:var(--soft-line)!important;box-shadow:none!important}
.rex-corner{border-color:var(--soft-line)!important;background:var(--soft-paper-2)!important}

/* Rich extras become browser/editor panels, not abstract purple sculpture. */
.rich-extra{background:var(--soft-paper)!important;color:var(--soft-ink)!important}
.rich-extra .rich-subject,.rich-extra .rex-shutter,.rich-extra .rex-canvas,.rich-extra .rex-filmstrip,.rich-extra .rex-bracket,.rich-extra .rex-materials,.rich-extra .rex-type-window,.rich-extra .rex-fold,.rich-extra .rex-toggle,.rich-extra .rex-focus-rail,.rich-extra .rex-document-fan,.rich-extra .rex-guided-card,.rich-extra .rex-search,.rich-extra .rex-ticket,.rich-extra .rex-joined,.rich-extra .rex-ribbon,.rich-extra .rex-workspace,.rich-extra .rex-docked-artifact{background:var(--soft-paper-2)!important;border:1px solid var(--soft-line)!important;box-shadow:0 28px 70px #15120c14!important;color:var(--soft-ink)!important}
.rich-extra .rex-title{color:var(--soft-ink)!important}
.rich-extra svg path,.rich-extra svg line,.rich-extra svg circle{stroke:var(--soft-coral)!important}
.rich-extra [class*="edge"],.rich-extra [class*="line"],.rich-extra [class*="rail"],.rich-extra [class*="seam"],.rich-extra [class*="bar"]{background-color:var(--soft-coral)!important;border-color:var(--soft-coral)!important;box-shadow:none!important}
.rich-extra .rex-cursor,.rich-extra .large-pointer{opacity:.7!important;filter:none!important}

/* Calm motion styling. Curves stay in the timeline; scale and distance stay small. */
.scene,.scene *{will-change:transform,opacity}
.back-button,.proceed-button{border-radius:999px!important;box-shadow:none!important;transition:transform .32s cubic-bezier(.22,1,.36,1),background-color .32s ease!important}
.back-button{background:transparent!important;color:var(--soft-ink)!important;border:1px solid var(--soft-line)!important}
.proceed-button{background:var(--soft-black)!important;color:#fff!important}
.proceed-button:not(:disabled):hover{background:var(--soft-coral)!important;color:var(--soft-black)!important}
.loader{background:var(--soft-black)!important;color:#fff!important;border:1px solid #fff2!important;box-shadow:none!important}
.loader-track{background:#fff3!important}.loader-track i{background:var(--soft-coral)!important}.loader p{color:#fff9!important}
dialog{background:var(--soft-paper-2)!important;color:var(--soft-ink)!important;border:1px solid var(--soft-line)!important;box-shadow:0 30px 90px #15120c22!important}
dialog::backdrop{background:#0b0b0c44!important;backdrop-filter:blur(8px)}
#outline-list button{background:var(--soft-paper-2)!important;color:var(--soft-ink)!important;border:1px solid var(--soft-line)!important}
#outline-list button[aria-current=step]{background:var(--soft-black)!important;color:#fff!important;border-color:var(--soft-black)!important;box-shadow:none!important}

@media(max-width:650px){
 .scene{padding-left:8%;padding-right:8%}
 .macro-shell{left:8%!important;width:114%!important;border-radius:30px!important}
 .lens-field{width:95%!important;border-radius:22px!important}
 .lens-title{font-size:clamp(34px,10vw,54px)!important;max-width:88%!important}
 .prompt-panel,.refine-panel{border-radius:22px!important}
}

@media(prefers-reduced-motion:reduce){.scene,.scene *{will-change:auto}}