/* Kiyo Next 13 — visual identity rebuilt from the supplied reference. */
:root{
  --kn-bg:#050811;--kn-bg2:#080c17;--kn-panel:#0b101c;--kn-panel2:#0e1422;
  --kn-line:#20283b;--kn-line2:#2b3550;--kn-text:#f7f8ff;--kn-muted:#8993aa;
  --kn-violet:#6552ff;--kn-violet2:#8b5cff;--kn-blue:#3d8cff;--kn-pink:#ef3bbd;--kn-cyan:#4ee6ff;
  --kn-gold:#ffc846;--kn-green:#2be0a0;--kn-red:#ff5363;--kn-radius:15px;
}
html,body{background:var(--kn-bg)!important}
body{font-family:Inter,"Noto Sans",system-ui,-apple-system,"Segoe UI",sans-serif!important}
/* The legacy app remains the runtime for servers/chat/calls, but receives the new visual skin. */
.bg-dc-tertiary{background:#050811!important}.bg-dc-secondary{background:#080b14!important}.bg-dc-primary{background:#0b0f18!important}.bg-dc-dock{background:#070a12!important}.bg-dc-floating{background:#090e19!important}.bg-dc-mod{background:#101727!important}.bg-dc-brand{background:#5d4cff!important}.text-dc-brand{color:#8e83ff!important}
.kc-app{background:radial-gradient(circle at 80% 10%,rgba(91,72,255,.07),transparent 28%),#050811!important}.kc-app button,.kc-app input,.kc-app textarea,.kc-app select{border-radius:9px}.kc-app nav,.kc-app aside{border-color:#171e2f!important}.kc-app [class*="bg-dc-primary"],.kc-app [class*="bg-dc-secondary"]{backdrop-filter:blur(12px)}

#kiyo-next-root{position:fixed;inset:0;z-index:90000;background:var(--kn-bg);color:var(--kn-text);display:none;overflow:hidden}
#kiyo-next-root.kn-visible{display:block}
.kn-shell{height:100%;display:grid;grid-template-columns:242px minmax(0,1fr);background:radial-gradient(circle at 70% 0%,rgba(62,56,180,.09),transparent 32%),linear-gradient(180deg,#060914,#050811)}
.kn-sidebar{min-width:0;border-right:1px solid #171e2d;background:linear-gradient(180deg,rgba(6,9,17,.98),rgba(5,8,15,.99));padding:16px 15px 14px;display:flex;flex-direction:column;overflow:auto}
.kn-brand{height:54px;display:flex;align-items:center;gap:11px;padding:0 8px 13px;border-bottom:1px solid rgba(255,255,255,.055)}
.kn-brand img{width:46px;height:46px}.kn-brand strong{display:block;font-size:22px;line-height:1;letter-spacing:-.04em}.kn-brand small{display:block;color:#9aa3b8;font-size:10px;margin-top:5px}
.kn-side-nav{display:grid;gap:4px;padding:15px 0}.kn-side-btn{position:relative;width:100%;height:38px;display:flex;align-items:center;gap:11px;border:0;background:transparent;color:#aeb7ca;padding:0 11px;border-radius:9px;font-size:12px;text-align:left;cursor:pointer}.kn-side-btn svg{width:17px;height:17px;stroke-width:1.8}.kn-side-btn:hover{background:rgba(255,255,255,.048);color:#fff}.kn-side-btn.active{color:#d9d4ff;background:linear-gradient(90deg,rgba(90,70,255,.34),rgba(42,30,114,.22));box-shadow:inset 0 0 0 1px rgba(119,95,255,.35)}.kn-side-btn .kn-new{margin-left:auto;padding:2px 7px;border-radius:999px;background:#5d47ff;color:#fff;font-size:8px;font-weight:900;letter-spacing:.05em}.kn-side-sep{height:1px;background:#171d2b;margin:5px 8px}
.kn-side-promo{margin-top:auto;border:1px solid rgba(115,77,255,.52);border-radius:13px;overflow:hidden;background:linear-gradient(160deg,#22124c,#0c1123);box-shadow:0 10px 35px rgba(42,20,102,.25)}.kn-side-promo-art{height:85px;background:linear-gradient(0deg,rgba(6,8,16,.2),transparent),url('/gacha/cards/mira-noctis.png') 50% 27%/cover}.kn-side-promo-copy{padding:11px}.kn-side-promo-copy strong{font-size:12px;line-height:1.35}.kn-side-promo-copy p{font-size:9px;line-height:1.45;color:#aeb4c4;margin:5px 0 9px}.kn-outline-btn{width:100%;height:32px;border-radius:8px;border:1px solid #795aff;background:rgba(89,66,210,.13);color:#fff;font-size:10px;font-weight:750;cursor:pointer}

.kn-main{min-width:0;height:100%;display:flex;flex-direction:column;overflow:hidden}.kn-topbar{height:68px;flex:0 0 auto;border-bottom:1px solid #171e2d;display:flex;align-items:center;gap:8px;padding:0 16px 0 18px;background:rgba(6,9,17,.95);backdrop-filter:blur(18px)}.kn-topnav{display:flex;gap:5px;align-items:center;min-width:0}.kn-topbtn{height:36px;border:0;background:transparent;color:#b2bbcd;padding:0 11px;border-radius:8px;font-size:11px;display:flex;gap:7px;align-items:center;white-space:nowrap;cursor:pointer}.kn-topbtn svg{width:16px;height:16px}.kn-topbtn:hover{background:#101624;color:#fff}.kn-topbtn.active{background:linear-gradient(180deg,#362574,#20144d);color:#fff;box-shadow:inset 0 0 0 1px rgba(105,80,255,.4)}.kn-topbtn .dot{position:absolute;width:15px;height:15px;border-radius:50%;background:#ff4051;color:white;font-size:8px;display:grid;place-items:center;margin:-22px 0 0 10px}.kn-search{margin-left:auto;width:min(280px,26vw);height:36px;border:1px solid #202a40;border-radius:8px;background:#0c1220;display:flex;align-items:center;padding:0 10px;gap:8px;color:#8590a7}.kn-search input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:#dfe3ef;font-size:11px}.kn-search kbd{font:9px/1 Inter;color:#8a94aa}.kn-top-icon{width:36px;height:36px;border:0;background:transparent;color:#c6cce0;border-radius:9px;display:grid;place-items:center;cursor:pointer}.kn-top-icon:hover{background:#111827}.kn-user{height:42px;border:0;background:transparent;color:#fff;display:flex;align-items:center;gap:8px;padding:0 6px;border-radius:9px;cursor:pointer}.kn-user:hover{background:#101624}.kn-user-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;border:1px solid #6d59ff;background:#131827}.kn-user-copy{text-align:left;max-width:100px}.kn-user-copy strong{display:block;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kn-user-copy small{display:flex;align-items:center;gap:4px;font-size:9px;color:#28dca0}.kn-online-dot{width:6px;height:6px;border-radius:50%;background:#25d79a}

.kn-scroll{min-height:0;flex:1;overflow:auto;padding:0}.kn-content{max-width:1450px;margin:0 auto;padding:14px 14px 18px;display:grid;grid-template-columns:minmax(0,1fr) 325px;gap:14px}.kn-center{min-width:0}.kn-rail{min-width:0;display:grid;align-content:start;gap:12px}
.kn-hero{position:relative;height:344px;border:1px solid #202941;border-radius:13px;overflow:hidden;background:#0b1020;box-shadow:0 20px 65px rgba(0,0,0,.28)}.kn-hero-bg{position:absolute;inset:0}.kn-hero-bg img{width:100%;height:100%;object-fit:cover}.kn-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,6,15,.97) 0%,rgba(5,8,18,.81) 30%,rgba(5,7,16,.12) 64%,rgba(5,7,14,.17)),linear-gradient(0deg,rgba(4,7,15,.24),transparent 40%)}.kn-hero-copy{position:absolute;z-index:2;left:28px;top:24px;width:43%;min-width:340px}.kn-eyebrow{display:inline-flex;padding:6px 11px;border-radius:999px;background:linear-gradient(90deg,#9d84ff,#7f6eff);color:#17102f;font-size:9px;font-weight:900;letter-spacing:.06em}.kn-hero h1{font-family:Georgia,"Times New Roman",serif;font-size:57px;line-height:.95;margin:17px 0 3px;letter-spacing:-.055em;text-shadow:0 0 34px rgba(158,150,255,.25)}.kn-hero h2{font-family:Georgia,"Times New Roman",serif;font-size:20px;font-style:italic;font-weight:500;margin:0;color:#f0efff}.kn-hero p{max-width:310px;font-family:Georgia,"Times New Roman",serif;font-style:italic;color:#cad0e0;font-size:14px;line-height:1.42;margin:25px 0 15px}.kn-hero-date{font-size:10px;color:#d8dcea;display:flex;gap:7px;align-items:center}.kn-hero-actions{display:flex;gap:9px;margin-top:18px}.kn-pill-btn{height:38px;border-radius:999px;border:1px solid #65708a;background:rgba(7,10,22,.45);color:#fff;padding:0 19px;font-size:10px;font-weight:750;cursor:pointer;backdrop-filter:blur(8px)}.kn-pill-btn:hover{border-color:#8d7dff;background:rgba(74,54,170,.25)}.kn-hero-quote{position:absolute;z-index:2;right:22px;top:127px;width:120px;color:#e5e2fb;font:italic 11px/1.35 Georgia,serif;text-align:left}.kn-hero-dots{position:absolute;z-index:3;left:50%;bottom:10px;display:flex;gap:5px;transform:translateX(-50%)}.kn-hero-dot{width:7px;height:7px;border-radius:50%;border:0;background:#8b8fa2;cursor:pointer}.kn-hero-dot.active{background:#8b6cff;box-shadow:0 0 10px #7a5cff}.kn-banner-admin{position:absolute;right:12px;bottom:10px;z-index:4;border:1px solid rgba(255,255,255,.17);border-radius:8px;background:rgba(6,8,16,.64);color:#dfe3f0;padding:7px 10px;font-size:9px;cursor:pointer;backdrop-filter:blur(9px)}
.kn-gacha-tabs{height:43px;margin-top:12px;border-bottom:1px solid #161d2e;display:flex;align-items:stretch}.kn-gacha-tab{border:0;border-right:1px solid #141a28;background:#090d17;color:#aeb7ca;padding:0 20px;font-size:10px;display:flex;align-items:center;gap:8px;cursor:pointer}.kn-gacha-tab.active{color:#fff;background:linear-gradient(180deg,#5f4aff,#4935e0)}.kn-pulls{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:13px 10px 17px}.kn-pull{height:68px;border:1px solid rgba(120,82,255,.9);border-radius:14px;color:#fff;background:linear-gradient(115deg,#3721a1,#6438ff);box-shadow:0 0 23px rgba(93,67,255,.2);font-size:15px;font-weight:800;cursor:pointer}.kn-pull b{margin-left:7px}.kn-pull.ten{background:linear-gradient(115deg,#892079,#f141c4);border-color:#ef6fd4}.kn-pull:hover{filter:brightness(1.08)}.kn-pull:disabled{opacity:.45;cursor:not-allowed}
.kn-section{margin:0 4px 18px}.kn-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:9px}.kn-section-title{display:flex;align-items:center;gap:9px}.kn-section-title i{font-style:normal;color:#ffc84a;font-size:18px;text-shadow:0 0 12px rgba(255,197,57,.55)}.kn-section-title h3{margin:0;font-size:16px;letter-spacing:-.02em}.kn-section-head button{border:0;background:none;color:#806cff;font-size:9px;cursor:pointer}.kn-card-row{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px}.kn-char-card{position:relative;height:194px;border-radius:8px;overflow:hidden;background:#111625;border:1px solid #6d44ff;cursor:pointer;box-shadow:0 8px 26px rgba(0,0,0,.2)}.kn-char-card.r5,.kn-char-card.r6{border-color:#d7a42e;box-shadow:0 0 13px rgba(255,193,48,.16)}.kn-char-card img{width:100%;height:100%;object-fit:cover}.kn-char-card:after{content:"";position:absolute;inset:38% 0 0;background:linear-gradient(transparent,rgba(4,5,11,.94))}.kn-rarity{position:absolute;z-index:2;top:6px;left:6px;border-radius:6px;padding:3px 6px;background:#382175;color:#fff;font-size:9px;font-weight:800}.kn-char-card.r5 .kn-rarity,.kn-char-card.r6 .kn-rarity{background:#715214;color:#ffe08c}.kn-char-copy{position:absolute;z-index:2;left:8px;right:7px;bottom:8px}.kn-char-copy strong{display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kn-char-copy small{display:block;color:#aeb4c5;font-size:8px;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kn-series-row{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px}.kn-series{height:100px;border-radius:8px;overflow:hidden;position:relative;background:#121727;border:1px solid #1c2538;cursor:pointer}.kn-series img{width:100%;height:100%;object-fit:cover;filter:saturate(.85)}.kn-series:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 32%,rgba(3,5,10,.94))}.kn-series div{position:absolute;z-index:2;left:9px;right:8px;bottom:7px}.kn-series strong{display:block;font-size:10px}.kn-series small{font-size:8px;color:#aeb7c8}
.kn-bottom-strip{height:44px;border:1px solid #171e2f;border-radius:9px;background:linear-gradient(90deg,#111b37,#0c111e 45%,#0b101b);display:flex;align-items:center;gap:9px;padding:0 14px;color:#907fff;font-size:9px}.kn-bottom-strip i{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;font-style:normal;background:#633eff;color:#fff;box-shadow:0 0 14px rgba(96,65,255,.75)}.kn-bottom-strip span:last-child{margin-left:auto;color:#7e879c;text-align:right}

.kn-panel{border:1px solid #20283b;border-radius:11px;background:linear-gradient(180deg,#0a0f1a,#080d16);overflow:hidden}.kn-panel-pad{padding:13px}.kn-panel-title{font-size:12px;font-weight:800;margin:0}.kn-wallet-top{display:flex;align-items:center;gap:10px}.kn-wallet-value{font-size:28px;font-weight:850;letter-spacing:-.04em}.kn-gem{color:#62bbff;text-shadow:0 0 8px rgba(88,172,255,.6)}.kn-square{margin-left:auto;width:40px;height:40px;border:0;border-radius:8px;background:#17203a;color:#fff;font-size:18px;cursor:pointer}.kn-shop{width:89px;height:40px;border:0;border-radius:8px;background:#5f43ff;color:#fff;font-weight:800;font-size:10px;cursor:pointer}.kn-divider{height:1px;background:#1b2334;margin:12px -13px}.kn-kv{display:flex;justify-content:space-between;gap:10px;font-size:10px}.kn-kv strong{font-size:10px}.kn-progress{height:8px;margin-top:10px;border-radius:99px;background:#172038;overflow:hidden}.kn-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#6f50ff,#9b77ff)}.kn-caption{display:block;margin-top:7px;color:#7f899f;font-size:8px;line-height:1.4}.kn-daily{display:grid;grid-template-columns:50px 1fr;gap:10px;align-items:start}.kn-gift{width:44px;height:44px;border-radius:10px;display:grid;place-items:center;background:#33250d;color:#ffd568;font-size:25px}.kn-daily strong{font-size:12px}.kn-daily p{font-size:9px;color:#a6aec0;margin:4px 0 8px}.kn-daily button{grid-column:1/-1;height:32px;border:0;border-radius:7px;background:#202a46;color:#aeb8ce;font-size:9px;cursor:pointer}.kn-daily button.ready{background:linear-gradient(90deg,#4932ca,#6850ff);color:#fff}.kn-quote{border-left:1px solid #6f58ff;color:#7d879e;padding:3px 0 3px 17px;font:italic 11px/1.45 Georgia,serif}.kn-quote small{display:block;margin-top:5px;font-family:Inter,sans-serif;font-style:normal}.kn-recent{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-top:10px}.kn-recent-card{height:72px;border-radius:6px;overflow:hidden;border:1px solid #683cf5;position:relative}.kn-recent-card.r5,.kn-recent-card.r6{border-color:#d5a12a}.kn-recent-card img{width:100%;height:100%;object-fit:cover}.kn-recent-card small{position:absolute;left:3px;right:3px;bottom:3px;border-radius:5px;background:#5e42ff;color:#fff;font-size:7px;text-align:center;padding:2px}.kn-ranking{display:grid;gap:5px;margin-top:9px}.kn-rank-row{height:33px;border-radius:6px;background:#0e1524;display:grid;grid-template-columns:24px 24px minmax(0,1fr) auto;align-items:center;gap:6px;padding:0 8px;font-size:9px}.kn-rank-row img{width:21px;height:21px;border-radius:50%;object-fit:cover}.kn-rank-pos{text-align:center;color:#9da5b7}.kn-rank-row:first-child .kn-rank-pos{color:#ffc64a}.kn-rank-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kn-rank-score{font-weight:800}.kn-cta{border-color:#3b1d52;background:radial-gradient(circle at 90% 40%,rgba(119,46,186,.32),transparent 42%),linear-gradient(90deg,#281234,#0d101b)}.kn-cta .kn-panel-pad{display:flex;align-items:center;gap:10px}.kn-crown{font-size:25px;color:#ffd25e}.kn-cta strong{font-size:11px;color:#f2b7ff}.kn-cta small{display:block;color:#a983b2;font-size:8px;margin-top:4px}

.kn-drawer{position:fixed;inset:0;z-index:90020;background:rgba(2,4,10,.66);backdrop-filter:blur(10px);display:none;place-items:center;padding:20px}.kn-drawer.open{display:grid}.kn-modal{width:min(760px,96vw);max-height:88vh;overflow:auto;border:1px solid #29324a;border-radius:18px;background:#090e18;box-shadow:0 30px 100px rgba(0,0,0,.55)}.kn-modal-head{position:sticky;top:0;z-index:2;height:62px;display:flex;align-items:center;gap:12px;padding:0 17px;border-bottom:1px solid #1b2437;background:rgba(9,14,24,.95);backdrop-filter:blur(12px)}.kn-modal-head h2{font-size:16px;margin:0}.kn-modal-head p{font-size:9px;color:#7f8a9f;margin:3px 0 0}.kn-modal-head button{margin-left:auto;width:34px;height:34px;border:1px solid #283247;border-radius:9px;background:#0f1624;color:#fff;cursor:pointer}.kn-modal-body{padding:17px}.kn-server-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.kn-server-item{height:64px;border:1px solid #222c40;border-radius:11px;background:#0d1421;color:#fff;display:flex;align-items:center;gap:11px;padding:0 12px;text-align:left;cursor:pointer}.kn-server-item:hover{border-color:#6c57ff;background:#121a2b}.kn-server-icon{width:40px;height:40px;border-radius:12px;background:#1c2540;display:grid;place-items:center;overflow:hidden;font-weight:800}.kn-server-icon img{width:100%;height:100%;object-fit:cover}.kn-server-item small{display:block;color:#7f899f;font-size:8px;margin-top:4px}
.kn-banner-list{display:grid;gap:8px;margin-bottom:15px}.kn-banner-item{border:1px solid #202a3e;border-radius:11px;padding:10px;display:grid;grid-template-columns:110px 1fr auto;gap:10px;align-items:center;background:#0c121f}.kn-banner-item img{width:110px;height:58px;border-radius:8px;object-fit:cover}.kn-banner-item strong{font-size:11px}.kn-banner-item small{display:block;font-size:8px;color:#8490a6;margin-top:3px}.kn-banner-item button{height:30px;border:1px solid #35405a;border-radius:7px;background:#141c2c;color:#fff;padding:0 9px;font-size:9px;cursor:pointer}.kn-form{display:grid;grid-template-columns:1fr 1fr;gap:10px}.kn-field{display:grid;gap:5px}.kn-field.full{grid-column:1/-1}.kn-field span{font-size:9px;color:#8f99ae;font-weight:700}.kn-field input,.kn-field textarea,.kn-field select{width:100%;box-sizing:border-box;border:1px solid #273149;border-radius:9px;background:#070c15;color:#fff;padding:9px 10px;font:10px Inter;outline:0}.kn-field textarea{min-height:72px;resize:vertical}.kn-field input:focus,.kn-field textarea:focus,.kn-field select:focus{border-color:#6e58ff;box-shadow:0 0 0 3px rgba(104,82,255,.09)}.kn-form-actions{grid-column:1/-1;display:flex;gap:8px;justify-content:flex-end;padding-top:4px}.kn-form-actions button{height:36px;border-radius:8px;border:1px solid #33405b;background:#111929;color:#fff;padding:0 13px;font-size:10px;font-weight:700;cursor:pointer}.kn-form-actions button.primary{background:#5d46ff;border-color:#765fff}.kn-form-actions button.danger{margin-right:auto;color:#ff8c9a;border-color:#6b2a35;background:#2b1118}.kn-toast{position:fixed;right:20px;bottom:20px;z-index:90050;max-width:330px;padding:11px 13px;border:1px solid #29344d;border-radius:10px;background:#0d1421;color:#fff;font-size:10px;box-shadow:0 18px 50px rgba(0,0,0,.45);opacity:0;transform:translateY(12px);pointer-events:none;transition:.2s}.kn-toast.show{opacity:1;transform:none}.kn-toast.error{border-color:#8b3343;color:#ffb1bb}.kn-toast.success{border-color:#216e55;color:#abf3d7}
.kn-gacha-reveal{position:fixed;inset:0;z-index:90045;background:radial-gradient(circle at 50% 40%,rgba(97,69,255,.35),rgba(3,5,12,.94) 55%);display:none;place-items:center;padding:20px}.kn-gacha-reveal.open{display:grid}.kn-reveal-card{width:min(360px,88vw);height:min(610px,78vh);border-radius:18px;overflow:hidden;position:relative;border:2px solid #7e5eff;box-shadow:0 0 80px rgba(96,68,255,.6);background:#0b1020;animation:knReveal .55s cubic-bezier(.2,.8,.2,1)}.kn-reveal-card.r5,.kn-reveal-card.r6{border-color:#efc051;box-shadow:0 0 90px rgba(255,193,69,.48)}.kn-reveal-card img{width:100%;height:100%;object-fit:cover}.kn-reveal-card:after{content:"";position:absolute;inset:52% 0 0;background:linear-gradient(transparent,rgba(3,4,10,.95))}.kn-reveal-copy{position:absolute;z-index:2;left:20px;right:20px;bottom:18px}.kn-reveal-copy span{font-size:11px;color:#b9c0d0}.kn-reveal-copy h2{font-size:30px;margin:5px 0}.kn-reveal-copy p{font-size:10px;color:#b6becf;margin:0}.kn-reveal-close{position:absolute;z-index:3;top:12px;right:12px;width:34px;height:34px;border:1px solid rgba(255,255,255,.22);border-radius:50%;background:rgba(5,7,13,.5);color:#fff;cursor:pointer}@keyframes knReveal{0%{transform:scale(.72) rotateY(-20deg);opacity:0;filter:brightness(2.3)}100%{transform:none;opacity:1;filter:none}}

@media(max-width:1180px){.kn-shell{grid-template-columns:205px minmax(0,1fr)}.kn-topbtn span{display:none}.kn-search{width:190px}.kn-content{grid-template-columns:1fr}.kn-rail{grid-template-columns:repeat(2,minmax(0,1fr))}.kn-card-row,.kn-series-row{grid-template-columns:repeat(3,minmax(0,1fr))}.kn-char-card{height:230px}}
@media(max-width:760px){.kn-shell{grid-template-columns:1fr}.kn-sidebar{display:none}.kn-topbar{height:58px;padding:0 8px;overflow-x:auto}.kn-topnav{gap:2px}.kn-topbtn{padding:0 8px}.kn-topbtn:nth-child(2),.kn-topbtn:nth-child(5){display:none}.kn-search{display:none}.kn-user-copy{display:none}.kn-scroll{padding-bottom:74px}.kn-content{padding:8px;display:block}.kn-hero{height:305px}.kn-hero-copy{left:17px;top:18px;min-width:0;width:70%}.kn-hero h1{font-size:42px}.kn-hero h2{font-size:16px}.kn-hero p{font-size:12px;margin-top:17px}.kn-hero-quote{display:none}.kn-gacha-tab{padding:0 10px;font-size:9px}.kn-pulls{grid-template-columns:1fr;margin:10px 0}.kn-card-row,.kn-series-row{grid-template-columns:repeat(2,minmax(0,1fr))}.kn-char-card{height:240px}.kn-rail{display:grid;grid-template-columns:1fr;margin-top:12px}.kn-bottom-strip{margin-bottom:10px}.kn-mobile-dock{display:flex!important}.kn-server-list{grid-template-columns:1fr}.kn-form{grid-template-columns:1fr}.kn-field.full,.kn-form-actions{grid-column:auto}.kn-banner-item{grid-template-columns:80px 1fr}.kn-banner-item img{width:80px}.kn-banner-item button{grid-column:1/-1}.kn-modal{max-height:92vh}}
.kn-mobile-dock{display:none;position:fixed;z-index:90010;left:8px;right:8px;bottom:8px;height:58px;border:1px solid #232d43;border-radius:14px;background:rgba(8,12,21,.94);backdrop-filter:blur(18px);align-items:center;justify-content:space-around;box-shadow:0 15px 50px rgba(0,0,0,.45)}.kn-mobile-dock button{border:0;background:none;color:#9aa5ba;display:grid;gap:3px;place-items:center;font-size:8px}.kn-mobile-dock svg{width:19px;height:19px}.kn-mobile-dock button.active{color:#8d78ff}
body.kn-home{overflow:hidden!important}body.kn-home #kiyo-launcher{display:none!important}


/* Kiyo 13.0.1 — continuity + layout hotfix */
/* Never allow inline SVGs from the new shell to inherit unbounded legacy sizing. */
#kiyo-next-root svg,#kn-return-menu svg{display:block;flex:0 0 auto;width:18px;height:18px;max-width:18px;max-height:18px}
.kn-search>svg{width:15px!important;height:15px!important;max-width:15px!important;max-height:15px!important}
.kn-hero-date svg,.kn-pill-btn svg,.kn-gacha-tab svg,.kn-banner-admin svg{width:15px!important;height:15px!important;max-width:15px!important;max-height:15px!important}
.kn-top-icon svg,.kn-user svg{width:18px!important;height:18px!important}
.kn-side-btn svg{width:17px!important;height:17px!important}

/* Banner is a true cover surface now; no global <img> rule can shrink it. */
.kn-hero-bg{position:absolute;inset:0;background-position:center!important;background-size:cover!important;background-repeat:no-repeat!important;background-color:#0b1020;transform:translateZ(0)}
.kn-hero-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,6,15,.02),rgba(3,6,15,.08));pointer-events:none}
.kn-hero{isolation:isolate}
.kn-hero-shade{z-index:1}

/* Legacy surfaces use the same Kiyo Next palette so Messages/Profile/Settings no longer feel like another app. */
body.kn-legacy-shell{
 --color-dc-tertiary:#050811;--color-dc-secondary:#080c17;--color-dc-primary:#0b101c;
 --color-dc-dock:#070a12;--color-dc-floating:#080d18;--color-dc-input:#080d18;
 --color-dc-mod:#0f1625;--color-dc-hover:#121a2a;--color-dc-brand:#6552ff;
 --color-dc-brand-hover:#7968ff;--color-dc-text:#f7f8ff;--color-dc-text-muted:#a9b2c5;
 --color-dc-text-faint:#7f899f;--color-dc-channel:#8993aa;
 background:#050811!important
}
body.kn-legacy-shell .kc-app{background:radial-gradient(circle at 82% 4%,rgba(101,82,255,.075),transparent 28%),#050811!important}
body.kn-legacy-shell .kc-app.has-wallpaper{background-image:linear-gradient(rgba(5,8,17,.80),rgba(5,8,17,.86)),var(--kenji-wallpaper)!important;background-size:cover!important;background-position:center!important}
body.kn-legacy-shell .kc-app.has-wallpaper>nav{background:rgba(5,8,17,.94)!important;backdrop-filter:blur(20px) saturate(.85)!important}
body.kn-legacy-shell .kc-app.has-wallpaper>aside{background:rgba(7,11,20,.93)!important;backdrop-filter:blur(22px) saturate(.88)!important}
body.kn-legacy-shell .kc-app.has-wallpaper>section{background:rgba(9,14,24,.87)!important;backdrop-filter:blur(18px) saturate(.86)!important}
body.kn-legacy-shell .kc-app header{border-color:#1b2438!important;background:rgba(7,11,20,.88)!important;box-shadow:0 1px 0 rgba(255,255,255,.025)!important}
body.kn-legacy-shell .kc-app footer{border-color:#171e2f!important;background:#070a12!important}
body.kn-legacy-shell .kc-app input,body.kn-legacy-shell .kc-app textarea,body.kn-legacy-shell .kc-app select{background:#080d18!important;border:1px solid #202a40!important;color:#edf0fa!important;box-shadow:none!important}
body.kn-legacy-shell .kc-app input:focus,body.kn-legacy-shell .kc-app textarea:focus,body.kn-legacy-shell .kc-app select:focus{border-color:#6552ff!important;box-shadow:0 0 0 3px rgba(101,82,255,.12)!important}
body.kn-legacy-shell .kc-app button{transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease}
body.kn-legacy-shell .kc-app button[class*="bg-white/10"],body.kn-legacy-shell .kc-app button[class*="bg-dc-brand"]{box-shadow:inset 0 0 0 1px rgba(125,102,255,.16)}
body.kn-legacy-shell .kc-app [class*="border-black/20"],body.kn-legacy-shell .kc-app [class*="border-black/30"]{border-color:#171f31!important}
body.kn-legacy-shell .kc-app .bg-dc-secondary{background:#080c17!important}
body.kn-legacy-shell .kc-app .bg-dc-primary{background:#0b101c!important}
body.kn-legacy-shell .kc-app .bg-dc-tertiary{background:#050811!important}
body.kn-legacy-shell .kc-app .bg-dc-dock{background:#070a12!important}
body.kn-legacy-shell .kc-app .bg-dc-mod{background:#0f1625!important}

/* Direct messages / friends become a continuous Kiyo screen instead of retaining the Discord-style server rail. */
@media (min-width:768px){
 body.kn-legacy-direct .kc-app>nav:first-child{display:none!important}
 body.kn-legacy-direct .kc-app>aside{width:286px!important;min-width:286px!important;border-right:1px solid #171f31!important;padding-top:58px!important;background:linear-gradient(180deg,#070b14,#060912)!important}
 body.kn-legacy-direct .kc-app>section{background:linear-gradient(180deg,rgba(10,15,26,.96),rgba(7,11,19,.98))!important}
 body.kn-legacy-direct .kc-app>aside>button:first-child{margin-left:12px!important;margin-right:12px!important;border:1px solid #1c2740!important;background:#0b1120!important;border-radius:10px!important;color:#8f9ab0!important}
 body.kn-legacy-direct .kc-app>aside>div{padding-left:8px;padding-right:8px}
}

#kn-return-menu{position:fixed;z-index:89950;top:12px;left:12px;height:40px;padding:0 13px 0 11px;border:1px solid #27314b;border-radius:11px;background:linear-gradient(180deg,rgba(18,25,43,.98),rgba(8,13,24,.98));color:#eef0ff;display:flex;align-items:center;gap:9px;box-shadow:0 12px 38px rgba(0,0,0,.3);backdrop-filter:blur(14px);cursor:pointer}
#kn-return-menu[hidden]{display:none!important}
#kn-return-menu:hover{border-color:#6552ff;background:linear-gradient(180deg,#17143a,#0b1020);transform:translateY(-1px)}
#kn-return-menu span{display:grid;text-align:left;line-height:1.05}
#kn-return-menu strong{font-size:11px;font-weight:800}
#kn-return-menu small{font-size:8px;color:#8993aa;margin-top:3px;letter-spacing:.06em;text-transform:uppercase}

/* Give the old Friends/DM content the same game-client spacing and panel language. */
body.kn-legacy-direct .kc-app>section>header{min-height:58px!important;padding-left:20px!important;padding-right:20px!important;background:#080d18!important}
body.kn-legacy-direct .kc-app>section [class*="rounded"]{border-color:#202941}
body.kn-legacy-direct .kc-app>section [class*="bg-white/5"]{background:rgba(255,255,255,.035)!important}
body.kn-legacy-direct .kc-app>section [class*="bg-white/10"]{background:rgba(101,82,255,.13)!important}
body.kn-legacy-direct .kc-app>section [class*="text-dc-brand"]{color:#9b8dff!important}
body.kn-legacy-direct .kc-app>section button[class*="bg-dc-brand"]{background:linear-gradient(135deg,#4e38e8,#7155ff)!important;border-radius:9px!important}

/* Kiyo Hub/settings also inherit the new navy surfaces. */
#kiyo-hub .kiyo-hub-shell,#kiyo-public-profile .kiyo-public-profile-wrap,#kiyo-image-editor .kiyo-image-editor-modal{--kiyo-surface:#080c17;--kiyo-surface-2:#0b101c;--kiyo-stroke:#20283b}
#kiyo-hub .kiyo-hub-sidebar{background:linear-gradient(180deg,#060a13,#050811)!important;border-color:#171f31!important}
#kiyo-hub .kiyo-hub-main{background:linear-gradient(180deg,#080c17,#060a12)!important}
#kiyo-hub .kiyo-card,#kiyo-hub .kiyo-profile-panel{border-color:#20283b!important;background:linear-gradient(180deg,rgba(15,21,35,.96),rgba(9,14,24,.96))!important}

@media(max-width:767px){
 #kn-return-menu{top:calc(8px + env(safe-area-inset-top,0px));left:8px;height:38px}
 body.kn-legacy-direct .kc-app>nav:first-child{display:none!important}
 body.kn-legacy-direct .kc-app>aside{left:0!important;width:min(280px,88vw)!important;padding-top:56px!important}
 body.kn-legacy-direct .kc-app>section{margin-left:0!important}
}


/* Kiyo 13.1 — Communication First */
.kn-communication-shell{--kn-practical:#6e5cff;--kn-green:#23d18b}
.kn-communication-content{grid-template-columns:minmax(0,1fr) 320px!important;max-width:1500px;margin:0 auto}
.kn-nav-group{display:grid;gap:3px;margin-bottom:16px}.kn-nav-label{padding:0 12px 6px;font-size:8px;font-weight:800;letter-spacing:.16em;color:#59647a}.kn-nav-group:last-child{margin-top:auto}
.kn-communication-promo{min-height:150px;background:linear-gradient(150deg,#0e1530,#0a0e1b);border:1px solid #202b47}.kn-comm-promo-icon{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:rgba(110,92,255,.16);color:#9e91ff;margin-bottom:10px}.kn-comm-promo-icon svg{width:21px!important;height:21px!important}
.kn-comm-welcome{position:relative;overflow:hidden;border:1px solid #1b2740;border-radius:18px;padding:24px;background:radial-gradient(circle at 85% 0,rgba(105,84,255,.17),transparent 38%),linear-gradient(145deg,#0c1221,#080d18);box-shadow:0 20px 60px rgba(0,0,0,.2)}.kn-comm-welcome h1{margin:5px 0 7px;font-size:30px;letter-spacing:-.05em}.kn-comm-welcome p{margin:0;color:#94a0b6;font-size:12px;line-height:1.6}.kn-comm-eyebrow,.kn-comm-panel header span,.kn-online-strip header span{font-size:8px;letter-spacing:.16em;font-weight:850;color:#7568ff}.kn-comm-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:22px}.kn-comm-actions>button{display:flex;align-items:center;gap:11px;min-height:70px;padding:12px 14px;border:1px solid #202a40;border-radius:14px;background:#0a101d;color:#dfe5f4;text-align:left;cursor:pointer;transition:.17s ease}.kn-comm-actions>button:hover{border-color:#5146a7;background:#0e1530;transform:translateY(-1px)}.kn-comm-actions>button.primary{background:linear-gradient(135deg,#4b37db,#6f5aff);border-color:#7566ff;color:#fff}.kn-comm-actions>button.live{border-color:rgba(35,209,139,.5);box-shadow:inset 0 0 0 1px rgba(35,209,139,.08)}.kn-comm-actions svg{width:20px!important;height:20px!important}.kn-comm-actions span{display:grid;gap:3px}.kn-comm-actions strong{font-size:11px}.kn-comm-actions small{font-size:9px;color:#8995aa}.kn-comm-actions .primary small{color:#d9d4ff}
.kn-active-call{margin-top:12px;border:1px solid rgba(35,209,139,.3);border-radius:16px;background:linear-gradient(90deg,rgba(15,41,35,.75),#09121a);display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:14px 16px}.kn-live-orb{width:11px;height:11px;border-radius:50%;background:#23d18b;box-shadow:0 0 0 5px rgba(35,209,139,.1),0 0 18px rgba(35,209,139,.5)}.kn-active-call>div:nth-child(2){display:grid;gap:2px}.kn-active-call span{font-size:7px;letter-spacing:.16em;color:#36d99a;font-weight:900}.kn-active-call strong{font-size:13px}.kn-active-call small{font-size:9px;color:#8c9bad}.kn-active-call button{border:1px solid rgba(35,209,139,.35);background:rgba(35,209,139,.11);color:#bff7df;border-radius:10px;padding:10px 12px;display:flex;gap:7px;align-items:center;font-size:10px;font-weight:800;cursor:pointer}.kn-active-call button svg{width:16px!important;height:16px!important}
.kn-comm-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.kn-comm-panel,.kn-online-strip{border:1px solid #1c263b;border-radius:17px;background:linear-gradient(180deg,#0a101b,#080d16);overflow:hidden}.kn-comm-panel>header,.kn-online-strip>header{display:flex;align-items:center;justify-content:space-between;padding:16px 17px 12px}.kn-comm-panel header h2,.kn-online-strip header h2{font-size:15px;margin:4px 0 0;letter-spacing:-.03em}.kn-comm-panel header button,.kn-online-strip header button{border:0;background:none;color:#8172ff;font-size:9px;cursor:pointer}.kn-comm-list{padding:0 10px 10px;display:grid;gap:4px}.kn-comm-person,.kn-comm-server{width:100%;min-height:57px;border:1px solid transparent;border-radius:11px;background:transparent;color:#e6eaf4;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:7px 8px;text-align:left;cursor:pointer}.kn-comm-person:hover,.kn-comm-server:hover{background:#0f1726;border-color:#202d46}.kn-person-avatar,.kn-comm-server-icon{position:relative;width:39px;height:39px;border-radius:12px;overflow:hidden;background:#161c2b;display:grid;place-items:center;font-size:10px;font-weight:900}.kn-person-avatar{border-radius:50%}.kn-person-avatar img,.kn-comm-server-icon img{width:100%;height:100%;object-fit:cover}.kn-person-avatar i{position:absolute;right:0;bottom:0;width:10px;height:10px;border:2px solid #0a101b;border-radius:50%;background:#545d70}.kn-person-avatar i.online{background:#23d18b}.kn-comm-person>span:nth-child(2),.kn-comm-server-copy{display:grid;gap:3px;min-width:0}.kn-comm-person strong,.kn-comm-server strong{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kn-comm-person small,.kn-comm-server small{font-size:9px;color:#78859b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kn-open-arrow{color:#4e5b72;font-size:20px}.kn-comm-empty{min-height:180px;display:grid;place-items:center;align-content:center;text-align:center;gap:7px;color:#7c889d}.kn-comm-empty svg{width:28px!important;height:28px!important;opacity:.55}.kn-comm-empty strong{font-size:12px;color:#d9deea}.kn-comm-empty small{font-size:9px}.kn-comm-empty button{margin-top:4px;border:1px solid #373065;border-radius:9px;background:#15122d;color:#cfc8ff;padding:8px 11px;font-size:9px;cursor:pointer}
.kn-online-strip{margin-top:12px;padding-bottom:14px}.kn-online-row{display:flex;gap:10px;padding:0 16px;overflow-x:auto}.kn-online-row>button{min-width:94px;border:1px solid #1a2437;border-radius:13px;background:#0b111e;color:#dce2ee;padding:12px 8px;display:grid;place-items:center;gap:7px;cursor:pointer}.kn-online-row>button:hover{border-color:#4d438c;background:#10172a}.kn-online-row>button>span{position:relative}.kn-online-row img{width:43px;height:43px;border-radius:50%;object-fit:cover}.kn-online-row i{position:absolute;right:0;bottom:0;width:10px;height:10px;border:2px solid #0b111e;border-radius:50%;background:#23d18b}.kn-online-row strong{font-size:9px;max-width:78px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kn-online-empty{padding:16px;color:#7a869b;font-size:10px}
.kn-practical-panel{background:linear-gradient(180deg,#0a101b,#080c15)!important}.kn-quick-stack{display:grid;gap:6px;margin-top:10px}.kn-quick-stack button{border:1px solid #1d2840;border-radius:11px;background:#0b1220;color:#dfe5f3;padding:9px 10px;display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center;text-align:left;cursor:pointer}.kn-quick-stack button:hover{border-color:#5146a7;background:#101830}.kn-quick-stack svg{width:17px!important;height:17px!important;color:#8878ff}.kn-quick-stack span{display:grid;gap:2px}.kn-quick-stack strong{font-size:10px}.kn-quick-stack small{font-size:8px;color:#78859a}.kn-activity-list{display:grid;gap:3px;margin-top:8px}.kn-activity-list button{border:0;background:transparent;color:#dce1ec;display:grid;grid-template-columns:auto 1fr;gap:8px;text-align:left;padding:8px 3px;cursor:pointer}.kn-activity-list button:hover{background:rgba(255,255,255,.025)}.kn-activity-list i{width:7px;height:7px;border-radius:50%;background:#6957ff;margin-top:4px}.kn-activity-list span{display:grid;gap:2px}.kn-activity-list strong{font-size:9px}.kn-activity-list small{font-size:8px;color:#778398;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kn-activity-empty{padding:16px 0;color:#778398;font-size:9px}
.kn-gacha-compact{position:relative;min-height:180px;overflow:hidden}.kn-gacha-compact-art{position:absolute;inset:0;background-size:cover;background-position:center}.kn-gacha-compact-copy{position:relative;z-index:2;min-height:180px;padding:18px;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start}.kn-gacha-compact-copy>span{font-size:7px;letter-spacing:.16em;color:#9b8eff;font-weight:900}.kn-gacha-compact-copy>strong{font-size:18px;margin:5px 0}.kn-gacha-compact-copy>small{font-size:9px;color:#9aa5b8}.kn-gacha-compact-copy>div{display:flex;gap:7px;margin-top:12px}.kn-gacha-compact-copy button{border:1px solid #453c83;border-radius:9px;background:rgba(17,14,44,.86);color:#ddd7ff;padding:8px 10px;font-size:9px;font-weight:800;cursor:pointer}.kn-gacha-compact-copy button:first-child{background:#5d49ed;color:white}
.kn-communication-shell .kn-side-promo-art{display:none}.kn-communication-shell .kn-side-promo-copy{padding:0}.kn-communication-shell .kn-sidebar{background:linear-gradient(180deg,#050914,#060a12)}
@media(max-width:1180px){.kn-communication-content{grid-template-columns:1fr!important}.kn-comm-actions{grid-template-columns:repeat(2,1fr)}.kn-rail{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:12px}.kn-gacha-compact{min-height:160px}.kn-gacha-compact-copy{min-height:160px}}
@media(max-width:760px){.kn-communication-content{display:block!important}.kn-comm-welcome{padding:17px}.kn-comm-welcome h1{font-size:24px}.kn-comm-actions{grid-template-columns:1fr 1fr}.kn-comm-actions>button{min-height:62px;padding:10px}.kn-comm-grid{grid-template-columns:1fr}.kn-active-call{grid-template-columns:auto 1fr}.kn-active-call button{grid-column:1/-1;justify-content:center}.kn-rail{display:grid!important;grid-template-columns:1fr!important}.kn-online-row{padding-bottom:2px}}