:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f7f3eb;background:#11100e;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,textarea,select{font:inherit}button,.file-button,.quiet-button{cursor:pointer}.background-media{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center center}.background-media-mobile{display:none}.veil{position:fixed;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#08080a08,#08080a1f)}.experience-shell{min-height:100vh;min-height:100dvh;padding:18px;display:grid;place-items:center;position:relative}.experience-card{width:min(1120px,100%);height:min(900px,calc(100vh - 36px));height:min(900px,calc(100dvh - 36px));position:relative;z-index:1;display:grid;grid-template-rows:auto 1fr auto auto;overflow:hidden;border:1px solid rgba(255,255,255,.11);border-radius:22px;background:#0a0a0e12;box-shadow:0 18px 56px #0000002e}.experience-header,.builder-topbar{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 28px;border-bottom:1px solid rgba(255,255,255,.1)}.experience-header{gap:14px;padding:12px 16px;background:#08080c8f;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.character-lockup{display:flex;gap:11px;align-items:center;min-width:0}.character-lockup>div{min-width:0}.character-lockup img{width:44px;height:44px;flex:0 0 44px;object-fit:cover;border-radius:14px;border:1px solid rgba(255,255,255,.18)}h1,h2,p{margin-top:0}h1{margin-bottom:4px;font-size:clamp(1.25rem,3vw,2rem)}h2{font-size:1rem;letter-spacing:.04em}.eyebrow{margin-bottom:6px;color:#c9a86a;font-size:.67rem;letter-spacing:.18em;font-weight:700}.experience-header h1{margin-bottom:2px;font-size:clamp(1.05rem,2vw,1.4rem);line-height:1.15}.experience-header .eyebrow{margin-bottom:3px;font-size:.58rem}.experience-header p:last-child{margin-bottom:0;color:#ffffffa6;font-size:.86rem}.quiet-button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;color:#f7f3eb;padding:9px 13px;border-radius:999px;border:1px solid rgba(255,255,255,.15);background:#ffffff0f}.experience-header .character-actions{flex-wrap:nowrap;gap:6px;margin-top:0}.experience-header .quiet-button{min-height:28px;padding:4px 8px;border-color:#ffffff1a;font-size:.64rem;letter-spacing:.035em;background:#09090d52}.character-modal-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;display:grid;place-items:center;padding:20px;background:#0403051a}.character-modal{position:relative;width:min(720px,100%);max-height:calc(100% - 24px);overflow-y:auto;padding:26px;border:1px solid rgba(255,255,255,.14);border-radius:22px;color:#f7f3eb;background:#0f0d10c7;box-shadow:0 22px 70px #00000057;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.character-modal-header{padding-right:38px}.character-modal-header .eyebrow{margin-bottom:8px}.character-modal-header h2{margin:0 0 8px;color:#fffaf0;font-size:1.35rem}.character-modal-header>p:last-child{margin:0;color:#f7f3ebad;font-size:.84rem;line-height:1.65}.character-modal-close{position:absolute;top:14px;right:14px;width:30px;height:30px;padding:0;border:1px solid rgba(255,255,255,.11);border-radius:50%;color:#ffffffb8;background:#ffffff0a;font-size:1.15rem;line-height:1}.character-modal-close:hover{color:#fff;background:#ffffff1a}.character-modal-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:22px}.character-modal-action{min-height:94px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:7px;padding:16px 18px;border:1px solid rgba(216,189,132,.25);border-radius:16px;color:#fffaf0;background:#ffffff0e;text-align:left}.character-modal-action:hover{border-color:#d8bd847a;background:#d8bd841a}.character-modal-action strong,.character-modal-action:not(button){font-weight:700}.character-modal-action span{color:#f7f3eb99;font-size:.76rem;font-weight:400;line-height:1.45}.character-modal-action input{display:none}.character-modal-restore{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:18px;padding:13px 14px;border:0;border-top:1px solid rgba(255,255,255,.11);color:#f7f3ebc2;background:transparent;text-align:left}.character-modal-restore span{color:#f7f3eb7a;font-size:.74rem;font-weight:400}.character-modal-restore:hover{color:#fffaf0;background:#ffffff09}.chat-log{min-height:0;padding:18px 20px;overflow-y:auto;display:flex;flex-direction:column;gap:12px;scrollbar-width:thin;scrollbar-color:rgba(235,235,240,.25) transparent}.chat-log::-webkit-scrollbar{width:6px}.chat-log::-webkit-scrollbar-track{background:transparent}.chat-log::-webkit-scrollbar-thumb{border-radius:999px;background:#ebebf038}.chat-log::-webkit-scrollbar-thumb:hover{background:#f5f5f866}.message-row{display:flex;align-items:flex-start;gap:10px;max-width:min(68%,680px)}.message-row.assistant{align-self:flex-start}.message-row.user{align-self:flex-end;justify-content:flex-end}.message-avatar{width:40px;height:40px;flex:0 0 40px;object-fit:cover;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:#ffffff14}.bubble{max-width:min(78%,680px);padding:11px 14px;border-radius:16px;line-height:1.65;text-shadow:0 1px 2px rgba(0,0,0,.18)}.message-row .bubble{max-width:100%}.bubble p{margin:0;white-space:pre-wrap}.bubble.user{align-self:flex-end;background:#4c3b1eb3;border:1px solid rgba(216,189,132,.28);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.bubble.assistant{align-self:flex-start;background:#0d0d12ad;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.media-card{margin:12px 0 0;padding:0;overflow:hidden;border-radius:14px;background:#0003}.media-card img,.media-card video{display:block;width:100%;max-height:420px;object-fit:contain;background:#050505}.media-card audio{width:calc(100% - 24px);margin:12px}.media-card figcaption{display:grid;gap:3px;padding:10px 12px 12px}.media-card figcaption span{color:#fff9;font-size:.8rem}.composer{padding:10px;display:grid;grid-template-columns:1fr auto;gap:8px;border-top:1px solid rgba(255,255,255,.1);background:#08080c8f;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.composer textarea{field-sizing:content;min-height:42px;max-height:112px;resize:vertical;color:#fff;padding:10px 13px;border-radius:13px;border:1px solid rgba(255,255,255,.13);background:#ffffff12;outline:none;line-height:1.45}.composer button,.builder-actions button,.file-button{color:#15130f;font-weight:700;padding:0 20px;border:0;border-radius:14px;background:#d8bd84}.composer button{min-width:60px;padding:0 16px;border-radius:12px}.error-box{margin:0 16px 12px;padding:10px 12px;color:#ffd7d7;border-radius:12px;background:#aa28283d}.builder-shell{min-height:100vh;background:#f6f3ed;color:#292722}.builder-topbar{position:sticky;top:0;z-index:2;background:#f6f3edeb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-color:#ded8ce}.builder-topbar .quiet-button{color:#292722;border-color:#cec7bc;background:#fff}.builder-grid{width:min(1180px,calc(100% - 40px));margin:28px auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.builder-panel{padding:22px;border:1px solid #ded8ce;border-radius:20px;background:#fff;box-shadow:0 12px 36px #4337240f}.builder-panel label{display:grid;gap:7px;margin:14px 0;font-size:.82rem;font-weight:650}.builder-panel input,.builder-panel textarea,.builder-panel select{width:100%;padding:11px 12px;border:1px solid #d9d2c7;border-radius:10px;background:#fbfaf7;color:#292722}.builder-panel textarea{min-height:88px;resize:vertical}.builder-panel textarea.large{min-height:220px}.muted{color:#777065;font-size:.82rem;line-height:1.7}.builder-actions{width:min(1180px,calc(100% - 40px));margin:0 auto 40px;display:flex;flex-wrap:wrap;gap:10px;align-items:center}.builder-actions button,.file-button{min-height:44px;display:inline-flex;align-items:center;padding:0 16px}.save-state{min-width:76px;font-size:.82rem;font-weight:700}.save-state.unsaved{color:#9a6700}.save-state.saving{color:#4b5563}.save-state.saved{color:#19733b}.save-state.failed{color:#b42318}.file-button input{display:none}.center-state{min-height:100vh;display:grid;place-content:center;text-align:center;padding:24px}.avatar-placeholder{width:44px;height:44px;flex:0 0 44px;border-radius:14px;border:1px solid rgba(255,255,255,.2);background:#ffffff14}.builder-panel-wide{grid-column:1 / -1}.panel-heading-row{display:flex;gap:16px;justify-content:space-between;align-items:flex-start}.panel-heading-row h2{margin-bottom:6px}.secondary-button{min-height:38px;padding:0 14px;border:1px solid #cec7bc;border-radius:12px;background:#fbfaf7;color:#292722;font-weight:700}.character-generator{margin:14px 0;padding:16px;border:1px solid #e2d8c8;border-radius:14px;background:#faf7f1}.character-generator>button{min-height:42px;padding:0 16px;border:0;border-radius:12px;background:#d8bd84;color:#15130f;font-weight:700}.character-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.character-actions .file-button{min-height:38px;padding:0 14px;border:1px solid #cec7bc;background:#fbfaf7;color:#292722}.media-editor-list{display:grid;gap:14px;margin-top:16px}.media-editor{padding:16px;border:1px solid #e3ddd3;border-radius:14px;background:#fbfaf7}.media-editor-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:10px}.media-editor-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px}.media-editor-grid label{margin:7px 0}.media-editor-grid .span-2{grid-column:1 / -1}.danger-link{border:0;background:transparent;color:#a44235;padding:4px 0}.builder-panel input[type=range]{padding:0}@media (max-width: 760px){.background-media-mobile{display:block}.background-media-desktop.has-mobile-background{display:none}.veil{background:#06060a0a}.experience-shell{padding:0}.experience-card{min-height:100vh;min-height:100dvh;height:100vh;height:100dvh;border-radius:0;border:0;background:transparent;box-shadow:none}.experience-header{gap:8px;padding:8px 10px;background:#08080c8a;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.experience-header .eyebrow{display:none}.experience-header h1{overflow:hidden;font-size:1rem;text-overflow:ellipsis;white-space:nowrap}.experience-header p:last-child{overflow:hidden;font-size:.7rem;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.character-lockup{gap:8px;flex:1 1 auto;overflow:hidden}.character-lockup img,.avatar-placeholder{width:36px;height:36px;flex-basis:36px;border-radius:11px}.experience-header .character-actions{flex:0 0 auto}.experience-header .quiet-button{min-height:24px;padding:3px 6px;border-color:#ffffff17;font-size:.56rem;background:#09090d3d}.character-modal-layer{padding:16px}.character-modal{width:calc(100vw - 32px);max-height:calc(100dvh - 120px);padding:22px 18px 18px;border-radius:18px}.character-modal-header{padding-right:34px}.character-modal-header h2{font-size:1.15rem}.character-modal-actions{grid-template-columns:1fr;gap:10px;margin-top:18px}.character-modal-action{min-height:78px;padding:13px 15px}.character-modal-restore{align-items:flex-start;flex-direction:column;gap:4px;margin-top:14px;padding:12px}.chat-log{padding:12px 16px;gap:10px}.message-row{max-width:88%;gap:8px}.message-avatar{width:36px;height:36px;flex-basis:36px}.bubble{max-width:90%;padding:10px 12px;background-clip:padding-box;font-size:.92rem;line-height:1.6}.bubble.assistant{background:#111117ad}.bubble.user{background:#4c3b1eb3}.composer{padding:8px max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));background:#08080c8f;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.composer textarea{min-height:38px;padding:8px 11px;font-size:.9rem}.composer button{min-width:52px;padding:0 12px;font-size:.86rem}.builder-grid{grid-template-columns:1fr;width:min(100% - 24px,700px)}.builder-topbar{align-items:flex-start}.builder-panel-wide{grid-column:auto}.panel-heading-row{flex-direction:column}.media-editor-grid{grid-template-columns:1fr}.media-editor-grid .span-2{grid-column:auto}}