/* Shared warm-white / champagne theme across all 27 screens and the preview. */
.image-landing{min-height:100dvh;width:100%;background:#fdfbf8}.image-landing-canvas{position:relative;width:100%;max-width:440px;margin:0 auto;aspect-ratio:705/1426;overflow:hidden}.image-landing-canvas>img{position:absolute;max-width:none;width:133.47518%;height:auto;left:-16.87943%;top:-9.25666%;pointer-events:none;user-select:none}.landing-hotspot{position:absolute;z-index:1;display:block;border-radius:40px;background:transparent}.landing-hotspot:hover{box-shadow:inset 0 0 0 1px #b7874540;background:#ffffff0a}.landing-hotspot:focus-visible{outline:2px solid #936326;outline-offset:3px;background:#fff7e530}.landing-skip{left:84%;top:.2%;width:13%;height:5%;border-radius:8px}.landing-curator{left:23.3%;top:36.4%;width:53.5%;height:5%}.landing-enter{left:12.5%;top:85.4%;width:75%;height:6.9%}
:root{--sans:'Segoe UI',Arial,sans-serif;--serif:var(--sans);--ivory:#fcfaf7;--paper:#ffffff;--stone:#f5f0e9;--line:#e6d9c8;--ink:#30302e;--muted:#73706c;--bronze:#936326;--gold:#d5ac71;--forest:#87622e;--white:#fffdf9;--shadow:0 12px 36px #68491d0b}
body,body *{font-family:var(--sans)!important}body{color:var(--ink);background:var(--ivory)}h1,h2,h3,h4{font-weight:500;letter-spacing:-.035em}em{font-style:normal}.eyebrow,.wordmark,.studio-brand{letter-spacing:.17em}.cairn-mark,.studio-mark{color:#b88c50}.muted,.page-head p{color:var(--muted)}
.btn.primary,.btn.gold,.demo-play{background:linear-gradient(115deg,#d4ac72 0%,#f6dfae 45%,#d8af76 100%);color:#593b16;border:1px solid #d5ae77;border-radius:28px;box-shadow:inset 0 1px 0 #fff9e8,0 5px 14px #a9782920;font-weight:600}.btn.primary:hover,.btn.gold:hover,.demo-play:hover{background:linear-gradient(115deg,#d0a164,#f5d99f,#cf9f60)}.demo-play>span{color:#725027}.btn.ghost,.text-btn{color:#91652d}.panel,.watch-card,.settings-section,.answer-card,.memory-copy-card{background:#fffdfb;border-color:var(--line);box-shadow:0 5px 24px #70532306}.mobile-nav{background:#fffdfaf5;border-color:#e9dfd1}.mobile-nav a{color:#77736e}.mobile-nav a.active,.mobile-nav .cairn-nav .icon{color:#a47637}.tag.owned{background:#f4eadb;color:#87622e}
.live-heading h1{font-weight:500;letter-spacing:-1px}.live-status-copy strong{color:#5c5143;font-weight:500}.live-status-copy>span,.live-disclosure,.live-footer,.live-tool{color:#807568}.live-watch,.demo-mode-pill,.demo-playback{background:#f8f2e8;border-color:#eadbc6;color:#8d6b3c}.live-watch-choice span{color:#5c5347}.live-message{background:#fffdfa;border-color:#e9decc}.live-message.user{background:#f5ead8;border-color:#e7d2b2}.live-message p,.live-message.assistant p{font-size:13px;line-height:1.75;color:#494642}.message-author{color:#926b33}.live-message.user .message-author{color:#8b652d}.live-message.user.is-speaking{background:#f8e7cb;border-color:#cc9e60}.live-message.is-speaking{border-color:#caa66e;box-shadow:0 0 0 3px #d7b47a12}
.live-orb,.live-presence[data-state=user-speaking] .live-orb,.curator-orb{background:radial-gradient(circle at 30% 20%,#fffdf7,#f1dfbf 60%,#d5b47e)!important;border-color:#e2c89e;color:#b1874a}.live-orb .cairn-mark,.curator-orb .cairn-mark{color:#b88c50}.live-mic,.live-mic.active,.live-composer button:not(.live-add){background:linear-gradient(135deg,#d7b17c,#f5dfb5,#c99c5d);color:#69481f;border-color:#f3eadc}.live-mic{box-shadow:0 0 0 1px #dcc5a2}.live-presence[data-state=listening] .live-status-dot{background:#b38a4e}.handsfree-start,.handsfree-start[aria-pressed=true]{background:#f6ebd8;border-color:#d6b789;color:#825b29}.handsfree-start[aria-pressed=true]{box-shadow:0 0 0 3px #d5b47e18}.live-empty h2{color:#383633;font-size:25px;line-height:1.25;letter-spacing:-.8px}.live-composer,.form-field input,.form-field select,.form-field textarea{background:#fffefd;border-color:#dfd0ba;color:#393633}.live-composer input{color:#45413c}.live-message:has(.demo-watch-picker){background:#fcf9f3}.demo-watch-option,.demo-selected-watch{background:#fffefa;border-color:#e2d3bd}.demo-option-copy>strong,.demo-selected-watch strong{color:#45413b;font-weight:500}.demo-option-copy>em,.demo-choice-letter{color:#91672e}.demo-choice-letter{background:#f4e5cc;border-color:#e4cda9}.numbered-choices>button{background:#fffdf9;border-color:#e4d5bf;color:#645642}.demo-action{background:#f4e6cf;border-color:#d9bc91;color:#765326}.demo-change-watch{color:#896334}.demo-playback>span{color:#8b6631}.demo-play>span{font-weight:500}.demo-option-copy>small,.demo-selected-watch small,.demo-picture-note{color:#817465}
.mobile-curator-card{background:linear-gradient(120deg,#fcf7ed,#f2e5cf);border-color:#e2cda9}.featured-watch:after{background:linear-gradient(0deg,#25221fee,transparent 75%)}.intro{background:radial-gradient(ellipse at 25% 10%,#ffffff,#fcf9f4 65%,#f5eee4)}.curator-subtitle{color:#956c36!important}.voice-controls .record{background:#b88c50}.watch-tabs a.active{color:#966929;border-color:#b98c4a}.switch input:checked+span{background:#b68a4c}#toast{background:#66503a;color:#fffdf9}
.reference-welcome{width:100%;max-width:420px;margin:auto;padding:20px 25px 24px;text-align:center;position:relative}.intro:has(.reference-welcome) .intro-header .brand{visibility:hidden}.intro:has(.reference-welcome) .intro-header{height:42px}.reference-brand .cairn-mark{margin:4px auto 21px;transform:scale(1.8);height:40px}.reference-brand h1{font-size:29px;font-weight:400;letter-spacing:.12em;margin:12px 0 9px;white-space:nowrap}.reference-brand .eyebrow{font-size:9px;letter-spacing:.23em;font-weight:500}.reference-rule{width:39px;height:1px;background:#c69a5c;margin:21px auto 16px}.reference-welcome>p{font-size:13px;line-height:1.75;max-width:290px;margin:0 auto 17px;color:#74716c}.reference-curator{border:1px solid #d7bd96;border-radius:30px;min-height:40px;font-size:11px;padding:9px 18px;color:#90642d;background:#ffffffa8}.reference-photo{position:relative;margin:19px -25px -22px;height:clamp(200px,32dvh,295px);overflow:hidden;background:#eee4d4}.reference-photo img{height:100%;width:100%;object-fit:cover;object-position:50% 46%}.reference-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(#fcfaf745,transparent 35%,#fcfaf780)}.reference-photo>span{position:absolute;bottom:34px;left:22px;color:#fff9eb;font-size:8px;letter-spacing:.2em;z-index:1}.reference-enter{position:relative;width:92%;font-size:17px;z-index:2;min-height:49px}.reference-footer{font-size:8px;letter-spacing:.22em;color:#8b8580;margin-top:20px}
.studio{background:radial-gradient(ellipse at 45% 40%,#ffffff,#f6f2ed 65%,#eee6dc)}.studio-header{background:#fbf9f5;border-color:#e8dfd2}.studio-note h1,.screen-note h2{font-weight:400;letter-spacing:-.05em}.studio-mark{color:#b58a4c}.material-samples i:first-child{background:#fffdf9}.material-samples i:nth-child(2){background:#e8cd9e}.material-samples i:nth-child(3){background:#bc9155}.device-status,.home-indicator,.phone iframe{background:#fcfaf7}.screen-link.active,.screen-link:hover{background:#f2e6d3}.journey-links a.active{color:#9c702f}.local-label i,.edition i{background:#bd9459}
@media(max-width:350px){.reference-brand h1{font-size:24px}.reference-welcome{padding-left:20px;padding-right:20px}.reference-photo{margin-left:-20px;margin-right:-20px}.reference-brand .eyebrow{font-size:8px}.reference-footer{font-size:7px}.live-message.assistant p{font-size:12px}.demo-option-copy>strong{font-size:11px}}