*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{--bg:#0E0F12;--bg-alt:#14151a;--text:#E6E6E6;--text-sub:#9A9A9A;--accent:#6A7C91;--danger:#25364A;--border:#2a2b30;--font-kr:'Pretendard',sans-serif}
html{scroll-behavior:smooth;font-size:16px}
body{font-family:var(--font-kr);background:var(--bg);color:var(--text);line-height:1.7;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto;display:block}
button{font-family:inherit;cursor:pointer;border:none;background:none}
input,textarea,select{font-family:inherit;font-size:inherit}

.nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:1.5rem 0;transition:all .3s}
.nav.scrolled{background:rgba(14,15,18,.95);backdrop-filter:blur(10px);padding:1rem 0}
.nav-inner{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;align-items:center;justify-content:space-between}
.nav-logo{font-weight:600;font-size:1.125rem;letter-spacing:-.02em;color:var(--text)}
.nav-links{display:flex;gap:2.5rem}
.nav-links a{font-size:.875rem;color:var(--text-sub);transition:color .2s}
.nav-links a:hover{color:var(--text)}
.nav-toggle{display:none;flex-direction:column;gap:5px;width:24px;padding:4px 0;background:none;border:none}
.nav-toggle span{display:block;height:2px;background:var(--text);transition:all .3s;width:100%}
.nav-toggle.open span:first-child{transform:translateY(7px) rotate(45deg)}
.nav-toggle.open span:last-child{transform:translateY(-7px) rotate(-45deg)}

@media(max-width:768px){
.nav-links{position:fixed;top:0;right:-100%;width:75%;max-width:300px;height:100vh;background:var(--bg-alt);flex-direction:column;padding:5rem 2rem;gap:1.5rem;transition:right .3s;border-left:1px solid var(--border)}
.nav-links.open{right:0}
.nav-toggle{display:flex}
}

.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:8rem 2rem 6rem}
.hero-content{max-width:800px;text-align:center}
.hero-title{font-size:clamp(2.5rem,8vw,4.5rem);font-weight:600;letter-spacing:-.03em;margin-bottom:1.5rem;line-height:1.1;color:var(--text)}
.hero-subtitle{font-size:1rem;color:var(--text-sub);margin-bottom:2rem;max-width:600px;margin-left:auto;margin-right:auto}
.hero-desc{font-size:.9375rem;color:var(--text-sub);line-height:1.8;margin-bottom:3rem;max-width:560px;margin-left:auto;margin-right:auto}
.hero-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}

.btn{display:inline-flex;align-items:center;justify-content:center;padding:.875rem 2rem;font-size:.875rem;font-weight:500;border:1px solid var(--border);color:var(--text);background:transparent;transition:all .2s;letter-spacing:.01em;cursor:pointer}
.btn:hover{background:var(--accent);border-color:var(--accent);color:var(--text)}
.btn-accent{border-color:var(--accent);color:var(--text)}
.btn-accent:hover{background:var(--accent)}
.btn-full{width:100%}

.section{padding:8rem 2rem}
.section-dark{background:var(--bg-alt)}
.section-inner{max-width:800px;margin:0 auto}
.section-wide{max-width:1000px}
.section-title{font-size:1.5rem;font-weight:600;margin-bottom:4rem;letter-spacing:-.02em;color:var(--text)}

.overview-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem 3rem}
.overview-item-wide{grid-column:span 2}
.overview-label{display:block;font-size:.75rem;color:var(--text-sub);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.05em}
.overview-value{font-size:.9375rem;line-height:1.6;color:var(--text)}
@media(max-width:600px){.overview-grid{grid-template-columns:1fr}.overview-item-wide{grid-column:span 1}}

.logline{font-size:1.125rem;font-weight:500;line-height:1.8;margin-bottom:4rem;color:var(--text);padding-left:1.5rem;border-left:2px solid var(--accent)}
.synopsis-text{font-size:.9375rem;line-height:2.2;color:var(--text-sub);white-space:pre-line}

.theme-block{margin-bottom:4rem}
.theme-intro{font-size:.9375rem;color:var(--text-sub);margin-bottom:1.5rem}
.theme-questions{list-style:none;margin-bottom:2rem}
.theme-questions li{position:relative;padding-left:1.25rem;margin-bottom:1rem;font-size:.9375rem;line-height:1.7;color:var(--text)}
.theme-questions li::before{content:'';position:absolute;left:0;top:.6em;width:4px;height:4px;background:var(--accent);border-radius:50%}
.theme-approach{font-size:.875rem;color:var(--text-sub);line-height:1.8;white-space:pre-line}

.characters-list{display:flex;flex-direction:column;gap:4rem}
.character-header{margin-bottom:1rem}
.character-name{font-size:1.25rem;font-weight:600;color:var(--text)}
.character-age{font-size:.875rem;color:var(--text-sub);margin-left:.75rem}
.character-desc{font-size:.9375rem;line-height:1.9;color:var(--text-sub)}

.timeline{display:flex;flex-direction:column}
.timeline-item{display:grid;grid-template-columns:180px 1fr;gap:2rem;padding:1.5rem 0;border-bottom:1px solid var(--border);position:relative}
.timeline-item::before{content:'';position:absolute;left:0;top:2rem;width:6px;height:6px;background:var(--border);border-radius:50%}
.timeline-item.completed::before{background:var(--accent)}
.timeline-period{font-size:.875rem;font-weight:500;color:var(--text);padding-left:1.5rem}
.timeline-desc{font-size:.875rem;color:var(--text-sub)}
@media(max-width:600px){.timeline-item{grid-template-columns:1fr;gap:.5rem;padding-left:1.5rem}.timeline-period{padding-left:0}}

.budget-list{margin-bottom:3rem}
.budget-item{display:flex;gap:1.5rem;padding:1.5rem 0;border-bottom:1px solid var(--border)}
.budget-num{font-size:1.25rem;font-weight:600;color:var(--accent);min-width:2rem}
.budget-content{flex:1}
.budget-category{display:block;font-weight:500;margin-bottom:.5rem;color:var(--text)}
.budget-desc{font-size:.875rem;color:var(--text-sub);line-height:1.7}

.support-info{margin-bottom:2rem}
.support-account{padding:2rem;border:1px solid var(--border);background:var(--bg)}
.support-label{display:block;font-size:.75rem;color:var(--text-sub);margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.05em}
.support-value{font-size:1.25rem;font-weight:600;letter-spacing:.02em;color:var(--text)}
.reward-note{font-size:.875rem;color:var(--text-sub);margin-bottom:2rem}
.reward-list{margin-bottom:2rem}
.reward-item{display:grid;grid-template-columns:140px 1fr;gap:2rem;padding:1.25rem 0;border-bottom:1px solid var(--border)}
.reward-amount{font-weight:600;color:var(--text)}
.reward-desc{font-size:.875rem;color:var(--text-sub)}
@media(max-width:500px){.reward-item{grid-template-columns:1fr;gap:.5rem}}

.crew-list{margin-bottom:4rem}
.crew-member{padding:2rem 0;border-bottom:1px solid var(--border)}
.crew-member:first-child{padding-top:0}
.crew-role{display:block;font-size:.75rem;color:var(--text-sub);margin-bottom:.25rem;text-transform:uppercase;letter-spacing:.05em}
.crew-name{font-size:1.125rem;font-weight:600;color:var(--text)}
.crew-bio{font-size:.875rem;color:var(--text-sub);margin-top:.75rem}
.crew-filmography{font-size:.8125rem;color:var(--text-sub);margin-top:.5rem}
.casting-notice{padding:2rem;border:1px solid var(--border);margin-top:2rem}
.casting-notice p{font-size:.9375rem;color:var(--text-sub);margin-bottom:1.5rem}

.faq-list{display:flex;flex-direction:column}
.faq-item{border-bottom:1px solid var(--border)}
.faq-q{width:100%;text-align:left;padding:1.5rem 2rem 1.5rem 0;font-size:.9375rem;font-weight:500;color:var(--text);position:relative;background:none;border:none;cursor:pointer}
.faq-q::after{content:'+';position:absolute;right:0;top:50%;transform:translateY(-50%);font-size:1.25rem;font-weight:300;color:var(--text-sub);transition:transform .2s}
.faq-item.open .faq-q::after{transform:translateY(-50%) rotate(45deg)}
.faq-a{max-height:0;overflow:hidden;transition:max-height .3s ease-out}
.faq-item.open .faq-a{max-height:500px}
.faq-a p{padding-bottom:1.5rem;font-size:.875rem;color:var(--text-sub);line-height:1.8}

.contact-form{max-width:600px;margin-bottom:4rem}
.form-group{margin-bottom:1.5rem}
.form-group label{display:block;font-size:.75rem;color:var(--text-sub);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.05em}
.form-group input,.form-group textarea,.form-group select{width:100%;padding:.875rem 1rem;background:transparent;border:1px solid var(--border);color:var(--text);font-size:.9375rem;transition:border-color .2s}
.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--accent)}
.form-group select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%239A9A9A' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center}
.form-group select option{background:var(--bg)}
.contact-direct{color:var(--text-sub);font-size:.875rem}
.contact-direct p{margin-bottom:.5rem}

.footer{padding:4rem 2rem;border-top:1px solid var(--border)}
.footer-inner{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;font-size:.8125rem;color:var(--text-sub)}
.admin-link{color:#3a3a3a;font-size:14px;text-decoration:none;opacity:0.3;transition:opacity .2s}
.admin-link:hover{opacity:1;color:var(--accent)}

.login-page{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:2rem}
.login-container{width:100%;max-width:360px}
.login-container h1{font-size:1.5rem;margin-bottom:2rem;text-align:center;color:var(--text)}
.login-form{margin-bottom:2rem}
.error-message{font-size:.875rem;color:var(--danger);margin-bottom:1rem;text-align:center}
.back-link{display:block;text-align:center;font-size:.875rem;color:var(--text-sub)}
.back-link:hover{color:var(--text)}

.hero{background-size:cover;background-position:center}
.hero-poster{max-width:200px;margin:0 auto 2rem;border:1px solid var(--border)}
.crew-member{display:flex;gap:1.5rem;align-items:flex-start}
.crew-photo{width:80px;height:80px;border-radius:50%;object-fit:cover;flex-shrink:0}
.crew-info{flex:1}

.floating-btns{position:fixed;bottom:24px;right:24px;display:flex;flex-direction:column;gap:12px;z-index:100}
.floating-btn{width:48px;height:48px;border-radius:50%;background:#1a1b21;border:1px solid #2a2b32;color:#E6E6E6;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;text-decoration:none}
.floating-btn:hover{background:#6A7C91;border-color:#6A7C91}
.interview-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.85);display:none;align-items:center;justify-content:center;z-index:1000;padding:16px}
.interview-modal.active{display:flex}
.interview-modal-content{background:#0E0F12;border:1px solid #2a2b32;border-radius:8px;width:100%;max-width:720px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}
.interview-modal-header{padding:20px 24px;border-bottom:1px solid #2a2b32;display:flex;justify-content:space-between;align-items:center}
.interview-modal-header h2{font-size:18px;font-weight:600;color:#E6E6E6}
.interview-modal-close{background:none;border:none;color:#9A9A9A;font-size:28px;cursor:pointer;line-height:1}
.interview-modal-close:hover{color:#E6E6E6}
.interview-modal-body{padding:24px;overflow-y:auto;flex:1}
.interview-intro{color:#9A9A9A;font-size:14px;margin-bottom:24px;line-height:1.6}
.interview-tabs{display:flex;gap:8px;margin-bottom:24px;flex-wrap:wrap}
.interview-tab{width:36px;height:36px;border-radius:50%;background:transparent;border:1px solid #2a2b32;color:#9A9A9A;font-size:13px;cursor:pointer;transition:all .2s}
.interview-tab:hover{border-color:#6A7C91;color:#E6E6E6}
.interview-tab.active{background:#6A7C91;border-color:#6A7C91;color:#E6E6E6}
.interview-content.hidden{display:none}
.interview-info{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:20px}
.interview-info span{background:#1a1b21;padding:6px 12px;border-radius:4px;font-size:12px;color:#9A9A9A}
.interview-qa{display:flex;flex-direction:column;gap:16px}
.interview-qa .q{color:#6A7C91;font-size:13px;font-weight:500}
.interview-qa .a{color:#E6E6E6;font-size:15px;line-height:1.7;padding-left:16px;border-left:2px solid #2a2b32}
.interview-note{margin-top:24px;padding-top:16px;border-top:1px solid #2a2b32;color:#9A9A9A;font-size:12px}
@media(max-width:768px){.floating-btns{bottom:16px;right:16px}.floating-btn{width:44px;height:44px}.interview-modal-content{max-height:85vh}.interview-modal-header{padding:16px}.interview-modal-body{padding:16px}.interview-tabs{gap:6px}.interview-tab{width:32px;height:32px;font-size:12px}}

.synopsis-text{white-space:pre-line}

.admin-btn{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);width:36px;height:36px;border-radius:50%;background:rgba(20,21,26,.8);border:1px solid #2a2b32;color:#9A9A9A;display:flex;align-items:center;justify-content:center;text-decoration:none;font-size:14px;z-index:99;opacity:.5;transition:all .2s}
.admin-btn:hover{opacity:1;color:#E6E6E6}
.question-list{display:flex;flex-direction:column;gap:32px;padding:20px 0}
.question-item{text-align:center}
.question-text{font-size:18px;line-height:1.8;color:#E6E6E6;font-weight:300}
.question-outro{text-align:center;margin-top:40px;padding-top:24px;border-top:1px solid #2a2b32;color:#6A7C91;font-size:14px;line-height:1.8}
@media(max-width:768px){.admin-btn{bottom:16px;width:32px;height:32px;font-size:12px}.question-text{font-size:16px}}

.admin-btn{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);width:36px;height:36px;border-radius:50%;background:rgba(20,21,26,.8);border:1px solid #2a2b32;color:#9A9A9A;display:flex;align-items:center;justify-content:center;text-decoration:none;font-size:14px;z-index:99;opacity:.4;transition:all .2s}
.admin-btn:hover{opacity:1;color:#E6E6E6}
.question-list{display:flex;flex-direction:column;gap:40px;padding:20px 0}
.question-item{text-align:center}
.question-text{font-size:18px;line-height:1.8;color:#E6E6E6;font-weight:300;margin-bottom:16px}
.question-answer-btn{background:transparent;border:1px solid #2a2b32;color:#9A9A9A;padding:8px 20px;font-size:13px;cursor:pointer;transition:all .2s;font-family:inherit}
.question-answer-btn:hover{border-color:#6A7C91;color:#E6E6E6}
.question-outro{text-align:center;margin-top:40px;padding-top:24px;border-top:1px solid #2a2b32;color:#6A7C91;font-size:14px;line-height:1.8}
.answer-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.85);display:none;align-items:center;justify-content:center;z-index:1100;padding:20px}
.answer-modal.active{display:flex}
.answer-modal-content{background:#14151a;border:1px solid #2a2b32;border-radius:8px;width:100%;max-width:480px;max-height:90vh;overflow-y:auto}
.answer-modal-header{padding:20px;border-bottom:1px solid #2a2b32;display:flex;justify-content:space-between;align-items:flex-start;gap:16px}
.answer-modal-header h3{font-size:16px;font-weight:400;line-height:1.6;color:#E6E6E6;margin:0}
.answer-form{padding:20px}
.answer-form .form-group{margin-bottom:16px}
.answer-form label{display:block;font-size:12px;color:#9A9A9A;margin-bottom:6px}
.answer-form input,.answer-form textarea{width:100%;padding:12px;background:#0E0F12;border:1px solid #2a2b32;color:#E6E6E6;font-size:14px;font-family:inherit;border-radius:4px}
.answer-form input:focus,.answer-form textarea:focus{outline:none;border-color:#6A7C91}
.answer-form textarea{resize:vertical;min-height:120px}
@media(max-width:768px){.admin-btn{bottom:16px;width:32px;height:32px;font-size:12px}.question-text{font-size:16px}}

.admin-btn{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);width:36px;height:36px;border-radius:50%;background:rgba(20,21,26,.8);border:1px solid #2a2b32;color:#9A9A9A;display:flex;align-items:center;justify-content:center;text-decoration:none;font-size:14px;z-index:99;opacity:.4;transition:all .2s}
.admin-btn:hover{opacity:1;color:#E6E6E6}
.question-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(14,15,18,.95);display:none;z-index:1000;overflow-y:auto}
.question-modal.active{display:block}
.question-modal-content{max-width:640px;margin:0 auto;padding:40px 24px 80px}
.question-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;position:sticky;top:0;background:rgba(14,15,18,.95);padding:16px 0;z-index:10}
.question-modal-header h2{font-size:20px;font-weight:500}
.question-modal-body{display:flex;flex-direction:column;gap:32px}
.question-intro{color:#9A9A9A;font-size:14px;line-height:1.8;text-align:center;padding-bottom:24px;border-bottom:1px solid #2a2b32}
.question-card{background:#14151a;border:1px solid #2a2b32;border-radius:8px;padding:24px;position:relative}
.question-num{position:absolute;top:-12px;left:20px;background:#0E0F12;padding:0 12px;font-size:12px;color:#6A7C91;font-weight:600}
.question-card .question-text{font-size:16px;line-height:1.8;color:#E6E6E6;margin-bottom:16px;font-weight:300}
.question-card textarea{width:100%;background:#0E0F12;border:1px solid #2a2b32;color:#E6E6E6;padding:12px;font-size:14px;line-height:1.6;font-family:inherit;border-radius:4px;resize:vertical;min-height:80px}
.question-card textarea:focus{outline:none;border-color:#6A7C91}
.question-card textarea::placeholder{color:#555}
.question-footer{display:flex;gap:12px;align-items:center;padding-top:16px;border-top:1px solid #2a2b32;margin-top:8px}
.question-footer input{flex:1;background:#14151a;border:1px solid #2a2b32;color:#E6E6E6;padding:12px 16px;font-size:14px;font-family:inherit;border-radius:4px}
.question-footer input:focus{outline:none;border-color:#6A7C91}
.question-footer input::placeholder{color:#555}
.question-footer .btn{white-space:nowrap;padding:12px 24px}
@media(max-width:768px){
    .question-modal-content{padding:24px 16px 60px}
    .question-modal-header h2{font-size:18px}
    .question-card{padding:20px 16px}
    .question-card .question-text{font-size:15px}
    .question-footer{flex-direction:column}
    .question-footer input,.question-footer .btn{width:100%}
    .admin-btn{bottom:16px;width:32px;height:32px;font-size:12px}
}

.floating-btn{background:rgba(30,32,38,.9);border-color:#3a3b42;color:#b0b0b0;animation:breathe 3s ease-in-out infinite}
.floating-btn:hover{background:#6A7C91;border-color:#6A7C91;color:#fff}
@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.03)}}@keyframes breathe{0%,100%{opacity:.85;transform:scale(1)}50%{opacity:1;transform:scale(1.02)}}
.floating-pulse .floating-btn{animation:pulse 2s ease-in-out infinite;box-shadow:0 0 12px rgba(106,124,145,0.2)}
.cta-inline{text-align:center;padding:4rem 0 3rem;margin-top:2rem;border-top:1px solid #1a1b21}
.cta-inline a{color:#6A7C91;font-size:.875rem;text-decoration:none;transition:color .2s}
.cta-inline a:hover{color:#E6E6E6}
.cta-inline a span{margin-left:.5rem;transition:transform .2s;display:inline-block}
.cta-inline a:hover span{transform:translateX(4px)}

.support-box{background:#14151a;border:1px solid #2a2b32;border-radius:8px;padding:2rem;margin-bottom:2rem;text-align:center}
.support-account-box{margin-bottom:1.5rem}
.support-bank{display:block;font-size:.75rem;color:#9A9A9A;margin-bottom:.5rem}
.support-number{display:block;font-size:1.5rem;font-weight:600;color:#E6E6E6;letter-spacing:.05em;margin-bottom:.25rem}
.support-holder{font-size:.875rem;color:#9A9A9A}
.support-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.support-actions .btn{min-width:140px}
.support-notify{text-align:center;margin-top:3rem;padding-top:2rem;border-top:1px solid #1a1b21}
.support-notify p{color:#9A9A9A;font-size:.875rem;margin-bottom:1rem}
.support-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.85);display:none;align-items:center;justify-content:center;z-index:1100;padding:20px}
.support-modal.active{display:flex}
.support-modal-content{background:#14151a;border:1px solid #2a2b32;border-radius:8px;width:100%;max-width:420px;max-height:90vh;overflow-y:auto}
.support-modal-header{padding:20px;border-bottom:1px solid #2a2b32;display:flex;justify-content:space-between;align-items:center}
.support-modal-header h3{font-size:16px;font-weight:500;color:#E6E6E6;margin:0}
.support-modal-body{padding:20px}
.support-form-intro{font-size:.8125rem;color:#9A9A9A;margin-bottom:1.5rem;line-height:1.6}
.support-modal-body .form-group{margin-bottom:1rem}
.support-modal-body label{display:block;font-size:.75rem;color:#9A9A9A;margin-bottom:.5rem}
.support-modal-body input,.support-modal-body select,.support-modal-body textarea{width:100%;padding:10px 12px;background:#0E0F12;border:1px solid #2a2b32;border-radius:4px;color:#E6E6E6;font-size:.875rem;font-family:inherit}
.support-modal-body input:focus,.support-modal-body select:focus,.support-modal-body textarea:focus{outline:none;border-color:#6A7C91}
.copied-toast{position:fixed;bottom:80px;left:50%;transform:translateX(-50%);background:#6A7C91;color:#fff;padding:10px 24px;border-radius:4px;font-size:.875rem;opacity:0;transition:opacity .3s;z-index:1200}
.copied-toast.show{opacity:1}

.characters-list{display:flex;flex-direction:column;gap:4rem}
.character-item{display:flex;gap:2.5rem;align-items:flex-start}
.character-item.reverse{flex-direction:row-reverse}
.character-image{flex-shrink:0;width:180px;height:180px;position:relative}
.character-image img{width:100%;height:100%;object-fit:cover;clip-path:polygon(15% 0%, 100% 0%, 100% 85%, 85% 100%, 0% 100%, 0% 15%);filter:grayscale(30%) contrast(1.1)}
.character-content{flex:1;padding-top:.5rem}
.character-header{margin-bottom:1rem}
.character-name{font-size:1.25rem;font-weight:600;color:#E6E6E6}
.character-age{margin-left:.75rem;font-size:.875rem;color:#6A7C91}
.character-desc{font-size:.9375rem;line-height:1.8;color:#9A9A9A;margin-bottom:1rem}
.character-detail{border-top:1px solid #2a2b32;padding-top:1rem;margin-top:.5rem}
.character-toggle{background:none;border:1px solid #2a2b32;color:#9A9A9A;padding:8px 16px;font-size:.8125rem;cursor:pointer;transition:all .2s;font-family:inherit}
.character-toggle:hover{border-color:#6A7C91;color:#E6E6E6}
.character-detail-content{max-height:0;overflow:hidden;transition:max-height .3s ease;font-size:.875rem;line-height:1.9;color:#9A9A9A;white-space:pre-line}
.character-detail.open .character-toggle{border-color:#6A7C91;color:#E6E6E6}
.character-detail.open .character-toggle::after{content:' ▲'}
.character-toggle::after{content:' ▼';font-size:.625rem}
.character-detail.open .character-detail-content{max-height:500px;margin-top:1rem}
@media(max-width:768px){
    .character-item,.character-item.reverse{flex-direction:column;gap:1.5rem}
    .character-image{width:140px;height:140px;margin:0 auto}
    .character-content{text-align:center}
    .character-header{justify-content:center}
}