:root{
  --paper:#090d0e;--paper2:#101516;--ink:#efe4cf;--muted:#918b7f;
  --gold:#c89d5c;--gold2:#e3bf7b;--line:rgba(200,157,92,.34);
  --rose:#8e463e;--sage:#6e7c7e;--shadow:0 22px 55px rgba(0,0,0,.38)
}
html{background:#030607}body{color:var(--ink);background:radial-gradient(circle at 50% 0,#162024 0,#06090a 64%);font-family:"Songti SC","STSong","Noto Serif SC",serif}.app-shell{background:#090d0e;box-shadow:0 0 80px rgba(0,0,0,.72);border-left:1px solid rgba(200,157,92,.18);border-right:1px solid rgba(200,157,92,.18)}.app-shell:before{opacity:.12;mix-blend-mode:screen}.director-brand{display:flex;align-items:center;gap:15px;text-align:left;padding:23px 22px 19px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,#0c1112,#090d0e)}.brand-mark{display:grid;place-items:center;width:39px;height:39px;border:1px solid var(--line);border-radius:8px;color:var(--gold2);font-size:23px;font-style:italic}.director-brand>div:nth-child(2){flex:1}.director-brand p{font-size:10px;letter-spacing:4px}.director-brand h1{display:inline;margin:0 0 0 8px;font-size:21px;letter-spacing:3px;color:var(--ink)}.director-brand h2{margin:7px 0 0;color:#8f816c;font:10px/1.2 Arial,sans-serif;letter-spacing:2px}.brand-menu{display:grid!important;gap:4px;width:38px;height:38px;padding:11px;border:1px solid var(--line);border-radius:8px}.brand-menu i{display:block;height:1px;background:var(--gold)}
.page{padding:0 20px 32px}.director-hero{position:relative;height:360px;margin:0 -20px 22px;overflow:hidden;border-bottom:1px solid var(--line);background:#080c0e url('./reality-portal-v3.jpg') center/cover no-repeat}.director-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,8,9,.14),rgba(5,8,9,.06) 45%,rgba(5,8,9,.94) 91%),linear-gradient(90deg,rgba(4,7,8,.35),transparent 40%)}.director-hero:after{content:"";position:absolute;inset:18px;border:1px solid rgba(200,157,92,.16);clip-path:polygon(0 0,17px 0,17px 1px,1px 1px,1px 17px,0 17px,0 0,100% 0,100% 17px,99% 17px,99% 1px,calc(100% - 17px) 1px,calc(100% - 17px) 0,100% 0,100% 100%,calc(100% - 17px) 100%,calc(100% - 17px) 99%,99% 99%,99% calc(100% - 17px),100% calc(100% - 17px),100% 100%,0 100%,0 calc(100% - 17px),1px calc(100% - 17px),1px 99%,17px 99%,17px 100%,0 100%)}.scene-meta,.reality-meta{position:absolute;z-index:2;top:31px;color:#8d7d65;font:8px/1.65 Arial,sans-serif;letter-spacing:1.2px}.scene-meta{left:31px}.reality-meta{right:31px;text-align:right}.scene-meta span,.scene-meta b,.scene-meta em,.reality-meta span,.reality-meta b,.reality-meta em{display:block;font-style:normal;font-weight:400}.scene-meta b{color:#b9aa92}.scene-meta em{margin-top:12px}.scene-meta i{display:inline-block;width:5px;height:5px;margin-left:5px;border-radius:50%;background:#8e463e}.reality-meta em{margin-top:17px;color:#b8aa91}.hero-copy{position:absolute;z-index:2;left:0;right:0;bottom:24px;padding:0 26px;text-align:center}.hero-copy h2{margin:0;color:#f4e7cf;font-size:34px;font-weight:500;line-height:1.25;letter-spacing:2px;text-shadow:0 3px 18px #000}.hero-copy p{margin:10px 0 0;color:#c6b69c;font-size:12px;letter-spacing:2px}
.daily-card,.dialogue-entry,.knot-card,.manifest-card,.saved-wishes article,.archive-content article{border-color:var(--line);background:linear-gradient(145deg,rgba(19,25,26,.96),rgba(9,13,14,.98));box-shadow:var(--shadow)}.daily-card{padding:20px 21px}.daily-card:after{content:"SCENE";top:22px;right:18px;color:rgba(200,157,92,.14);font:28px Arial,sans-serif;letter-spacing:4px}.daily-card blockquote{font-size:19px;line-height:1.75}.daily-practice{border-color:var(--line)}.daily-practice small{color:var(--gold)}.daily-practice p,.knot-card p,.saved-wishes p,.archive-content p{color:#aaa296}.section-block{padding:19px 0}.section-title h3,.dialogue-title h3{color:var(--ink)}.section-title small,.page-heading small,.dialogue-title small,.daily-top{color:var(--gold);font-family:Arial,sans-serif}.director-cursor{color:var(--gold2);font-size:25px;filter:drop-shadow(0 0 8px rgba(227,191,123,.5))}.dialogue-entry{padding:21px}.dialogue-entry textarea,.knot-card textarea{border-color:var(--line);background:#080c0d;color:var(--ink)}.dialogue-entry textarea::placeholder,.knot-card textarea::placeholder,.composer textarea::placeholder{color:#5f625e}.entry-actions button{border-color:#ad854b;background:linear-gradient(135deg,#d7b276,#a97b3f);color:#101213}.entry-actions button:last-child{border-color:#745c3b;background:transparent;color:#d8c29d}.need-list{border-color:var(--line)}.need-list button{border-color:rgba(200,157,92,.22);color:var(--ink)}.need-list button:hover{background:rgba(200,157,92,.06)}.need-list i{color:var(--gold)}.need-list em,.page-heading p{color:var(--muted)}.need-list strong{color:#75664f}.topic-grid button,.all-topics button,.archive-grid button{border-color:var(--line);background:rgba(15,20,21,.85);color:var(--ink)}.topic-grid span,.archive-grid span{color:var(--gold)}.topic-grid small,.archive-grid small{color:var(--muted)}.page-heading{padding-top:32px}.page-heading h2{color:#f2e5cf}.ritual-heading{position:relative;padding-bottom:28px;border-bottom:1px solid var(--line)}.ritual-heading:after{content:"CURRENT VIEW · DIRECTOR POSITION";position:absolute;right:3px;bottom:9px;color:#665d50;font:7px Arial,sans-serif;letter-spacing:1px}
.knot-progress:before{background:var(--line)}.knot-progress i{background:#0a0e0f;border-color:var(--line)}.knot-progress .done i{background:#8c6a3c;border-color:#bd9458}.knot-progress .current i{color:#111;background:var(--gold2);box-shadow:0 0 20px rgba(227,191,123,.34)}.knot-card:before{color:rgba(200,157,92,.14)}.saved-preview{border-color:var(--line);background:#101719}.manifest-card{border:1px solid var(--gold);padding-top:49px}.manifest-card:before,.manifest-card:after{content:"⌖";color:rgba(200,157,92,.34)}.seal{border-color:#b68b50;background:#12191a;color:var(--gold2)}.manifest-card label{color:#aea494}.manifest-card input,.manifest-card select{border-color:#806c49;color:var(--ink)}.manifest-card option{background:#101516}.growth-line{border-color:var(--line)}.growth-line i{background:#78888a}.growth-line i:after{border-color:var(--gold)}.primary{background:linear-gradient(135deg,#d9b778,#9d713a);color:#111514;box-shadow:0 10px 30px rgba(200,157,92,.18)}.archive-grid button.active{outline-color:rgba(200,157,92,.4);background:#182022}.privacy-note{background:#12191a;border:1px solid var(--line)}.privacy-note p{color:#aaa296}.danger-link{color:#a9655c}.floating-chat{border-color:#9e7946;background:rgba(10,14,15,.96);color:#eadabd}.bottom-nav{border-color:var(--line);background:rgba(7,10,11,.96)}.bottom-nav button{color:#716f69}.bottom-nav button.active{color:var(--gold2)}.dialogue{background:#0d1213;box-shadow:0 -20px 70px #000}.dialogue-title{border-color:var(--line)}.message.user{background:#2d2d29;color:#ede1ce}.message.assistant{border-color:var(--line);background:#141a1b;color:#e8decc}.composer{border-color:var(--line);background:#080c0d}.composer textarea{color:var(--ink)}.mode-row button{border-color:var(--line);color:#9f978a}.mode-row .mode.active{border-color:var(--gold);color:var(--gold2);background:rgba(200,157,92,.1)}.mode-row #send-message{background:var(--gold);color:#111}.ai-note{color:#666a66}
@media(max-width:370px){.hero-copy h2{font-size:29px}.director-hero{height:330px}.director-brand h1{font-size:18px}.brand-mark{width:34px;height:34px}}
@media(min-width:700px){.app-shell{border-radius:22px}.director-hero{border-radius:0}}
@media(prefers-reduced-motion:no-preference){.director-cursor{animation:cursorPulse 2.8s ease-in-out infinite}.scene-meta i{animation:takePulse 2.2s ease-in-out infinite}}@keyframes cursorPulse{50%{opacity:.45;transform:scale(.9)}}@keyframes takePulse{50%{box-shadow:0 0 0 5px rgba(142,70,62,0)}}
.need-list{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line)}.need-list button{display:flex;min-width:0;min-height:148px;padding:18px 10px;border:0;border-right:1px solid rgba(200,157,92,.22);color:var(--ink);text-align:center;flex-direction:column;justify-content:center}.need-list button:last-child{border-right:0}.need-list i{display:grid;place-items:center;width:42px;height:42px;margin:0 auto 13px;border:1px solid var(--line);border-radius:50%;color:var(--gold)}.need-list b{font-size:14px}.need-list em{min-height:34px;font-size:10px;line-height:1.65}.need-list strong{display:none}
