:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;--bg:#f5f2ed;--surface:#fffdf9;--surface-soft:#ebe7e1;--ink:#272422;--muted:#817a74;--line:#ddd6ce;--accent:#9b454f;--accent-deep:#743039;--accent-soft:#f1dfe0;--green:#5d816c;--shadow:0 14px 35px #392c2813;font-family:Pretendard,Noto Sans KR,Apple SD Gothic Neo,Inter,system-ui,sans-serif}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#1d1b1a;--surface:#292624;--surface-soft:#35312e;--ink:#f1ece6;--muted:#aca49d;--line:#48423e;--accent:#cf7a82;--accent-deep:#e49aa1;--accent-soft:#4d3033;--green:#8db59b;--shadow:0 14px 35px #0003}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--bg);color:var(--ink)}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{color:inherit}.app-shell{min-height:100vh}.sidebar{z-index:10;background:var(--surface);border-right:1px solid var(--line);flex-direction:column;width:244px;padding:34px 22px;display:flex;position:fixed;inset:0 auto 0 0}.wordmark{letter-spacing:.02em;align-items:center;gap:11px;padding:0 8px 30px;font-family:Georgia,serif;font-size:19px;display:flex}.wordmark>span{border:1px solid var(--accent);width:31px;height:31px;color:var(--accent);border-radius:50%;place-items:center;font-style:italic;display:grid}.sidebar-person{background:var(--surface-soft);border-radius:12px;align-items:center;gap:12px;margin-bottom:25px;padding:15px 12px;display:flex}.sidebar-person div{flex-direction:column;min-width:0;display:flex}.sidebar-person strong{font-size:14px}.sidebar-person span{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:11px;overflow:hidden}.sidebar nav{gap:5px;display:grid}.sidebar nav a{min-height:48px;color:var(--muted);border-radius:10px;align-items:center;gap:13px;padding:0 13px;font-size:14px;font-weight:620;display:flex}.sidebar nav a svg{width:20px;height:20px}.sidebar nav a:hover{background:var(--surface-soft);color:var(--ink)}.sidebar nav a.active{background:var(--accent-soft);color:var(--accent-deep)}.privacy-note{color:var(--muted);margin:auto 10px 0;font-size:10px;line-height:1.5}.sidebar-settings{min-height:42px;color:var(--muted);align-items:center;gap:13px;margin:auto 12px 12px;font-size:12px;font-weight:650;display:flex}.sidebar-settings svg{width:18px}.sidebar-settings+.privacy-note{margin-top:0}.main-content{min-height:100vh;margin-left:244px}.bottom-nav{display:none}.page{width:min(100%,1040px);margin:0 auto;padding:52px 44px 70px}.page-header{justify-content:space-between;align-items:flex-start;gap:25px;margin-bottom:32px;display:flex}.page-header h1{letter-spacing:-.035em;margin:5px 0 6px;font-family:Georgia,Noto Serif KR,serif;font-size:clamp(28px,3vw,38px);font-weight:500}.page-header p:not(.eyebrow){color:var(--muted);margin:0;font-size:14px}.eyebrow{color:var(--accent);letter-spacing:.17em;margin:0;font-size:10px;font-weight:800}.home-header time{color:var(--muted);font-family:Georgia,serif;font-size:13px}.settings-shortcut{border:1px solid var(--line);color:var(--muted);border-radius:9px;padding:8px 12px;font-size:11px}.header-actions{gap:8px;display:flex}.random-hero{color:#fff9f4;min-height:350px;box-shadow:var(--shadow);background:#30292a;border-radius:20px;grid-template-columns:minmax(0,1.15fr) minmax(260px,.85fr);display:grid;overflow:hidden}.random-copy{flex-direction:column;justify-content:center;padding:46px;display:flex}.random-copy h2{margin:12px 0 10px;font-family:Georgia,Noto Serif KR,serif;font-size:31px;font-weight:500}.random-copy>p:not(.eyebrow){color:#cfc2bd;max-width:460px;margin:0;font-size:13px;line-height:1.7}.random-controls{gap:9px;margin-top:28px;display:flex}.random-controls select{color:#f7eeee;background:#3d3536;border:1px solid #65595a;border-radius:10px;padding:0 30px 0 12px;font-size:11px}.random-visual{background:radial-gradient(circle at 50% 45%,#a7666d,#4d3438 54%,#2c2527);place-items:center;min-height:350px;display:grid;overflow:hidden}.random-visual img{object-fit:cover;width:100%;height:100%;max-height:440px}.random-visual>span{color:#ffffff24;font:italic 140px Georgia,serif}.today-quote blockquote{margin:28px 0 25px;font:500 20px/1.65 Georgia,Noto Serif KR,serif}.today-quote>a,.interact-card>a{color:var(--accent);font-size:11px;font-weight:700}.interact-card>div{color:var(--green);align-items:center;gap:12px;font-size:10px;display:flex}.interact-card h2{margin:17px 0 7px;font-size:16px}.interact-card p{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin:0 0 22px;font-size:12px;overflow:hidden}.home-section{margin-top:34px}.feature-grid{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px;display:grid}.feature-grid>a{background:var(--surface);border:1px solid var(--line);border-radius:14px;min-height:150px;padding:23px;transition:transform .18s,border-color .18s}.feature-grid>a:hover{border-color:var(--accent);transform:translateY(-2px)}.feature-grid>a>span{color:var(--accent);font:11px Georgia,serif}.feature-grid h2{margin:18px 0 8px;font-size:17px}.feature-grid p{color:var(--muted);margin:0;font-size:11px;line-height:1.55}.recent-strip{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:17px;display:grid}.recent-strip article{background:var(--surface);border:1px solid var(--line);border-radius:11px;min-width:0;padding:17px}.recent-strip span{color:var(--accent);text-transform:uppercase;font-size:8px}.recent-strip strong{margin:6px 0;font-size:12px;display:block}.recent-strip p{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:10px;overflow:hidden}.explore-toolbar{grid-template-columns:minmax(220px,1fr) 150px 160px auto;gap:9px;margin-bottom:22px;display:grid}.explore-toolbar>input,.explore-toolbar select,.collection-create input{border:1px solid var(--line);background:var(--surface);min-height:41px;color:var(--ink);border-radius:9px;outline:none;padding:0 12px;font-size:11px}.explore-toolbar>input:focus,.explore-toolbar select:focus{border-color:var(--accent)}.check-filter{border:1px solid var(--line);background:var(--surface);white-space:nowrap;border-radius:9px;align-items:center;padding:0 12px;font-size:10px;display:flex}.check-filter input{accent-color:var(--accent)}.archive-grid{columns:3;column-gap:14px}.archive-card{break-inside:avoid;background:var(--surface);border:1px solid var(--line);border-radius:13px;margin:0 0 14px;overflow:hidden}.image-button{cursor:zoom-in;text-align:left;background:0 0;border:0;width:100%;padding:0;display:block}.image-button img,.image-fallback{aspect-ratio:3/4;object-fit:cover;background:var(--surface-soft);width:100%;min-height:180px;display:block}.image-button>span{padding:12px 13px 5px;font-size:12px;font-weight:700;display:block}.archive-card>div{justify-content:space-between;align-items:center;padding:2px 9px 10px 13px;display:flex}.archive-card small{max-width:calc(100% - 34px);color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:8px;overflow:hidden}.heart{width:30px;height:30px;color:var(--muted);cursor:pointer;background:0 0;border:0;font-size:18px}.heart.active{color:var(--accent)}.load-more{border:1px solid var(--line);background:var(--surface);min-width:180px;color:var(--muted);cursor:pointer;border-radius:9px;margin:24px auto 0;padding:11px 20px;display:block}.viewer-backdrop{z-index:40;background:#120f10d6;place-items:center;padding:25px;display:grid;position:fixed;inset:0}.viewer{background:var(--surface);border-radius:17px;grid-template-columns:minmax(280px,1.2fr) minmax(260px,.8fr);width:min(960px,96vw);max-height:90vh;display:grid;overflow:auto}.viewer>img{object-fit:cover;width:100%;height:100%;min-height:500px}.viewer>div{padding:33px}.viewer h2{margin:10px 0;font:500 26px Georgia,serif}.viewer>div>p:not(.eyebrow){color:var(--muted);font-size:12px}.tag-row{flex-wrap:wrap;gap:6px;margin:20px 0;display:flex}.tag-row span{background:var(--surface-soft);color:var(--muted);border-radius:20px;padding:5px 8px;font-size:9px}.viewer-actions{gap:7px;display:grid}.viewer-actions button,.viewer-close,.creation-preview>button{border:1px solid var(--line);background:var(--bg);cursor:pointer;text-align:left;border-radius:8px;padding:9px 11px;font-size:10px}.viewer-close{margin-top:20px}.tab-list,.shelf-tabs{gap:5px;margin-bottom:20px;display:flex;overflow-x:auto}.tab-list button,.shelf-tabs button{border:1px solid var(--line);background:var(--surface);color:var(--muted);cursor:pointer;border-radius:9px;flex:none;padding:10px 15px;font-size:11px}.tab-list button.active,.shelf-tabs button.active{background:var(--accent);border-color:var(--accent);color:#fff}.shelf-tabs button span{opacity:.7;margin-left:7px}.create-layout{grid-template-columns:minmax(0,1fr) minmax(300px,.9fr);align-items:start;gap:18px;display:grid}.creator-form,.creation-preview{background:var(--surface);border:1px solid var(--line);border-radius:15px;padding:25px}.creator-form{gap:15px;display:grid}.creator-form label{color:var(--muted);gap:6px;font-size:10px;font-weight:650;display:grid}.creator-form input,.creator-form select,.creator-form textarea{border:1px solid var(--line);background:var(--bg);width:100%;min-height:40px;color:var(--ink);border-radius:8px;outline:none;padding:9px 11px;font-size:11px}.creator-form textarea{resize:vertical;min-height:78px}.creator-form input:focus,.creator-form textarea:focus,.creator-form select:focus{border-color:var(--accent)}.form-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.policy-note{background:var(--accent-soft);color:var(--accent-deep);border-radius:9px;flex-direction:column;gap:5px;padding:13px;font-size:10px;line-height:1.5;display:flex}.creation-preview{min-height:450px;position:sticky;top:28px}.creation-preview img{object-fit:contain;background:var(--surface-soft);border-radius:10px;width:100%;max-height:390px}.creation-preview pre{background:var(--bg);white-space:pre-wrap;border-radius:9px;max-height:330px;padding:15px;font:10px/1.65 monospace;overflow:auto}.creation-preview blockquote{text-align:center;margin:130px 12px;font:500 24px/1.7 Georgia,Noto Serif KR,serif}.creation-preview>h2{margin:5px 0 18px;font:500 24px Georgia,serif}.creation-preview>p:not(.eyebrow){white-space:pre-wrap;font:13px/1.85 Georgia,Noto Serif KR,serif}.empty-preview{text-align:center;min-height:390px;color:var(--muted);place-content:center;justify-items:center;display:grid}.empty-preview span{color:var(--accent-soft);font:italic 100px Georgia,serif}.empty-preview p{max-width:260px;font-size:11px}.policy-card{background:var(--surface);border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:12px;padding:24px}.policy-card h2{margin:10px 0;font:500 20px Georgia,Noto Serif KR,serif}.policy-card>p:not(.eyebrow){color:var(--muted);font-size:11px;line-height:1.75}.character-profile h2{margin:7px 0 3px;font:500 28px Georgia,serif}.character-profile>span{color:var(--muted);font-size:10px}.character-profile dl{margin:25px 0 0}.character-profile dt{color:var(--accent);margin-top:15px;font-size:9px;font-weight:800}.character-profile dd{margin:4px 0;font-size:11px;line-height:1.65}.interact-hero{color:#fff;background:#30292a;border-radius:17px;align-items:center;gap:22px;padding:30px;display:flex}.interact-hero>div{flex:1}.interact-hero span{color:#bfaeaa;font-size:10px}.interact-hero h2{margin:5px 0;font:500 25px Georgia,serif}.interact-hero p{color:#cfc2bd;margin:0;font-size:11px}.interact-hero .primary-action{color:#332b2c;background:#faf4ee}.memory-page-list{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:22px}.relationship-bars{background:var(--surface);border:1px solid var(--line);border-radius:14px;grid-template-columns:1fr 1fr;gap:20px 28px;margin-bottom:25px;padding:27px;display:grid}.relationship-bars>div>span{justify-content:space-between;margin-bottom:7px;font-size:10px;display:flex}.relationship-bars small{color:var(--muted)}.relationship-bars i{background:var(--surface-soft);border-radius:10px;height:7px;display:block;overflow:hidden}.relationship-bars b{background:linear-gradient(90deg, #c6878d, var(--accent));border-radius:inherit;height:100%;display:block}.library-content{gap:10px;display:grid}.library-image-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.library-image-grid article{background:var(--surface);border:1px solid var(--line);border-radius:11px;overflow:hidden}.library-image-grid img{aspect-ratio:3/4;object-fit:cover;width:100%}.library-image-grid article>div{justify-content:space-between;align-items:center;padding:10px;display:flex}.library-image-grid strong{font-size:10px}.library-image-grid button,.text-item>button{color:var(--accent);cursor:pointer;background:0 0;border:0;font-size:17px}.text-item,.character-row,.collection-row{background:var(--surface);border:1px solid var(--line);border-radius:11px;padding:20px 22px;position:relative}.text-item>span,.character-row span{color:var(--accent);letter-spacing:.1em;font-size:8px;font-weight:800}.text-item blockquote{margin:13px 35px 8px 0;font:500 17px/1.6 Georgia,serif}.text-item h2,.character-row h2,.collection-row h2{margin:7px 0;font-size:14px}.text-item p,.character-row p{color:var(--muted);white-space:pre-wrap;margin:6px 35px 0 0;font-size:10px;line-height:1.65}.text-item>button{position:absolute;top:15px;right:15px}.text-item time{color:var(--muted);margin-top:12px;font-size:8px;display:block}.character-row{justify-content:space-between;align-items:center;gap:15px;display:flex}.character-row.active{border-color:var(--accent)}.character-row button{border:1px solid var(--line);background:var(--bg);cursor:pointer;border-radius:7px;padding:8px 10px;font-size:9px}.collection-create{grid-template-columns:1fr auto;gap:8px;margin-bottom:10px;display:grid}.collection-row{justify-content:space-between;align-items:center;display:flex}.collection-row span{color:var(--muted);font-size:10px}.character-card{color:#fffaf4;min-height:246px;box-shadow:var(--shadow);background:#322c2a;border-radius:18px;padding:32px 34px;position:relative;overflow:hidden}:root[data-theme=dark] .character-card{background:#3d3532}.character-card:after{content:"";border:1px solid #ffffff14;border-radius:50%;width:220px;height:220px;position:absolute;top:-55px;right:-65px;box-shadow:0 0 0 36px #ffffff06,0 0 0 72px #ffffff05}.character-main{align-items:center;gap:22px;display:flex}.character-main>div:last-child{flex-direction:column;align-items:flex-start;display:flex}.character-main h2{margin:7px 0 1px;font-family:Georgia,Noto Serif KR,serif;font-size:27px;font-weight:500}.character-main p{color:#c7bbb5;margin:0;font-size:12px}.presence{color:#dcc8c5;align-items:center;gap:6px;font-size:11px;display:flex}.presence:before{content:"";background:#8eb49b;border-radius:50%;width:6px;height:6px}.mood{flex-direction:column;gap:4px;display:flex;position:absolute;bottom:34px;left:148px}.mood span{color:#b5aaa5;font-size:10px}.mood strong{font-size:14px;font-weight:550}.primary-action{z-index:1;background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:11px;justify-content:center;align-items:center;gap:9px;min-height:46px;padding:0 18px;font-size:13px;font-weight:700;display:inline-flex;position:relative}.character-card>.primary-action{color:#3d3330;background:#f9f2ec;position:absolute;bottom:31px;right:32px}.primary-action svg{width:17px;height:17px}.character-card>.primary-action svg:last-child{width:15px;margin-left:10px}.primary-action:hover{filter:brightness(.96)}.primary-action:disabled{opacity:.55;cursor:default}.home-grid{grid-template-columns:1fr 1fr;gap:18px;margin-top:20px;display:grid}.panel{background:var(--surface);border:1px solid var(--line);border-radius:15px;min-height:176px;padding:24px}.section-title{justify-content:space-between;align-items:flex-start;gap:15px;display:flex}.section-title>div{flex-direction:column;gap:3px;display:flex}.section-title span{color:var(--muted);font-size:10px}.section-title h2{margin:0;font-size:16px}.section-title>a{color:var(--accent);font-size:11px;font-weight:700}.last-message{align-items:center;gap:12px;margin-top:25px;display:flex}.last-message>div{min-width:0}.last-message strong{font-size:12px}.last-message p{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin:3px 0 0;font-size:13px;overflow:hidden}.memory-panel ul{gap:10px;margin:20px 0 0;padding:0;list-style:none;display:grid}.memory-panel li{align-items:flex-start;gap:9px;font-size:12px;line-height:1.45;display:flex}.memory-panel li i{border:1px solid var(--accent);border-radius:50%;flex:0 0 5px;height:5px;margin-top:6px}.empty-copy{color:var(--muted);font-size:12px;line-height:1.65}.quick-links{grid-template-columns:1fr 1fr;gap:18px;margin-top:18px;display:grid}.quick-links>a{border:1px solid var(--line);background:0 0;border-radius:13px;grid-template-columns:38px 1fr 18px;align-items:center;gap:12px;padding:17px 20px;display:grid}.quick-links>a:hover{background:var(--surface)}.quick-links svg:first-child{width:21px;color:var(--accent)}.quick-links svg:last-child{width:14px;color:var(--muted)}.quick-links span{flex-direction:column;display:flex}.quick-links strong{font-size:13px}.quick-links small{color:var(--muted);margin-top:2px;font-size:10px}.avatar{background:#e4c5ba;border-radius:50%;flex:none;position:relative;overflow:visible}.avatar-small{width:38px;height:38px}.avatar-medium{width:54px;height:54px}.avatar-large{width:84px;height:84px;box-shadow:0 0 0 4px #ffffff14}.avatar-hair{background:#423430;border-radius:50% 50% 42% 42%;position:absolute;inset:5% 5% 12%}.avatar-face{background:#efd2c4;border-radius:48% 48% 45% 45%;position:absolute;inset:26% 19% 13%}.avatar-face:before{content:"";background:#423430;border-radius:50% 50% 48% 20%;height:41%;position:absolute;top:-19%;left:-8%;right:-8%;transform:rotate(-4deg)}.avatar-face i{background:#4c3934;border-radius:50%;width:8%;height:8%;position:absolute;top:48%}.avatar-face i:first-child{left:26%}.avatar-face i:nth-child(2){right:26%}.avatar-face span{border-bottom:1px solid #985e5d;border-radius:50%;width:17%;height:7%;position:absolute;bottom:20%;left:42%}.online-dot{background:var(--green);border:2px solid var(--surface);border-radius:50%;width:22%;height:22%;position:absolute;bottom:2%;right:0}.loading{min-height:70vh;color:var(--muted);place-content:center;justify-items:center;display:grid}.loading>span{border:2px solid var(--line);border-top-color:var(--accent);border-radius:50%;width:28px;height:28px;animation:.8s linear infinite spin}.loading p{font-size:12px}@keyframes spin{to{transform:rotate(1turn)}}.chat-page{background:var(--surface);border-left:1px solid var(--line);border-right:1px solid var(--line);grid-template-rows:78px 1fr auto;width:min(100%,760px);height:100vh;margin:0 auto;display:grid}.chat-header{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:0 24px;display:flex}.chat-header h1{margin:0 0 2px;font-family:Georgia,Noto Serif KR,serif;font-size:17px;font-weight:600}.chat-header p{color:var(--green);margin:0;font-size:10px}.messages{overscroll-behavior:contain;scrollbar-width:thin;min-height:0;padding:22px 24px 30px;overflow-y:auto}.chat-safety{width:fit-content;color:var(--muted);background:var(--surface-soft);border-radius:20px;margin:0 auto 25px;padding:7px 12px;font-size:9px}.date-separator{color:var(--muted);align-items:center;gap:12px;margin:22px 0;font-size:9px;display:flex}.date-separator:before,.date-separator:after{content:"";background:var(--line);opacity:.65;flex:1;height:1px}.message-row{gap:9px;margin:3px 0;display:flex}.message-row.user{justify-content:flex-end}.message-row.first{margin-top:13px}.message-row.last{margin-bottom:8px}.message-row .avatar-small,.avatar-space{width:32px;height:32px}.avatar-space{flex:none}.bubble-wrap{flex-direction:column;max-width:min(73%,430px);display:flex}.user .bubble-wrap{align-items:flex-end}.bubble{background:var(--surface-soft);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:7px 16px 16px 7px;padding:10px 13px;font-size:13px;line-height:1.5}.assistant.first .bubble{border-top-left-radius:16px}.assistant.last .bubble{border-bottom-left-radius:16px}.user .bubble{background:var(--accent);color:#fff;border-radius:16px 7px 7px 16px}.user.first .bubble{border-top-right-radius:16px}.user.last .bubble{border-bottom-right-radius:16px}.message-meta{color:var(--muted);align-items:center;gap:7px;margin:4px 3px 0;font-size:8px;display:flex}.user .message-meta{flex-direction:row-reverse}.message-meta button{color:var(--accent);cursor:pointer;background:0 0;border:0;padding:0;font-size:9px;text-decoration:underline}.typing{align-items:center;gap:4px;min-width:52px;min-height:36px;display:flex}.typing i{background:var(--muted);border-radius:50%;width:4px;height:4px;animation:1.1s ease-in-out infinite typing}.typing i:nth-child(2){animation-delay:.16s}.typing i:nth-child(3){animation-delay:.32s}@keyframes typing{0%,60%,to{opacity:.35;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}.chat-error{width:fit-content;color:var(--accent-deep);border:1px solid #dba9a9;border-radius:9px;margin:18px auto 0;padding:8px 12px;font-size:10px}.composer{padding:13px 18px max(13px, env(safe-area-inset-bottom));border-top:1px solid var(--line);background:var(--surface);grid-template-columns:1fr 42px;align-items:end;gap:10px;display:grid}.composer textarea{resize:none;border:1px solid var(--line);background:var(--bg);width:100%;min-height:42px;max-height:120px;color:var(--ink);border-radius:12px;outline:none;padding:10px 14px;font-size:13px;line-height:20px}.composer textarea:focus{border-color:var(--accent)}.composer button{background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:50%;place-items:center;width:42px;height:42px;display:grid}.composer button:disabled{opacity:.35}.composer svg{width:18px;height:18px}.diary-list{gap:18px;max-width:740px;display:grid}.diary-entry{background:var(--surface);border:1px solid var(--line);min-height:180px;box-shadow:6px 7px 0 var(--surface-soft);border-radius:3px 13px 13px 3px;padding:30px 34px 27px 62px;position:relative}.diary-entry:before{content:"";background:var(--accent-soft);width:1px;position:absolute;top:0;bottom:0;left:31px}.diary-entry time{color:var(--accent);font-family:Georgia,Noto Serif KR,serif;font-size:12px}.diary-entry p{margin:24px 0 25px;font-family:Georgia,Noto Serif KR,serif;font-size:15px;line-height:1.9}.diary-entry>span{color:var(--muted);text-align:right;font-family:Georgia,serif;font-size:11px;display:block}.empty-state{border:1px dashed var(--line);text-align:center;border-radius:14px;place-items:center;min-height:330px;padding:40px;display:grid}.empty-state svg{width:35px;color:var(--accent)}.empty-state h2{margin:18px 0 6px;font-size:16px}.empty-state p{color:var(--muted);margin:0;font-size:12px}.gallery-page{max-width:920px}.gallery-hero{min-height:390px;box-shadow:var(--shadow);background:#ddd5cc;border-radius:17px;position:relative;overflow:hidden}:root[data-theme=dark] .gallery-hero{background:#383431}.gallery-hero>img{object-fit:cover;width:100%;height:500px;display:block}.scene-placeholder{place-items:end center;display:grid;position:absolute;inset:0;overflow:hidden}.window-light{background:#f3e6cf;border:12px solid #c1b6aa;width:39%;height:65%;position:absolute;top:10%;left:11%;box-shadow:inset 0 0 0 1px #0000001a}.window-light:before,.window-light:after{content:"";background:#b1a59b;position:absolute}.window-light:before{width:6px;height:100%;left:50%}.window-light:after{width:100%;height:6px;top:48%}.scene-person{background:#50433f;border-radius:70px 70px 15px 15px;width:145px;height:310px;position:absolute;bottom:0;left:58%}.scene-person span{background:#3f312d;border-radius:50% 50% 45% 45%;width:100px;height:120px;position:absolute;top:-52px;left:24px}.scene-person i{background:#e7cabc;border-radius:46%;width:70px;height:75px;position:absolute;top:-32px;left:40px}.scene-placeholder>p{z-index:2;color:#fff;background:#26211fb8;border-radius:20px;margin:0 0 23px;padding:7px 12px;font-size:10px;position:relative}.prompt-result{z-index:3;background:color-mix(in srgb, var(--surface) 94%, transparent);box-shadow:var(--shadow);border-radius:12px;padding:17px 19px;position:absolute;inset:auto 18px 18px}.prompt-result>span{color:var(--accent);letter-spacing:.12em;font-size:9px;font-weight:800}.prompt-result p{margin:7px 0 12px;font-size:11px;line-height:1.55}.prompt-result div{gap:8px;display:flex}.prompt-result a,.prompt-result button{border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:7px;padding:7px 11px;font-size:10px}.gallery-actions{gap:10px;margin-top:20px;display:flex}.secondary-action{border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:11px;justify-content:center;align-items:center;gap:8px;min-height:46px;padding:0 18px;font-size:12px;font-weight:700;display:inline-flex}.secondary-action svg{width:17px}.inline-notice{color:var(--accent-deep);font-size:11px}.integration-note{max-width:600px;color:var(--muted);margin-top:20px;font-size:10px;line-height:1.6}.settings-page{max-width:850px}.saved{background:var(--accent-soft);color:var(--accent-deep);border-radius:20px;padding:5px 9px;font-size:10px}.settings-section{background:var(--surface);border:1px solid var(--line);border-radius:14px;margin-bottom:18px;padding:25px 27px}.settings-section>h2,.settings-title-row h2{margin:0 0 20px;font-size:15px}.settings-section>label{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;padding:14px 0;display:flex}.settings-section>h2+label{border-top:0}.settings-section label>span{flex-direction:column;gap:3px;display:flex}.settings-section label strong{font-size:12px}.settings-section label small{color:var(--muted);font-size:10px}.settings-section input:not([type=range]),.settings-section select{border:1px solid var(--line);background:var(--bg);width:min(100%,330px);height:38px;color:var(--ink);border-radius:8px;outline:none;padding:0 11px;font-size:11px}.settings-section input:focus,.settings-section select:focus{border-color:var(--accent)}.settings-section label.stacked{flex-direction:column;align-items:stretch;gap:10px}.settings-section label.stacked input{width:100%;max-width:none}.settings-title-row{justify-content:space-between;align-items:flex-start;gap:15px;display:flex}.settings-title-row h2{margin-bottom:3px}.settings-title-row p:not(.eyebrow){color:var(--muted);margin:0;font-size:10px}.danger-link{color:var(--accent);cursor:pointer;background:0 0;border:0;font-size:10px}.memory-list{gap:8px;margin-top:20px;display:grid}.memory-list article{background:var(--bg);border-radius:9px;justify-content:space-between;align-items:center;gap:15px;padding:13px;display:flex}.memory-list article div{min-width:0}.memory-list article span{color:var(--accent);font-size:9px;font-weight:700}.memory-list article p{margin:3px 0;font-size:11px}.memory-list article small{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:9px;display:block;overflow:hidden}.memory-list article button{color:var(--muted);cursor:pointer;background:0 0;border:0;flex:none;font-size:9px}.debug-panel{border-color:#b68c53}.debug-badge{color:#fff;background:#b68c53;border-radius:4px;padding:4px 7px;font-family:monospace;font-size:9px}.debug-meta{flex-wrap:wrap;gap:8px;margin:18px 0;display:flex}.debug-meta span{background:var(--bg);color:var(--muted);border-radius:6px;padding:6px 9px;font-size:9px}.debug-meta strong{color:var(--ink)}.state-sliders{grid-template-columns:1fr 1fr;gap:10px 22px;display:grid}.state-sliders label{grid-template-columns:78px 1fr;border:0!important;align-items:center!important;gap:10px!important;padding:3px 0!important;display:grid!important}.state-sliders label span{flex-direction:row;justify-content:space-between;font-size:9px;display:flex}.state-sliders output{color:var(--accent);font-family:monospace}input[type=range]{accent-color:var(--accent);width:100%}.debug-panel details{border-top:1px solid var(--line);margin-top:10px;padding-top:10px}.debug-panel summary{cursor:pointer;color:var(--muted);font-size:10px}.debug-panel pre{background:var(--bg);white-space:pre-wrap;border-radius:7px;max-height:150px;padding:10px;font-size:9px;overflow:auto}.debug-actions{flex-wrap:wrap;gap:7px;margin-top:18px;display:flex}.debug-actions button{border:1px solid var(--line);background:var(--bg);cursor:pointer;border-radius:7px;padding:8px 10px;font-size:9px}.debug-actions .danger{color:var(--accent);border-color:var(--accent-soft)}@media (width<=820px){.sidebar{display:none}.main-content{padding-bottom:calc(64px + env(safe-area-inset-bottom));margin-left:0}.bottom-nav{z-index:20;height:calc(62px + env(safe-area-inset-bottom));padding:7px 5px env(safe-area-inset-bottom);background:color-mix(in srgb, var(--surface) 96%, transparent);border-top:1px solid var(--line);grid-template-columns:repeat(5,1fr);display:grid;position:fixed;inset:auto 0 0}.bottom-nav a{color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:9px;display:flex}.bottom-nav a.active{color:var(--accent)}.bottom-nav svg{width:20px;height:20px}.page{padding:30px 20px 35px}.chat-page{height:calc(100vh - 62px - env(safe-area-inset-bottom));border:0}.chat-header{height:68px;padding:0 17px}.messages{padding:16px 14px 24px}.random-hero{grid-template-columns:1fr}.random-visual{order:-1;min-height:250px;max-height:380px}.explore-toolbar{grid-template-columns:1fr 1fr}.archive-grid{columns:2}.create-layout{grid-template-columns:1fr}.creation-preview{min-height:350px;position:static}.library-image-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=600px){.page-header{margin-bottom:23px}.page-header h1{font-size:29px}.home-header time{display:none}.character-card{min-height:283px;padding:26px 23px}.character-main{gap:17px}.avatar-large{width:72px;height:72px}.mood{bottom:91px;left:23px}.character-card>.primary-action{bottom:23px;left:22px;right:22px}.home-grid,.quick-links{grid-template-columns:1fr;gap:12px}.panel{min-height:auto}.quick-links{margin-top:12px}.bubble-wrap{max-width:79%}.gallery-hero{min-height:410px}.scene-person{left:56%}.gallery-actions{flex-direction:column}.gallery-actions>*{width:100%}.prompt-result{inset:auto 10px 10px}.diary-entry{padding:25px 22px 23px 45px}.diary-entry:before{left:24px}.settings-section{padding:21px 18px}.settings-section>label:not(.stacked){flex-direction:column;align-items:stretch;gap:10px}.settings-section input:not([type=range]),.settings-section select{width:100%;max-width:none}.state-sliders{grid-template-columns:1fr}.header-actions{width:100%}.header-actions>*{flex:1}.random-copy{padding:28px 23px}.random-copy h2{font-size:25px}.random-controls{flex-direction:column}.random-controls select{min-height:42px}.feature-grid,.recent-strip,.explore-toolbar{grid-template-columns:1fr}.archive-grid{columns:1}.viewer{grid-template-columns:1fr;max-height:92vh}.viewer>img{min-height:0;max-height:50vh}.viewer>div{padding:22px}.form-grid,.relationship-bars{grid-template-columns:1fr}.interact-hero{flex-wrap:wrap;align-items:flex-start}.interact-hero .primary-action{flex-basis:100%}.library-image-grid{grid-template-columns:1fr 1fr}.character-row{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}