:root{--bg:#faf6f0;--surface:#fff;--surface-2:#f3ece1;--border:#5b46361a;--border-strong:#5b46362e;--text:#2c221e;--text-2:#5c4b43;--muted:#8e7b70;--accent:#f25c54;--accent-soft:#ffe8e5;--blue:#2c221e;--sky:#38a392;--shadow-sm:0 4px 14px -4px #422d1e0f;--shadow-md:0 14px 34px -10px #422d1e1a;--shadow-lg:0 24px 48px -12px #422d1e24}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;background-image:radial-gradient(at 10% 5%,#ffb7a538 0,#0000 45%),radial-gradient(at 90% 12%,#a8d8ea40 0,#0000 45%),radial-gradient(at 50% 90%,#c9e4a833 0,#0000 50%);flex-direction:column;min-height:100vh;font-family:Pretendard Variable,Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex}a{color:inherit;text-decoration:none}.site-header{-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border);z-index:50;background:#faf6f0d6;justify-content:space-between;align-items:center;width:100%;height:72px;padding:0 32px;display:flex;position:sticky;top:0}.logo{color:var(--text);letter-spacing:-.5px;align-items:center;gap:10px;font-size:20px;font-weight:800;display:flex}.logo svg{color:var(--accent)}.logo span{background:linear-gradient(135deg,#2c221e 20%,#8e5b46 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.auth-area{align-items:center;gap:16px;display:flex}.login-btn{background:var(--text);color:#fff;border-radius:999px;align-items:center;gap:6px;padding:10px 20px;font-size:13.5px;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 6px 16px -4px #2c221e40}.login-btn:hover{background:#43342e;transform:translateY(-1px)}.user-profile{background:var(--surface);border:1px solid var(--border-strong);box-shadow:var(--shadow-sm);border-radius:9999px;align-items:center;gap:10px;padding:5px 14px 5px 6px;display:inline-flex}.user-avatar{object-fit:cover;background:var(--surface-2);border-radius:50%;width:30px;height:30px}.user-name{color:var(--text);font-size:13.5px;font-weight:700}.logout-btn{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 8px;font-size:12.5px;font-weight:600;transition:color .2s}.logout-btn:hover{color:var(--accent)}.site-main{flex:1;width:100%;max-width:1240px;margin:0 auto;padding:40px 28px 64px}.site-footer{border-top:1px solid var(--border);text-align:center;color:var(--muted);background:#fdfbf7;margin-top:auto;padding:36px 24px;font-size:13.5px}.hero-banner{border:1px solid var(--border-strong);text-align:center;box-shadow:var(--shadow-lg);background-color:#fff8ee;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:28px;margin-bottom:52px;padding:56px 40px}.hero-badge{background:var(--accent-soft);color:var(--accent);border:1px solid #f25c5438;border-radius:9999px;margin-bottom:18px;padding:6px 16px;font-size:13px;font-weight:700;display:inline-block}.hero-title{color:var(--text);letter-spacing:-.8px;margin-bottom:14px;font-size:38px;font-weight:800}.hero-title span{background:linear-gradient(135deg,#f25c54,#e58e26);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-desc{color:var(--text-2);max-width:650px;margin:0 auto 26px;font-size:16px;font-weight:500;line-height:1.7}.hero-cta{color:#fff;background:linear-gradient(135deg,#f25c54,#ff7e5f);border-radius:14px;align-items:center;gap:8px;padding:13px 26px;font-weight:700;transition:transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 10px 22px -6px #f25c5473}.hero-cta:hover{transform:translateY(-2px);box-shadow:0 14px 26px -6px #f25c548c}.section-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;display:flex}.section-title{color:var(--text);letter-spacing:-.4px;align-items:center;gap:10px;font-size:25px;font-weight:800;display:flex}.section-title span{color:var(--accent)}.section-desc{color:var(--muted);font-size:14px;font-weight:500}.char-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:22px;margin-bottom:60px;display:grid}.char-card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:22px;flex-direction:column;transition:all .28s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden}.char-card:hover{box-shadow:var(--shadow-md);border-color:#f25c5459;transform:translateY(-6px)}.char-img-wrap{border-bottom:1px solid var(--border);background:#fff6e8;justify-content:center;align-items:center;width:100%;height:230px;display:flex;position:relative;overflow:hidden}.char-img-wrap img{object-fit:cover;object-position:center top;width:100%;height:100%;transition:transform .35s}.char-card:hover .char-img-wrap img{transform:scale(1.06)}.char-placeholder{font-size:72px}.char-role-tag{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--text);border:1px solid var(--border);background:#ffffffeb;border-radius:9999px;padding:5px 12px;font-size:11.5px;font-weight:800;position:absolute;top:12px;left:12px;box-shadow:0 4px 10px #2c221e14}.char-info{flex-direction:column;flex:1;padding:18px 20px 20px;display:flex}.char-name{color:var(--text);margin-bottom:4px;font-size:18px;font-weight:800}.char-species{color:var(--muted);margin-bottom:8px;font-size:12px;font-weight:600}.char-desc{color:var(--text-2);font-size:13.5px;line-height:1.58}.chapter{margin-bottom:40px}.chapter-title{color:var(--text);margin-bottom:14px;font-size:18px;font-weight:800}.chapter-title b{color:var(--sky);margin-right:8px}.ep-list{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;display:grid}.ep-item{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:16px;align-items:center;gap:14px;padding:15px 18px;transition:all .2s;display:flex}.ep-item:hover{box-shadow:var(--shadow-md);border-color:#38a39273;transform:translateY(-3px)}.ep-no{color:var(--accent);min-width:42px;font-size:13px;font-weight:800}.ep-meta{flex:1;min-width:0}.ep-title{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:700;display:block;overflow:hidden}.ep-sub{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin-top:3px;font-size:12.5px;display:block;overflow:hidden}.viewer{max-width:720px;margin:0 auto}.viewer-head{text-align:center;margin-bottom:28px}.viewer-chapter{color:var(--sky);margin-bottom:6px;font-size:13px;font-weight:800}.viewer-title{color:var(--text);font-size:28px;font-weight:800}.viewer-info{color:var(--muted);margin-top:8px;font-size:13px}.toon-strip{flex-direction:column;gap:24px;display:flex}.toon-strip img{width:100%;height:auto;box-shadow:var(--shadow-sm);background:#fffdf9;border:3px solid #4a3528;border-radius:14px;display:block}.toon-strip img.time-skip{margin-top:28px}.storyboard-notice{color:var(--sky);text-align:center;background:#e3f5f1;border:1px solid #38a3924d;border-radius:12px;margin-bottom:20px;padding:12px 16px;font-size:14px;font-weight:600}.storyboard{flex-direction:column;gap:14px;display:flex}.cut-card{background:var(--surface);border:1px solid var(--border);color:var(--text-2);box-shadow:var(--shadow-sm);border-radius:16px;padding:22px 22px 22px 70px;line-height:1.7;position:relative}.cut-card .cut-no{color:var(--accent);font-size:12px;font-weight:800;position:absolute;top:22px;left:20px}.cut-card.punchline{background:#fffdfb;border-color:#f25c5473}.ep-nav{grid-template-columns:1fr auto 1fr;align-items:stretch;gap:12px;margin-top:36px;display:grid}.ep-nav a{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:14px;padding:14px 18px;font-size:14px;font-weight:600;transition:all .2s}.ep-nav a:hover{border-color:#38a39280;transform:translateY(-2px)}.ep-nav .next{text-align:right}.ep-nav .list{align-items:center;font-weight:800;display:flex}.ep-nav small{color:var(--muted);margin-bottom:2px;font-size:12px;display:block}@media (max-width:640px){.site-header{padding:0 16px}.site-main{padding:24px 16px}.hero-banner{padding:40px 20px}.hero-title{font-size:26px}.user-name{display:none}.ep-nav{grid-template-columns:1fr 1fr}.ep-nav .list{grid-area:2/1/auto/-1;justify-content:center}}.work-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;margin-bottom:40px;display:grid}.work-card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:22px;flex-direction:column;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden}.work-card:hover{box-shadow:var(--shadow-md);border-color:#f25c5459;transform:translateY(-6px)}.work-cover{border-bottom:1px solid var(--border);background:linear-gradient(135deg,#ffe8e5 0%,#fff6e8 50%,#e6f4f1 100%);justify-content:center;align-items:center;height:200px;display:flex;position:relative;overflow:hidden}.work-cover img{object-fit:cover;width:100%;height:100%;transition:transform .35s}.work-card:hover .work-cover img{transform:scale(1.05)}.work-cover-emoji{font-size:84px}.work-genre{color:var(--text);border:1px solid var(--border-strong);background:#ffffffeb;border-radius:9999px;padding:5px 12px;font-size:12px;font-weight:700;position:absolute;bottom:14px;left:14px}.work-info{flex-direction:column;flex:1;padding:20px 22px 22px;display:flex}.work-title{color:var(--text);letter-spacing:-.4px;margin-bottom:8px;font-size:21px;font-weight:800}.work-title small{color:var(--muted);margin-left:4px;font-size:13px;font-weight:600}.work-tagline{color:var(--text-2);flex:1;margin-bottom:18px;font-size:14px;line-height:1.6}.work-actions{justify-content:space-between;align-items:center;display:flex}.work-count{color:var(--sky);font-size:13px;font-weight:700}.work-cta{color:var(--accent);font-size:14px;font-weight:800}.work-cta:hover{text-decoration:underline}@media (max-width:640px){.work-grid{grid-template-columns:1fr}.work-cover{height:170px}}