:root{
  --bg:#0d0d0f;--panel:#161619;--panel2:#1c1c20;--line:#2b2b31;
  --text:#f3f1eb;--muted:#9999a4;--gold:#f2c46d;--gold2:#ffe7b2;
  --good:#86c79d;--bad:#e08b8b;--radius:20px
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;min-height:100vh;color:var(--text);
  background:radial-gradient(circle at 10% 0%,rgba(242,196,109,.13),transparent 28%),
             radial-gradient(circle at 100% 10%,rgba(105,77,165,.08),transparent 24%),var(--bg);
  font-family:Inter,Pretendard,"Noto Sans KR",system-ui,-apple-system,"Segoe UI",sans-serif
}
button,select,textarea,input{font:inherit}
button{cursor:pointer}
.top{
  position:sticky;top:0;z-index:20;height:66px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;
  background:rgba(13,13,15,.86);backdrop-filter:blur(15px);border-bottom:1px solid rgba(255,255,255,.06)
}
.brand{display:flex;align-items:center;gap:10px;border:0;background:none;color:var(--text);text-align:left}
.logo{width:38px;height:38px;border-radius:12px;background:var(--gold);color:#1b150b;display:grid;place-items:center;font:900 22px var(--ui-font)}
.brand b{display:block}.brand small{display:block;font-size:9px;color:#777;letter-spacing:.17em;margin-top:2px}
.top-actions{display:flex;gap:8px}.top-actions button,.reader-tools button{border:1px solid var(--line);background:#17171a;color:#ddd;border-radius:10px;padding:8px 11px}
.shell{width:min(1140px,100%);margin:auto;padding:28px 18px 80px}
.view{display:none}.view.active{display:block}
.hero{padding:38px 0 28px}.eyebrow{margin:0 0 10px;color:var(--gold);font-size:10px;font-weight:950;letter-spacing:.18em}
.hero h1{font-family:Georgia,"Noto Serif KR",serif;font-size:clamp(42px,7vw,72px);font-weight:500;line-height:1.03;letter-spacing:-.04em;margin:0}
.hero em{font-style:normal;color:var(--gold)}.hero>p:last-child{max-width:690px;color:#b8b8bf;line-height:1.8}
.layout{display:grid;grid-template-columns:1.15fr .85fr;gap:18px;align-items:start}
.layout>aside{display:grid;gap:14px}
.card{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(180deg,#18181c,#121215);padding:20px}
.card h2{font-family:Georgia,"Noto Serif KR",serif;font-size:27px;margin:0}.sub{color:var(--muted);font-size:12px;line-height:1.65;margin:8px 0 16px}
.section-title{display:flex;justify-content:space-between;align-items:flex-start}.badge{border:1px solid #6e5935;color:var(--gold2);border-radius:999px;padding:6px 9px;font-size:10px;font-weight:900}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:18px}.field{display:grid;gap:7px}.field.wide{grid-column:1/-1}
.field>span{font-size:11px;color:#b7b7be;font-weight:850}.field>span i{font-style:normal;color:#666;font-weight:600;margin-left:5px}
input,textarea,select{width:100%;border:1px solid #34343a;background:#0f0f12;color:#f1f0ec;border-radius:13px;padding:12px;outline:none}
textarea{min-height:135px;resize:vertical;line-height:1.6}input:focus,textarea:focus,select:focus{border-color:#816b41;box-shadow:0 0 0 3px rgba(242,196,109,.07)}
.field small{color:#6f6f78;font-size:10px}
.protagonists{display:grid;gap:10px;margin-top:12px}.protagonist-card{border:1px solid #303036;border-radius:14px;background:#111114;padding:12px}
.protagonist-card>div:first-child{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px}.protagonist-card b{font-size:12px}.protagonist-card small{color:var(--gold);font-size:9px;font-weight:900}
.protagonist-row{display:grid;grid-template-columns:1.25fr .75fr;gap:8px}
.model-card{margin-top:0}.quality-note{border-top:1px solid var(--line);padding-top:12px;margin-top:12px}.quality-note b{font-size:11px;color:var(--gold2)}.quality-note p{font-size:10px;line-height:1.55;color:#777;margin:4px 0 0}
.primary,.secondary{border:0;border-radius:14px;padding:14px 16px;font-weight:950}
.primary{width:100%;background:var(--gold);color:#1d170c}.primary.compact{width:auto;min-width:190px}.secondary{background:#232328;color:#eee;border:1px solid #38383f}
.status{text-align:center;color:#777;font-size:11px;margin:0}.status.ok{color:var(--good)}.status.bad{color:var(--bad)}
.reader-head{padding:48px 0 19px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:14px;align-items:flex-start}
.reader-head h2{font-family:Georgia,"Noto Serif KR",serif;font-size:clamp(34px,6vw,52px);margin:4px 0}.reader-head h3{font-size:16px;color:#aaa;margin:0}
.protagonist-strip{display:flex;gap:8px;flex-wrap:wrap;padding:15px 0 0}.protagonist-chip{border:1px solid #34343a;background:#131316;border-radius:999px;padding:7px 10px;font-size:11px;color:#bbb}.protagonist-chip b{color:#eee}
.chapter-body{width:min(780px,100%);margin:auto;padding:38px 4px 15px;font-family:Georgia,"Noto Serif KR","Nanum Myeongjo",serif;font-size:19px;line-height:2;color:#e7e3d9}
.chapter-body p{margin:0 0 1.55em}.char-count{width:min(780px,100%);margin:auto;text-align:right;color:#666;font-size:10px;padding-bottom:22px}
.choice-box{width:min(780px,100%);margin:5px auto 24px;border:1px solid #665432;border-radius:18px;background:linear-gradient(180deg,rgba(242,196,109,.11),rgba(242,196,109,.03));padding:19px}
.choice-box>span{display:inline-block;background:var(--gold);color:#1b150b;border-radius:999px;padding:5px 8px;font-size:10px;font-weight:950}.choice-box h4{font-family:Georgia,"Noto Serif KR",serif;font-size:21px;line-height:1.5;margin:12px 0}
.choice-box button{display:block;width:100%;margin-top:8px;border:1px solid #4b4539;background:#151412;color:#e9e7e0;border-radius:12px;padding:13px;text-align:left}.choice-box button.selected{background:#2b2419;border-color:var(--gold);color:var(--gold2)}.choice-box button.locked:not(.selected){opacity:.34}
.choice-box p{font-size:10px;color:#777;margin:11px 0 0}.hidden{display:none!important}
.ending{width:min(780px,100%);margin:8px auto 24px;border:1px solid var(--line);border-radius:18px;background:#151518;padding:25px;text-align:center}.ending small{color:var(--gold);font-weight:900;letter-spacing:.16em}.ending h4{font-family:Georgia,"Noto Serif KR",serif;font-size:25px;margin:10px 0 0}
.reader-actions{width:min(780px,100%);margin:auto;display:grid;grid-template-columns:1fr 1.4fr;gap:9px}.progress{width:min(780px,100%);height:4px;background:#242429;border-radius:999px;overflow:hidden;margin:24px auto 0}.progress i{display:block;height:100%;background:var(--gold);width:10%;transition:.25s}.progress-text{text-align:center;color:#6f6f78;font-size:10px}
.library-head{padding:55px 0 25px}.library-head h2{font-family:Georgia,"Noto Serif KR",serif;font-size:42px;margin:0}.library-head p:last-child{color:#888}.library-list{display:grid;gap:10px}.library-item{border:1px solid var(--line);border-radius:16px;background:#151518;padding:16px;display:flex;justify-content:space-between;align-items:center;gap:15px}.library-item h3{font-family:Georgia,"Noto Serif KR",serif;font-size:20px;margin:0 0 5px}.library-item p{font-size:10px;color:#777;margin:0}.library-item button{border:0;border-radius:10px;background:var(--gold);padding:9px 11px;font-weight:900}.empty{border:1px dashed var(--line);border-radius:16px;padding:40px;text-align:center;color:#777}
.loading{position:fixed;z-index:100;inset:0;background:rgba(7,7,9,.92);backdrop-filter:blur(15px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px}
.spinner{width:48px;height:48px;border:3px solid #333;border-top-color:var(--gold);border-radius:50%;animation:spin .85s linear infinite;margin-bottom:18px}@keyframes spin{to{transform:rotate(360deg)}}.loading b{font-family:Georgia,"Noto Serif KR",serif;font-size:21px}.loading span{color:#777;font-size:11px;margin-top:7px}
.toast{position:fixed;z-index:120;left:50%;bottom:25px;transform:translateX(-50%);background:#25252a;border:1px solid #414149;border-radius:12px;padding:11px 15px;font-size:12px;box-shadow:0 15px 50px #000}
dialog{border:0;border-radius:19px;background:#1b1b1f;color:#eee;width:min(570px,92vw);padding:0;box-shadow:0 25px 80px #000}dialog::backdrop{background:rgba(0,0,0,.7);backdrop-filter:blur(5px)}.dialog-card{padding:20px}.dialog-card h3{margin:0 0 15px}.memory-section{border-top:1px solid #303036;padding-top:11px;margin-top:11px}.memory-section b{font-size:11px;color:var(--gold2)}.memory-section p,.memory-section li{font-size:11px;color:#aaa;line-height:1.6}
@media(max-width:820px){.layout{grid-template-columns:1fr}.layout>aside{grid-template-columns:1fr 1fr}.layout>aside .primary,.layout>aside .status{grid-column:1/-1}}
@media(max-width:600px){.shell{padding:18px 13px 60px}.top{height:62px;padding:0 13px}.top-actions #libraryBtn{display:none}.brand small{display:none}.hero{padding:24px 0}.form-grid{grid-template-columns:1fr 1fr}.layout>aside{grid-template-columns:1fr}.layout>aside .primary,.layout>aside .status{grid-column:auto}.card{padding:15px}.protagonist-row{grid-template-columns:1fr 1fr}.chapter-body{font-size:18px;padding-top:30px}.reader-actions{grid-template-columns:1fr 1.4fr}.primary.compact{min-width:0}.reader-head h2{font-size:30px}}

.adult-gate-card{max-width:520px}
.adult-gate-card h3{font-family:Georgia,"Noto Serif KR",serif;font-size:28px;margin:0 0 12px}
.adult-copy{color:#b7b7bf;font-size:13px;line-height:1.8;margin:0 0 16px}
.adult-check{display:flex;align-items:center;gap:10px;border:1px solid #3a3a40;background:#121215;border-radius:13px;padding:13px 14px}
.adult-check input{width:18px;height:18px}
.adult-check span{font-size:12px;color:#e7e7ea}
.adult-actions{display:grid;grid-template-columns:1fr 1.35fr;gap:9px;margin-top:16px}
.adult-actions .primary.compact{width:100%;min-width:0}
.adult-footnote{font-size:10px;color:#73737c;line-height:1.6;margin:13px 0 0}

/* V4 plan / rights */
.plan-summary{display:flex;align-items:center;justify-content:space-between;border:1px solid #3a3429;background:#12110f;border-radius:14px;padding:13px 14px;margin-top:14px}
.plan-summary b{color:var(--gold2);font-size:16px}.plan-summary span{font-size:11px;color:#a8a198}
.policy-link{width:100%;margin-top:14px;border:1px solid #4a402c;background:#16130d;color:var(--gold2);border-radius:12px;padding:11px 12px;font-weight:850;text-align:left}
.rights-status{margin:10px 2px 0;color:#8d8d96;font-size:10px;line-height:1.5}
.reader-submeta{width:min(780px,100%);margin:auto;display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap;color:#666;font-size:10px;padding-bottom:22px}
.rights-badge{border-radius:999px;padding:4px 8px;border:1px solid #37373d}.rights-badge.commercial{color:#9bd2aa;border-color:#365e41}.rights-badge.personal{color:#aaa}.reader-submeta #apiCostBadge{border:1px dashed #4b4539;border-radius:999px;padding:4px 8px;color:#9c8b6a}
.rights-dialog{width:min(760px,94vw);max-height:90vh}.rights-card{max-height:90vh;overflow:auto;padding:24px}.rights-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.rights-head h3{font-family:Georgia,"Noto Serif KR",serif;font-size:30px;margin:0}.rights-head p{font-size:11px;color:#777;margin:5px 0 0}.icon-close{border:1px solid #3c3c42;background:#141417;color:#ddd;width:36px;height:36px;border-radius:10px;font-size:22px}.plan-picks{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0}.plan-pick{position:relative;border:1px solid #34343a;border-radius:14px;background:#111114;padding:14px;display:grid;gap:5px;cursor:pointer}.plan-pick.active{border-color:#806d45;background:#1b170f}.plan-pick input{position:absolute;right:13px;top:13px;width:17px;height:17px}.plan-pick b{font-size:16px;color:#eee}.plan-pick span{font-size:10px;color:#85858d}.rights-section{border-top:1px solid #303036;padding:14px 2px 2px}.rights-section h4{margin:0 0 7px;font-size:13px;color:#ddd}.rights-section p,.rights-section li{font-size:11px;color:#aaa;line-height:1.75}.rights-section ul{padding-left:18px;margin:6px 0}.rights-section.important h4{color:#a9d9b6}.rights-section.warning h4{color:var(--gold2)}.policy-check{display:flex;gap:10px;align-items:flex-start;margin-top:16px;border:1px solid #4d4433;background:#15130e;padding:13px;border-radius:13px}.policy-check input{width:18px;height:18px;flex:0 0 auto}.policy-check span{font-size:11px;line-height:1.6}.rights-actions{display:grid;grid-template-columns:1fr 1.4fr;gap:9px;margin-top:14px}.rights-actions .primary.compact{width:100%;min-width:0}.legal-note{font-size:9px;color:#6f6f78;line-height:1.65;margin:12px 0 0}
@media(max-width:600px){.top-actions #rightsBtn{display:none}.plan-picks{grid-template-columns:1fr}.rights-head h3{font-size:24px}.reader-submeta{justify-content:flex-start}}

.generation-error{margin-top:10px;padding:12px 14px;border:1px solid rgba(255,90,90,.35);background:rgba(140,30,30,.14);border-radius:12px;color:#ffb0b0;font-size:11px;line-height:1.6;white-space:pre-wrap;word-break:break-word}.generation-error b{color:#ffd0d0}.status.checking{color:#d8b866}

.children-preset-note{grid-column:1/-1;border:1px solid #3f392d;background:#17140f;border-radius:14px;padding:14px 16px;display:grid;gap:5px}
.children-preset-note b{color:var(--gold2);font-size:13px}
.children-preset-note span{color:#aaa39a;font-size:11px;line-height:1.6}

.prefetch-status{
  margin:10px 0 2px;
  font-size:12px;
  line-height:1.5;
  text-align:right;
  color:#a9a39a;
}
.prefetch-status.ready{color:#b8d8b0}
.prefetch-status.working{color:#d7c99e}
.prefetch-status.error{color:#d9a3a3}


/* V4.5 account / auth */
body.logged-out .top .brand{pointer-events:none}
.auth-view{padding-top:34px}
.auth-shell{max-width:980px;margin:0 auto;display:grid;grid-template-columns:1.05fr .95fr;gap:42px;align-items:center;min-height:70vh}
.auth-brand{display:flex;gap:20px;align-items:flex-start}
.auth-logo{width:58px;height:58px;font-size:28px;flex:0 0 auto}
.auth-brand h1{font-size:42px;line-height:1.13;margin:6px 0 16px}
.auth-brand h1 em{font-style:normal;color:var(--gold2)}
.auth-brand>div>p:last-child{color:#a9a39a;line-height:1.7;max-width:520px}
.auth-card{background:#131316;border:1px solid #2b2b31;border-radius:22px;padding:24px;box-shadow:0 24px 60px rgba(0,0,0,.24)}
.auth-tabs{display:grid;grid-template-columns:1fr 1fr;background:#0d0d10;border-radius:12px;padding:4px;margin-bottom:20px}
.auth-tabs button{border:0;background:transparent;color:#8c8c93;padding:11px;border-radius:9px;font-weight:700}
.auth-tabs button.active{background:#232329;color:#f3f0e8}
.auth-form{display:grid;gap:13px}
.auth-form>label:not(.remember-row){display:grid;gap:7px}
.auth-form label>span:first-child{font-size:12px;color:#bbb5aa;font-weight:700}
.auth-form input[type="email"],.auth-form input[type="password"],.auth-form input[type="text"],#signupName{
  width:100%;box-sizing:border-box;background:#0d0d10;border:1px solid #303038;border-radius:11px;padding:13px 14px;color:#eee;font:inherit
}
.auth-form input:focus{outline:1px solid #817047;border-color:#817047}
.remember-row{display:flex!important;gap:8px;align-items:center;color:#9e9990;font-size:12px}
.remember-row input{width:auto}
.auth-submit{width:100%;margin-top:4px}
.auth-error{margin:0;padding:10px 12px;border-radius:9px;background:#2b1518;color:#f0b4ba;font-size:12px;line-height:1.5}
.auth-divider{display:flex;align-items:center;gap:10px;margin:21px 0 13px;color:#6f6b65;font-size:11px}
.auth-divider:before,.auth-divider:after{content:"";height:1px;background:#29292f;flex:1}
.social-logins{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.social-btn{background:#17171b;border:1px solid #2d2d34;border-radius:10px;padding:10px 7px;color:#9b9892;display:grid;gap:2px}
.social-btn small{font-size:8px;color:#666}
.auth-test-note{margin:15px 0 0;color:#6f6b65;font-size:10px;line-height:1.55}
.account-name{color:#cbbd98;font-size:12px;font-weight:700;padding:0 4px}
.logout-btn{color:#888!important}
.font-size-control{display:flex;align-items:center;gap:6px;background:#17171b;border:1px solid #303038;border-radius:9px;padding:4px 7px}
.font-size-control span{font-size:11px;color:#9f9a92}
.font-size-control select{background:transparent;border:0;color:#e8e3d8;padding:5px 2px;font-size:12px;outline:none}
.font-size-control option{background:#17171b;color:#eee}

/* 기본 읽기 본문은 18px, 선택값은 여기서 +/- px */
.chapter-body{--reader-font-base:18px;font-size:var(--reader-font-base)}

@media(max-width:800px){
  .auth-shell{grid-template-columns:1fr;gap:24px;min-height:auto}
  .auth-brand h1{font-size:32px}
  .auth-brand{padding:0 4px}
  .social-logins{grid-template-columns:1fr}
  .account-name{display:none}
  .reader-tools{flex-wrap:wrap;justify-content:flex-end}
}

.tts-sample-row{display:flex;gap:10px;align-items:end;flex-wrap:wrap;margin-top:8px}
.tts-sample-row label{display:grid;gap:5px;min-width:160px}
.tts-sample-row label>span{font-size:10px;color:#8f897f}
.tts-sample-row select{background:#0e0d0b;border:1px solid #3a3429;color:#e8e0cd;border-radius:9px;padding:9px 10px}
.tts-sample-row button{margin:0}
.tts-sample-audio{width:100%;margin-top:8px}
.tts-sample-status{display:block;margin-top:5px;color:#8d877d;font-size:10px;line-height:1.5}

.global-language{display:flex;align-items:center;gap:5px;margin-left:auto}
.global-language select{background:#141417;border:1px solid #303038;color:#ddd5c5;border-radius:9px;padding:8px 9px;font-size:12px;outline:none}
.global-language span{font-size:14px}
@media(max-width:720px){
  .global-language select{max-width:118px;padding:7px 5px}
}

/* V4.10 auth click reliability */
.auth-tabs{position:relative;z-index:3}
.auth-tabs button,.auth-link-btn,#quickTestBtn{
  pointer-events:auto!important;
  cursor:pointer!important;
  position:relative;
  z-index:4;
}
.auth-link-btn{
  border:0;
  background:transparent;
  color:#c5b581;
  padding:6px 4px;
  font-size:12px;
  text-align:center;
}
.auth-link-btn:hover{text-decoration:underline}
.auth-test-access{
  margin-top:18px;
  display:grid;
  gap:7px;
}
.auth-test-access #quickTestBtn{width:100%}
.auth-test-access small{
  color:#777168;
  font-size:10px;
  line-height:1.5;
  text-align:center;
}

.js-runtime-status{
  margin-top:14px;
  border-radius:9px;
  padding:10px 12px;
  font-size:11px;
  line-height:1.5;
  text-align:center;
}
.js-runtime-status.ok{
  background:#13251a;
  border:1px solid #2d583b;
  color:#a9d8b6;
}
.js-runtime-status.bad{
  background:#2b1719;
  border:1px solid #5b3034;
  color:#e4a9ae;
}

.test-mode-banner{
  margin:0 auto 18px;
  max-width:1120px;
  display:flex;
  gap:10px;
  align-items:center;
  flex-wrap:wrap;
  padding:11px 14px;
  border:1px solid #4b4026;
  background:#1b170e;
  border-radius:12px;
  color:#cfc5a7;
  font-size:11px;
}
.test-mode-banner b{color:#e2c877;letter-spacing:.08em}
#authView.hidden{display:none!important}

.random-hint{
  margin-top:7px;
  padding:9px 11px;
  border:1px dashed #54472b;
  background:#17130c;
  border-radius:9px;
  color:#c9b778;
  font-size:11px;
  line-height:1.5;
}

.reader-submeta{display:none !important;}

.chapter-narration-bar{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  margin:18px 0 10px;
  padding:12px 14px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:12px;
  background:rgba(255,255,255,.025);
}
.chapter-narration-bar.hidden{display:none!important;}
.narration-btn{min-width:150px;}

#genre2Label i{
  font-style:normal;
  font-size:.75em;
  opacity:.65;
  margin-left:5px;
}
#adultRatingNote{
  line-height:1.45;
}

.brand-slogan{
  margin-top:2px;
  font-size:12px;
  line-height:1.2;
  letter-spacing:.08em;
  opacity:.68;
  font-weight:600;
}
@media (max-width:640px){
  .brand-slogan{
    font-size:11px;
    letter-spacing:.05em;
  }
}

/* ===== IYANA V5 PLATFORM ===== */
.platform-sidebar{position:fixed;left:0;top:0;bottom:0;width:230px;z-index:35;padding:18px 14px;display:flex;flex-direction:column;background:rgba(11,11,13,.97);border-right:1px solid rgba(255,255,255,.07)}
.side-brand{display:flex;align-items:center;gap:10px;padding:2px 6px 24px}
.side-logo{width:38px;height:38px;border-radius:13px;background:var(--gold);color:#181208;display:grid;place-items:center;font-weight:950;font-size:20px}
.side-brand b{display:block;font-size:19px}.side-brand small{display:block;color:var(--muted);font-size:10px;margin-top:2px}
.side-nav{display:flex;flex-direction:column;gap:6px}
.side-nav-btn{display:flex;align-items:center;gap:12px;width:100%;padding:11px 12px;border:0;border-radius:12px;background:transparent;color:#aaa;text-align:left}
.side-nav-btn span{width:21px;font-size:18px;text-align:center}.side-nav-btn b{font-size:14px}
.side-nav-btn:hover,.side-nav-btn.active{background:#202024;color:#fff}.side-nav-btn.active{box-shadow:inset 3px 0 0 var(--gold)}
.side-subscription{margin-top:8px;padding:13px;border:1px solid var(--line);border-radius:15px;background:#17171b}
.side-subscription>small{color:var(--muted);font-size:10px}.side-sub-row{display:flex;align-items:center;justify-content:space-between;margin-top:5px}
.side-sub-row b{font-size:14px}.side-sub-row button{border:0;background:none;color:var(--gold);font-size:11px;padding:3px}
.side-subscription p{font-size:11px;color:var(--muted);line-height:1.45;margin:8px 0}.quota-track{height:5px;border-radius:999px;background:#29292e;overflow:hidden}
.quota-track i{display:block;height:100%;width:0;background:var(--gold);border-radius:999px}
body .top{left:230px;width:calc(100% - 230px)}body .top .brand{visibility:hidden}body .top-actions{display:none}
body .shell{width:min(1280px,calc(100% - 230px));margin-left:230px;margin-right:0;padding:32px 28px 80px}
.explore-hero{min-height:330px;border:1px solid rgba(255,255,255,.08);border-radius:26px;padding:34px 38px;display:grid;grid-template-columns:minmax(270px,.82fr) minmax(430px,1.55fr);align-items:stretch;gap:34px;background:radial-gradient(circle at 78% 20%,rgba(242,196,109,.17),transparent 30%),radial-gradient(circle at 15% 10%,rgba(119,82,180,.15),transparent 32%),#141417}
.explore-hero-copy{display:flex;flex-direction:column;justify-content:center;min-width:0}.explore-hero h1{font-size:clamp(30px,4vw,54px);line-height:1.08;margin:6px 0 16px;letter-spacing:-.04em}.explore-hero h1 em{font-style:normal;color:var(--gold)}
.explore-hero p:not(.eyebrow){max-width:680px;color:var(--muted);line-height:1.7}.explore-hero-side{display:flex;flex-direction:column;gap:12px;min-width:0}.explore-create{white-space:nowrap;min-width:180px;width:100%;min-height:46px}
.weekly-bestseller-panel{flex:1;min-height:220px;border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:17px;background:rgba(8,8,11,.40);backdrop-filter:blur(8px)}
.weekly-bestseller-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:11px}.weekly-bestseller-head h2{font-size:18px;margin:1px 0 0}.weekly-bestseller-head>span{font-size:10px;color:var(--muted);white-space:nowrap}
.weekly-bestseller-list{display:grid;gap:7px}.weekly-bestseller-item{display:grid;grid-template-columns:28px 38px minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.025);border-radius:13px;padding:7px 10px;color:inherit;text-align:left;transition:.18s ease}.weekly-bestseller-item:hover{transform:translateY(-1px);border-color:rgba(242,196,109,.28);background:rgba(255,255,255,.045)}
.weekly-rank{width:26px;height:26px;border-radius:9px;display:grid;place-items:center;font-weight:950;font-size:12px;background:#26262c;color:#ddd}.rank-1 .weekly-rank{background:var(--gold);color:#19130a}.rank-2 .weekly-rank{background:#bfc3ca;color:#18191c}.rank-3 .weekly-rank{background:#9b6b43;color:#fff}
.weekly-thumb{width:36px;height:49px;border-radius:7px;background-size:cover;background-position:center;border:1px solid rgba(255,255,255,.08);display:block}.weekly-thumb.fallback-0{background:linear-gradient(145deg,#392f45,#15151b 62%,#745b35)}.weekly-thumb.fallback-1{background:linear-gradient(145deg,#193845,#17171c 64%,#493659)}.weekly-thumb.fallback-2{background:linear-gradient(145deg,#4b2c2c,#151519 60%,#283b3d)}.weekly-thumb.fallback-3{background:linear-gradient(145deg,#233929,#151519 60%,#59422d)}
.weekly-copy{min-width:0}.weekly-copy b,.weekly-copy small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.weekly-copy b{font-size:12px}.weekly-copy small{font-size:9px;color:var(--muted);margin-top:3px}.weekly-heart{font-size:10px;color:var(--gold);white-space:nowrap}.weekly-bestseller-empty{height:132px;border:1px dashed rgba(255,255,255,.09);border-radius:13px;display:grid;place-items:center;text-align:center;color:var(--muted);font-size:11px;padding:16px}
.explore-tools{display:flex;align-items:center;gap:12px;margin:26px 0 18px}.category-chips{display:flex;gap:7px;flex-wrap:wrap;flex:1}
.category-chip{border:1px solid var(--line);background:#17171b;color:#aaa;border-radius:999px;padding:8px 13px;font-size:12px}.category-chip.active,.category-chip:hover{background:var(--gold);border-color:var(--gold);color:#17120a}
.explore-search{width:250px;border:1px solid var(--line);background:#151519;color:#eee;border-radius:12px;padding:10px 12px}
.shelf-section{margin-top:8px}.shelf-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:14px}.shelf-head h2{margin:2px 0 0}.shelf-head>span{font-size:12px;color:var(--muted)}
.story-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.story-card{min-width:0;border:0;background:transparent;color:inherit;text-align:left;padding:0;position:relative}
.story-cover{aspect-ratio:2/3;border-radius:15px;overflow:hidden;position:relative;background:#24242a;border:1px solid rgba(255,255,255,.08);box-shadow:0 14px 35px rgba(0,0,0,.22)}
.story-cover.has-image{background-size:cover;background-position:center}.story-cover.fallback-0{background:linear-gradient(145deg,#392f45,#15151b 62%,#745b35)}.story-cover.fallback-1{background:linear-gradient(145deg,#193845,#17171c 64%,#493659)}.story-cover.fallback-2{background:linear-gradient(145deg,#4b2c2c,#151519 60%,#283b3d)}.story-cover.fallback-3{background:linear-gradient(145deg,#233929,#151519 60%,#59422d)}
.story-cover::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 48%,rgba(0,0,0,.84))}.cover-title{position:absolute;left:13px;right:13px;bottom:15px;z-index:2;font-weight:850;font-size:16px;line-height:1.25}
.cover-badge{position:absolute;top:10px;left:10px;z-index:3;border-radius:999px;background:rgba(10,10,12,.72);padding:5px 8px;font-size:9px}
.story-card h3{font-size:14px;margin:10px 2px 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.story-card p{font-size:11px;color:var(--muted);margin:0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.story-card .story-stats{display:flex;gap:8px;margin-top:6px;color:#777;font-size:10px}.card-fav{position:absolute;right:9px;top:9px;z-index:5;width:31px;height:31px;border:0;border-radius:50%;background:rgba(10,10,12,.72);color:#fff;font-size:16px}.card-fav.on{color:var(--gold)}
.explore-empty{border:1px dashed var(--line);border-radius:18px;padding:34px;text-align:center;color:var(--muted)}.explore-empty b{display:block;color:#ddd;margin-bottom:7px}.explore-empty p{font-size:13px}
.platform-note{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:34px}.platform-note>div{border:1px solid var(--line);border-radius:16px;padding:16px;background:#141417}.platform-note b,.platform-note span{display:block}.platform-note b{font-size:13px}.platform-note span{font-size:11px;color:var(--muted);line-height:1.55;margin-top:5px}
.publish-panel{margin-top:18px;padding-top:16px;border-top:1px solid rgba(255,255,255,.08);display:grid;gap:10px}.publish-panel b,.publish-panel span{display:block}.publish-panel span{font-size:11px;color:var(--muted);line-height:1.5;margin-top:4px}.publish-status{font-size:11px!important;color:var(--gold)!important}
.public-reader-bar{display:flex;justify-content:space-between;gap:12px;align-items:center;border:1px solid var(--line);background:#151519;border-radius:14px;padding:10px 12px;margin:0 0 16px}.public-reader-bar>div{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.public-pill{font-size:9px;background:var(--gold);color:#17120a;border-radius:999px;padding:5px 8px;font-weight:800}.public-reader-bar button{padding:7px 9px!important;font-size:11px}
.library-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.library-item{position:relative}.library-publish{margin-left:7px}
@media(max-width:1100px){.explore-hero{grid-template-columns:minmax(250px,.8fr) minmax(360px,1.3fr);gap:22px;padding:30px}.story-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:820px){
  .platform-sidebar{top:auto;right:0;width:auto;height:64px;padding:6px 8px;flex-direction:row;align-items:center;border-right:0;border-top:1px solid rgba(255,255,255,.08)}
  .side-brand,.side-subscription{display:none}.side-nav{width:100%;flex-direction:row;justify-content:space-around;gap:1px}.side-nav-btn{flex-direction:column;gap:1px;width:auto;padding:5px 8px}.side-nav-btn span{font-size:17px}.side-nav-btn b{font-size:9px}.side-nav-btn.active{box-shadow:none;color:var(--gold)}
  body .top{left:0;width:100%}body .top .brand{visibility:visible}body .shell{width:100%;margin-left:0;padding:20px 14px 92px}
  .explore-hero{min-height:220px;padding:22px;display:block}.explore-hero-side{margin-top:20px}.weekly-bestseller-panel{min-height:0;padding:14px}.weekly-bestseller-head{align-items:center}.weekly-bestseller-head>span{white-space:normal;text-align:right}.weekly-bestseller-item{grid-template-columns:28px 36px minmax(0,1fr) auto}.explore-create{margin-top:12px}.explore-tools{display:block}.explore-search{width:100%;margin-top:12px}
  .category-chips{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px}.category-chip{white-space:nowrap}.story-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.platform-note{grid-template-columns:1fr}.public-reader-bar{display:block}.public-reader-bar>div:last-child{margin-top:9px}.library-list{grid-template-columns:1fr}
}

/* ===== IYANA V5.1 PRICING ===== */
.price-summary{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin:18px 0 24px;
}
.price-summary-card{
  border:1px solid var(--line);
  background:#151519;
  border-radius:16px;
  padding:16px 18px;
}
.price-summary-card small,
.price-summary-card span{
  display:block;
  color:var(--muted);
}
.price-summary-card small{font-size:10px}
.price-summary-card b{
  display:block;
  margin:5px 0 3px;
  font-size:20px;
  color:var(--gold);
}
.price-summary-card span{font-size:11px}
.pricing-policy p{margin:7px 0}
.pricing-policy small{display:block;margin-top:10px;color:var(--muted)}
.child-price-note{margin-top:10px;color:var(--gold)}
@media(max-width:820px){
  .price-summary{grid-template-columns:1fr}
}

/* ===== IYANA V5.2 FREE TRIAL / SUBSCRIBER READING ===== */
.free-trial-notice,
.subscriber-reading-notice,
.trial-paywall{
  border:1px solid var(--line);
  background:#151519;
  border-radius:16px;
}
.free-trial-notice{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:15px 18px;
  margin:0 0 14px;
}
.free-trial-notice small,
.free-trial-notice b,
.free-trial-notice span{display:block}
.free-trial-notice small{font-size:10px;color:var(--gold);margin-bottom:3px}
.free-trial-notice b{font-size:14px}
.free-trial-notice div>span{font-size:11px;color:var(--muted);margin-top:4px}
.free-trial-status{
  border-radius:999px;
  padding:6px 10px;
  background:rgba(242,196,109,.12);
  color:var(--gold);
  font-size:10px;
  white-space:nowrap
}
.subscriber-reading-notice{
  display:flex;
  gap:12px;
  align-items:center;
  margin:16px 0 0;
  padding:12px 15px;
}
.subscriber-reading-notice b{font-size:12px;color:var(--gold);white-space:nowrap}
.subscriber-reading-notice span{font-size:11px;color:var(--muted);line-height:1.45}
.story-card.locked .story-cover::before{
  content:"구독자 전용";
  position:absolute;z-index:4;left:50%;top:50%;transform:translate(-50%,-50%);
  background:rgba(10,10,12,.82);border:1px solid rgba(255,255,255,.12);
  border-radius:999px;padding:7px 10px;font-size:10px;font-weight:800
}
.story-card.locked .story-cover{filter:saturate(.78)}
.trial-paywall{
  padding:22px;
  margin-top:18px;
  text-align:center;
  background:radial-gradient(circle at 50% 0%,rgba(242,196,109,.12),transparent 45%),#151519
}
.trial-paywall small{color:var(--gold);font-weight:800}
.trial-paywall h3{margin:7px 0 8px}
.trial-paywall p{color:var(--muted);font-size:12px}
.trial-paywall>div{display:flex;justify-content:center;gap:8px;margin-top:14px;flex-wrap:wrap}
@media(max-width:820px){
  .free-trial-notice,.subscriber-reading-notice{display:block}
  .free-trial-status{display:inline-block;margin-top:10px}
  .subscriber-reading-notice span{display:block;margin-top:4px}
}

/* ===== IYANA V5.3 SUNO-STYLE SUBSCRIPTION COMPARE ===== */
#rightsDialog{
  width:min(1050px,calc(100vw - 28px));
}
#rightsDialog .dialog-card{
  width:100%;
  max-width:none;
}
.billing-switch{
  display:flex;
  justify-content:center;
  margin:6px 0 18px;
}
.billing-switch-btn{
  border:1px solid var(--line);
  background:#17171b;
  color:#ddd;
  border-radius:999px;
  padding:9px 20px;
  font-weight:800;
}
.billing-switch-btn.active{
  background:var(--gold);
  border-color:var(--gold);
  color:#17120a;
}
.subscription-compare{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:22px;
  align-items:stretch;
}
.subscription-card{
  border:1px solid var(--line);
  background:linear-gradient(180deg,#1b1b1f,#161619);
  border-radius:24px;
  padding:24px;
  position:relative;
  min-height:610px;
  transition:.18s ease;
}
.subscription-card:hover{
  transform:translateY(-2px);
  border-color:#3b3b44;
}
.subscription-card.active{
  border-color:var(--gold);
  box-shadow:0 0 0 1px rgba(242,196,109,.16),0 18px 45px rgba(0,0,0,.22);
}
.subscription-card-top{
  min-height:112px;
  display:flex;
  justify-content:space-between;
  gap:16px;
}
.plan-kicker{
  display:block;
  color:var(--gold);
  font-size:10px;
  font-weight:900;
  letter-spacing:.16em;
  margin-bottom:5px;
}
.subscription-card h3{
  margin:0;
  font-size:30px;
  letter-spacing:-.035em;
}
.subscription-card-top p{
  margin:7px 0 0;
  color:var(--muted);
  line-height:1.5;
  font-size:12px;
  max-width:330px;
}
.plan-badge{
  height:max-content;
  border-radius:999px;
  padding:5px 8px;
  font-size:9px;
  font-weight:900;
  white-space:nowrap;
}
.plan-badge.popular{
  background:var(--gold);
  color:#17120a;
}
.plan-badge.best{
  background:#33343a;
  color:#fff;
}
.subscription-price{
  display:flex;
  align-items:baseline;
  gap:5px;
  margin-top:18px;
}
.subscription-price b{
  font-size:30px;
  letter-spacing:-.03em;
}
.subscription-price span{
  color:var(--muted);
  font-size:12px;
}
.subscription-tax-note{
  display:block;
  color:#777;
  font-size:10px;
  margin-top:4px;
}
.subscription-select-btn{
  width:100%;
  margin:24px 0 26px;
  padding:15px 16px;
  border:1px solid #ece8e0;
  border-radius:999px;
  background:#f4f0e9;
  color:#131316;
  font-weight:900;
  font-size:14px;
}
.subscription-select-btn:hover{
  filter:brightness(.96);
}
.subscription-select-btn.active{
  background:var(--gold);
  border-color:var(--gold);
}
.subscription-benefits{
  display:grid;
  gap:12px;
  list-style:none;
  padding:0;
  margin:0;
}
.subscription-benefits li{
  display:flex;
  gap:9px;
  align-items:flex-start;
  font-size:12px;
  line-height:1.45;
}
.subscription-benefits i{
  width:17px;
  height:17px;
  flex:0 0 17px;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:rgba(96,220,146,.1);
  color:#69db9c;
  font-style:normal;
  font-size:10px;
  margin-top:1px;
}
.children-subscription-note{
  margin-top:18px;
  border:1px solid var(--line);
  border-radius:14px;
  padding:13px 15px;
  background:#151519;
}
.children-subscription-note b,
.children-subscription-note span{
  display:block;
}
.children-subscription-note b{
  font-size:12px;
}
.children-subscription-note span{
  margin-top:4px;
  color:var(--muted);
  font-size:11px;
}
@media(max-width:820px){
  .subscription-compare{grid-template-columns:1fr}
  .subscription-card{min-height:0;padding:20px}
  .subscription-card h3{font-size:25px}
}

/* V5.4 benefit grouping */
.benefit-group-label{margin:2px 0 10px;color:var(--gold);font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.benefit-group-label.common{margin-top:18px;color:#d6d6d8}
.subscription-card{min-height:0}
.subscription-benefits.common-list{margin-top:0}

/* V5.6 feedback test */
.free-trial-notice{border-color:rgba(242,196,109,.35)}


/* ===== IYANA V5.8 BRAND / TYPOGRAPHY / CREDITS ===== */
:root{--ui-font:Inter,Pretendard,"Noto Sans KR",system-ui,-apple-system,"Segoe UI",sans-serif}
body,button,select,textarea,input,
.hero h1,.card h2,.reader-head h2,.chapter-body,.choice-box h4,.ending h4,
.library-head h2,.library-item h3,.loading b,.adult-gate-card h3,.rights-head h3,
dialog,.story-card,.explore-hero h1{font-family:var(--ui-font)!important}
.iyana-brand-lockup{display:inline-flex;align-items:center;gap:9px;white-space:nowrap}
.iyana-mark{width:34px;height:34px;overflow:visible;filter:drop-shadow(0 5px 14px rgba(242,196,109,.18))}
.iyana-mark path{fill:none;stroke:var(--gold);stroke-width:4.2;stroke-linecap:round;stroke-linejoin:round}
.iyana-mark .mark-accent{stroke:rgba(255,255,255,.74);stroke-width:2.4}
.iyana-mark circle{fill:var(--gold2)}
.iyana-wordmark{font-family:var(--ui-font);font-size:20px;line-height:1;font-weight:950;letter-spacing:.16em;color:#f5f2ea}
.iyana-word-stack{display:inline-flex;flex-direction:column;align-items:stretch;line-height:1}
.iyana-subword{display:flex;justify-content:space-between;width:100%;box-sizing:border-box;padding:0 .16em;margin-top:5px;color:#8c8169;font-family:var(--ui-font);font-size:7px;line-height:1;font-weight:800}
.iyana-subword i{font-style:normal}
.brand-version{font-size:8px!important;letter-spacing:.08em!important;color:#676771!important;margin:0 0 0 2px!important;align-self:flex-end;padding-bottom:4px}
.side-brand{display:block;padding:4px 7px 24px}
.side-lockup .iyana-mark{width:31px;height:31px}.side-lockup .iyana-wordmark{font-size:18px}.side-lockup .iyana-subword{font-size:6px;margin-top:4px}
.side-brand-tagline{display:block;margin:5px 0 0 41px;color:var(--muted);font-size:9px;letter-spacing:.05em}
.auth-logo.iyana-auth-mark{font-family:var(--ui-font);font-weight:950;letter-spacing:-.08em;color:#1a140a;background:var(--gold);display:grid;place-items:center;border-radius:16px}
.credit-summary .price-summary-card b{letter-spacing:-.02em}
.trial-credit-box{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:13px 0 14px;border:1px solid #51462e;background:#17140f;border-radius:13px;padding:12px 14px}
.trial-credit-box span{font-size:12px;color:#bdb7aa}.trial-credit-box b{color:var(--gold2);font-size:16px}
@media(max-width:820px){.brand-version{display:none}.iyana-wordmark{font-size:18px}.iyana-mark{width:30px;height:30px}}


/* ===== IYANA V5.8 ADULT ROMANCE INTIMACY CONTROL ===== */
.adult-intimacy-field{
  padding:12px 13px;
  border:1px solid rgba(216,168,62,.28);
  border-radius:14px;
  background:linear-gradient(180deg,rgba(216,168,62,.07),rgba(216,168,62,.025));
}
.adult-intimacy-field>span{color:#e4c985}
.adult-intimacy-field small{line-height:1.55}


/* V5.9 prohibited-input guard */
.input-guard-help{display:block;margin-top:5px;color:#7d8490;font-size:12px;line-height:1.45}
.input-guard-help.bad{color:#d75a5a;font-weight:700}
input.input-guard-invalid,textarea.input-guard-invalid{border-color:#d75a5a!important;box-shadow:0 0 0 2px rgba(215,90,90,.12)!important}


/* V5.10 · 19+ unlock explanation */
.adult-unlock-panel{
  margin:14px 0 16px;
  padding:14px 15px;
  border:1px solid rgba(207,165,87,.38);
  border-radius:14px;
  background:linear-gradient(180deg,rgba(207,165,87,.10),rgba(207,165,87,.035));
}
.adult-unlock-title{display:block;margin-bottom:9px;font-weight:800;letter-spacing:-.02em}
.adult-unlock-panel ul{list-style:none;margin:0;padding:0;display:grid;gap:7px}
.adult-unlock-panel li{display:flex;gap:8px;align-items:flex-start;line-height:1.45}
.adult-unlock-icon{font-size:9px;line-height:1.9;color:#cfa557;flex:0 0 auto}
#genreField.adult-unlock-highlight{
  border-radius:14px;
  box-shadow:0 0 0 2px rgba(207,165,87,.68),0 0 28px rgba(207,165,87,.20);
  transition:box-shadow .25s ease;
}

/* V5.12: simplified 19+ unlock notice */
.adult-unlock-simple{
  display:flex;
  align-items:center;
  gap:8px;
  font-weight:800;
}


/* ===== IYANA V5.15 · MORE MENU ===== */
.side-more-wrap{position:relative;margin-top:10px}
.side-more-btn{display:flex;align-items:center;gap:12px;width:100%;padding:11px 12px;border:1px solid transparent;border-radius:12px;background:transparent;color:#aaa;text-align:left}
.side-more-btn span{width:21px;font-size:16px;text-align:center;letter-spacing:1px}.side-more-btn b{font-size:14px}
.side-more-btn:hover,.side-more-btn.open{background:#202024;color:#fff;border-color:rgba(255,255,255,.04)}
.side-more-menu{position:absolute;left:0;bottom:50px;width:216px;padding:8px;border:1px solid rgba(255,255,255,.08);border-radius:15px;background:#202024;box-shadow:0 20px 60px rgba(0,0,0,.48);z-index:90}
.side-more-menu>button{display:flex;align-items:center;gap:10px;width:100%;border:0;border-radius:9px;background:transparent;color:#e8e8ea;padding:10px 9px;text-align:left}
.side-more-menu>button:hover{background:#2b2b30}.side-more-menu>button span{width:22px;color:#999;text-align:center}.side-more-menu>button b{font-size:12px;font-weight:650}
.side-more-divider{height:1px;background:rgba(255,255,255,.09);margin:6px 2px}
.side-more-version{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 8px 3px;color:#777}.side-more-version span{font-size:10px;font-weight:850}.side-more-version small{font-size:8px}
.more-info-dialog{width:min(660px,94vw)}.more-info-card{padding:24px}.more-info-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.more-info-head h3{font-size:24px;margin:2px 0 0}.more-info-body{margin-top:18px;color:#c3c3c8;font-size:12px;line-height:1.8}.more-info-body h4{font-size:14px;color:#fff;margin:18px 0 5px}.more-info-body p{margin:0 0 10px}.more-info-body ul{padding-left:20px;margin:6px 0 12px}.more-info-body li{margin:4px 0}.more-info-body .draft-note{border:1px solid rgba(242,196,109,.22);background:rgba(242,196,109,.06);border-radius:12px;padding:11px 12px;color:#d8c69b}
.feedback-form{display:grid;gap:12px;margin-top:18px}.feedback-form label{display:grid;gap:6px}.feedback-form label>span{font-size:11px;color:#aaa}.feedback-form select,.feedback-form textarea{width:100%;border:1px solid #35353b;background:#131316;color:#eee;border-radius:11px;padding:11px 12px;font:inherit}.feedback-form textarea{resize:vertical;min-height:150px;line-height:1.6}.feedback-actions{display:flex;align-items:center;justify-content:space-between;gap:14px}.feedback-actions small{max-width:380px;color:#73737b;font-size:9px;line-height:1.5}.feedback-actions button{min-width:145px}

@media(max-width:820px){
  .platform-sidebar .side-more-wrap{margin-top:0;position:relative;flex:0 0 auto}
  .platform-sidebar .side-more-btn{flex-direction:column;gap:1px;width:auto;padding:5px 7px;border:0}
  .platform-sidebar .side-more-btn span{font-size:15px;height:19px}.platform-sidebar .side-more-btn b{font-size:9px}
  .platform-sidebar .side-more-menu{position:fixed;left:12px;right:12px;bottom:74px;width:auto;max-height:min(520px,70vh);overflow:auto}
  .feedback-actions{display:grid}.feedback-actions button{width:100%}
}


/* ===== IYANA V5.16 · CREDIT BALANCE ===== */
.side-credit-panel{
  margin-top:auto;width:100%;min-height:60px;display:grid;
  grid-template-columns:30px minmax(0,1fr) 18px;align-items:center;gap:9px;
  padding:10px 12px;border:1px solid rgba(242,196,109,.20);border-radius:15px;
  background:linear-gradient(180deg,rgba(242,196,109,.085),rgba(255,255,255,.02));
  color:#fff;text-align:left
}
.side-credit-panel:hover{border-color:rgba(242,196,109,.45);background:linear-gradient(180deg,rgba(242,196,109,.13),rgba(255,255,255,.025))}
.side-credit-icon{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:var(--gold);color:#17120a;font-size:11px}
.side-credit-copy{min-width:0;display:block}.side-credit-copy small{display:block;color:#9d9da5;font-size:9px;margin-bottom:2px}
.side-credit-copy b{display:flex;align-items:baseline;gap:4px;font-size:12px}
.side-credit-copy strong{font-size:20px;color:var(--gold);letter-spacing:-.03em}
.side-credit-copy b span{font-size:10px;color:#c5c5ca;font-weight:700}
.side-credit-arrow{color:#777;text-align:right;font-size:18px}
.side-upgrade-btn{width:100%;margin-top:8px;border:1px solid rgba(255,255,255,.13);background:#161619;color:#f1f1f2;border-radius:999px;padding:10px 12px;font-weight:850;font-size:11px}
.side-upgrade-btn:hover{border-color:var(--gold);color:var(--gold)}
.side-credit-flash{animation:creditFlash .7s ease}
@keyframes creditFlash{0%{box-shadow:0 0 0 0 rgba(242,196,109,.45)}100%{box-shadow:0 0 0 12px rgba(242,196,109,0)}}
@media(max-width:820px){.side-credit-panel,.side-upgrade-btn{display:none}}


/* ===== IYANA V5.17 · PRE-LOGIN LANDING ===== */
body.logged-out{overflow-x:hidden;background:#0b0b0e}
body.logged-out .platform-sidebar{display:none!important}
body.logged-out .app-only{display:none!important}
body.logged-out .top{display:none!important}
body.logged-out .top .brand{visibility:hidden;pointer-events:none}
body.logged-out .shell{width:100%;max-width:none;margin:0;padding:0}
body.logged-out #authView{min-height:100vh;padding:0}
.auth-view{padding-top:0}
.landing-page{
  position:relative;min-height:100vh;overflow:hidden;
  background:
    radial-gradient(circle at 18% 20%,rgba(242,196,109,.20),transparent 28%),
    radial-gradient(circle at 78% 24%,rgba(132,54,105,.24),transparent 31%),
    radial-gradient(circle at 50% 82%,rgba(63,43,117,.18),transparent 34%),
    linear-gradient(145deg,#17120c 0%,#111014 46%,#0a0a0c 100%);
}
.landing-page:after{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.15;
  background-image:radial-gradient(rgba(255,255,255,.42) .55px,transparent .6px);
  background-size:5px 5px;mix-blend-mode:soft-light
}
.landing-glow{position:absolute;border-radius:50%;filter:blur(70px);opacity:.38;pointer-events:none}
.landing-glow-a{width:420px;height:420px;left:26%;top:10%;background:#9e5919}
.landing-glow-b{width:500px;height:500px;right:10%;top:8%;background:#6e234d}
.landing-nav{
  position:relative;z-index:5;max-width:1180px;height:82px;margin:0 auto;padding:0 28px;
  display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px
}
.landing-brand{justify-self:start}.landing-brand .iyana-wordmark{font-size:22px;letter-spacing:.13em}.landing-brand .iyana-subword{font-size:7px;margin-top:5px}
.landing-nav-center{display:flex;align-items:center;gap:6px}
.landing-nav-center button,.landing-login-btn{
  border:0;background:transparent;color:#d1c9bc;padding:9px 12px;border-radius:999px;font-size:11px
}
.landing-nav-center button:hover,.landing-login-btn:hover{background:rgba(255,255,255,.055);color:#fff}
.landing-nav-actions{justify-self:end;display:flex;align-items:center;gap:8px}
.landing-test-top-btn{
  border:0;border-radius:999px;padding:10px 16px;background:#f2eee6;color:#17140f;font-weight:900;font-size:11px
}
.landing-hero{
  position:relative;z-index:4;min-height:590px;max-width:1480px;margin:0 auto;
  display:grid;grid-template-columns:minmax(180px,.65fr) minmax(520px,1.5fr) minmax(180px,.65fr);
  align-items:center;gap:42px;padding:46px 28px 24px
}
.landing-hero-center{text-align:center;max-width:760px;justify-self:center}
.landing-eyebrow{color:#f3c96d;font-size:10px;font-weight:950;letter-spacing:.22em;margin:0 0 18px}
.landing-hero h1{
  margin:0;color:#fff;font-size:clamp(52px,6.2vw,86px);line-height:.99;letter-spacing:-.055em;
  font-weight:820
}
.landing-hero h1 em{font-style:normal;color:#f2c46d}
.landing-hero-center>p:not(.landing-eyebrow){max-width:620px;margin:20px auto 0;color:#c5bbb0;font-size:14px;line-height:1.75}
.landing-cta-row{display:flex;justify-content:center;gap:10px;margin-top:29px}
.landing-primary{
  min-width:250px;border:0;border-radius:16px;padding:13px 20px;
  background:linear-gradient(135deg,#f2c46d,#ffdf97);color:#1c150b;font-weight:950;
  box-shadow:0 14px 36px rgba(242,196,109,.17)
}
.landing-primary span,.landing-primary small{display:block}.landing-primary span{font-size:13px}.landing-primary small{margin-top:3px;font-size:9px;font-weight:700;opacity:.65}
.landing-secondary{min-width:108px;border:1px solid rgba(255,255,255,.16);border-radius:16px;background:rgba(15,14,17,.50);color:#fff;font-weight:850}
.landing-primary:hover,.landing-test-top-btn:hover{transform:translateY(-1px);filter:brightness(1.03)}
.landing-test-badge{display:flex;justify-content:center;align-items:center;gap:7px;flex-wrap:wrap;margin-top:17px;color:#888078;font-size:9px}
.landing-test-badge>span{width:7px;height:7px;border-radius:50%;background:#7ad092;box-shadow:0 0 0 4px rgba(122,208,146,.09)}
.landing-test-badge b{font-size:9px;color:#a7a096;letter-spacing:.08em}.landing-test-badge small{font-size:9px}
.landing-book{
  width:min(220px,100%);aspect-ratio:.69;justify-self:center;border-radius:18px;padding:15px;
  border:1px solid rgba(255,255,255,.10);background:#17171c;box-shadow:0 35px 80px rgba(0,0,0,.48);
  display:flex;flex-direction:column;justify-content:flex-end;position:relative;overflow:hidden
}
.landing-book-left{transform:rotate(-7deg) translateX(-18px)}.landing-book-right{transform:rotate(7deg) translateX(18px)}
.landing-book-art{position:absolute;inset:0;opacity:.92}.landing-book-cover{width:100%;height:100%;object-fit:cover;display:block}
.art-a{background:radial-gradient(circle at 40% 25%,rgba(94,181,208,.86),transparent 20%),linear-gradient(150deg,#183747,#10141d 53%,#733d49)}
.art-b{background:radial-gradient(circle at 55% 32%,rgba(239,191,94,.72),transparent 17%),linear-gradient(145deg,#2a422e,#111516 56%,#4e2638)}
.landing-book:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 42%,rgba(0,0,0,.88))}
.landing-book>*{position:relative;z-index:2}.landing-book small{font-size:7px;letter-spacing:.16em;color:#c6b67f}.landing-book b{font-size:20px;margin:5px 0}.landing-book span{font-size:9px;color:#aaa}
.landing-feature-strip{
  position:relative;z-index:4;max-width:1040px;margin:0 auto 36px;padding:0 28px;
  display:grid;grid-template-columns:repeat(4,1fr);gap:1px
}
.landing-feature-strip>div{min-height:86px;padding:15px 17px;background:rgba(18,18,21,.57);border:1px solid rgba(255,255,255,.055)}
.landing-feature-strip>div:first-child{border-radius:15px 0 0 15px}.landing-feature-strip>div:last-child{border-radius:0 15px 15px 0}
.landing-feature-strip span{display:block;color:#806f4e;font-size:8px;font-weight:900;margin-bottom:6px}.landing-feature-strip b{display:block;font-size:11px;color:#eee}.landing-feature-strip small{display:block;font-size:8px;color:#7f7f88;line-height:1.5;margin-top:4px}
.auth-panel-wrap{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:20px}
.auth-panel-wrap.hidden{display:none}
.auth-panel-backdrop{position:absolute;inset:0;border:0;background:rgba(4,4,6,.76);backdrop-filter:blur(12px)}
.landing-auth-card{position:relative;z-index:2;width:min(440px,96vw);max-height:88vh;overflow:auto;background:#121216;border-color:#313138}
.landing-auth-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;margin-bottom:17px}.landing-auth-head h2{margin:2px 0 0;font-size:24px}
.landing-auth-head .icon-close{border:1px solid #303038;background:#17171b;color:#bbb;border-radius:999px;width:34px;height:34px;font-size:18px}
body.auth-panel-open{overflow:hidden}
@media(max-width:1000px){
  .landing-nav-center{display:none}
  .landing-hero{grid-template-columns:160px minmax(0,1fr) 160px;gap:15px}
  .landing-book{width:150px}.landing-hero h1{font-size:clamp(46px,7vw,70px)}
}
@media(max-width:760px){
  body.logged-out .top{height:58px}
  body.logged-out .top .global-language{margin-left:auto}
  .landing-nav{height:72px;padding:0 16px;grid-template-columns:1fr auto}.landing-brand{display:none}
  .landing-nav-actions{grid-column:2}.landing-test-top-btn{padding:9px 12px}
  .landing-hero{min-height:610px;display:block;padding:60px 18px 30px}
  .landing-hero-center{position:relative;z-index:3}.landing-hero h1{font-size:clamp(44px,13vw,64px)}
  .landing-hero-center>p:not(.landing-eyebrow){font-size:12px}
  .landing-book{position:absolute;width:120px;opacity:.46;top:315px}.landing-book-left{left:-28px;transform:rotate(-11deg)}.landing-book-right{right:-28px;transform:rotate(11deg)}
  .landing-cta-row{display:grid;grid-template-columns:1fr;max-width:330px;margin:25px auto 0}.landing-primary,.landing-secondary{min-height:52px;width:100%}
  .landing-feature-strip{grid-template-columns:1fr 1fr;padding:0 14px;margin-bottom:26px}.landing-feature-strip>div{border-radius:0!important}
  .landing-test-badge{max-width:330px;margin-left:auto;margin-right:auto}
}


/* ===== IYANA V5.22 · FULL SUPPORT / ABOUT PAGES ===== */
.support-view,.about-view{padding:28px 28px 80px}
.support-shell,.about-page{width:min(1100px,100%);margin:0 auto}
.support-back-btn{border:0;background:transparent;color:#999;padding:7px 0;font-weight:800;font-size:11px}
.support-back-btn:hover{color:var(--gold)}
.support-hero{padding:45px 0 26px;border-bottom:1px solid var(--line)}
.support-hero h1{font-size:42px;letter-spacing:-.045em;margin:5px 0 10px}.support-hero>p:last-child{color:#94949d;max-width:700px;line-height:1.7}
.support-toolbar{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:22px 0}
.support-search-wrap{flex:1;display:flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:13px;background:#131316;padding:0 13px}
.support-search-wrap span{color:#777;font-size:17px}.support-search-wrap input{width:100%;border:0;background:transparent;color:#fff;padding:12px 0;outline:none}
.support-filters{display:flex;gap:6px;flex-wrap:wrap}.support-filter{border:1px solid var(--line);background:#141417;color:#999;border-radius:999px;padding:8px 11px;font-size:10px;font-weight:800}.support-filter.active{border-color:rgba(242,196,109,.35);background:rgba(242,196,109,.10);color:var(--gold)}
.support-content{padding:26px 0}
.support-section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:18px}.support-section-head h2{margin:0;font-size:24px}.support-section-head p{margin:0;color:#777;font-size:10px}
.notice-list{display:grid;gap:10px}.notice-card{border:1px solid var(--line);background:#131316;border-radius:16px;padding:18px 20px}.notice-card.pinned{border-color:rgba(242,196,109,.28);background:linear-gradient(135deg,rgba(242,196,109,.07),#131316 42%)}.notice-meta{display:flex;align-items:center;gap:8px;color:#777;font-size:9px}.notice-pin{color:var(--gold);font-weight:900}.notice-card h3{font-size:17px;margin:8px 0 7px}.notice-card p{color:#aaa;white-space:pre-wrap;line-height:1.75;margin:0;font-size:11px}
.faq-list{display:grid;gap:8px}.faq-item{border:1px solid var(--line);border-radius:14px;background:#131316;overflow:hidden}.faq-item summary{cursor:pointer;list-style:none;padding:16px 18px;display:flex;align-items:center;gap:12px;font-size:12px;font-weight:850}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:before{content:"Q";display:grid;place-items:center;flex:0 0 27px;height:27px;border-radius:9px;background:rgba(242,196,109,.10);color:var(--gold);font-size:10px}.faq-item summary:after{content:"＋";margin-left:auto;color:#666;font-size:15px}.faq-item[open] summary:after{content:"−"}.faq-answer{padding:0 18px 17px 57px;color:#a9a9b1;font-size:11px;line-height:1.8}.faq-answer b{color:#e6e6e8}.faq-empty{color:#777;padding:30px;text-align:center;border:1px dashed var(--line);border-radius:14px}
.legal-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:34px}.legal-toc{position:sticky;top:26px;align-self:start;border:1px solid var(--line);background:#121215;border-radius:16px;padding:14px}.legal-toc b{display:block;font-size:10px;color:#777;margin:4px 6px 10px}.legal-toc a{display:block;color:#999;padding:7px 7px;border-radius:8px;font-size:10px;text-decoration:none}.legal-toc a:hover{background:#1d1d21;color:#fff}.legal-document{min-width:0}.legal-document .legal-note{border:1px solid rgba(242,196,109,.25);background:rgba(242,196,109,.06);border-radius:14px;padding:13px 15px;color:#d3c39d;font-size:10px;line-height:1.7;margin-bottom:25px}.legal-section{padding:10px 0 26px;border-bottom:1px solid rgba(255,255,255,.055);scroll-margin-top:24px}.legal-section h2{font-size:20px;margin:0 0 12px}.legal-section h3{font-size:13px;margin:18px 0 7px}.legal-section p,.legal-section li{color:#aaa;font-size:11px;line-height:1.85}.legal-section ul{padding-left:21px}.legal-section strong{color:#e7e7ea}
.account-data-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.account-data-card{border:1px solid var(--line);background:#131316;border-radius:16px;padding:18px}.account-data-card h3{margin:0 0 5px;font-size:14px}.account-data-card p{color:#85858f;font-size:10px;line-height:1.6}.account-stat-row{display:flex;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.05);font-size:10px}.account-stat-row span{color:#85858d}.account-stat-row b{color:#eee}.account-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}.account-actions button{border:1px solid var(--line);background:#1b1b1f;color:#ddd;border-radius:10px;padding:9px 11px;font-size:10px;font-weight:800}.account-actions button.danger{border-color:rgba(214,82,82,.28);color:#e89696;background:rgba(214,82,82,.06)}
.admin-separation-note{border:1px solid rgba(107,159,255,.22);background:rgba(107,159,255,.055);border-radius:15px;padding:15px 17px;color:#9fb5df;font-size:10px;line-height:1.7;margin-top:15px}

/* About */
.about-page{position:relative}
.about-back-btn{margin-bottom:15px}
.about-hero-pro{min-height:570px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);gap:45px;align-items:center;padding:45px 0 75px}
.about-hero-copy h1{font-size:clamp(48px,5.5vw,78px);line-height:1.02;letter-spacing:-.055em;margin:8px 0 20px}.about-hero-copy h1 em{font-style:normal;color:var(--gold)}.about-hero-copy>p:not(.eyebrow){font-size:14px;color:#aaa;line-height:1.85;max-width:610px}
.about-hero-actions{display:flex;align-items:center;gap:18px;margin-top:27px}.about-hero-actions span{font-size:10px;color:#777;font-weight:800;letter-spacing:.06em}
.about-hero-art{position:relative;height:500px;border:1px solid rgba(255,255,255,.06);border-radius:30px;background:radial-gradient(circle at 50% 44%,rgba(242,196,109,.12),transparent 32%),radial-gradient(circle at 25% 25%,rgba(85,120,255,.10),transparent 33%),#101014;overflow:hidden;box-shadow:inset 0 0 80px rgba(255,255,255,.015)}
.about-orbit{position:absolute;border:1px solid rgba(242,196,109,.13);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.orbit-a{width:390px;height:390px}.orbit-b{width:280px;height:280px}
.about-cover{position:absolute;width:155px;aspect-ratio:.69;border-radius:15px;padding:14px;display:flex;flex-direction:column;justify-content:flex-end;box-shadow:0 25px 55px rgba(0,0,0,.5);z-index:4;overflow:hidden}.about-cover:before{content:"";position:absolute;inset:0;z-index:-1}.about-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 30%,rgba(0,0,0,.88));z-index:-1}
.about-cover small{font-size:6px;color:#dbc37d;letter-spacing:.13em}.about-cover b{font-size:17px;margin:4px 0}.about-cover span{font-size:8px;color:#aaa}.cover-a{left:54px;top:82px;transform:rotate(-7deg)}.cover-a:before{background:radial-gradient(circle at 45% 25%,#65abc0,transparent 16%),linear-gradient(145deg,#173b4c,#14121c 58%,#7a3d4e)}.cover-b{right:53px;bottom:61px;transform:rotate(7deg)}.cover-b:before{background:radial-gradient(circle at 48% 28%,#d8ad5b,transparent 14%),linear-gradient(145deg,#344c2d,#111515 60%,#512d48)}
.about-choice-node{position:absolute;z-index:5;padding:8px 12px;border:1px solid rgba(255,255,255,.10);border-radius:999px;background:#18181d;color:#aaa;font-size:8px;font-weight:900}.node-a{left:86px;bottom:75px}.node-b{right:82px;top:71px}.about-branch-svg{position:absolute;inset:40px;width:calc(100% - 80px);height:calc(100% - 80px);z-index:2}.about-branch-svg path{fill:none;stroke:rgba(242,196,109,.24);stroke-width:1.5}.about-branch-svg circle{fill:#f2c46d}
.about-manifesto{padding:75px 0;text-align:center;max-width:820px;margin:0 auto}.about-manifesto h2{font-size:38px;line-height:1.18;letter-spacing:-.04em;margin:8px 0 18px}.about-manifesto>p:last-child{color:#a1a1aa;font-size:13px;line-height:1.9}.about-manifesto b{color:#e8e8eb}
.about-feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.about-feature-card{min-height:385px;border:1px solid var(--line);border-radius:22px;background:#121215;padding:20px;position:relative;overflow:hidden}.about-feature-number{display:block;color:#706750;font-size:8px;font-weight:950;margin-top:18px}.about-feature-card h3{font-size:26px;margin:7px 0 9px}.about-feature-card>p{color:#8f8f98;font-size:11px;line-height:1.8;max-width:480px}.about-feature-visual{height:205px;border-radius:16px;background:radial-gradient(circle at 50% 50%,rgba(242,196,109,.08),transparent 35%),#0d0d10;position:relative;overflow:hidden}
.visual-line{position:absolute;height:1px;background:linear-gradient(90deg,transparent,rgba(242,196,109,.4),transparent);width:75%;left:12%}.l1{top:32%;transform:rotate(-13deg)}.l2{top:52%;transform:rotate(9deg)}.l3{top:68%;transform:rotate(-4deg)}.visual-dot{position:absolute;width:10px;height:10px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 6px rgba(242,196,109,.08)}.d1{left:20%;top:28%}.d2{left:56%;top:49%}.d3{right:17%;bottom:29%}
.choice-visual{display:flex;align-items:center;justify-content:center;gap:14px}.choice-visual i{position:absolute;top:28px;font-style:normal;color:#777;font-size:9px}.choice-visual b{display:grid;place-items:center;width:62px;height:62px;border-radius:50%;border:1px solid rgba(242,196,109,.2);background:rgba(242,196,109,.04);color:#d5b96f}
.guard-visual{display:flex;align-items:center;justify-content:center;gap:15px}.guard-visual strong{display:grid;place-items:center;width:76px;height:76px;border-radius:23px;background:rgba(87,190,130,.08);border:1px solid rgba(87,190,130,.2);font-size:30px;color:#7fd49e}.guard-visual span{font-size:11px;line-height:1.35;color:#92929b;font-weight:900;letter-spacing:.14em}
.language-visual{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;padding:35px}.language-visual b{display:grid;place-items:center;width:47px;height:47px;border-radius:14px;background:#18181d;border:1px solid rgba(255,255,255,.06);font-size:17px;color:#c9c9cf}
.about-flow-section{padding:95px 0}.about-flow-copy{text-align:center;max-width:720px;margin:0 auto 38px}.about-flow-copy h2{font-size:38px;margin:8px 0 12px}.about-flow-copy>p:last-child{color:#92929b;line-height:1.8;font-size:12px}.about-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:center;gap:10px}.about-flow>div{border:1px solid var(--line);border-radius:16px;background:#131316;padding:18px;min-height:112px}.about-flow>div span{display:block;color:#6f654c;font-size:8px}.about-flow>div b{display:block;font-size:16px;margin:8px 0 3px}.about-flow>div small{font-size:8px;color:#777}.about-flow>i{color:#444;font-style:normal}
.about-closing{text-align:center;padding:90px 20px 115px;border-top:1px solid var(--line)}.about-closing h2{font-size:46px;line-height:1.12;letter-spacing:-.045em;margin:8px 0 13px}.about-closing>p:not(.eyebrow){color:#96969f;margin-bottom:25px}
@media(max-width:900px){
 .legal-layout{grid-template-columns:1fr}.legal-toc{position:relative;top:0}
 .about-hero-pro{grid-template-columns:1fr;padding-top:30px}.about-hero-art{height:430px}.about-feature-grid{grid-template-columns:1fr}
 .about-flow{grid-template-columns:1fr}.about-flow>i{transform:rotate(90deg);text-align:center}
}
@media(max-width:640px){
 .support-view,.about-view{padding:18px 15px 70px}.support-hero h1{font-size:34px}.support-toolbar{display:grid}.support-filters{overflow:auto;flex-wrap:nowrap}
 .account-data-grid{grid-template-columns:1fr}.about-hero-copy h1{font-size:44px}.about-hero-art{height:370px}.about-cover{width:120px}.cover-a{left:20px}.cover-b{right:20px}.about-manifesto h2,.about-flow-copy h2{font-size:30px}.about-closing h2{font-size:36px}
}


/* ===== IYANA V5.24 · CREDIT TOP-UP ===== */
.topup-view{padding:28px 28px 90px}
.topup-shell{width:min(1050px,100%);margin:0 auto}
.topup-hero{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:36px;align-items:center;padding:52px 0 42px}
.topup-hero-copy h1{font-size:clamp(42px,5vw,64px);line-height:1.04;letter-spacing:-.05em;margin:8px 0 18px}
.topup-hero-copy h1 em{font-style:normal;color:var(--gold)}
.topup-hero-copy>p:last-child{max-width:650px;color:#999;font-size:12px;line-height:1.8}
.topup-wallet-card{border:1px solid rgba(242,196,109,.24);border-radius:22px;background:linear-gradient(145deg,rgba(242,196,109,.10),#151519 48%);padding:22px;box-shadow:0 24px 60px rgba(0,0,0,.24)}
.topup-wallet-card>small{display:block;color:#93939c;font-size:9px;font-weight:850}
.topup-wallet-card>strong{display:inline-block;color:var(--gold);font-size:50px;line-height:1;margin:11px 6px 3px 0;letter-spacing:-.05em}
.topup-wallet-card>span{color:#c1c1c7;font-size:10px}
.topup-wallet-breakdown{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:20px;padding-top:15px;border-top:1px solid rgba(255,255,255,.07)}
.topup-wallet-breakdown div{background:rgba(255,255,255,.025);border-radius:11px;padding:10px}
.topup-wallet-breakdown span{display:block;color:#777;font-size:8px;margin-bottom:5px}.topup-wallet-breakdown b{font-size:15px;color:#e9e9ec}
.topup-purchase-card{border:1px solid var(--line);border-radius:24px;background:#121215;padding:25px}
.topup-purchase-head{display:flex;justify-content:space-between;align-items:start;gap:20px}.topup-purchase-head h2{font-size:25px;margin:5px 0 6px}.topup-purchase-head p:last-child{color:#85858e;font-size:10px}
.topup-test-badge{border:1px solid rgba(242,196,109,.28);border-radius:999px;padding:6px 9px;color:var(--gold);font-size:7px;font-weight:950;letter-spacing:.09em}
.topup-selector{display:grid;grid-template-columns:64px minmax(180px,1fr) 64px;gap:10px;align-items:stretch;max-width:520px;margin:30px auto 18px}
.topup-selector>button{border:1px solid #303036;background:#18181d;color:#ddd;border-radius:16px;font-size:25px;font-weight:700}
.topup-selector>button:hover{border-color:rgba(242,196,109,.4);color:var(--gold)}
.topup-amount{display:flex;align-items:baseline;justify-content:center;gap:7px;border:1px solid rgba(242,196,109,.25);border-radius:17px;background:rgba(242,196,109,.055);padding:18px}
.topup-amount strong{font-size:42px;color:var(--gold);letter-spacing:-.04em}.topup-amount span{font-size:11px;color:#aaa}
.topup-quick-amounts{display:flex;justify-content:center;gap:7px;flex-wrap:wrap;margin-bottom:22px}
.topup-quick-amounts button{min-width:58px;border:1px solid #2d2d33;background:#18181d;color:#aaa;border-radius:999px;padding:8px 11px;font-size:9px;font-weight:900}
.topup-quick-amounts button.active,.topup-quick-amounts button:hover{border-color:rgba(242,196,109,.35);background:rgba(242,196,109,.09);color:var(--gold)}
.topup-price-placeholder{max-width:520px;margin:0 auto 12px;border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06);padding:13px 2px;display:flex;justify-content:space-between;gap:15px;font-size:10px}.topup-price-placeholder span{color:#777}.topup-price-placeholder b{color:#c7c7cc}
.topup-purchase-btn{display:block;width:min(520px,100%);margin:16px auto 0;padding:13px 16px}
.topup-test-note{max-width:520px;margin:9px auto 0;text-align:center;color:#6f6f78;font-size:8px;line-height:1.6}
.topup-info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:15px 0 55px}.topup-info-grid article{border:1px solid var(--line);border-radius:17px;background:#121215;padding:18px}.topup-info-grid article>span{color:#75684b;font-size:8px;font-weight:900}.topup-info-grid h3{font-size:13px;margin:8px 0 6px}.topup-info-grid p{color:#83838c;font-size:9px;line-height:1.7}
.topup-section-head{display:flex;align-items:end;justify-content:space-between}.topup-section-head h2{margin:4px 0 0;font-size:22px}
.topup-history{display:grid;gap:7px;margin-top:15px}.topup-history-row{display:grid;grid-template-columns:1fr auto;gap:15px;align-items:center;border:1px solid var(--line);background:#121215;border-radius:13px;padding:12px 14px}.topup-history-row b{font-size:10px}.topup-history-row small{display:block;color:#707078;font-size:8px;margin-top:3px}.topup-history-row>strong{font-size:13px}.topup-history-row>strong.plus{color:#85cc9b}.topup-history-row>strong.minus{color:#db9595}
.topup-history-empty{padding:25px;text-align:center;border:1px dashed #2b2b31;border-radius:14px;color:#6f6f78;font-size:10px}
@media(max-width:820px){
 .topup-view{padding:18px 15px 70px}.topup-hero{grid-template-columns:1fr}.topup-wallet-card{max-width:none}.topup-info-grid{grid-template-columns:1fr}
}


/* ===== IYANA V5.25 · PUBLIC STORY UNLOCK ===== */
.public-unlock-dialog{border:0;background:transparent;padding:18px;max-width:none}.public-unlock-dialog::backdrop{background:rgba(5,5,8,.78);backdrop-filter:blur(8px)}
.public-unlock-card{width:min(570px,calc(100vw - 30px));border:1px solid rgba(242,196,109,.25);background:#111115;border-radius:22px;padding:26px;box-shadow:0 30px 90px rgba(0,0,0,.48)}
.public-unlock-card h3{font-size:26px;margin:7px 0 6px}.public-unlock-intro{color:#8c8c95;font-size:11px;margin:0 0 22px}.public-unlock-intro b{color:#e8e8eb}
.public-unlock-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:9px;align-items:center}.public-unlock-flow>div{min-width:0;border:1px solid #292930;border-radius:14px;background:#17171b;padding:13px 10px;text-align:center}.public-unlock-flow>div small{display:block;color:#777780;font-size:8px;margin-bottom:5px}.public-unlock-flow>div strong{font-size:15px;color:#e5e5e9}.public-unlock-flow>span{color:#5f5f67}.public-unlock-flow>div:last-child strong{color:var(--gold)}
.public-unlock-note{font-size:9px;line-height:1.7;color:#777780;margin:18px 0}.public-unlock-actions{display:flex;gap:8px;justify-content:flex-end}.public-unlock-actions button{min-width:110px}.public-unlock-actions .primary{min-width:150px}
@media(max-width:620px){.topup-wallet-breakdown{grid-template-columns:1fr}.public-unlock-flow{grid-template-columns:1fr}.public-unlock-flow>span{transform:rotate(90deg);text-align:center}.public-unlock-actions{display:grid;grid-template-columns:1fr 1fr}.public-unlock-actions .primary{grid-column:1/-1;width:100%}}


/* ===== IYANA V5.31 · BOOKSTORE / PREMIUM LANDING ===== */
.landing-hero-center{max-width:820px}
.landing-eyebrow{font-size:9px;letter-spacing:.34em;color:#d9b66d;margin-bottom:20px}
.landing-hero h1{font-weight:760;letter-spacing:-.062em;text-shadow:0 14px 55px rgba(0,0,0,.34)}
.landing-hero h1 em{background:linear-gradient(100deg,#f0c469,#ffe6a5);-webkit-background-clip:text;background-clip:text;color:transparent}
.landing-hero-center>p:not(.landing-eyebrow){max-width:680px;color:#bdb4aa;font-size:13px;line-height:1.9;letter-spacing:-.015em}
.landing-primary{border-radius:999px;min-width:270px;padding:14px 24px;background:linear-gradient(120deg,#e8bd67,#ffe3a0);box-shadow:0 15px 45px rgba(229,183,91,.15)}
.landing-secondary{border-radius:999px;min-width:116px;background:rgba(12,12,15,.56);backdrop-filter:blur(10px)}
.landing-test-badge{margin-top:20px;color:#80796f}
.landing-test-badge>span{background:#d7b361;box-shadow:0 0 0 4px rgba(215,179,97,.08)}
.landing-test-badge b{color:#b9aa8b;letter-spacing:.15em}
.landing-feature-strip>div{background:linear-gradient(180deg,rgba(25,23,24,.68),rgba(14,14,17,.66));border-color:rgba(255,255,255,.06)}
.landing-feature-strip b{font-size:12px}.landing-feature-strip small{font-size:9px;color:#88828a}

/* ===== IYANA V5.31 · SUBSCRIPTION CHECKOUT ===== */
#rightsDialog{width:min(1120px,calc(100vw - 30px));max-height:94vh}
#rightsDialog .rights-card{padding:30px;max-height:94vh;background:
  radial-gradient(circle at 85% -15%,rgba(242,196,109,.08),transparent 30%),
  linear-gradient(180deg,#151519,#101013)}
#rightsDialog .rights-head{align-items:center;margin-bottom:16px}
#rightsDialog .rights-head h3{font-size:30px;letter-spacing:-.045em}
#rightsDialog .rights-head p{font-size:11px;color:#8c8b92;margin-top:7px}
.billing-switch{justify-content:flex-start;margin:3px 0 15px}
.billing-switch-btn{padding:7px 14px;font-size:10px;background:#1a1a1f}
.billing-value-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:18px}
.billing-value-strip>div{border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.025);border-radius:13px;padding:12px 13px}
.billing-value-strip span{display:block;font-size:8px;font-weight:950;color:#725f39;margin-bottom:5px}
.billing-value-strip b{display:block;font-size:11px;color:#ededf0}
.billing-value-strip small{display:block;font-size:8px;color:#777780;margin-top:4px}
.subscription-compare{gap:14px}
.subscription-card{padding:22px;border-radius:20px;background:linear-gradient(180deg,#1b1b20,#141417);border-color:#2b2b31;cursor:pointer}
.subscription-card:hover{transform:translateY(-2px);border-color:#4a4336}
.subscription-card.active{border-color:#b9934b;box-shadow:0 0 0 1px rgba(242,196,109,.12),0 22px 55px rgba(0,0,0,.26)}
.subscription-card-top{min-height:92px}
.subscription-card h3{font-size:27px}
.subscription-card-top p{font-size:10px;line-height:1.65;color:#8a8991}
.subscription-price{margin-top:13px}.subscription-price b{font-size:34px}.subscription-price span{font-size:10px}
.subscription-tax-note{font-size:8px}
.subscription-select-btn{margin:18px 0 20px;padding:12px 15px;font-size:11px;border-radius:12px}
.subscription-benefits{gap:9px}.subscription-benefits li{font-size:10px;line-height:1.55}.subscription-benefits i{width:15px;height:15px;flex-basis:15px}
.benefit-group-label{font-size:8px;margin-bottom:8px}.benefit-group-label.common{margin-top:14px}
.children-subscription-note{margin-top:12px;padding:11px 13px}.children-subscription-note b{font-size:10px}.children-subscription-note span{font-size:9px}
.billing-credit-alternative{display:grid;grid-template-columns:1fr auto auto;gap:18px;align-items:center;margin-top:10px;border:1px solid rgba(242,196,109,.16);border-radius:16px;background:linear-gradient(100deg,rgba(242,196,109,.05),rgba(255,255,255,.018));padding:15px 16px}
.billing-credit-alternative>div>b{display:block;font-size:12px}.billing-credit-alternative p{margin:4px 0 0;color:#7d7c84;font-size:9px}
.billing-credit-price{text-align:right}.billing-credit-price strong{display:block;font-size:18px}.billing-credit-price small{font-size:8px;color:#777}
.billing-credit-alternative button{border:1px solid #38383f;background:#1b1b20;color:#ddd;border-radius:10px;padding:10px 13px;font-size:9px;font-weight:900}
.billing-credit-alternative button:hover{border-color:#8c7243;color:#f0c56f}
.billing-details{margin-top:14px;border:1px solid #2a2a30;border-radius:14px;background:#121216;overflow:hidden}
.billing-details>summary{list-style:none;display:flex;justify-content:space-between;align-items:center;padding:14px 15px;cursor:pointer}
.billing-details>summary::-webkit-details-marker{display:none}
.billing-details>summary span b{display:block;font-size:10px}.billing-details>summary span small{display:block;font-size:8px;color:#777780;margin-top:3px}
.billing-details>summary i{font-style:normal;color:#8e7a52;font-size:16px;transition:.2s}
.billing-details[open]>summary i{transform:rotate(45deg)}
.billing-details-body{padding:0 14px 10px;border-top:1px solid #29292f}
.billing-details .rights-section{padding:12px 0 2px}.billing-details .rights-section h4{font-size:10px}.billing-details .rights-section p,.billing-details .rights-section li{font-size:9px}
.policy-check{margin-top:13px;padding:11px 12px}.policy-check span{font-size:9px}
.rights-actions{grid-template-columns:.65fr 1.65fr;position:sticky;bottom:-30px;background:linear-gradient(180deg,rgba(16,16,19,.35),#101013 32%);padding:14px 0 2px;z-index:4}
.rights-actions button{min-height:45px;border-radius:12px}
@media(max-width:820px){
  .billing-value-strip{grid-template-columns:1fr}
  .billing-credit-alternative{grid-template-columns:1fr}.billing-credit-price{text-align:left}
  #rightsDialog .rights-card{padding:20px}
}

/* ===== IYANA V5.31 · ADMIN-ONLY SIDEBAR ===== */
.side-admin-wrap{margin-top:8px;padding:10px;border-top:1px solid rgba(255,255,255,.07)}
.side-admin-label{display:flex;justify-content:space-between;align-items:center;padding:0 4px 7px}
.side-admin-label span{font-size:7px;letter-spacing:.16em;font-weight:950;color:#9b7b3d}
.side-admin-label small{font-size:7px;color:#62626b}
.side-admin-btn{width:100%;display:grid;grid-template-columns:22px 1fr auto;align-items:center;gap:6px;border:1px solid rgba(242,196,109,.18);border-radius:11px;background:rgba(242,196,109,.045);color:#d8d4cb;padding:9px 10px;text-align:left}
.side-admin-btn span{color:#c69c4a}.side-admin-btn b{font-size:9px}.side-admin-btn i{font-style:normal;color:#6f6859}
.side-admin-btn:hover{border-color:rgba(242,196,109,.38);background:rgba(242,196,109,.075)}


/* ===== IYANA V5.43 · AUTOMATIC COUNTRY / LANGUAGE ===== */
.auto-locale{
  display:inline-flex;align-items:center;gap:7px;min-height:32px;
  padding:0 10px;border:1px solid rgba(255,255,255,.07);border-radius:999px;
  background:rgba(14,14,17,.5);color:#b9b5ae;white-space:nowrap
}
.auto-locale>span:first-child{font-size:12px}
#autoLocaleLabel{font-size:9px;font-weight:800;letter-spacing:-.01em}
#autoLocaleMode{font-size:6px;letter-spacing:.12em;color:#8c7446;font-weight:950}
.auto-locale-select{display:none!important}

/* ===== IYANA V5.43 · STORY CULTURE BACKGROUND ===== */
.culture-background-field input{font-weight:800;letter-spacing:-.015em}
.culture-background-help{display:block;margin-top:6px;padding-left:1px;font-size:8px;line-height:1.5;color:#777780}
.culture-background-field[data-mode="auto"] input{
  border-color:rgba(242,196,109,.18);
  background:linear-gradient(90deg,rgba(242,196,109,.035),transparent 48%),#151519
}