:root{font-family:Segoe UI,system-ui,sans-serif;color:var(--ink);background:var(--page);font-synthesis:none;text-rendering:optimizeLegibility;--page: #f5f2ec;--surface: #fffdf9;--sidebar: #f1eee7;--muted-surface: #ece8df;--bubble: #f1eee7;--user-bubble: #f7e9df;--ink: #302e29;--muted: #69655d;--faint: #69655d;--line: #ded9ce;--accent: #a3412c;--accent-hover: #843221;--on-accent: #fffaf5;--accent-soft: #eddcd1;--sage: #45634c;--serif: Georgia, "Times New Roman", serif;--shadow: 0 24px 90px #302e292b;--round: 16px;--small-round: 8px;--s1: 4px;--s2: 8px;--s3: 12px;--s4: 16px;--s5: 20px;--s6: 24px;--s7: 32px;--s8: 40px;--s9: 48px;--s10: 64px}:root[data-theme=dark]{--page: #1b201c;--surface: #202620;--sidebar: #191e1a;--muted-surface: #2d352e;--bubble: #2b332c;--user-bubble: #40342d;--ink: #f2eee4;--muted: #bcbdb0;--faint: #aaa99e;--line: #3e473f;--accent: #f0ac8c;--accent-hover: #ffc9ae;--on-accent: #30231d;--accent-soft: #403229;--sage: #b4c9ac}:root[data-theme=dusk]{--page: #f2e4e6;--surface: #fff7f5;--sidebar: #eddddf;--muted-surface: #e7d4d8;--bubble: #f0e3e8;--user-bubble: #eadcea;--ink: #442e41;--muted: #694e62;--faint: #694e62;--line: #d7bdc9;--accent: #8a365c;--accent-hover: #6f2849;--on-accent: #fff7f5;--accent-soft: #ebcedb;--sage: #62556d}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,select{cursor:pointer}button{color:inherit}button{-webkit-tap-highlight-color:transparent}button:disabled{cursor:default;opacity:.5}button,a,select,input,textarea{outline-offset:4px}:focus-visible{outline:2px solid var(--accent)}button{border:0}svg{width:20px;height:20px;flex:0 0 20px}h1,h2,h3,p{margin:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:fixed;left:16px;top:-100px;background:var(--accent);color:var(--on-accent);padding:12px;z-index:20}.skip:focus{top:16px}.app-shell{display:grid;grid-template-columns:260px minmax(0,1fr) 340px;max-width:1680px;margin:auto;height:100dvh;min-height:540px;background:var(--surface)}.sidebar{background:var(--sidebar);border-right:1px solid var(--line);padding:var(--s7) var(--s5) var(--s6);display:flex;flex-direction:column;min-height:0;overflow-y:auto}.brand{display:flex;align-items:center;gap:var(--s3);text-decoration:none;color:var(--ink);width:fit-content}.brand>svg{width:32px;height:32px;color:var(--accent)}.brand>span{font-family:var(--serif);font-size:2.625rem;letter-spacing:-2px;line-height:1}.brand-dot{color:var(--accent)}.brand-note{margin:var(--s3) 0 var(--s9);font-size:.75rem;color:var(--muted)}.sidebar-heading{display:flex;align-items:center;justify-content:space-between;margin:0 var(--s2) var(--s4)}.eyebrow{font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:1.8px;color:var(--muted)}.count{font:.75rem var(--serif);color:var(--faint)}.character-list{display:flex;flex-direction:column;gap:var(--s2)}.character{display:flex;align-items:center;gap:var(--s3);width:100%;min-height:82px;padding:var(--s3);border-radius:var(--small-round);background:transparent;text-align:left;border:1px solid transparent}.character:hover{background:var(--muted-surface)}.character.active{background:var(--surface);border-color:var(--line)}.character>span:nth-child(2){min-width:0;flex:1}.character strong{font:1.1875rem var(--serif);display:block;margin-bottom:var(--s1)}.character-preview{display:block;font-size:.6875rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.selected-dot{width:6px;height:6px;border-radius:50%;background:var(--accent)}.portrait{display:block;overflow:hidden;position:relative;background:var(--muted-surface);flex-shrink:0}.portrait img{position:absolute;width:300%;max-width:none;height:auto;top:50%;transform:translateY(-50%)}.avatar{width:46px;height:54px;border-radius:22px 22px var(--small-round) var(--small-round)}.avatar img,.header-avatar img,.message-avatar img,.welcome-avatar img{top:0;transform:none}.sidebar-quote{margin:auto var(--s3);padding:var(--s8) 0;color:var(--muted)}.sidebar-quote svg{color:var(--sage);width:26px;height:26px}.sidebar-quote p{font:italic 1.4375rem/1.3 var(--serif);margin:var(--s4) 0 var(--s2);max-width:160px}.sidebar-quote>span{font-size:.75rem}.sidebar-bottom{margin-top:var(--s6)}.settings-link{display:flex;align-items:center;gap:var(--s3);min-height:48px;background:transparent;padding:0 var(--s2);font-size:.75rem;width:100%;text-align:left}.settings-link>svg:last-child{margin-left:auto;width:14px}.preference-row{display:flex;gap:var(--s2);padding:var(--s4) 0;border-bottom:1px solid var(--line)}select{border:1px solid var(--line);border-radius:var(--small-round);color:var(--ink);background:var(--surface);min-height:44px;padding:var(--s2) var(--s3)}.preference-row select{font-size:.75rem;width:50%;padding:var(--s2)}.local-note{margin-top:var(--s5);display:flex;gap:var(--s2);color:var(--muted)}.local-note svg{width:15px;height:15px;flex-basis:15px;margin-top:2px}.local-note strong{display:block;font-size:.6875rem;font-weight:500;margin-bottom:var(--s1)}.local-note span span{display:block;font-size:.625rem;line-height:1.6}.chat-main{display:flex;flex-direction:column;min-width:0;min-height:0;position:relative}.chat-header{display:flex;align-items:center;gap:var(--s3);padding:var(--s5) var(--s7);min-height:92px;border-bottom:1px solid var(--line)}.header-avatar{width:42px;height:48px;border-radius:24px 24px var(--small-round) var(--small-round)}.header-name{min-width:0}.header-name h1{font:1.5rem var(--serif);margin-bottom:var(--s1)}.header-name>span{color:var(--muted);font-size:.6875rem;display:block}.separator{margin:0 var(--s2)}.header-actions{display:flex;gap:var(--s1);margin-left:auto}.icon-button{width:44px;height:44px;padding:var(--s3);display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:transparent;color:var(--muted)}.icon-button:hover{background:var(--muted-surface);color:var(--ink)}.connection-banner{display:flex;align-items:center;gap:var(--s3);padding:var(--s2) var(--s7);border-bottom:1px solid var(--line);background:var(--page);min-height:48px}.mode-badge{display:inline-flex;gap:6px;align-items:center;font-size:.625rem;white-space:nowrap;font-weight:600;color:var(--accent)}.mode-badge>span{width:5px;height:5px;background:currentColor;border-radius:50%}.mode-badge.live{color:var(--sage)}.connection-banner p{font-size:.625rem;color:var(--muted);line-height:1.5}.connection-banner button{background:transparent;color:var(--muted);margin-left:auto;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}.conversation{overflow-y:auto;flex:1;min-height:0;overscroll-behavior:contain;padding:var(--s7);scrollbar-width:thin;scrollbar-color:var(--line) transparent}.welcome{margin:0 auto;max-width:450px;text-align:center}.welcome-art{width:fit-content;position:relative;margin:0 auto var(--s6)}.welcome-avatar{width:64px;height:74px;border-radius:40px 40px 14px 14px;box-shadow:0 0 0 6px var(--page)}.welcome-art>span:not(.portrait){position:absolute;bottom:-6px;right:-16px;border-radius:50%;width:32px;height:32px;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center}.welcome-art>span:not(.portrait) svg{width:16px;height:16px}.welcome h2{font:2rem/1.2 var(--serif);letter-spacing:-.8px;margin:var(--s4) auto var(--s3);max-width:360px}.welcome>p{font-size:.75rem;color:var(--muted);line-height:1.8;max-width:290px;margin:auto}.intro-note{font:italic .875rem/1.5 var(--serif);padding:var(--s3);margin:var(--s4) auto;border-top:1px solid var(--line);border-bottom:1px solid var(--line);max-width:350px}.intro-note>span{display:block;font:.625rem Segoe UI,sans-serif;color:var(--muted);margin-top:var(--s2)}.composer-area{padding:var(--s4) var(--s7) var(--s5);background:var(--surface)}#chat-form{display:flex;align-items:flex-end;gap:var(--s3);border:1px solid var(--line);border-radius:var(--round);padding:var(--s2) var(--s2) var(--s2) var(--s4);background:var(--surface)}#chat-form:focus-within{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}textarea{color:var(--ink);border:none;background:transparent;outline:none;resize:none;flex:1;min-width:0;max-height:144px;padding:var(--s3) 0;font-size:.8125rem;line-height:1.5}textarea::placeholder{color:var(--muted)}textarea:focus-visible{outline:none}.send-button{min-width:44px;width:44px;height:44px;border-radius:var(--small-round);display:grid;place-items:center;color:var(--on-accent);background:var(--accent)}.send-button:hover{background:var(--accent-hover)}.composer-meta{display:flex;justify-content:space-between;gap:var(--s2);margin-top:var(--s2);color:var(--muted);font-size:.5625rem}.composer-meta>span:last-child{display:flex;gap:var(--s1);align-items:center}.composer-meta svg{width:10px;height:10px;flex-basis:10px}.chat-disclaimer{text-align:center;color:var(--muted);font-size:.5625rem;line-height:1.6;margin-top:var(--s4)}.profile-panel{border-left:1px solid var(--line);overflow-y:auto;scrollbar-width:thin;background:var(--page)}.profile-photo{position:relative}.photo-open{display:block;width:100%;position:relative;padding:0;background:var(--muted-surface)}.hero-photo{width:100%;height:340px}.hero-photo img,.large-photo img{top:0;transform:none}.photo-badge{position:absolute;top:var(--s4);right:var(--s4);display:flex;align-items:center;gap:var(--s2);background:#302e29bd;color:#fffdf9;font-size:.625rem;padding:var(--s2) var(--s3);border-radius:24px}.photo-badge svg{width:12px;height:12px;flex-basis:12px}.photo-caption{padding:var(--s6) var(--s6) 0}.photo-caption .eyebrow{color:var(--accent)}.photo-caption h2{font:2.4375rem var(--serif);letter-spacing:-.8px;margin-top:var(--s2)}.photo-caption h2 span{float:right;font-size:1.75rem;color:var(--accent)}.photo-caption p{color:var(--muted);font-size:.6875rem;margin-top:var(--s2)}.profile-body{padding:var(--s5) var(--s6) var(--s6)}.bio{font-size:.75rem;line-height:1.8}.traits{display:flex;flex-wrap:wrap;gap:var(--s2);margin:var(--s4) 0 var(--s6)}.traits>span{background:var(--muted-surface);border:1px solid var(--line);color:var(--muted);border-radius:24px;padding:6px var(--s3);font-size:.625rem}.section-label{display:flex;align-items:center;gap:var(--s2);color:var(--muted);margin-bottom:var(--s3)}.section-label svg{width:13px;height:13px;flex-basis:13px}.section-label h3{text-transform:uppercase;font-size:.5625rem;font-weight:600;letter-spacing:1.3px}.gallery-thumbs{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s2)}.gallery-thumbs button{padding:0;background:transparent;border-radius:var(--small-round);overflow:hidden}.gallery-thumbs button:hover{box-shadow:0 0 0 2px var(--accent)}.thumb{width:100%;aspect-ratio:.75;border-radius:var(--small-round)}.small{font-size:.5625rem;line-height:1.7}.muted{color:var(--muted)}.gallery-note{margin:var(--s2) 0 var(--s6)}.world-copy{color:var(--muted);font-size:.6875rem;line-height:1.8}.profile-disclaimer{display:flex;gap:var(--s2);font-size:.5625rem;color:var(--muted);line-height:1.7;border-top:1px solid var(--line);margin-top:var(--s6);padding-top:var(--s4)}.profile-disclaimer svg{width:14px;height:14px;flex-basis:14px;margin-top:2px}.date-divider{text-align:center;margin:var(--s2) 0 var(--s7);color:var(--muted);font-size:.625rem}.date-divider span{display:inline-flex;gap:var(--s2);align-items:center}.date-divider svg{width:12px;height:12px;flex-basis:12px}.message{display:flex;gap:var(--s3);margin-bottom:var(--s6)}.message-avatar{width:30px;height:36px;border-radius:20px 20px 6px 6px;margin-top:var(--s6)}.message-content{min-width:0;max-width:min(90%,590px)}.message-meta{display:flex;align-items:center;gap:var(--s2);margin-bottom:var(--s2);font-size:.625rem;color:var(--muted)}.message-meta strong{color:var(--ink);font-size:.6875rem;font-weight:600}.bubble{background:var(--bubble);padding:var(--s4) var(--s5);border-radius:0 var(--round) var(--round) var(--round);font-size:.8125rem;line-height:1.85;overflow-wrap:anywhere}.message.user{flex-direction:row-reverse}.reply-text{white-space:pre-wrap}.user-avatar{width:28px;height:28px;margin-top:var(--s6);background:var(--accent-soft);color:var(--accent);display:grid;place-items:center;border-radius:50%;flex-shrink:0}.user-avatar svg{width:14px;height:14px}.user .message-meta{flex-direction:row-reverse}.user .bubble{background:var(--user-bubble);border-radius:var(--round) 0 var(--round) var(--round)}.sample-label{font-size:.5625rem;border:1px solid var(--line);padding:2px 5px;border-radius:var(--small-round)}.typing{display:flex;align-items:center;gap:5px;background:var(--bubble);padding:var(--s5);border-radius:var(--round);margin-top:var(--s6)}.typing>span:not(.sr-only){width:5px;height:5px;background:var(--muted);border-radius:50%;animation:breathe 1.4s infinite}.typing>span:nth-child(2){animation-delay:.2s}.typing>span:nth-child(3){animation-delay:.4s}@keyframes breathe{50%{opacity:.3;transform:translateY(-3px)}}.chat-error{border-left:2px solid var(--accent);padding:var(--s3) var(--s4);margin-bottom:var(--s5);background:var(--page);font-size:.75rem;color:var(--muted)}.text-button{color:var(--accent);background:transparent;text-decoration:underline;min-height:44px;padding:var(--s2) 0}.storage-note{color:var(--accent);font-size:.6875rem;padding-bottom:var(--s3)}.modal{color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:var(--round);box-shadow:var(--shadow);padding:var(--s7);width:min(600px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow-y:auto}.modal::backdrop{background:#181b1866;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-close{position:absolute;top:var(--s3);right:var(--s3);z-index:1;background:var(--surface)}.modal h2{font:2rem/1.2 var(--serif);letter-spacing:-.5px;margin:var(--s3) var(--s6) var(--s4) 0}.modal-intro{color:var(--muted);font-size:.8125rem;line-height:1.7;margin-bottom:var(--s6)}#settings-form{display:flex;flex-direction:column}#settings-form>label{font-size:.75rem;font-weight:600;margin-bottom:var(--s2)}#settings-form input:not([type=checkbox]),#settings-form select{width:100%;min-height:44px;background:var(--page);color:var(--ink);border:1px solid var(--line);border-radius:var(--small-round);padding:var(--s3);font-size:.8125rem}#settings-form input::placeholder{color:var(--muted)}#settings-form>select,#settings-form>#model-name{margin-bottom:var(--s5)}.field-hint{color:var(--muted);font-size:.6875rem;line-height:1.6;margin:var(--s2) 0 var(--s5)}.checkbox-label{display:flex;align-items:center;min-height:44px;gap:var(--s2)}input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent)}.connection-actions{display:flex;flex-wrap:wrap;gap:var(--s3)}.primary-button,.secondary-button{min-height:44px;display:inline-flex;justify-content:center;align-items:center;gap:var(--s2);padding:var(--s3) var(--s4);border-radius:var(--small-round);font-size:.75rem}.primary-button{background:var(--accent);color:var(--on-accent)}.primary-button:hover{background:var(--accent-hover)}.secondary-button{background:var(--page);color:var(--ink);border:1px solid var(--line)}.secondary-button:hover{border-color:var(--accent)}.settings-status{min-height:20px;margin:var(--s3) 0;font-size:.75rem;color:var(--accent)}.privacy-info{display:flex;gap:var(--s3);border-top:1px solid var(--line);padding-top:var(--s5);color:var(--muted)}.privacy-info h3{font-size:.75rem;margin-bottom:var(--s2)}.privacy-info p{font-size:.6875rem;line-height:1.7}.privacy-info svg{width:16px;height:16px;flex-basis:16px}.modal-gallery{padding:0;width:min(520px,calc(100vw - 32px))}.gallery-large{background:var(--muted-surface)}.large-photo{width:100%;height:min(65dvh,640px)}.gallery-caption{padding:var(--s5) var(--s6);display:flex;align-items:center;gap:var(--s3)}.gallery-caption h2{font-size:1.5rem;margin:var(--s2) 0}.gallery-caption p{font-size:.625rem;color:var(--muted)}.gallery-caption>div:first-child{flex:1}.gallery-caption>div:last-child{display:flex}.previous svg{transform:rotate(180deg)}.modal-profile{padding:0;width:min(400px,calc(100vw - 32px))}.modal-profile .hero-photo{height:360px}.mobile-menu,.mobile-profile,.mobile-sidebar-close{display:none}@media(min-width:1450px){.app-shell{grid-template-columns:280px minmax(0,1fr) 380px}.hero-photo{height:400px}.conversation{padding-left:var(--s9);padding-right:var(--s9)}.welcome{max-width:500px}.welcome h2{font-size:2.625rem;max-width:420px}.composer-area{padding-left:var(--s9);padding-right:var(--s9)}}@media(max-width:1150px){.app-shell{grid-template-columns:230px minmax(0,1fr)}.profile-panel{display:none}.mobile-profile{display:inline-flex}.sidebar{padding-left:var(--s4);padding-right:var(--s4)}.welcome{margin-top:0}}@media(max-width:700px){.app-shell{display:flex;min-height:0}.sidebar{display:none;position:fixed;inset:0 auto 0 0;width:min(290px,calc(100vw - 64px));z-index:5;box-shadow:var(--shadow)}.menu-open .sidebar{display:flex}.menu-open .chat-main:after{content:"";position:fixed;inset:0 0 0 min(290px,calc(100vw - 64px));background:#181b1855;z-index:4;pointer-events:none}.chat-main{width:100%}.chat-header{padding:var(--s3) var(--s3);gap:var(--s2);min-height:76px}.mobile-menu{display:inline-flex}.mobile-sidebar-close{display:flex;position:absolute;right:var(--s2);top:var(--s2)}.header-role{display:none}.header-name h1{font-size:1.375rem}.header-name>span{font-size:.625rem}.header-name .separator,.header-name .separator~*{display:none}.header-name>span{max-width:135px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-avatar{display:block}.header-actions{gap:0}.header-actions .icon-button{width:40px;padding:10px}.connection-banner{padding:var(--s2) var(--s4);gap:var(--s2)}.connection-banner p{font-size:.5625rem}.conversation{padding:var(--s6) var(--s4)}.welcome{margin-top:var(--s4)}.welcome h2{font-size:2rem;max-width:300px}.welcome>p{font-size:.75rem}.welcome-avatar{width:60px;height:70px}.welcome-art{margin-bottom:var(--s5)}.welcome .eyebrow{font-size:.5625rem}.intro-note{margin:var(--s5) auto;font-size:.9375rem;padding:var(--s4)}.composer-area{padding:var(--s3) var(--s4) max(var(--s4),env(safe-area-inset-bottom))}.composer-meta>span:last-child{display:none}.chat-disclaimer{font-size:.5625rem;margin-top:var(--s3)}.bubble{font-size:.8125rem;padding:var(--s3) var(--s4)}.message{gap:var(--s2)}.message-avatar{width:26px;height:32px}.message-content{max-width:calc(100% - 40px)}.user-avatar{width:26px}.modal{padding:var(--s6)}.modal-gallery,.modal-profile{padding:0}.modal h2{font-size:1.75rem}.connection-actions{flex-direction:column}.gallery-caption{padding:var(--s4)}.gallery-caption h2{font-size:1.375rem}.gallery-caption .icon-button{width:40px}}@media(max-height:800px){.conversation{padding:var(--s6)}.welcome-art{margin-bottom:var(--s3)}.welcome-avatar{width:52px;height:60px}.welcome>.eyebrow,.welcome .intro-note{display:none}.welcome h2{font-size:1.75rem;max-width:400px;margin-top:var(--s3);margin-bottom:var(--s2)}.welcome>p{max-width:380px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important}}.face-button{display:inline-flex;flex:0 0 auto;padding:0;border:0;background:transparent;border-radius:var(--small-round);min-width:44px;min-height:44px;align-items:center;justify-content:center}.cloud-actions{display:grid;gap:var(--s2);margin-top:var(--s4)}.cloud-actions svg{width:18px;height:18px;flex-shrink:0}.cloud-actions button{display:flex;align-items:center;justify-content:flex-start;gap:var(--s2);min-height:44px}.account-entry{display:flex;align-items:center;gap:var(--s3);width:100%;min-height:44px;margin-bottom:var(--s3);padding:var(--s2);border-radius:var(--small-round);background:transparent;color:var(--muted);text-align:left;font-size:.8125rem}.account-entry svg{width:18px;height:18px;flex-shrink:0}.account-entry span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-entry:hover{color:var(--ink);background:var(--surface)}.account-mark{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent);font:1.125rem var(--serif);flex:0 0 40px}.account-hero{display:flex;align-items:center;gap:var(--s4);margin:var(--s2) 0 var(--s5)}.account-hero .account-mark{width:64px;height:64px;flex-basis:64px;font-size:1.75rem}.account-hero h2{margin:var(--s1) 0}.account-email{color:var(--muted);font-size:.8125rem;overflow-wrap:anywhere}.account-age{margin-top:var(--s2);color:var(--sage);font-size:.75rem}.account-age.missing{color:var(--accent)}.account-session-actions{margin-top:var(--s4)}.account-status:not(:empty){margin-top:var(--s3);font-size:.75rem;color:var(--accent)}.account-status.ok{color:var(--sage)}.auth-switch{justify-content:flex-start;padding-left:0}.name-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--s3)}.field{display:grid;gap:var(--s2)}.field label,.modal form label{font-weight:600}.adult-check{align-items:flex-start;line-height:1.45;font-size:.8125rem}.modal-account{width:min(440px,calc(100vw - 32px))}.modal .account-hero h2{margin:var(--s1) var(--s6) 0 0}input[type=date]{color-scheme:light}:root[data-theme=dark] input[type=date]{color-scheme:dark}.modal-account .field-hint{margin-bottom:var(--s3)}@media(max-height:720px){.modal-account{padding:8px 16px}.modal-account>.eyebrow{display:none}.modal-account h2{font-size:1.45rem;margin:0 36px 4px 0}.modal-account .modal-intro{margin-bottom:8px}.modal-account form,.modal-account .field{gap:4px}.modal-account .field-hint{margin:0}.modal-account .adult-check{min-height:0}}.conversation-tools{padding:var(--s2) var(--s6);border-bottom:1px solid var(--line);background:var(--surface)}.conversation-tools select{max-width:100%;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:var(--small-round);padding:var(--s2) var(--s3);min-height:44px}.portrait.single img{width:100%;height:100%;left:0;object-fit:cover}.portrait.placeholder{display:inline-flex;align-items:center;justify-content:center;background:var(--muted-surface);font-family:var(--serif);color:var(--muted)}.modal form{display:grid;gap:var(--s3)}.modal form>label{font-weight:600}.modal form input:not([type=checkbox]),.modal form select,.modal form textarea{width:100%;min-height:44px;padding:var(--s3);border:1px solid var(--line);border-radius:var(--small-round);background:var(--surface);color:var(--ink)}.modal fieldset{border:1px solid var(--line);border-radius:var(--small-round);padding:var(--s4)}.modal [hidden]{display:none}.editor-photos{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:var(--s3)}.editor-photos img{width:100%;height:120px;object-fit:cover;border-radius:var(--small-round)}.editor-photos button{min-height:44px}.portrait img.panel-0{left:0}.portrait img.panel-1{left:-100%}.portrait img.panel-2{left:-200%}.modal-editor{width:min(1600px,calc(100vw - var(--s8)));height:calc(100dvh - var(--s8));padding:0;overflow:hidden}.modal-editor[open]{display:flex;flex-direction:column}.editor-header{padding:var(--s6) var(--s6) var(--s4);flex-shrink:0;border-bottom:1px solid var(--line)}.editor-header .eyebrow{display:flex;align-items:center;gap:var(--s2)}.editor-header .eyebrow svg{width:16px;height:16px}.editor-header h2{margin:var(--s2) var(--s6) var(--s2) 0}.editor-header p{color:var(--muted);font-size:.8125rem}.modal-editor #character-form{flex:1;display:flex;flex-direction:column;gap:0;min-height:0;overflow:hidden}.editor-body{flex:1;display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:var(--s6);padding:var(--s5) var(--s6);overflow-y:auto;min-height:0}.editor-column,.editor-section{display:grid;gap:var(--s4);align-content:start;min-width:0}.editor-column{gap:var(--s5)}.editor-section h3{font:1.2rem var(--serif)}.modal-editor .field{display:grid;gap:var(--s2)}.modal-editor form label{margin:0;font-size:.8125rem}.modal-editor textarea{resize:vertical;min-height:110px}.modal-editor #custom-description{min-height:240px}.modal-editor .personality-options{display:grid;grid-template-columns:1fr 1fr;gap:var(--s2);border:0;padding:0}.personality-option{position:relative;min-width:0;cursor:pointer}.personality-option>span{display:grid;align-content:start;gap:var(--s2);height:100%;padding:var(--s3);border:1px solid var(--line);border-radius:var(--small-round);background:var(--page)}.personality-option strong{font-size:.8125rem;line-height:1.4}.personality-option small{color:var(--muted);font-size:.75rem;line-height:1.5}.personality-option:has(input:checked)>span{border-color:var(--accent);background:var(--accent-soft)}.personality-option:has(input:focus-visible)>span,.trait-option:has(input:focus-visible)>span{outline:2px solid var(--accent);outline-offset:3px}.modal-editor input.sr-only{position:absolute;width:1px;height:1px;min-height:0;padding:0;border:0}.modal-editor .trait-options{border:0;padding:0}.trait-options legend{color:var(--muted);font-size:.75rem;margin-bottom:var(--s3)}.trait-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--s2)}.trait-option{position:relative;cursor:pointer}.trait-option span{display:flex;align-items:center;justify-content:center;min-height:44px;padding:var(--s2) var(--s3);border:1px solid var(--line);border-radius:var(--small-round)}.trait-option input:checked+span{border-color:var(--accent);background:var(--accent-soft);color:var(--ink)}.trait-option input:checked+span:before{content:"✓";margin-right:var(--s2)}.photo-upload{display:grid;gap:var(--s2);padding:var(--s4);border:1px dashed var(--line);border-radius:var(--small-round);background:var(--page)}.photo-upload>svg{width:24px;height:24px;color:var(--accent)}.photo-upload p{color:var(--muted);font-size:.6875rem;line-height:1.6}.modal-editor .photo-upload input{border:0;padding:var(--s2) 0 0;background:transparent;font-size:.75rem;min-width:0}.photo-upload input::file-selector-button{padding:var(--s2) var(--s3);min-height:44px;margin-right:var(--s2);color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:var(--small-round);cursor:pointer}.modal-editor .editor-photos{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s2)}.modal-editor .editor-photos img{height:90px}.editor-photos .text-button{display:flex;align-items:center;gap:var(--s1);font-size:.6875rem}.editor-photos .text-button svg{width:14px;height:14px}.editor-footer{flex-shrink:0;border-top:1px solid var(--line);padding:var(--s3) var(--s6);background:var(--surface)}.editor-footer #editor-status:empty{display:none}.editor-footer #editor-status{color:var(--accent);font-size:.75rem;margin-bottom:var(--s3)}.editor-actions{display:flex;align-items:center;gap:var(--s3);justify-content:space-between}.editor-actions-end{display:flex;gap:var(--s2);margin-left:auto}.editor-delete{color:var(--accent);font-size:.75rem;min-height:44px}@media(max-width:650px){.modal-editor{width:calc(100vw - 16px);max-height:calc(100dvh - 16px);padding:0}.editor-header{padding:var(--s5) var(--s4) var(--s4)}.editor-body{grid-template-columns:1fr;gap:var(--s5);padding:var(--s4)}.editor-footer{padding:var(--s3) var(--s4) max(var(--s3),env(safe-area-inset-bottom))}.editor-actions{flex-wrap:wrap}.editor-actions-end{flex:1;justify-content:flex-end}.editor-actions-end button{padding:var(--s2) var(--s3)}}.personality-option:has(input:checked) small{color:var(--ink)}.modal-editor [hidden]{display:none}@media(min-width:651px){.editor-personality{grid-template-rows:auto auto minmax(0,1fr)}.modal-editor #custom-fields{min-height:0;grid-template-rows:auto minmax(240px,1fr) auto}.modal-editor #custom-description{height:100%}.modal-editor #biography{height:clamp(130px,23dvh,260px)}}@media(max-width:650px){.modal-editor{height:calc(100dvh - 16px)}}.modal-editor textarea{max-height:none}