:root{color-scheme:dark;--bg:#101013;--panel:#19191f;--border:#2b2b34;--text:#f1f0f5;--muted:#a3a1ae;--accent:#ad91ff;--accentdark:#251b40;font-family:'Noto Sans KR',system-ui,sans-serif;font-size:16px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #c5afff;outline-offset:4px}button{color:inherit}button:disabled{cursor:not-allowed}a{color:inherit;text-decoration:none}.topbar{height:92px;max-width:1440px;padding:0 56px;margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border)}.brand{display:flex;gap:13px;align-items:center;font-weight:800;font-size:21px}.brand small{display:block;font-size:10px;letter-spacing:2px;color:var(--muted);line-height:1.4}.brand-mark{background:var(--accent);height:40px;width:40px;border-radius:12px;color:#1d1238;font:italic 800 30px Georgia;display:grid;place-content:center;position:relative}.brand-mark span{font:15px Georgia;position:absolute;right:4px;top:2px}.version{font-size:11px;letter-spacing:1.5px;color:#aaa6b6;display:flex;align-items:center;gap:16px}.version span{font-size:12px;letter-spacing:0;border:1px solid #3a334a;border-radius:6px;padding:5px 10px;color:#bca2ff}main{max-width:1328px;margin:auto;padding:28px 32px 0}.notice{display:flex;align-items:center;gap:12px;padding:13px 17px;background:#1c1827;border:1px solid #342b46;border-radius:10px;font-size:13px;color:#bdb2d3;line-height:1.7}.notice strong{color:#e4d8ff;font-weight:500}.notice-icon{color:var(--accent);font-size:22px}.preview-label{margin-left:auto;white-space:nowrap;font-size:11px;letter-spacing:.5px;border-left:1px solid #443652;padding-left:14px}.heading{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:40px 0 32px}.eyebrow{font-size:10px;letter-spacing:2.2px;font-weight:700;color:var(--accent);margin:0 0 10px}h1{font-size:36px;letter-spacing:-1.8px;line-height:1.4;margin:0;font-weight:700}h1 span{color:var(--accent)}.subtitle{font-size:14px;color:var(--muted);margin:10px 0 0}.primary{border:1px solid var(--accent);border-radius:9px;background:var(--accent);color:#211338;font-size:14px;font-weight:700;padding:12px 19px;transition:background .15s,transform .15s}.primary:hover{background:#c7b0ff;border-color:#c7b0ff}.primary:active{transform:translateY(1px)}.create-button{white-space:nowrap}.create-button span{font-size:21px;vertical-align:-1px;margin-right:4px}.collection-bar{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border)}.collections{display:flex;gap:26px}.collection{border:0;border-bottom:2px solid transparent;background:none;color:var(--muted);padding:0 0 16px;font-size:15px;font-weight:600}.collection.active{border-bottom-color:var(--accent);color:var(--text)}.collection span{margin-left:4px;font-size:12px;color:var(--muted)}.count{font-size:12px;color:#8f8c9a}.filters{display:flex;gap:8px;margin:22px 0}.filter{padding:8px 14px;border:1px solid var(--border);border-radius:30px;background:none;color:#b9b5c4;font-size:13px;white-space:nowrap}.filter.active{background:#ece8f7;border-color:#ece8f7;color:#26212f}.filter:hover:not(.active){border-color:#6c617f}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.card{min-width:0;border-radius:14px;background:var(--panel);border:1px solid var(--border);overflow:hidden;transition:transform .2s,border-color .2s}.card:hover{transform:translateY(-5px);border-color:#66517e}.card-top{height:262px;position:relative;background:#252330;overflow:hidden}.cover{position:absolute;inset:0;background-image:url('worlds.png');background-size:300% 100%;background-position:0 50%;transition:transform .5s}.romance .cover,.cover.romance{background-position:50% 50%}.scifi .cover,.cover.scifi{background-position:100% 50%}.card:hover .cover{transform:scale(1.045)}.card-top:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.05) 40%,rgba(16,16,19,.92))}.card-badges{position:absolute;z-index:1;top:16px;left:16px;right:16px;display:flex;justify-content:space-between}.genre-label{font-size:11px;letter-spacing:.4px;border:1px solid #ffffff35;border-radius:5px;padding:5px 8px;background:#10101370;backdrop-filter:blur(10px);color:#fafafa}.card-index{font-family:Georgia,serif;font-size:16px;color:#e6e1ef;text-shadow:0 2px 8px #000}.card-title{position:absolute;z-index:1;bottom:19px;left:23px;right:23px}.card-title small{color:#d1c2a7;font-size:10px;letter-spacing:2px}.card h2{font-size:26px;letter-spacing:-1px;margin:6px 0 0;line-height:1.35}.card-bottom{padding:18px 23px 22px}.card-desc{font-size:14px;line-height:1.85;color:#aaa6b6;margin:0;min-height:52px}.tags{display:flex;flex-wrap:wrap;gap:7px;margin:17px 0 20px}.tags span{font-size:11px;color:#b5afc6;background:#25242d;border-radius:4px;padding:4px 7px}.card-actions{display:flex;gap:8px}.open-story{flex:1;border:1px solid #45404f;background:#22212a;border-radius:7px;padding:11px 15px;text-align:left;display:flex;justify-content:space-between;font-size:13px;font-weight:600}.open-story:hover{background:#332941;border-color:#8b72b6}.open-story span{color:var(--accent)}.edit-character{background:none;border:1px solid #45404f;border-radius:7px;padding:8px;font-size:12px;color:#c9bfd8}.footnote{display:flex;justify-content:center;align-items:center;gap:9px;margin:28px 0 35px;color:#8d8999;font-size:12px;line-height:1.7}.footnote p{margin:0}.footnote strong{font-weight:500;color:#b1aaba}footer{max-width:1264px;margin:auto;padding:21px 0 28px;border-top:1px solid var(--border);display:flex;justify-content:space-between;gap:18px;font-size:11px;color:#85818f}footer strong{font-size:12px;font-weight:500;color:#c3bbd0;margin-left:8px}footer small{font-size:10px;margin-left:8px}.footer-dot{margin:0 8px;color:#49434f}.empty{text-align:center;padding:60px 16px;border:1px dashed #41384b;border-radius:14px}.empty>span{font-size:40px;color:var(--accent)}.empty h2{font-size:22px}.empty p{font-size:14px;color:var(--muted)}.secondary{background:#25202f;border:1px solid #514160;border-radius:8px;padding:10px 18px;font-size:14px}.empty[hidden]{display:none}dialog{border:1px solid #3b3546;background:#18171e;color:var(--text);border-radius:18px;padding:0;width:min(640px,calc(100% - 28px));max-height:90dvh;box-shadow:0 30px 100px #0008}dialog::backdrop{background:#000b;backdrop-filter:blur(5px)}#character-form{padding:28px}.dialog-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}.dialog-head h2{font-size:24px;letter-spacing:-1px;margin:0}.icon-button{background:transparent;border:1px solid #45404f;border-radius:8px;font-size:25px;line-height:1;min-width:36px;height:36px;flex-shrink:0;color:#bbb3c7}.icon-button:hover{background:#302838}.form-hint{font-size:13px;line-height:1.7;color:var(--muted);margin:18px 0 20px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}label{display:block;font-size:13px;color:#d6cedf;margin:0 0 16px}label>span{color:var(--accent)}input,select,textarea{display:block;width:100%;background:#100f15;color:var(--text);border:1px solid #3a3346;border-radius:8px;padding:11px 12px;margin-top:8px;font-size:14px;line-height:1.7}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#756e81}select{height:48px}.form-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:22px}.form-bottom small{font-size:11px;color:var(--muted)}#story-dialog{width:min(1020px,calc(100% - 28px));height:740px;max-height:92dvh}.story-layout{display:grid;grid-template-columns:300px 1fr;height:100%;overflow:hidden}.story-aside{position:relative;overflow-y:auto;background:#16131d;border-right:1px solid var(--border)}.story-art{position:relative;height:230px;background-image:url('worlds.png');background-size:300% 100%;background-position:0 50%}.story-art.romance{background-position:50% 50%}.story-art.scifi{background-position:100% 50%}.story-art:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 30%,#16131d)}.aside-content{position:relative;margin-top:-35px;padding:0 24px 28px}.aside-content h2{font-size:25px;letter-spacing:-1px;margin:17px 0 12px;line-height:1.45}.aside-content>p{font-size:13px;line-height:1.9;color:#b1a7be;white-space:pre-wrap;overflow-wrap:anywhere}.character-note{border-top:1px solid #3b3048;margin-top:24px;padding-top:20px}.character-note>span{font-size:11px;color:#8e809e}.character-note h3{font-size:16px;margin:10px 0}.character-note p{font-size:13px;color:#b8adc5;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere}.chat{display:flex;flex-direction:column;min-width:0;min-height:0}.chat-head{display:flex;justify-content:space-between;align-items:center;padding:18px 24px;border-bottom:1px solid var(--border)}.chat-head strong{font-size:14px}.chat-head span{margin-left:11px;color:#c6a4f3;font-size:11px;background:#30243e;padding:4px 8px;border-radius:4px}.messages{flex:1;overflow:auto;padding:28px 25px;min-height:110px}.message{margin-bottom:23px}.message small{display:block;font-size:11px;color:#a49aae;margin-bottom:9px}.bubble{font-size:15px;line-height:1.95;white-space:pre-wrap;overflow-wrap:anywhere}.message.scene .bubble{background:#211d29;border:1px solid #332c3e;border-radius:0 12px 12px 12px;padding:18px 20px;color:#d3cbdc}.message.user{margin-left:15%;text-align:right}.message.user .bubble{text-align:left;display:inline-block;background:#3a2b53;border:1px solid #564171;border-radius:12px 0 12px 12px;padding:12px 17px;color:#e6d7fa}.system-note{border:1px dashed #41354f;border-radius:9px;font-size:12px;line-height:1.8;padding:12px 15px;color:#bdaecc;margin-top:20px}.composer{padding:18px 24px 17px;border-top:1px solid var(--border)}.suggestion-label{font-size:12px;color:#b6aabd;margin:0 0 10px}.suggestion-label span{font-size:10px;color:#857890;margin-left:8px}.suggestions{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:16px}.suggestions button{font-size:11px;line-height:1.5;background:#23202b;border:1px solid #3b3346;border-radius:7px;padding:7px 10px;color:#bfb4ce}.suggestions button:hover{border-color:var(--accent)}#message-form{position:relative}#message-input{padding:12px 132px 12px 13px;min-height:85px;margin:0;font-size:14px;max-height:150px}#message-form .primary{position:absolute;bottom:12px;right:12px;padding:8px 12px;font-size:12px}#message-form .primary span{margin-left:10px}.composer-note{font-size:10px;color:#8f849b;margin:10px 0 0;line-height:1.7}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);background:#dfd1f8;color:#2d1c44;padding:13px 22px;border-radius:10px;font-size:13px;box-shadow:0 10px 35px #0008;opacity:0;pointer-events:none;transition:.2s;z-index:10;max-width:90vw;white-space:normal}.toast.visible{opacity:1;transform:translate(-50%,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}@media(min-width:1500px){main{padding-top:36px}.card-top{height:300px}}@media(max-width:950px){.topbar{padding:0 28px}.heading{padding:30px 0}h1{font-size:30px}.cards{gap:14px}.card-top{height:225px}.card-title{left:17px;right:17px}.card h2{font-size:23px}.card-bottom{padding:16px}.card-desc{min-height:76px}footer{margin:0 32px}.story-layout{grid-template-columns:240px 1fr}.story-art{height:200px}.aside-content{padding:0 18px 20px}.notice{font-size:12px}.preview-label{display:none}}@media(max-width:680px){.topbar{height:75px;padding:0 20px}.brand{font-size:18px}.version{font-size:0;gap:0}.version span{font-size:11px}.brand-mark{width:35px;height:35px;font-size:26px}main{padding:19px 20px 0}.notice{align-items:flex-start;padding:12px;font-size:12px}.notice strong,.notice div>span{display:block}.notice-icon{font-size:18px}.heading{display:block;padding:28px 0 24px}.eyebrow{font-size:9px}h1{font-size:28px;letter-spacing:-1.2px}.subtitle{font-size:13px;line-height:1.8}.create-button{margin-top:20px;padding:10px 15px;font-size:13px}.collections{gap:23px}.collection{font-size:14px}.count{font-size:10px}.filters{gap:6px;overflow:auto;margin:19px 0}.filter{padding:7px 11px;font-size:12px}.cards{grid-template-columns:1fr;gap:20px}.card-top{height:280px}.card-desc{min-height:0}.card-title{left:21px;bottom:20px}.card h2{font-size:29px}.card-bottom{padding:17px 21px 21px}.footnote{align-items:flex-start;margin:23px 0;font-size:11px}footer{margin:0 20px;flex-direction:column;gap:10px;font-size:11px;padding-bottom:24px}#character-form{padding:22px 18px}.dialog-head h2{font-size:21px}.form-grid{grid-template-columns:1fr;gap:0}input,textarea,select{font-size:16px}.form-bottom{align-items:stretch;flex-direction:column}.form-bottom small{font-size:11px}#story-dialog{height:92dvh;width:calc(100% - 16px);max-height:94dvh}.story-layout{display:flex;flex-direction:column}.story-aside{border-right:0;border-bottom:1px solid var(--border);flex-shrink:0;height:105px;overflow:hidden}.story-art{position:absolute;inset:0;height:100%;opacity:.4;background-size:300% auto}.story-art:after{background:linear-gradient(90deg,#15111bbf,transparent)}.aside-content{margin:0;padding:15px 20px}.aside-content h2{font-size:22px;margin:8px 0}.aside-content>p,.character-note{display:none}.genre-label{font-size:10px;padding:3px 7px}.chat{flex:1;overflow:hidden}.chat-head{padding:12px 16px}.messages{padding:21px 16px}.bubble{font-size:14px}.message.scene .bubble{padding:14px 16px}.composer{padding:14px 15px}.suggestions button{font-size:11px}.suggestion-label{font-size:11px}.composer-note{font-size:10px}#message-input{font-size:16px;padding-right:110px}#message-form .primary{right:9px;font-size:11px;padding:9px}.toast{font-size:12px;bottom:16px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}