.k-mini{--k-accent:#8f32ff;color:#f7f4fa;font-family:Manrope,Arial,sans-serif;padding:26px 18px 110px;min-height:100%;background-color:#140a21;background-image:repeating-radial-gradient(ellipse at 150% 26%,transparent 0,transparent 126px,#351b563e 127px,#351b563e 128px,transparent 129px,transparent 181px);font-size:14px;line-height:1.5}.k-icon{width:22px;height:22px;flex-shrink:0;vertical-align:middle}.k-mini button,.k-nav button{-webkit-tap-highlight-color:transparent}.k-mini button:focus-visible,.k-nav button:focus-visible{outline:2px solid var(--k-accent,#8f32ff);outline-offset:3px}.k-header{display:flex;align-items:center;gap:12px;margin:0 2px 28px}.k-header strong{display:block;font-size:15px;font-weight:800}.k-header small{display:block;color:#9a90a6;margin-top:2px;font-size:12px}.k-header .k-icon-button{margin-left:auto}.k-shield{width:44px;height:44px;border:1px solid #5431805e;border-radius:16px;background:linear-gradient(140deg,#2d164a,#211035);color:var(--k-accent);display:grid;place-items:center;box-shadow:inset 0 1px 1px #d9bcff0b,0 6px 18px #7f16ff0a}.k-shield.large{width:58px;height:58px;border-radius:20px;margin:27px 0 17px}.k-shield.large .k-icon{width:31px;height:31px}.k-icon-button{display:grid;place-items:center;width:34px;height:34px;color:#d8d0e1}.k-card{position:relative;padding:22px;border:1px solid #ffffff12;border-radius:25px;background:linear-gradient(130deg,#19141f,#140e1b);box-shadow:inset 0 1px 0 #ffffff04,0 7px 22px #0000000a;margin-bottom:16px;overflow:hidden}.k-card h3{font-size:18px;letter-spacing:-.5px;margin:0 0 10px;font-weight:800}.k-trial{background:linear-gradient(120deg,#28220e,#19190f 60%,#151711);border-color:#9a742c70;box-shadow:0 8px 26px #e5b64008}.k-trial:before,.k-subscription:before{content:'';position:absolute;inset:10% -20px -10% 23%;background-image:radial-gradient(#d9a12450 1.3px,transparent 1.7px);background-size:14px 14px;mask-image:linear-gradient(120deg,transparent 20%,#000);transform:rotate(-20deg);pointer-events:none}.k-trial>* ,.k-subscription>*{position:relative}.k-trial-heading{display:flex;align-items:center;gap:14px;margin-bottom:15px}.k-trial-heading h3{font-size:20px;margin:0;letter-spacing:-.5px}.k-trial-heading small{font-size:12px;color:#d4c8a4}.k-gift{display:grid;place-items:center;width:46px;height:46px;color:#ffd264;border:1px solid #9c742f69;background:linear-gradient(140deg,#4b391a,#251e11);border-radius:15px;flex-shrink:0}.k-gift .k-icon{width:25px;height:25px}.k-button{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;min-height:51px;border:1px solid transparent;border-radius:17px;padding:12px 13px;margin-top:14px;background:var(--k-accent);color:white;font-size:14px;font-weight:800;line-height:1.5;text-align:center;box-shadow:0 6px 22px #8825ff27;transition:filter .15s,transform .15s}.k-button:hover{filter:brightness(1.1)}.k-button:active{transform:scale(.985)}.k-button .k-icon{width:19px;height:19px}.k-button.primary .k-icon{order:2}.k-button.gold{color:#201a0c;background:linear-gradient(105deg,#ffda70,#ecad31);border-color:#ffdb6b80;box-shadow:0 5px 22px #d99c1b23}.k-button.secondary{color:#efe9f5;background:linear-gradient(120deg,#231b2c,#1b1424);border-color:#ffffff0d;box-shadow:none;font-weight:700}.k-label-row{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#8b7f9a}.k-label{font-size:10px;letter-spacing:1.4px;font-weight:800}.k-badge{border-radius:30px;background:#221b2b;border:1px solid #ffffff09;color:#a79cb3;display:inline-flex;padding:5px 9px;font-size:10px;font-weight:700;white-space:nowrap}.k-badge.on{background:#14382a;color:#70dbac;border-color:#4caf7f25}.k-subscription{padding:23px}.k-subscription:before{background-image:radial-gradient(#763ebd70 1.4px,transparent 1.8px);transform:none;inset:30% -10% -5% 0;mask-image:linear-gradient(150deg,transparent 10%,#000)}.k-subscription h2{font-size:26px;font-weight:800;letter-spacing:-.85px;line-height:1.38;margin:0 0 32px}.k-subscription .k-button{margin-top:0}.k-balance{font-size:40px;line-height:1.4;letter-spacing:-1.5px;font-weight:800;margin:14px 0 7px}.k-balance span{font-size:16px;color:#8b7f9a;letter-spacing:0;margin-left:8px}.k-muted{color:#9e93ac;font-size:12px;line-height:1.7;margin:8px 0 15px}.k-section-label{font-size:10px;font-weight:800;letter-spacing:1.2px;color:#8b7f99;margin:24px 2px 13px}.k-tagline,.k-footnote{font-size:11px;color:#877898;text-align:center;line-height:1.8;margin:19px 10px 0}.k-title{display:flex;align-items:center;justify-content:space-between;margin:0 2px 22px;gap:12px}.k-title h2{font-size:29px;letter-spacing:-1px;line-height:1.3;font-weight:800;margin:0}.k-counter{font-size:13px;color:#988ca7;background:#ffffff06;padding:5px 10px;border-radius:20px}.k-tabs{display:flex;background:#140d1c;border:1px solid #ffffff0a;border-radius:15px;padding:5px;gap:3px;margin-bottom:18px}.k-tabs button{flex:1;min-height:36px;color:#968ba3;font-size:12px;border-radius:11px;font-weight:700}.k-tabs button.active{background:#2d1c41;color:#b476ff;box-shadow:0 2px 5px #0002}.k-notice{display:flex;gap:11px;padding:16px;border-radius:18px;background:#28153f7a;border:1px solid #7d3bd025;color:#bfa8dc;font-size:11px;line-height:1.8;margin-bottom:18px}.k-notice .k-icon{color:var(--k-accent);width:20px}.k-plan-panel{padding:16px}.k-plan-panel .k-section-label{margin:3px 3px 13px;font-size:9px}.k-plan{display:flex;align-items:center;gap:12px;background:#211b28;border:1px solid #ffffff0b;border-radius:18px;padding:18px 13px;width:100%;text-align:left;color:#f5f3f8;min-height:89px;margin-top:10px}.k-plan.selected{border-color:var(--k-accent);background:linear-gradient(110deg,#2e164c,#281540);box-shadow:inset 0 0 0 1px #8f32ff11}.k-radio{width:19px;height:19px;border:1.5px solid #62596d;border-radius:50%;display:grid;place-items:center;flex-shrink:0}.selected .k-radio{background:var(--k-accent);border-color:var(--k-accent)}.k-radio .k-icon{width:13px;height:13px;stroke-width:2.8}.k-plan-name strong{font-size:16px}.k-plan small{display:block;font-size:10px;color:#9e93ac;margin-top:4px}.k-plan em{font-size:8px;font-style:normal;display:inline-block;color:#b77bff;background:#8f32ff18;border-radius:5px;padding:2px 4px;margin-left:2px}.k-price{margin-left:auto;text-align:right;white-space:nowrap}.k-price strong{font-size:20px;letter-spacing:-.7px}.k-price small{font-size:9px}.k-empty{padding:38px 23px 25px;text-align:center}.k-empty-icon{color:#7b6991;display:grid;place-items:center;margin:8px auto 20px}.k-empty-icon .k-icon{width:51px;height:51px;stroke-width:1.25}.k-empty h3{font-size:21px;margin-bottom:10px}.k-empty p{font-size:12px;color:#9a8caa;line-height:1.7;margin:0 0 24px}.k-empty .k-button{margin-top:23px}.k-row{display:flex;align-items:center;gap:12px;padding:18px 0;border-bottom:1px solid #ffffff09;width:100%;text-align:left;font-size:13px}.k-row:last-child{border:0}.k-row>.k-icon:first-child{color:#9377b5}.k-row>.k-icon:last-child,.k-row>.k-badge{margin-left:auto}.k-steps{list-style:none;counter-reset:step;padding:0;margin:18px 0 0;display:grid;gap:19px}.k-steps li{counter-increment:step;position:relative;padding-left:38px;font-size:12px;line-height:1.7;color:#afa5ba;min-height:28px}.k-steps li:before{content:counter(step);position:absolute;left:0;top:1px;width:26px;height:26px;display:grid;place-items:center;background:#2c1b40;border:1px solid #8d55d21f;color:#b578ff;border-radius:9px;font-size:12px;font-weight:800}.k-steps b{color:#efe9f5}.k-stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #ffffff0a;padding-top:17px;margin-top:18px;text-align:center}.k-stats>div+div{border-left:1px solid #ffffff0a}.k-stats strong{display:block;font-size:21px}.k-stats small{font-size:9px;color:#968aa4}.k-bonus{background:linear-gradient(130deg,#231533,#191123)}.k-copy{display:flex;align-items:center;gap:12px;background:#110a19;border:1px solid #ffffff0e;padding:13px;border-radius:12px;width:100%;text-align:left;color:#a390ba;font-size:11px}.k-copy span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.k-copy .k-icon{width:18px;color:#ba80ff}.k-profile{text-align:center;padding:25px}.k-profile-avatar{width:72px;height:72px;display:grid;place-items:center;font-size:32px;color:white;background:linear-gradient(140deg,#ff9e7d,#e75f5b);border-radius:50%;box-shadow:0 7px 20px #fc6f5d12;margin:0 auto 14px;font-weight:800}.k-profile h3{font-size:22px;margin-bottom:1px}.k-profile .k-muted{margin:0 0 17px}.k-profile .k-badge{margin-top:16px}.k-id{display:flex;align-items:center;justify-content:center;gap:9px;padding:11px;background:#120b1a;border:1px solid #ffffff08;border-radius:11px;color:#998baa;font-size:12px;margin:auto;width:100%}.k-id .k-icon{width:16px;height:16px}.k-trial-details{text-align:center;padding:30px}.k-trial-details .k-gift{margin:auto}.k-trial-details h2{font-size:27px;letter-spacing:-.8px;margin:14px 0 5px}.k-trial-details p{font-size:12px;color:#c7b789;margin:0;line-height:1.8}.k-message{white-space:pre-wrap;color:#c3b7d1;font-size:13px;line-height:1.85}.k-mini details{border-top:1px solid #ffffff0b;padding:17px 0;font-size:12px;color:#b3a6c2}.k-mini details:last-child{padding-bottom:0}.k-mini summary{cursor:pointer;color:#e2d8ee}.k-nav{position:absolute;bottom:34px;left:8px;right:8px;z-index:3;display:flex;gap:1px;padding:7px;border:1px solid #ffffff15;border-radius:28px;background:#16101dee;box-shadow:0 12px 32px #0005,inset 0 1px 0 #ffffff06;backdrop-filter:blur(18px)}.k-nav button{flex:1;min-width:0;border-radius:21px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;min-height:59px;padding:7px 0;color:#9183a1;font-size:9px;font-weight:700}.k-nav button .k-icon{width:21px;height:21px}.k-nav button.active{color:#9743ff;background:linear-gradient(140deg,#3c1967,#261041);box-shadow:inset 0 1px 0 #9b59ed1c,0 5px 15px #7f16ff0d}.k-footer{height:30px;flex-shrink:0;background:#0c0811;color:#a99bba;font-size:10px;text-align:center;padding:8px;position:relative;z-index:4}.phone.is-mini{border:1px solid #3d304c;border-radius:19px;width:420px;height:800px;background:#140a21;box-shadow:0 20px 60px #2a15442b}.phone.is-mini .island,.phone.is-mini .statusbar,.phone.is-mini .homebar{display:none}.phone.is-mini .tg-head{background:#0d0911;padding:15px 17px;height:57px;border-bottom:0}.phone.is-mini .tg-head .avatar,.phone.is-mini .tg-head small{display:none}.phone.is-mini .tg-head strong{font-size:14px}.phone.is-mini .tg-head .back{color:#c3b8d0}.phone.is-mini .phone-content{background:#140a21;scrollbar-width:thin;scrollbar-color:#492873 transparent}.wide .phone.is-mini{width:450px}.standalone{background:#140a21}.standalone .phone.is-mini{width:100%;max-width:480px;height:100dvh;border:0;border-radius:0;box-shadow:none}.standalone .phone.is-mini .tg-head{display:none}.standalone .phone.is-mini .k-mini{padding-top:28px}.standalone .k-footer{height:calc(30px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom)}.standalone .k-nav{bottom:calc(34px + env(safe-area-inset-bottom))}.navitem.active{background:#f4eaff;color:#7935cb}.hint-box{background:#f6f0fe;color:#8569a6}.hint-box b{color:#6a419d}.logo{color:#b274ff}.stage{min-height:805px}@media(max-width:1100px){.main{padding-left:15px;padding-right:15px}.phone.is-mini{width:400px;max-width:100%}}@media(max-width:650px){.phone.is-mini{width:400px;height:780px;max-width:100%}.k-mini{padding-left:16px;padding-right:16px}.k-card{padding:21px}.k-plan-panel{padding:13px}.k-plan{padding:17px 10px;gap:9px}.k-plan-name strong{font-size:15px}.k-price strong{font-size:19px}.k-nav button{font-size:8px}.k-subscription h2{font-size:25px}.stage{min-height:785px}}@media(prefers-reduced-motion:reduce){.k-button{transition:none}}

.k-nav button.active{color:var(--accent,#8f32ff)}
/* KYTO orbital identity */
.k-mini{--k-accent:#a45eff;background-color:#100a20;background-image:radial-gradient(ellipse at 92% 6%,#6d24b727,transparent 42%),radial-gradient(ellipse at 0 75%,#52208018,transparent 45%),radial-gradient(circle at 12% 19%,#d9a9ff8a 0 .7px,transparent 1.3px),radial-gradient(circle at 87% 39%,#d9a9ff60 0 .8px,transparent 1.4px),radial-gradient(circle at 31% 68%,#d9a9ff5c 0 .7px,transparent 1.3px),repeating-radial-gradient(ellipse at 150% 26%,transparent 0,transparent 126px,#aa68df15 127px,#aa68df15 128px,transparent 129px,transparent 181px)}
.k-brand-mark{width:48px;height:48px;flex-shrink:0;border-radius:15px;overflow:hidden;border:1px solid #bb77ff38;box-shadow:0 0 20px #9836ef20;background:#100a20}.k-brand-mark img{width:100%;height:100%;display:block;object-fit:cover}.k-header strong{letter-spacing:.2px}.k-card{background:linear-gradient(130deg,#1c1629,#14101e);border-color:#c894ff16}.k-button.primary{background:linear-gradient(115deg,color-mix(in srgb,var(--k-accent),#fff 7%),color-mix(in srgb,var(--k-accent),#5c08cd 32%));border-color:#e8b9ff36;box-shadow:0 5px 25px #9a3dff33,inset 0 1px 0 #ffffff18}.k-button.secondary{background:linear-gradient(120deg,#241c32,#1b1527);border-color:#bb91e51a}.k-shield{background:linear-gradient(140deg,#38204f,#231331);border-color:#bb7bff35;color:#c593ff;box-shadow:inset 0 1px 1px #f1d8ff12,0 6px 18px #9f39ff12}.k-trial{background:radial-gradient(ellipse at 95% 0,#9a45e92b,transparent 65%),linear-gradient(120deg,#332044,#21132e);border-color:#b26cf54a;box-shadow:0 8px 26px #a94cef10}.k-trial:before{background-image:radial-gradient(#d6a2ff55 1.3px,transparent 1.7px)}.k-trial-heading small,.k-trial-details p{color:#c7afdd}.k-gift{color:#e2b8ff;background:linear-gradient(140deg,#5a3474,#342142);border-color:#d49cff40}.k-button.gold{color:#2a1241;background:linear-gradient(105deg,#edc8ff,#c282ff);border-color:#f0d4ff70;box-shadow:0 5px 22px #b66cf537}.k-subscription{background:radial-gradient(ellipse at 100% 48%,#6b2db329,transparent 65%),linear-gradient(130deg,#1c152b,#130e20)}.k-subscription:before{background-image:radial-gradient(#b07aed68 1.4px,transparent 1.8px);opacity:.55}.k-subscription>.k-orbit-decoration{position:absolute;width:200px;height:100px;border:1px solid #b76fff33;border-radius:50%;right:-68px;top:67px;transform:rotate(-32deg);box-shadow:0 0 16px #9e42f111,inset 0 0 15px #9e42f10b;pointer-events:none}.k-orbit-decoration:after{content:'';position:absolute;width:98px;height:98px;border-radius:50%;top:0;left:46px;background:radial-gradient(circle at 26% 19%,#c38aef4a,#6528a128 45%,#1a102d 85%);border:1px solid #b36bff25}.k-profile-avatar{background:linear-gradient(140deg,#dca3ff,#8a3be2);box-shadow:0 7px 24px #a44dff22}.k-bonus{background:radial-gradient(ellipse at 100% 0,#a150e91b,transparent 70%),linear-gradient(130deg,#261936,#191322)}.k-plan.selected{border-color:var(--k-accent);background:linear-gradient(110deg,#39204e,#291c3b);box-shadow:inset 0 0 0 1px #bc8aff13}.k-notice{background:#2a1b407a;border-color:#b679e527;color:#c5b2da}.k-tabs button.active{background:#342241;color:#d4a9ff}.k-nav{background:#171120ee;border-color:#c796ef20}.k-nav button.active{color:#d1a4ff;background:linear-gradient(140deg,#4a2869,#2d1945);box-shadow:inset 0 1px 0 #daa6ff25,0 5px 18px #9b42ef13}.k-footer{background:#0c0812;color:#a699b9}.phone.is-mini,.phone.is-mini .phone-content,.standalone{background:#100a20}.phone.is-mini .phone-content{scrollbar-color:#653e83 transparent}.phone.is-mini .tg-head{background:#0c0812}.phone.is-mini{border-color:#443150;box-shadow:0 20px 60px #38154925}.navitem.active{background:#f0e8fc;color:#8050b1}.hint-box{background:#f6efff;color:#9178aa}.hint-box b{color:#8256a5}.logo{color:#d1a3ff}.k-mini .k-button:focus-visible,.k-nav button:focus-visible{outline-color:#ce9aff}
/* Fine moving edge light; the card contents stay still. */
@property --kyto-edge-angle{syntax:'<angle>';inherits:false;initial-value:0deg}
@keyframes kyto-edge-orbit{from{--kyto-edge-angle:0deg}to{--kyto-edge-angle:360deg}}
.k-card{isolation:isolate;box-shadow:0 10px 24px #05010e55,0 0 24px #9f50ff0a,inset 0 1px 0 #f0d5ff09}
.k-card::after{content:'';position:absolute;inset:0;z-index:2;pointer-events:none;border-radius:inherit;padding:1.25px;background:conic-gradient(from var(--kyto-edge-angle),transparent 0deg,transparent 235deg,#9144db10 265deg,#ad66ef65 296deg,#d4a3ffdb 323deg,#fff0ff 332deg,#bc78f595 338deg,transparent 350deg,transparent 360deg);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;animation:kyto-edge-orbit 7.5s linear infinite;filter:drop-shadow(0 0 3px #bd7dff80)}
.k-card:nth-of-type(2n)::after{animation-delay:-2.5s;animation-duration:8.5s}.k-card:nth-of-type(3n)::after{animation-delay:-5s;animation-duration:9s}
.k-subscription,.k-trial{box-shadow:0 12px 30px #06011066,0 0 28px #a44fff12,inset 0 1px 0 #e6bcff10}
.k-button{position:relative;box-shadow:0 5px 0 #09031160,0 9px 17px #05010f55,inset 0 1px 0 #f7e4ff20;transition:box-shadow .2s ease,transform .2s ease,filter .2s ease;border-bottom-color:#0003;text-shadow:0 1px 2px #16042140}
.k-button.primary{box-shadow:0 5px 0 #4d1a805e,0 10px 22px #08011170,0 6px 24px #ab54ff38,inset 0 1px 0 #ffe5ff65,inset 0 -2px 0 #4a197633}
.k-button.gold{box-shadow:0 5px 0 #6e378345,0 10px 22px #08011160,0 5px 24px #c181ff30,inset 0 1px 0 #fff0ffa6,inset 0 -2px 0 #7d399c20;text-shadow:0 1px 0 #ffffff28}
.k-button.secondary{background:radial-gradient(ellipse at 50% 0,#9e70c212,transparent 72%),linear-gradient(120deg,#292034,#1c1428);box-shadow:0 4px 0 #09040e50,0 9px 16px #05010e55,inset 0 1px 0 #dbc0ff19,inset 0 -1px 0 #07010e65;border-color:#c394e723}
.k-button .k-icon{filter:drop-shadow(0 2px 2px #0b011b65)}
.k-plan{box-shadow:0 4px 12px #03000840,inset 0 1px 0 #ffffff08;transition:box-shadow .2s,transform .2s,border-color .2s}.k-plan.selected{box-shadow:0 5px 15px #05010d55,0 0 18px #aa5df512,inset 0 1px 0 #eac4ff22}
.k-tabs button.active{box-shadow:0 3px 7px #05010d55,inset 0 1px 0 #e6baff1c}.k-icon-button{filter:drop-shadow(0 3px 2px #02000666)}
.k-nav{gap:4px;box-shadow:0 12px 28px #03000899,0 -4px 26px #a34fff0b,inset 0 1px 0 #ebccff0e;padding:7px}
.k-nav button{position:relative;background:linear-gradient(160deg,#31203f1c,#100b181a);border:1px solid #b08bd40b;box-shadow:0 3px 7px #06020c40,inset 0 1px 0 #e2c6ff07;transition:color .2s,background .2s,box-shadow .2s,transform .2s;gap:5px;color:#a99aba}
.k-nav button .k-nav-icon{width:25px;height:25px;stroke-width:1.45;filter:drop-shadow(0 2px 1px #0007)}
.k-nav-icon .k-icon-surface{fill:currentColor;fill-opacity:.08;stroke:none}.k-nav-icon .k-icon-detail{opacity:.65;stroke-width:1.15}
.k-nav button.active{color:#dfbdff;border-color:#c08aff32;background:radial-gradient(ellipse at 50% 0,#c87bff24,transparent 70%),linear-gradient(145deg,#593179,#301c47);box-shadow:0 4px 0 #0a031551,0 8px 15px #04010b60,0 0 20px #aa51ff20,inset 0 1px 0 #edcaff35,inset 0 -1px 0 #1e0b3266}
.k-nav button.active .k-nav-icon{filter:drop-shadow(0 2px 1px #1c0629a0) drop-shadow(0 0 5px #c27aff55)}.k-nav button.active .k-icon-surface{fill-opacity:.16}.k-nav button.active .k-icon-detail{opacity:.95}
@media(hover:hover){.k-button:hover{transform:translateY(-1px);filter:brightness(1.09)}.k-nav button:hover:not(.active){color:#dcc4f5;background:linear-gradient(140deg,#39254b70,#23172f65);box-shadow:0 4px 9px #04010970,inset 0 1px 0 #e9c6ff1a}.k-plan:hover{transform:translateY(-1px);border-color:#a36ad063}}
.k-button:active{transform:translateY(2px) scale(.99);filter:brightness(.98);box-shadow:0 1px 3px #04000d60,inset 0 1px 3px #23053535}.k-nav button:active{transform:translateY(2px)}
@media(prefers-reduced-motion:reduce){.k-card::after{animation:none;--kyto-edge-angle:35deg}.k-button,.k-plan,.k-nav button{transition:none}.k-button:hover,.k-button:active,.k-nav button:active,.k-plan:hover{transform:none}}
/* Layered orbital artwork, kept behind the subscription content. */
.k-subscription>.k-orbit-decoration{width:190px;height:150px;top:26px;right:-10px;transform:none;border:0;border-radius:0;box-shadow:none;background:url('./assets/kyto-banner-planet.svg') center/contain no-repeat;opacity:.85;z-index:0;mask-image:linear-gradient(to bottom,#000 0%,#000 70%,transparent 100%);pointer-events:none}
.k-orbit-decoration:after{display:none}.k-subscription>.k-label-row,.k-subscription>.k-shield,.k-subscription>h2,.k-subscription>.k-muted,.k-subscription>.k-button{z-index:1}.k-subscription h2{text-shadow:0 2px 12px #160c28cc}.k-subscription:before{opacity:.28;mask-image:linear-gradient(150deg,transparent 35%,#000)}
.k-mini{background-color:#100a20;background-image:url('./assets/kyto-space.svg'),radial-gradient(ellipse 85% 330px at 112% 12%,#7e32bd29,transparent 75%),radial-gradient(ellipse 65% 320px at -12% 58%,#6825a321,transparent 75%),radial-gradient(ellipse 80% 260px at 90% 93%,#49267c1f,transparent 75%),linear-gradient(155deg,#130c24,#0e091b 48%,#150c25);background-size:100% auto,100% 100%,100% 100%,100% 100%,100% 100%;background-repeat:repeat-y,no-repeat,no-repeat,no-repeat,no-repeat;background-position:center top}
@media(max-width:380px){.k-subscription>.k-orbit-decoration{width:170px;height:134px;top:32px;right:-12px;opacity:.8}}
/* Consistent PNG status artwork on every device. */
.k-subscription-status{width:64px;height:64px;position:relative;z-index:1;margin:24px 0 14px;display:grid;place-items:center}
.k-subscription-status img{display:block;width:64px;height:64px;object-fit:contain;filter:drop-shadow(0 5px 5px #07020e66)}
.k-subscription-status.active img{filter:drop-shadow(0 4px 6px #0b4f1926)}
.k-subscription-status.expired img{filter:drop-shadow(0 5px 5px #08020d70)}
.k-subscription>.k-orbit-decoration{width:180px;height:180px;top:9px;right:-3px;background-image:url('./assets/kyto-planet-logo.png');background-size:contain;opacity:.94;mask-image:none;filter:drop-shadow(0 0 12px #a73aff1c)}
@media(max-width:380px){.k-subscription>.k-orbit-decoration{width:165px;height:165px;top:20px;right:-7px}}
/* Selected Night Orbits artwork stays behind every mini-app screen. */
.phone.is-mini .phone-content{background:#100a20 url('./assets/kyto-night-orbits.png') center center/cover no-repeat}
.k-mini{background:none}
.k-mini a.k-icon-button:focus-visible{outline:2px solid #ce9aff;outline-offset:3px;border-radius:8px}
/* Telegram-inspired glass tab bar: one moving capsule, simple solid glyphs. */
.k-nav{--nav-index:0;left:10px;right:10px;bottom:36px;gap:0;padding:6px;border:1px solid #ffffff1c;border-radius:40px;background:rgba(26,24,31,.68);backdrop-filter:blur(28px) saturate(150%);-webkit-backdrop-filter:blur(28px) saturate(150%);box-shadow:0 8px 30px #0005,inset 0 1px 1px #ffffff12;isolation:isolate;touch-action:none;user-select:none;-webkit-user-select:none;overflow:visible}
.k-nav-lens{position:absolute;z-index:0;left:6px;top:6px;bottom:6px;width:calc((100% - 12px)/5);border-radius:32px;background:rgba(255,255,255,.13);box-shadow:inset 0 1px 1px #ffffff13;transform:translateX(calc(var(--nav-index)*100%));transition:transform 440ms cubic-bezier(.2,.85,.2,1),background 180ms,box-shadow 180ms;pointer-events:none}
.k-nav button,.k-nav button.active{position:relative;z-index:1;flex:1;min-width:0;min-height:58px;padding:6px 0 5px;gap:4px;border:0;border-radius:30px;background:none;box-shadow:none;color:#f2f0f5;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:10px;font-weight:600;line-height:1.15;letter-spacing:0;transition:color 180ms,transform 220ms;text-shadow:none}
.k-nav button.active{color:#c799ff;background:none;box-shadow:none}
.k-nav button .k-nav-icon,.k-nav button.active .k-nav-icon{width:25px;height:25px;stroke:none;filter:none;transition:transform 260ms cubic-bezier(.2,.8,.2,1)}
.k-nav button.active .k-nav-icon{transform:scale(1.04)}
.k-nav button:active{transform:scale(.96)}
.k-nav.is-dragging .k-nav-lens{transition:background 180ms,box-shadow 180ms;transform:translateX(calc(var(--nav-index)*100%)) scale(1.08,1.14);background:#ffffff24;box-shadow:inset 0 1px 1px #ffffff60,inset 0 -1px 1px #ffffff25,0 5px 20px #0003;backdrop-filter:blur(5px)}
.k-nav.is-dragging button{transform:scale(.98)}
.k-nav button:focus-visible{outline:2px solid #d5b5ff;outline-offset:0}
@media(hover:hover){.k-nav button:hover:not(.active){color:white;background:none;box-shadow:none}.k-nav button:hover .k-nav-icon{transform:translateY(-1px)}}
@media(max-width:380px){.k-nav{left:7px;right:7px}.k-nav button{font-size:9px;min-height:56px}.k-nav button .k-nav-icon{width:24px;height:24px}}
@media(prefers-reduced-motion:reduce){.k-nav-lens,.k-nav button,.k-nav button .k-nav-icon{transition:none}.k-nav button:active,.k-nav button.active .k-nav-icon,.k-nav button:hover .k-nav-icon,.k-nav.is-dragging button{transform:none}.k-nav.is-dragging .k-nav-lens{transform:translateX(calc(var(--nav-index)*100%))}}
/* Subscription polish and a custom white-and-violet gift emoji. */
@font-face{font-family:Unbounded;src:url('./assets/unbounded-semibold.ttf') format('truetype');font-weight:600;font-style:normal;font-display:swap}
.k-subscription .k-label{font-family:Unbounded,Manrope,sans-serif;font-weight:600;font-size:11px;letter-spacing:1.6px;color:#c0a9d4}
.k-subscription .k-badge{box-shadow:0 4px 5px #0009,0 8px 14px #0007,inset 0 1px 0 #ffffff08;position:relative;z-index:2}
.k-subscription>.k-orbit-decoration{top:25px}
.k-gift.k-gift-art{width:56px;height:56px;border:0;border-radius:0;background:none;box-shadow:none;overflow:visible}
.k-gift-art img{display:block;width:56px;height:56px;object-fit:contain;filter:drop-shadow(0 4px 4px #0a031961)}
.k-trial-heading{gap:13px}
.k-trial-details .k-gift-art{width:82px;height:82px}
.k-trial-details .k-gift-art img{width:82px;height:82px}
@media(max-width:380px){.k-subscription>.k-orbit-decoration{top:36px}.k-subscription .k-label{font-size:10px;letter-spacing:1.2px}.k-gift.k-gift-art,.k-gift-art img{width:52px;height:52px}.k-trial-details .k-gift-art,.k-trial-details .k-gift-art img{width:82px;height:82px}}
/* Soft atmospheric light instead of an offset, solid button pedestal. */
.k-button{--button-glow:#a45eff;--glow-near:24%;--glow-far:12%;box-shadow:0 5px 17px color-mix(in srgb,var(--button-glow) var(--glow-near),transparent),0 0 32px color-mix(in srgb,var(--button-glow) var(--glow-far),transparent);border-bottom-color:transparent;text-shadow:none;transition:box-shadow .22s ease,filter .22s ease,transform .22s ease}
.k-button.primary{--button-glow:var(--k-accent,#a45eff);--glow-near:32%;--glow-far:18%;box-shadow:0 6px 20px color-mix(in srgb,var(--button-glow) var(--glow-near),transparent),0 0 34px color-mix(in srgb,var(--button-glow) var(--glow-far),transparent);border-color:#d9b8ff28}
.k-button.gold{--button-glow:#cf97ff;--glow-near:25%;--glow-far:13%;box-shadow:0 5px 19px color-mix(in srgb,var(--button-glow) var(--glow-near),transparent),0 0 32px color-mix(in srgb,var(--button-glow) var(--glow-far),transparent);border-color:#f1d9ff40;text-shadow:none}
.k-button.secondary{--glow-near:12%;--glow-far:6%;box-shadow:0 5px 18px color-mix(in srgb,var(--button-glow) var(--glow-near),transparent),0 0 28px color-mix(in srgb,var(--button-glow) var(--glow-far),transparent);border-color:#c394e729}
.k-button .k-icon{filter:none}
.k-mini .k-plan{box-shadow:0 4px 16px #08031025}
.k-mini .k-plan.selected{box-shadow:0 4px 20px #a45eff1c,0 0 30px #a45eff0c}
.k-tabs button.active{box-shadow:0 3px 14px #a45eff22}
.k-copy,.k-id{box-shadow:0 4px 17px #a45eff0d}
.k-icon-button{filter:none}
.k-shield{box-shadow:0 5px 20px #a45eff26,0 0 30px #a45eff0f}
.k-empty-icon{width:58px;height:58px;border-radius:18px;background:linear-gradient(145deg,#39224f,#21152f);border:1px solid #bc81ff40;color:#bd88fa;box-shadow:0 5px 22px #a45eff25,0 0 32px #a45eff0d}
.k-empty-icon .k-icon{width:30px;height:30px;stroke-width:1.65}
.k-profile-avatar{box-shadow:0 5px 24px #a45eff3b,0 0 38px #a45eff1a}
.k-gift-art img{filter:drop-shadow(0 4px 9px #bc7aff35)}
@media(hover:hover){.k-mini .k-button:hover{filter:brightness(1.06);transform:translateY(-1px);box-shadow:0 6px 24px color-mix(in srgb,var(--button-glow) var(--glow-near),transparent),0 0 40px color-mix(in srgb,var(--button-glow) var(--glow-far),transparent)}}
.k-mini .k-button:active{transform:scale(.985);filter:brightness(.98);box-shadow:0 3px 13px color-mix(in srgb,var(--button-glow) var(--glow-near),transparent),0 0 24px color-mix(in srgb,var(--button-glow) var(--glow-far),transparent)}
@media(prefers-reduced-motion:reduce){.k-mini .k-button{transition:none}.k-mini .k-button:hover,.k-mini .k-button:active{transform:none}}