*{box-sizing:border-box;margin:0;padding:0}body{font-family:Noto Sans JP,Apple SD Gothic Neo,sans-serif;background:#f7f7f8;color:#1a1a1a;line-height:1.7}.container{max-width:1100px;margin:0 auto;padding:0 20px}.site-header{background:#fff;border-bottom:3px solid #e8324a;position:-webkit-sticky;position:sticky;top:0;z-index:100;box-shadow:0 2px 12px rgba(0,0,0,.07)}.site-header .container{display:flex;align-items:center;justify-content:space-between;height:64px}.logo{text-decoration:none;display:flex;align-items:baseline;gap:2px}.logo-lala{font-size:1.1rem;font-weight:700;color:#e8324a}.logo-korea{font-size:1.3rem;font-weight:900;color:#1a1a1a;letter-spacing:-.5px}.nav{display:flex;gap:24px}.nav a{text-decoration:none;color:#555;font-size:.88rem;font-weight:500;transition:color .2s;position:relative;padding-bottom:2px}.nav a:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background:#e8324a;transform:scaleX(0);transition:transform .2s}.nav a:hover{color:#e8324a}.nav a:hover:after{transform:scaleX(1)}.hero{background:linear-gradient(135deg,#c8203a,#e8324a 50%,#ff6b81);color:#fff;text-align:center;padding:72px 20px;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.04'%3E%3Ccircle cx='30' cy='30' r='20'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.hero h1{font-size:2.2rem;font-weight:900;margin-bottom:12px}.hero h1,.hero p{position:relative}.hero p{font-size:1rem;opacity:.88}.category-filter{padding:18px 0;background:#fff;border-bottom:1px solid #eee}.category-filter .container{display:flex;gap:8px;flex-wrap:wrap}.cat-btn{padding:6px 18px;border-radius:20px;border:1.5px solid #e0e0e0;background:#fff;color:#555;font-size:.82rem;font-weight:600;cursor:pointer;text-decoration:none;transition:all .2s}.cat-btn.active,.cat-btn:hover{background:#e8324a;border-color:#e8324a;color:#fff;box-shadow:0 2px 8px rgba(232,50,74,.25)}.posts-section{padding:44px 0}.posts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:24px;gap:24px}.post-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 1px 4px rgba(0,0,0,.06),0 4px 16px rgba(0,0,0,.04);transition:transform .22s cubic-bezier(.34,1.56,.64,1),box-shadow .22s;text-decoration:none;color:inherit;display:block;border:1px solid rgba(0,0,0,.05)}.post-card:hover{transform:translateY(-6px);box-shadow:0 12px 32px rgba(0,0,0,.13)}.post-card-img{width:100%;aspect-ratio:16/9;overflow:hidden;background:linear-gradient(135deg,#ffe0e5,#ffd0d8)}.post-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.post-card:hover .post-card-img img{transform:scale(1.06)}.post-card-body{padding:18px 20px 20px}.post-cats{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}.post-cat-tag{font-size:.7rem;font-weight:700;padding:2px 10px;border-radius:10px;background:#fff0f2;color:#e8324a;letter-spacing:.3px}.post-title{font-size:.97rem;font-weight:700;color:#1a1a1a;margin-bottom:8px;line-height:1.55}.post-excerpt,.post-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.post-excerpt{font-size:.81rem;color:#888;line-height:1.6}.post-date{font-size:.73rem;color:#bbb;margin-top:12px;display:flex;align-items:center;gap:4px}.post-date:before{content:"📅";font-size:.7rem}.chat-question{background:linear-gradient(135deg,#fff5f6,#ffe8eb);border-left:4px solid #e8324a;border-radius:0 16px 16px 16px;padding:18px 22px;margin:24px 0;font-size:.95rem;line-height:1.75;color:#333;box-shadow:0 2px 12px rgba(232,50,74,.08)}.chat-question p{margin:0}.chat-msg{display:flex;gap:12px;margin:14px 0;align-items:flex-start}.chat-right{flex-direction:row-reverse}.chat-avatar{width:44px;height:44px;border-radius:50%;object-fit:cover;flex-shrink:0;border:2px solid #f0f0f0;box-shadow:0 2px 6px rgba(0,0,0,.1)}.chat-bubble-wrap{max-width:78%}.chat-right .chat-bubble-wrap{align-items:flex-end;display:flex;flex-direction:column}.chat-name{font-size:.7rem;color:#aaa;font-weight:700;margin-bottom:4px;letter-spacing:.3px}.chat-bubble{background:#f0f0f2;border-radius:4px 18px 18px 18px;padding:11px 16px;font-size:.91rem;line-height:1.72;color:#222;word-break:break-word;box-shadow:0 1px 4px rgba(0,0,0,.07)}.chat-bubble p{margin:0 0 8px}.chat-bubble p:last-child{margin-bottom:0}.chat-bubble strong{color:#1a1a1a;font-weight:700}.chat-right .chat-bubble{background:linear-gradient(135deg,#e8324a,#ff5567);color:#fff;border-radius:18px 4px 18px 18px}.chat-right .chat-bubble strong{color:#fff}.chat-right .chat-name{text-align:right}.related-posts{margin-top:56px;padding-top:36px;border-top:2px solid #f0f0f0}.related-title{font-size:1.1rem;font-weight:800;color:#1a1a1a;margin-bottom:20px}.related-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-gap:16px;gap:16px}.related-card{display:flex;flex-direction:column;background:#fff;border-radius:12px;overflow:hidden;text-decoration:none;color:inherit;border:1px solid #eee;box-shadow:0 2px 8px rgba(0,0,0,.05);transition:transform .2s,box-shadow .2s}.related-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,.1)}.related-img{width:100%;aspect-ratio:16/9;overflow:hidden;background:linear-gradient(135deg,#ffe0e5,#ffd0d8);display:flex;align-items:center;justify-content:center}.related-img img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.related-card:hover .related-img img{transform:scale(1.05)}.related-img-placeholder{font-size:2rem}.related-body{padding:14px}.related-cat{font-size:.68rem;font-weight:700;color:#e8324a;background:#fff0f2;padding:2px 8px;border-radius:8px;display:inline-block;margin-bottom:8px}.related-post-title{font-size:.88rem;font-weight:700;line-height:1.5;color:#1a1a1a;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.related-date{font-size:.72rem;color:#bbb;margin-top:8px}.scroll-top-btn{position:fixed;bottom:32px;right:32px;width:48px;height:48px;background:#e8324a;color:#fff;border:none;border-radius:50%;font-size:1.2rem;font-weight:700;cursor:pointer;box-shadow:0 4px 16px rgba(232,50,74,.35);transition:all .2s;z-index:99;display:flex;align-items:center;justify-content:center}.scroll-top-btn:hover{background:#c8203a;transform:translateY(-3px);box-shadow:0 8px 24px rgba(232,50,74,.45)}.post-page{max-width:780px;margin:0 auto;padding:44px 20px 60px}.post-header{margin-bottom:36px;padding-bottom:28px;border-bottom:1px solid #f0f0f0}.post-header .cats{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.post-header .cat{font-size:.75rem;font-weight:700;padding:4px 14px;border-radius:20px;background:#e8324a;color:#fff;text-decoration:none;transition:background .2s}.post-header .cat:hover{background:#c8203a}.post-header h1{font-size:1.8rem;font-weight:900;line-height:1.42;margin-bottom:14px}.post-header .meta{font-size:.82rem;color:#bbb;display:flex;align-items:center;gap:6px}.post-header .meta:before{content:"📅";font-size:.78rem}.post-content{font-size:1rem;line-height:1.95;color:#333}.post-content h2{font-size:1.35rem;font-weight:800;margin:40px 0 18px;color:#1a1a1a;border-left:4px solid #e8324a;background:linear-gradient(90deg,#fff5f6,transparent);padding:10px 14px;border-radius:0 8px 8px 0}.post-content h3{font-size:1.15rem;font-weight:700;margin:32px 0 12px;color:#1a1a1a;padding-bottom:6px;border-bottom:1.5px dashed #f0c0c8}.post-content p{margin-bottom:18px}.post-content img{max-width:100%;border-radius:12px;margin:20px 0;box-shadow:0 4px 16px rgba(0,0,0,.08)}.post-content a{color:#e8324a;text-decoration:underline;text-underline-offset:2px}.post-content ol,.post-content ul{padding-left:24px;margin-bottom:20px}.post-content li{margin-bottom:7px}.post-content strong{font-weight:700;color:#1a1a1a}.post-content blockquote{border-left:4px solid #e8324a;padding:14px 20px;background:#fff5f6;margin:24px 0;border-radius:0 10px 10px 0;font-style:italic;color:#555}.site-footer{background:#1a1a1a;color:#666;padding:36px 20px;text-align:center;font-size:.83rem;margin-top:80px}.site-footer p{line-height:1.8}.reading-progress-bar{position:fixed;top:0;left:0;height:3px;background:linear-gradient(90deg,#e8324a,#ff6b81);z-index:200;transition:width .1s;border-radius:0 2px 2px 0}.hamburger{display:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:40px;height:40px;background:none;border:none;cursor:pointer;padding:4px}.ham-line{display:block;width:22px;height:2px;background:#1a1a1a;border-radius:2px;transition:all .25s}.ham-line.open:first-child{transform:translateY(7px) rotate(45deg)}.ham-line.open:nth-child(2){opacity:0}.ham-line.open:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.mobile-nav-overlay{position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:200;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.mobile-nav{position:absolute;top:0;right:0;width:72%;max-width:300px;height:100%;background:#fff;padding:24px 0;display:flex;flex-direction:column;box-shadow:-4px 0 24px rgba(0,0,0,.15)}.mobile-nav-close{align-self:flex-end;margin-right:20px;margin-bottom:16px;background:none;border:none;font-size:1.2rem;color:#888;cursor:pointer}.mobile-nav-link{padding:14px 28px;text-decoration:none;color:#1a1a1a;font-size:1rem;font-weight:600;border-bottom:1px solid #f5f5f5;transition:background .15s,color .15s}.mobile-nav-link:hover{background:#fff5f6;color:#e8324a}.about-page{background:#fff}.about-hero{background:linear-gradient(135deg,#fff0f2,#fff8f0);text-align:center;padding:64px 24px 48px;border-bottom:1px solid #fde8ec}.about-hero-emoji{font-size:2.4rem;margin-bottom:12px}.about-hero-title{font-size:2rem;font-weight:800;color:#1a1a1a;margin-bottom:12px}.about-hero-sub{font-size:1rem;color:#888;line-height:1.7}.about-container{max-width:800px;margin:0 auto;padding:48px 24px}.about-section{margin-bottom:56px}.about-section-title{font-size:1.25rem;font-weight:800;color:#1a1a1a;margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid #fde8ec}.about-section-desc{font-size:.9rem;color:#888;margin-bottom:20px}.about-card{background:#fafafa;border-radius:16px;padding:28px;line-height:1.85;border:1px solid #f0f0f0}.about-card p{color:#444;margin-bottom:12px;font-size:.95rem}.about-card p:last-of-type{margin-bottom:0}.about-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.about-tag{background:#fff0f2;color:#e8324a;border-radius:20px;padding:5px 14px;font-size:.82rem;font-weight:600;border:1px solid #fde8ec}.about-author-card{display:flex;gap:20px;align-items:flex-start}.about-author-icon{font-size:2.5rem;flex-shrink:0}.about-author-name{font-size:1.1rem;font-weight:800;color:#1a1a1a;margin-bottom:8px}.about-author-desc{color:#555;font-size:.92rem;line-height:1.8;margin-bottom:6px}.about-characters{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-gap:16px;gap:16px}.character-card{background:#fafafa;border-radius:16px;padding:24px 20px;text-align:center;border:1px solid #f0f0f0;transition:transform .2s,box-shadow .2s}.character-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px rgba(0,0,0,.08)}.character-avatar{font-size:2.4rem;margin-bottom:10px}.character-avatar-img{width:80px;height:80px;border-radius:50%;object-fit:cover;margin-bottom:10px;border:3px solid #fde8ec}.character-name{font-size:1.05rem;font-weight:800;color:#1a1a1a;margin-bottom:4px}.character-role{font-size:.75rem;color:#e8324a;font-weight:700;background:#fff0f2;border-radius:20px;padding:2px 10px;display:inline-block;margin-bottom:12px}.character-desc{font-size:.83rem;color:#666;line-height:1.6}.about-contact-btn{display:inline-block;margin-top:16px;background:#e8324a;color:#fff;padding:12px 28px;border-radius:30px;font-size:.9rem;font-weight:700;text-decoration:none;transition:background .2s,transform .2s}.about-contact-btn:hover{background:#c02030;transform:translateY(-2px)}@media (max-width:768px){.nav{display:none}.hamburger{display:flex}.hero{padding:48px 20px}.hero h1{font-size:1.6rem}.posts-grid{grid-template-columns:1fr}.post-header h1{font-size:1.4rem}.related-grid{grid-template-columns:1fr 1fr}.scroll-top-btn{display:none}.about-author-card{flex-direction:column;align-items:center;text-align:center}.about-characters{grid-template-columns:1fr 1fr}}@media (max-width:480px){.related-grid{grid-template-columns:1fr}}