*{box-sizing:border-box} :root{font-family:Georgia,'Times New Roman',serif;color:#edf4ef;background:#0c2029;--accent:#13d9be;--surface:#132d34;--bubble:#1c4448;--player:#49354a;--gold:#c6a664;--ink:#edf4ef;--opacity:.85}body{margin:0;background:linear-gradient(#071b26b0,#071b26e8),url('/assets/StoryroomMoodboardDark16x9.png') center/cover fixed;color:var(--ink)}[hidden]{display:none!important}button,.button{font:600 14px system-ui,sans-serif;min-height:44px;color:var(--ink);background:var(--surface);border:1px solid var(--gold);border-radius:14px;padding:10px 16px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px}button:hover,.button:hover{filter:brightness(1.2)}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}button:disabled,.button[aria-disabled=true]{opacity:.4;pointer-events:none}.primary{background:color-mix(in srgb,var(--accent) 30%,#10252e);color:white}.danger{border-color:#ec919d}input,textarea,select{font:16px system-ui,sans-serif;color:var(--ink);background:#0b202add;border:1px solid #759995;border-radius:10px;padding:11px;width:100%;min-height:44px}textarea{resize:vertical;line-height:1.5}label{display:block;font:14px system-ui,sans-serif;color:#c8ddd8;margin:18px 0 6px}label input[type=checkbox]{width:22px;min-height:22px;vertical-align:middle;margin-right:9px}h1,h2,h3,p{overflow-wrap:anywhere}h1{font-size:clamp(25px,4vw,36px);margin:8px 0}h2{font-size:24px}p{line-height:1.6}small,.muted{font:13px/1.6 system-ui,sans-serif;color:#b5cbc8}.tagline{letter-spacing:2px;color:#c9ad75;font:13px system-ui,sans-serif}.welcome,.loading{min-height:100dvh;padding:32px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:#0b1c29ed}.crest{width:min(48vw,220px);height:auto;max-height:30dvh;object-fit:contain}.wordmark{width:min(90vw,420px);max-height:120px;object-fit:contain}.welcome>p{max-width:400px}.signins{display:grid;gap:12px;width:min(100%,320px);margin:20px 0}.welcome small{max-width:320px}.loading{position:fixed;inset:0;z-index:50}.loading h2{font-size:20px;margin-bottom:4px}.loading p:not(.tagline){font:14px/1.5 system-ui,sans-serif;max-width:340px}.progress{width:210px;height:3px;background:#314a52;overflow:hidden;border-radius:5px;margin:18px}.progress span{display:block;height:100%;width:30%;background:var(--accent);animation:glide 1.7s ease-in-out infinite alternate}@keyframes glide{from{transform:translateX(0)}to{transform:translateX(235%)}}@media(prefers-reduced-motion:reduce){.progress span{animation:none;width:100%}}#app{height:100dvh;display:flex;flex-direction:column;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.chat-bar{display:flex;gap:8px;align-items:center;height:52px;flex-shrink:0;padding:3px 7px;background:#10242ded;border-bottom:1px solid #a38b4b66}.chat-bar button{width:44px;padding:4px;font-size:20px}.chat-bar strong{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font:600 16px system-ui,sans-serif}#chat-tools{display:flex;gap:6px;flex-wrap:wrap;padding:6px;background:var(--surface)}#chat-tools button{font-size:12px;padding:8px 11px}#transcript{overflow:auto;flex:1;min-height:0;padding:5px max(7px,calc((100vw - 1000px)/2));scrollbar-color:var(--accent) #10242d;scrollbar-width:thin}.message{position:relative;padding:11px 14px;margin:6px 0;border-radius:16px;background:var(--bubble);border-left:2px solid var(--gold);max-width:94%}.message.user{background:var(--player);margin-left:auto;border:0}.role{font:600 10px system-ui,sans-serif;letter-spacing:1.5px;color:#c4d7cd;min-height:20px;padding-right:42px}.message .copy{font:17px/1.55 Georgia,serif;white-space:pre-wrap;margin:5px 0 0}.turn-menu{position:absolute;right:4px;top:1px;min-height:32px;width:44px;padding:0;background:transparent;font-size:17px}.message.pending{opacity:.65}.compose-row{display:flex;gap:6px;align-items:flex-end}#composer{padding:5px 7px;background:#10242df0;border-top:1px solid #a38b4b66;flex-shrink:0}#message{resize:none;min-height:46px;max-height:150px;padding:10px;font-size:16px}#send{width:68px;flex-shrink:0;height:46px;padding:5px}#chat-status{margin:0 0 4px;font:12px system-ui,sans-serif}#discard{font-size:12px;margin-top:5px}#page{position:fixed;inset:0;z-index:20;background:linear-gradient(#0c2029ee,#0c2029f8),url('/assets/StoryroomMoodboardDark16x9.png') center/cover;display:flex;flex-direction:column;padding:24px max(14px,calc((100vw - 1180px)/2))}.page-heading{display:flex;align-items:center;gap:12px;flex-shrink:0;border-bottom:1px solid #a38b4b66;padding-bottom:12px}.page-heading>div{flex:1;min-width:0}.page-heading>button{max-width:110px;font-size:12px}.page-heading small{letter-spacing:2px;color:#c9ad75;font-size:10px}.page-heading p{margin:3px 0}#page-body{overflow:auto;flex:1;min-height:0;padding:10px 3px 24px;scrollbar-color:var(--accent) transparent}#page-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap;padding-top:10px;border-top:1px solid #a38b4b66;flex-shrink:0}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:14px;margin:16px 0}.card{display:flex;text-align:left;align-items:center;gap:14px;min-height:130px;padding:18px;background:#15353de8;border:1px solid var(--gold);border-radius:18px}.card img{width:62px;height:75px;object-fit:contain;flex-shrink:0}.card h3{font-size:20px;font-weight:600;margin:0 0 7px}.card p{font:13px/1.5 system-ui,sans-serif;margin:0;color:#bfd0ce}.card-text{min-width:0}.record{background:#16343cdd;border:1px solid #63837b66;border-radius:14px;margin:12px 0;padding:16px}.record h3{margin-top:0}.record p{white-space:pre-wrap}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.row>*{flex:1;min-width:110px}.row button{flex:0 1 auto}.notice{font:14px/1.6 system-ui,sans-serif;padding:14px;border-left:3px solid var(--gold);background:#c6a66416;border-radius:4px;white-space:pre-wrap}.empty{max-width:550px;margin:48px auto;text-align:center}.empty img{width:120px}.field-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:12px}.field-grid label{margin-top:10px}#toast{position:fixed;z-index:80;pointer-events:none;bottom:78px;left:50%;transform:translateX(-50%);max-width:calc(100vw - 28px);width:max-content;padding:12px 18px;background:#192f3a;border:1px solid var(--gold);border-radius:12px;box-shadow:0 5px 30px #0008;font:14px/1.5 system-ui,sans-serif}.search{margin:10px 0}.error{color:#ffbbc3}body[data-theme=blue]{--accent:#367dff;--surface:#1e344f;--bubble:#1c3450;--player:#393752}body[data-theme=orange]{--accent:#ff8a2c;--surface:#3a2b26;--bubble:#44312b;--player:#4b3341}body[data-theme=purple]{--accent:#a95aff;--surface:#2d2847;--bubble:#322c4b;--player:#49334e}body[data-theme=pink]{--accent:#ff5ead;--surface:#3a283c;--bubble:#402d44;--player:#51344b}body[data-bubbles=transparent] .message{background:transparent}body[data-bubbles=frosted] .message{background:color-mix(in srgb,var(--bubble) 58%,transparent);backdrop-filter:blur(12px)}body[data-background=starlight]{background:radial-gradient(ellipse at top,#28434d,#071823)}body[data-background=silk]{background:repeating-linear-gradient(125deg,#142d37,#284e51 100px,#16313c 220px)}body[data-background=marble]{background:repeating-radial-gradient(ellipse at top left,#193542,#274d51 40px,#193342 43px,#24434d 120px)}@media(max-width:520px){#page{padding:14px 10px}.page-heading h1{font-size:25px}.page-heading{gap:7px}.page-heading>button{max-width:82px;padding:7px;font-size:11px}.message{max-width:96%;padding:10px 11px}.message .copy{font-size:17px}.card{min-height:110px}.grid{gap:10px}.crest{max-height:25dvh}.wordmark{max-height:100px}}@media(max-height:480px){.welcome,.loading{padding:14px}.crest{max-height:22dvh}.wordmark{max-height:65px}.signins{display:flex;width:auto;margin:9px}.welcome>p{margin:6px}.welcome small{display:none}.loading p{margin:7px}.progress{margin:8px}}