.browsing{background:#111216;color:#f5f4f5}.discovery{--accent:#dfb0b3;--soft:#a9a5af;max-width:1360px;margin:auto;padding:0 56px}.discovery a{text-decoration:none;color:inherit}.site-top{display:flex;align-items:center;gap:36px;padding:26px 0 23px}.site-top .brand{white-space:nowrap;font-size:30px}.site-top .brand span{display:block;font:10px "Malgun Gothic",sans-serif;letter-spacing:1.3px;color:#9a959f;margin-top:5px}.story-search{margin-left:auto;display:flex;align-items:center;gap:12px;width:min(400px,38vw);padding:12px 16px;border:1px solid #ffffff15;border-radius:10px;background:#1e1f25}.story-search>span{font-size:25px;line-height:20px;color:#bbb6c0}.story-search input{width:100%;min-width:0;border:0;background:transparent;color:#f5f4f5;outline:none;font:12px "Malgun Gothic",sans-serif}.story-search:focus-within{outline:2px solid var(--accent)}.story-search kbd{padding:1px 6px;border:1px solid #ffffff20;border-radius:4px;color:#8d8994;font-size:12px}.studio-button{border:1px solid #dfb0b340;background:#dfb0b312;color:#edc7ca;padding:12px 18px;border-radius:8px;white-space:nowrap;font-size:12px;font-weight:600}.studio-button:hover{background:#dfb0b324}.browse-nav{display:flex;gap:34px;border-bottom:1px solid #ffffff13;margin-bottom:28px;align-items:center}.browse-nav a{display:block;position:relative;padding:0 2px 18px;color:#a9a5af;font-size:14px;font-weight:600}.browse-nav a[aria-current]{color:#e9bdc0}.browse-nav a[aria-current]:after{content:"";height:3px;background:#dfb0b3;position:absolute;bottom:-1px;left:0;right:0;border-radius:3px}.browse-nav>span{margin-left:auto;padding-bottom:18px;color:#75717e;font-size:11px}.home-feature{display:grid;grid-template-columns:1fr 1fr;min-height:420px;background:#24252e;border:1px solid #ffffff0a;border-radius:18px;overflow:hidden}.feature-copy{padding:42px 48px;position:relative;z-index:1;background:radial-gradient(ellipse at bottom left,#51404566,transparent 75%)}.feature-kicker{font-size:10px;font-weight:600;letter-spacing:2px;color:#e3b8bf}.feature-overline{font-size:12px;color:#c6b8bf;margin:30px 0 14px}.feature-copy h1{font-size:38px;letter-spacing:-1.8px;line-height:1.4;margin:0;font-weight:650}.feature-description{font-size:13px;line-height:1.9;color:#b6afb9;margin:18px 0 25px}.feature-cta{display:inline-flex;align-items:center;justify-content:center;gap:28px;background:#e7bec2;color:#29232b;border:0;border-radius:8px;padding:14px 22px;font-size:13px;font-weight:700;min-height:46px}.feature-cta:hover{background:#f0d0d3}.feature-cta span{font-size:20px}.feature-tags{font-size:11px;color:#c5abb6;margin-top:24px}.feature-tags span{margin:0 12px}.feature-art{position:relative;min-width:0;overflow:hidden}.feature-art>img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:50% 32%}.feature-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#24252e,transparent 25%),linear-gradient(0deg,#171b2bea,transparent 60%)}.feature-quote{position:absolute;z-index:1;bottom:33px;left:42px;font-family:"Batang",serif;font-size:24px;line-height:1.6;text-shadow:0 2px 10px #0008}.feature-quote span{display:block;font:10px "Malgun Gothic",sans-serif;color:#d0c7d4;margin-top:14px}.resume-section{margin:22px 0 42px}.resume-card{display:flex;align-items:center;gap:17px;width:100%;padding:18px 24px;border:1px solid #ffffff12;border-radius:12px;background:#1a1b21;color:#eee8eb;text-align:left}.resume-icon{background:#2c2630;border-radius:12px;width:42px;height:42px;display:grid;place-items:center;color:#e2b4bf;font-size:25px}.resume-card small{display:block;font-size:10px;color:#a8a0ad;margin-bottom:5px}.resume-card strong{font-size:13px;font-weight:500}.resume-arrow{margin-left:auto;font-size:11px;color:#d6b4bf}.resume-arrow b{margin-left:24px;font-size:20px;font-weight:400}.catalog-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:23px}.section-kicker{font-size:9px;letter-spacing:1.8px;color:#bba0ab;margin:0 0 10px}.catalog-heading h2,.shelf-archives h2{font-size:23px;letter-spacing:-.7px;margin:0}.catalog-heading>span{font-size:11px;color:#8d8796}.catalog-controls{display:flex;align-items:center;justify-content:space-between;gap:16px}.genre-filters{display:flex;gap:8px;overflow-x:auto;padding:3px;scrollbar-width:none}.genre-chip{white-space:nowrap;border-radius:22px;border:1px solid #ffffff18;background:transparent;color:#b2acba;padding:9px 17px;font-size:12px}.genre-chip[aria-pressed=true]{background:#ead0d3;border-color:#ead0d3;color:#332831;font-weight:700}.sort-label{white-space:nowrap;font-size:10px;color:#958d9c}.sort-label select{margin-left:7px;border:0;background:#1b1c22;color:#d1c9d5;padding:8px;border-radius:6px;font:11px "Malgun Gothic",sans-serif}.catalog-note{font-size:11px;color:#aaa2b1;line-height:1.8;margin:17px 0 22px}.story-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.story-card{display:block;text-align:left;background:transparent;border:0;color:#f3eff3;padding:0;min-width:0}.story-cover{position:relative;aspect-ratio:1.12;border-radius:12px;overflow:hidden;background:#272935}.story-cover img{width:100%;height:100%;display:block;object-fit:cover;object-position:50% 28%;transition:transform .3s}.story-card:hover .story-cover img{transform:scale(1.04)}.story-cover:after{content:"";position:absolute;inset:60% 0 0;background:linear-gradient(transparent,#11151dcc)}.cover-label{position:absolute;top:12px;left:12px;border:1px solid #ffffff30;background:#171822a6;color:#fff;padding:5px 8px;font-size:8px;letter-spacing:1px;border-radius:4px}.cover-heart{position:absolute;top:12px;right:14px;color:#f3b5c2;font-size:18px}.cover-action{position:absolute;z-index:1;bottom:17px;left:17px;font-size:10px;color:#f3e5ec}.card-character{display:block;font-size:10px;color:#ba9fab;margin-top:16px}.story-card h3{font-size:17px;margin:7px 0 9px;letter-spacing:-.4px}.card-description{font-size:12px;color:#aaa3b1;line-height:1.8;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:43px}.card-tags{font-size:10px;color:#9e899d;margin:12px 0 0;word-spacing:6px}.catalog-status{font-size:12px;color:#e5b6c0;line-height:1.7}.catalog-status:empty{display:none}.catalog-empty{grid-column:1/-1;text-align:center;padding:55px 18px;background:#1a1b21;border:1px dashed #ffffff20;border-radius:12px}.catalog-empty strong{font-size:16px}.catalog-empty p{font-size:12px;color:#aaa2b1;line-height:1.8}.creator-banner{display:flex;align-items:center;gap:24px;margin:52px 0 36px;padding:30px 36px;background:linear-gradient(110deg,#292530,#1b202a);border:1px solid #ffffff10;border-radius:14px}.creator-symbol{font-size:50px;color:#d1abbf}.creator-banner small{font-size:10px;color:#c2a7ba}.creator-banner h2{font-size:21px;margin:8px 0}.creator-banner p{font-size:11px;color:#aba2b4;margin:0;line-height:1.8}.creator-banner button{margin-left:auto}.discovery-footer{padding:25px 0 40px;border-top:1px solid #ffffff12;color:#7f7889}.discovery-footer .brand{font-size:23px;color:#bfb3c5}.discovery-footer p{font-size:11px}.discovery-footer small{font-size:10px}.mobile-nav{display:none}.browse-back{border:0;background:transparent;color:#d5b8c6;font-size:21px;padding:7px;flex:none}.sidebar-home{color:#c8aebb;font-size:12px;text-decoration:none}.story-detail{padding:0;max-height:90dvh;width:min(780px,94vw);border:1px solid #ffffff20;border-radius:18px;background:#202129;color:#f5f1f5;overflow:auto}.story-detail[open]{display:grid;grid-template-columns:44% 56%}.story-detail::backdrop{background:#080911c9;backdrop-filter:blur(7px)}.detail-art{min-height:420px}.detail-art img{width:100%;height:100%;object-fit:cover;object-position:50% 25%;display:block}.detail-copy{padding:44px 30px 30px}.detail-copy h2{font-size:27px;line-height:1.45;letter-spacing:-1px;margin:20px 0 14px}.detail-tags{font-size:11px;color:#d3aabd}.detail-description{color:#c1b6c7;line-height:1.95;font-size:13px;margin:24px 0 16px}.detail-location{color:#998ea3;font-size:11px;line-height:1.8;margin-bottom:26px}.detail-copy .feature-cta{width:100%;margin-bottom:10px}.detail-favorite{border:1px solid #dfb0b340;border-radius:8px;background:transparent;color:#dfb0b3;padding:11px 17px;font-size:12px}.detail-copy .detail-favorite{width:100%}.detail-note{font-size:10px;line-height:1.8;color:#b3a7bd}.detail-close{position:absolute;top:10px;right:12px;border:0;border-radius:50%;width:32px;height:32px;background:#15151ec9;color:#fff;font-size:24px;z-index:2}.shelf-archives{margin-bottom:36px}.shelf-entry{display:flex;align-items:center;justify-content:space-between;gap:15px;width:100%;text-align:left;margin-top:12px;border:1px solid #ffffff15;background:#1d1e26;color:#e9dce9;border-radius:10px;padding:18px}.shelf-entry strong{font-size:13px}.shelf-entry span{font-size:10px;color:#b0a1b9}.discovery input:focus-visible,.discovery select:focus-visible,.discovery a:focus-visible,.sidebar-home:focus-visible{outline:2px solid #dfb0b3;outline-offset:4px}
@media(min-width:1450px){.home-feature{min-height:455px}.feature-copy{padding:48px 56px}.feature-copy h1{font-size:43px}}
@media(max-width:1000px){.discovery{padding:0 28px}.site-top{gap:20px}.site-top .brand span{display:none}.feature-copy{padding:35px 30px}.feature-copy h1{font-size:32px}.home-feature{min-height:410px}.feature-quote{left:25px;font-size:22px}.story-grid{gap:18px}.creator-banner{padding:26px}.browse-nav>span{display:none}}
@media(max-width:650px){.discovery{padding:0 18px 65px}.site-top{padding:20px 0 18px;flex-wrap:wrap;gap:16px}.site-top .brand{font-size:27px}.site-top>.studio-button{margin-left:auto;font-size:10px;padding:10px 12px;order:1}.story-search{order:2;width:100%;padding:11px 14px}.story-search input{font-size:12px}.story-search kbd{display:none}.browse-nav{gap:27px;margin-bottom:20px}.browse-nav a{font-size:13px;padding-bottom:15px}.home-feature{grid-template-columns:1fr;min-height:0;position:relative}.feature-copy{padding:29px 24px 27px;z-index:2;background:linear-gradient(90deg,#22232df7,#22232dd9 48%,#22232d40)}.feature-kicker{font-size:8px;letter-spacing:1.4px}.feature-overline{margin:26px 0 12px;font-size:10px}.feature-copy h1{font-size:30px;line-height:1.45}.feature-description{font-size:11px;line-height:1.9;margin:16px 0 22px;max-width:210px}.feature-cta{font-size:12px;padding:12px 16px;gap:18px}.feature-tags{font-size:9px;margin-top:22px}.feature-art{position:absolute;inset:0 0 0 18%}.feature-art>img{object-position:58% center}.feature-art:after{background:linear-gradient(0deg,#20212b99,transparent)}.feature-quote{display:none}.resume-section{margin:16px 0 30px}.resume-card{padding:15px 13px;gap:10px}.resume-icon{width:35px;height:35px;font-size:21px}.resume-card small{font-size:9px}.resume-card strong{font-size:11px}.resume-arrow{font-size:0}.resume-arrow b{font-size:21px;margin-left:5px}.catalog-heading{margin-bottom:17px}.catalog-heading h2,.shelf-archives h2{font-size:20px}.section-kicker{font-size:8px}.catalog-heading>span{font-size:9px}.catalog-controls{gap:5px;align-items:start}.genre-filters{gap:6px}.genre-chip{padding:8px 12px;font-size:11px}.sort-label{font-size:0;flex:none}.sort-label select{font-size:10px;padding:8px 3px;margin:3px 0 0}.catalog-note{font-size:10px;margin:14px 0 18px}.story-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 12px}.story-cover{aspect-ratio:.8;border-radius:9px}.cover-label{top:8px;left:8px;font-size:7px;padding:4px 6px}.cover-action{bottom:12px;left:10px;font-size:8px}.card-character{font-size:9px;margin-top:12px}.story-card h3{font-size:14px;line-height:1.5;margin:6px 0}.card-description{font-size:10px;min-height:36px}.card-tags{font-size:9px;line-height:1.8;word-spacing:1px;margin-top:8px}.creator-banner{margin:34px 0 25px;padding:24px 20px;flex-wrap:wrap;gap:13px}.creator-symbol{display:none}.creator-banner h2{font-size:20px}.creator-banner p{font-size:10px}.creator-banner button{margin:5px 0 0;width:100%;font-size:11px}.mobile-nav{display:flex;position:fixed;z-index:5;bottom:0;left:0;right:0;padding:9px 15px max(9px,env(safe-area-inset-bottom));border-top:1px solid #ffffff15;background:#181920f5;backdrop-filter:blur(14px);justify-content:space-around}.mobile-nav a{display:flex;align-items:center;flex-direction:column;gap:5px;padding:1px 18px;font-size:21px;color:#8e859a}.mobile-nav a span{font-size:9px}.mobile-nav a[aria-current]{color:#efc5cd}.discovery-footer{padding-bottom:23px}.story-detail[open]{display:block;width:92vw}.detail-art{height:220px;min-height:0}.detail-art img{object-position:50% 25%}.detail-copy{padding:25px}.detail-copy h2{margin:12px 0;font-size:24px}.detail-description{margin:17px 0 12px}.detail-location{margin-bottom:18px}.chat header{gap:7px;padding:10px}.chat header .avatar{display:none}.chat header .identity small{max-width:100px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat header .character-create,.chat header .reset{font-size:9px;padding:8px}.browse-back{padding:5px}.shelf-entry{align-items:start;flex-direction:column;gap:7px}.discovery-footer p{line-height:1.7}}
@media(prefers-reduced-motion:reduce){.story-cover img{transition:none}}