@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";*{box-sizing:border-box}:root{--primary:#7b28ff;--primary2:#b33cff;--bg:#f7f7fc;--sidebar:#fff;--surface:#fff;--surface2:#f5f2fb;--text:#171327;--muted:#77728c;--border:#ebe7f4;--shadow:0 18px 55px #3b1f6914;font-family:Inter,sans-serif}[data-theme=dark]{--bg:#080711;--sidebar:#0d0b16;--surface:#11101c;--surface2:#171426;--text:#f8f6ff;--muted:#a69fb8;--border:#29243b;--shadow:0 18px 55px #00000059}html,body,#root{min-height:100%;margin:0}body{background:var(--bg);color:var(--text)}button{font:inherit;cursor:pointer}.layout{grid-template-columns:280px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{background:var(--sidebar);border-right:1px solid var(--border);flex-direction:column;height:100vh;padding:23px 18px;display:flex;position:sticky;top:0}.logo-wrap{justify-content:center;align-items:center;height:125px;display:flex}.logo-wrap img{object-fit:contain;width:175px;max-height:100px}.sidebar nav{flex-direction:column;gap:6px;display:flex}.nav-item{width:100%;height:51px;color:var(--muted);background:0 0;border:0;border-radius:16px;align-items:center;gap:15px;padding:0 18px;font-weight:600;transition:all .2s;display:flex}.nav-item:hover{background:var(--surface2);color:var(--text)}.nav-item.active{color:var(--primary);background:linear-gradient(135deg,#7c28ff24,#b33cff0d)}.separator{background:var(--border);height:1px;margin:19px 7px}.premium-card{color:#fff;background:radial-gradient(circle at 100% 100%,#d740ffd9,#0000 42%),linear-gradient(145deg,#35107e,#7021ef);border-radius:24px;margin-top:auto;padding:22px;box-shadow:0 20px 45px #6f20ee40}.premium-card h3{margin:15px 0 8px}.premium-card p{color:#ffffffb8;font-size:13px;line-height:1.6}.premium-card button{color:#371174;background:#fff;border:0;border-radius:12px;align-items:center;gap:7px;height:41px;padding:0 15px;font-weight:700;display:flex}.main{min-width:0}.topbar{z-index:20;background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);align-items:center;gap:12px;height:86px;padding:0 35px;display:flex;position:sticky;top:0}.top-spacer{flex:1}.icon-btn{border:1px solid var(--border);background:var(--surface);width:48px;height:48px;color:var(--text);border-radius:15px;justify-content:center;align-items:center;display:flex}.notification{position:relative}.notification>span{background:var(--primary);border-radius:50%;width:7px;height:7px;position:absolute;top:9px;right:9px}.language{position:relative}.language-btn{border:1px solid var(--border);background:var(--surface);min-width:165px;height:53px;color:var(--text);border-radius:16px;align-items:center;gap:10px;padding:0 13px;display:flex}.language-btn>div{flex-direction:column;flex:1;align-items:flex-start;display:flex}.language-btn small{color:var(--muted);font-size:10px}.language-btn strong{font-size:13px}.language-menu{border:1px solid var(--border);background:var(--surface);width:205px;box-shadow:var(--shadow);border-radius:17px;padding:8px;position:absolute;top:61px;right:0}.language-menu button{width:100%;color:var(--text);background:0 0;border:0;border-radius:11px;gap:11px;padding:11px;display:flex}.language-menu button:hover,.language-menu button.selected{background:var(--surface2);color:var(--primary)}.profile{align-items:center;gap:10px;height:53px;display:flex}.avatar{color:#fff;background:linear-gradient(135deg,#ad55ff,#6035ff);border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;font-weight:800;display:flex}.profile>div:nth-child(2){flex-direction:column;display:flex}.profile small{color:var(--muted);font-size:10px}.profile strong{font-size:13px}.content{padding:4px 35px 40px}.hero{min-height:330px;box-shadow:var(--shadow);background:linear-gradient(115deg,#f3eaff,#dbc3ff 45%,#6c20e9);border-radius:28px;grid-template-columns:1fr .8fr;align-items:center;padding:45px;display:grid;position:relative;overflow:hidden}[data-theme=dark] .hero{background:radial-gradient(circle at 80% 20%,#b839ff8c,#0000 30%),linear-gradient(130deg,#161027,#22104d 55%,#4f0dad)}.hero-left{z-index:2}.eyebrow{letter-spacing:5px;color:#7424ef;font-size:12px;font-weight:800}.hero h1{letter-spacing:-4px;color:#181026;margin:14px 0;font-size:clamp(48px,5vw,75px)}[data-theme=dark] .hero h1{color:#fff}.hero p{color:#51436c;max-width:520px;font-size:17px;line-height:1.6}[data-theme=dark] .hero p{color:#d2c7e5}.primary-btn{color:#fff;background:linear-gradient(135deg,#7119ff,#a82bff);border:0;border-radius:15px;align-items:center;gap:8px;height:52px;margin-top:10px;padding:0 22px;font-weight:700;display:flex;box-shadow:0 14px 28px #6f1af252}.hero-logo{z-index:2;justify-content:center;display:flex}.hero-logo img{object-fit:contain;filter:drop-shadow(0 18px 30px #43129640);width:min(420px,90%);max-height:220px}.orb{filter:blur(30px);border-radius:50%;position:absolute}.orb1{background:#d336ff4d;width:350px;height:350px;bottom:-180px;right:-120px}.orb2{background:#ffffff40;width:280px;height:280px;top:-160px;left:44%}.quick-cards{grid-template-columns:repeat(3,1fr);gap:18px;margin-top:20px;display:grid}.quick-card{border:1px solid var(--border);background:var(--surface);border-radius:22px;align-items:center;gap:16px;min-height:120px;padding:21px;display:flex}.purple-card{background:linear-gradient(135deg, color-mix(in srgb, var(--surface) 82%, #d8c0ff), var(--surface))}.blue-card{background:linear-gradient(135deg, color-mix(in srgb, var(--surface) 85%, #bed3ff), var(--surface))}.gold-card{background:linear-gradient(135deg, color-mix(in srgb, var(--surface) 87%, #ffd5a4), var(--surface))}.round-icon{width:52px;height:52px;color:var(--primary);background:#7b28ff1f;border-radius:17px;flex:0 0 52px;justify-content:center;align-items:center;display:flex}.round-icon.blue{color:#4869ef;background:#4070ff1f}.round-icon.gold{color:#dc8b1f;background:#ea972024}.quick-card>div:nth-child(2){flex:1}.quick-card h3{margin:0 0 6px;font-size:16px}.quick-card p{color:var(--muted);margin:0;font-size:12px;line-height:1.5}.arrow-btn{border:1px solid var(--border);background:var(--surface);width:41px;height:41px;color:var(--text);border-radius:50%;justify-content:center;align-items:center;display:flex}.dashboard-row{grid-template-columns:1.2fr .8fr;gap:20px;margin-top:20px;display:grid}.panel{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);border-radius:26px;padding:26px}.panel-title{align-items:flex-start;gap:14px;margin-bottom:25px;display:flex}.panel-title h2{margin:2px 0 5px;font-size:18px}.panel-title p{color:var(--muted);margin:0;font-size:13px}.device-content{grid-template-columns:185px 1fr;align-items:center;gap:27px;display:grid}.fake-qr{border:1px solid var(--border);background:#fff;border-radius:20px;justify-content:center;align-items:center;height:175px;padding:25px;display:flex}.qr-inner{grid-template-columns:repeat(3,1fr);gap:7px;width:120px;height:120px;display:grid}.qr-inner div{background:#151124}.qr-inner div:nth-child(2),.qr-inner div:nth-child(4),.qr-inner div:nth-child(8){background:#fff;border:7px solid #151124}.device-info{flex-direction:column;gap:9px;display:flex}.device-info label{color:var(--muted);margin-top:4px;font-size:12px;font-weight:700}.input-like{border:1px solid var(--border);background:var(--surface2);border-radius:14px;align-items:center;height:53px;padding:0 15px;display:flex}.input-like span{flex:1;font-weight:600}.input-like button{color:var(--muted);background:0 0;border:0}.stats{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.stat{background:var(--surface2);border:1px solid var(--border);border-radius:18px;flex-direction:column;gap:10px;min-height:130px;padding:17px;display:flex}.stat span,.stat small{color:var(--muted);font-size:11px}.stat strong{font-size:20px}.stat small.green{color:#1aad70;background:#1db7711f;border-radius:999px;width:fit-content;padding:5px 8px;font-weight:800}.full-btn{border:1px solid var(--border);background:var(--surface);width:100%;height:47px;color:var(--text);border-radius:14px;justify-content:center;align-items:center;gap:8px;margin-top:17px;font-weight:700;display:flex}@media (width<=1200px){.dashboard-row,.quick-cards{grid-template-columns:1fr}}@media (width<=900px){.layout{grid-template-columns:1fr}.sidebar{display:none}.hero{grid-template-columns:1fr}.hero-logo{margin-top:30px}}@media (width<=650px){.content{padding:4px 15px 30px}.topbar{padding:0 15px}.profile>div:nth-child(2){display:none}.language-btn{width:48px;min-width:48px}.language-btn>div,.language-btn>svg:last-child{display:none}.hero{padding:28px}.hero h1{font-size:48px}.device-content{grid-template-columns:1fr}.fake-qr{width:185px;margin:auto}.stats{grid-template-columns:1fr}}.logo-wrap{background:radial-gradient(circle at 80% 20%,#d25fff8c,#0000 35%),linear-gradient(135deg,#4b16b8 0%,#7b28ff 55%,#a13cff 100%);border:1px solid #ffffff1f;border-radius:24px;justify-content:center;align-items:center;height:118px;margin-bottom:10px;display:flex;position:relative;overflow:hidden;box-shadow:0 14px 32px #7b28ff38}.logo-wrap:before{content:"";background:#ffffff14;border-radius:50%;width:170px;height:170px;position:absolute;bottom:-90px;right:-70px}.logo-wrap img{z-index:2;object-fit:contain;filter:drop-shadow(0 8px 18px #23055540);width:165px;max-height:88px;position:relative}.state-page{background:radial-gradient(circle at 50% 20%, #8934ff2e, transparent 35%), var(--bg);justify-content:center;align-items:center;min-height:100vh;padding:30px;display:flex}.state-card,.login-card{border:1px solid var(--border);background:var(--surface);width:min(460px,100%);box-shadow:var(--shadow);text-align:center;border-radius:28px;padding:36px}.login-logo{background:radial-gradient(circle at 80% 20%,#d552ff80,#0000 35%),linear-gradient(135deg,#4b16b8,#7b28ff 55%,#a13cff);border-radius:24px;justify-content:center;align-items:center;height:130px;display:flex}.login-logo img{object-fit:contain;width:190px;max-height:100px}.login-card h1{margin:25px 0 10px;font-size:34px}.login-card>p,.state-card p{color:var(--muted);line-height:1.6}.login-info{text-align:left;color:var(--primary);background:var(--surface2);border:1px solid var(--border);border-radius:17px;align-items:center;gap:14px;margin-top:25px;padding:17px;display:flex}.login-info>div{flex-direction:column;gap:4px;display:flex}.login-info span{color:var(--muted);font-size:12px}.state-spinner{border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;width:38px;height:38px;margin:0 auto 18px;animation:.7s linear infinite roy-spin}@keyframes roy-spin{to{transform:rotate(360deg)}}.error-box,.dashboard-error{color:#c9344f;background:#dc32501a;border:1px solid #dc325029;border-radius:15px;padding:14px 17px}.dashboard-error{justify-content:space-between;align-items:center;gap:15px;margin-bottom:17px;display:flex}.dashboard-error button{color:#fff;background:#c9344f;border:0;border-radius:10px;padding:8px 12px;font-weight:700}.dashboard-loading{min-height:260px;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:5px;display:flex}.logout-btn{border:1px solid var(--border);background:var(--surface);width:34px;height:34px;color:var(--muted);border-radius:10px;justify-content:center;align-items:center;display:flex}.logout-btn:hover{color:#d53a56;background:#d53a5614}.device-visual{height:175px;color:var(--primary);background:linear-gradient(145deg, var(--surface), var(--surface2));border:1px solid var(--border);border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:9px;display:flex}.device-visual span{color:var(--text);font-weight:700}.device-visual small{color:var(--muted);text-transform:uppercase}.playlist-page{min-height:100vh;padding:42px}.playlist-header{justify-content:space-between;align-items:flex-end;gap:25px;margin-bottom:28px;display:flex}.playlist-header h1{letter-spacing:-1.5px;margin:10px 0 7px;font-size:38px}.playlist-header p{color:var(--muted);margin:0}.back-link{color:var(--primary);background:0 0;border:0;align-items:center;gap:6px;padding:0;font-weight:700;display:flex}.playlist-header-actions{gap:10px;display:flex}.playlist-refresh-btn{border:1px solid var(--border);background:var(--surface);width:49px;height:49px;color:var(--text);border-radius:14px;justify-content:center;align-items:center;display:flex}.playlist-add-btn{color:#fff;background:linear-gradient(135deg,#701cff,#a42cff);border:0;border-radius:14px;justify-content:center;align-items:center;gap:8px;min-height:49px;padding:0 20px;font-weight:700;display:flex;box-shadow:0 12px 28px #7928ff38}.playlist-alert{border-radius:14px;align-items:center;gap:10px;margin-bottom:18px;padding:14px 17px;display:flex}.playlist-alert.error{color:#cf3450;background:#d836511a;border:1px solid #d8365129}.playlist-alert.success{color:#179864;background:#1aad701a;border:1px solid #1aad702e}.playlist-summary{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:24px;display:grid}.playlist-summary>div{background:var(--surface);border:1px solid var(--border);border-radius:19px;flex-direction:column;gap:9px;padding:20px;display:flex}.playlist-summary span{color:var(--muted);font-size:12px}.playlist-summary strong{font-size:25px}.playlist-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;display:grid}.playlist-item{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:22px;padding:22px}.playlist-item-top{align-items:center;gap:13px;display:flex}.playlist-type-icon{width:49px;height:49px;color:var(--primary);background:#7b28ff1c;border-radius:15px;justify-content:center;align-items:center;display:flex}.playlist-title{flex:1}.playlist-title h3{margin:0 0 7px}.playlist-status{background:var(--surface2);color:var(--muted);border-radius:999px;padding:4px 7px;font-size:9px;font-weight:800}.playlist-status.active{color:#169760;background:#19aa6a1a}.playlist-type{background:var(--surface2);color:var(--muted);border-radius:9px;padding:7px 10px;font-size:10px;font-weight:800}.playlist-meta{background:var(--surface2);border-radius:15px;grid-template-columns:90px 1fr;gap:11px;margin:20px 0;padding:17px;display:grid}.playlist-meta span{color:var(--muted);font-size:11px}.playlist-meta strong{overflow-wrap:anywhere;font-size:12px}.playlist-actions{justify-content:flex-end;gap:9px;display:flex}.playlist-test-btn,.playlist-delete-btn{border:1px solid var(--border);background:var(--surface);height:40px;color:var(--text);border-radius:11px;justify-content:center;align-items:center;display:flex}.playlist-test-btn{gap:7px;padding:0 15px}.playlist-delete-btn{color:#d33755;width:40px}.playlist-loading,.playlist-empty{border:1px solid var(--border);background:var(--surface);min-height:360px;color:var(--muted);border-radius:24px;flex-direction:column;justify-content:center;align-items:center;gap:13px;display:flex}.playlist-empty h2{color:var(--text);margin:8px 0 0}.playlist-empty p{margin:0 0 10px}.playlist-empty-icon{width:75px;height:75px;color:var(--primary);background:#7b28ff1c;border-radius:22px;justify-content:center;align-items:center;display:flex}.playlist-modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#0a06147a;justify-content:center;align-items:center;padding:25px;display:flex;position:fixed;inset:0}.playlist-modal{background:var(--surface);border:1px solid var(--border);border-radius:25px;width:min(530px,100%);max-height:90vh;padding:26px;overflow-y:auto;box-shadow:0 30px 80px #00000040}.playlist-modal-header{justify-content:space-between;align-items:flex-start;display:flex}.playlist-modal-header h2{margin:0 0 5px;font-size:24px}.playlist-modal-header p{color:var(--muted);margin:0;font-size:13px}.playlist-modal-header button{border:1px solid var(--border);background:var(--surface2);width:38px;height:38px;color:var(--text);border-radius:11px;justify-content:center;align-items:center;display:flex}.playlist-tabs{background:var(--surface2);border-radius:14px;grid-template-columns:1fr 1fr;margin:24px 0;padding:5px;display:grid}.playlist-tabs button{height:42px;color:var(--muted);background:0 0;border:0;border-radius:10px;font-weight:700}.playlist-tabs button.active{background:var(--surface);color:var(--primary);box-shadow:0 5px 15px #0000000f}.playlist-form{flex-direction:column;gap:9px;display:flex}.playlist-form label{color:var(--muted);margin-top:7px;font-size:12px;font-weight:700}.playlist-form input{border:1px solid var(--border);background:var(--surface2);width:100%;height:51px;color:var(--text);border-radius:13px;outline:none;padding:0 14px}.playlist-form input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #7b28ff17}.playlist-submit-btn{color:#fff;background:linear-gradient(135deg,#711aff,#a72bff);border:0;border-radius:14px;justify-content:center;align-items:center;gap:8px;height:50px;margin-top:18px;font-weight:800;display:flex}.spin{animation:.7s linear infinite roy-spin}@media (width<=950px){.playlist-grid,.playlist-summary{grid-template-columns:1fr 1fr}}@media (width<=650px){.playlist-page{padding:25px 15px}.playlist-header{flex-direction:column;align-items:flex-start}.playlist-grid,.playlist-summary{grid-template-columns:1fr}}.devices-page{background:var(--bg);min-height:100vh;padding:42px}.devices-header{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:26px;display:flex}.devices-header h1{letter-spacing:-1.5px;margin:10px 0 7px;font-size:38px}.devices-header p{color:var(--muted);margin:0}.devices-refresh{border:1px solid var(--border);background:var(--surface);height:48px;color:var(--text);border-radius:14px;align-items:center;gap:8px;padding:0 17px;font-weight:700;display:flex}.devices-summary{grid-template-columns:repeat(2,180px);gap:14px;margin-bottom:22px;display:grid}.devices-summary>div{border:1px solid var(--border);background:var(--surface);border-radius:18px;padding:18px}.devices-summary span{color:var(--muted);margin-bottom:8px;font-size:12px;display:block}.devices-summary strong{font-size:25px}.devices-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.device-card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:23px;padding:23px}.device-card-top{align-items:center;gap:13px;display:flex}.device-platform-icon{width:54px;height:54px;color:var(--primary);background:#7b28ff1c;border-radius:17px;justify-content:center;align-items:center;display:flex}.device-card-title{flex:1}.device-card-title h3{text-transform:capitalize;margin:0 0 5px}.device-card-title span{color:var(--muted);text-transform:capitalize;font-size:12px}.device-badge{background:var(--surface2);color:var(--muted);border-radius:999px;padding:6px 9px;font-size:10px;font-weight:800}.device-badge.active{color:#15965f;background:#19aa6a1c}.device-card-info{background:var(--surface2);border-radius:17px;grid-template-columns:110px 1fr;gap:13px;margin:21px 0;padding:18px;display:grid}.device-card-info label{color:var(--muted);font-size:11px}.device-card-info>div{align-items:center;gap:8px;display:flex}.device-card-info strong{flex:1;font-size:12px}.device-card-info button{color:var(--muted);background:0 0;border:0}.device-card-actions{gap:9px;display:flex}.device-card-actions button{border:1px solid var(--border);background:var(--surface);height:43px;color:var(--text);border-radius:12px;flex:1;justify-content:center;align-items:center;gap:7px;font-weight:700;display:flex}.device-card-actions button:hover{color:var(--primary);border-color:#7b28ff59}.recovery-modal{max-width:480px}.recovery-code-box{background:var(--surface2);border:1px solid var(--border);color:var(--primary);border-radius:19px;flex-direction:column;align-items:center;gap:13px;margin-top:25px;padding:28px;display:flex}.recovery-code-box span{color:var(--muted);font-size:12px}.recovery-code-box strong{color:var(--text);letter-spacing:4px;font-size:30px}.recovery-code-box button{background:var(--primary);color:#fff;border:0;border-radius:11px;align-items:center;gap:7px;height:42px;padding:0 15px;font-weight:700;display:flex}@media (width<=900px){.devices-grid{grid-template-columns:1fr}}@media (width<=650px){.devices-page{padding:25px 15px}.devices-header{flex-direction:column;align-items:flex-start}.devices-summary{grid-template-columns:1fr 1fr;width:100%}.device-card-info{grid-template-columns:1fr}.device-card-actions{flex-direction:column}}.devices2-page{background:radial-gradient(circle at 100% 0%, #8230ff12, transparent 28%), var(--bg);min-height:100vh;padding:38px 40px 50px}.devices2-header{justify-content:space-between;align-items:flex-end;gap:25px;margin-bottom:28px;display:flex}.devices2-eyebrow{color:var(--primary);letter-spacing:3px;font-size:11px;font-weight:800}.devices2-header h1{letter-spacing:-1.8px;margin:9px 0 8px;font-size:38px;line-height:1}.devices2-header p{color:var(--muted);margin:0;font-size:14px}.devices2-header-actions{gap:9px;display:flex}.devices2-icon-btn{border:1px solid var(--border);background:var(--surface);width:47px;height:47px;color:var(--text);border-radius:14px;justify-content:center;align-items:center;display:flex}.devices2-refresh{border:1px solid var(--border);background:var(--surface);height:47px;color:var(--text);border-radius:14px;align-items:center;gap:8px;padding:0 17px;font-weight:700;display:flex}.devices2-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-bottom:29px;display:grid}.devices2-stats article{border:1px solid var(--border);background:var(--surface);border-radius:21px;align-items:center;gap:15px;min-height:105px;padding:20px;display:flex;box-shadow:0 10px 35px #2f19550b}.devices2-stat-icon{border-radius:16px;flex:0 0 52px;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.devices2-stat-icon.purple{color:#7b28ff;background:#7b28ff1c}.devices2-stat-icon.green{color:#16a268;background:#16a2681c}.devices2-stat-icon.gold{color:#e1951e;background:#e1951e1f}.devices2-stats article>div:last-child{flex-direction:column;gap:4px;display:flex}.devices2-stats span{color:var(--muted);font-size:12px}.devices2-stats strong{font-size:23px}.devices2-section-head{justify-content:space-between;align-items:flex-end;margin-bottom:16px;display:flex}.devices2-section-head h2{margin:0 0 5px;font-size:18px}.devices2-section-head p{color:var(--muted);margin:0;font-size:12px}.devices2-add-disabled{border:1px dashed var(--border);height:42px;color:var(--muted);background:var(--surface);opacity:.6;border-radius:12px;align-items:center;gap:7px;padding:0 14px;display:flex}.devices2-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.devices2-card{border:1px solid var(--border);background:var(--surface);border-radius:24px;padding:22px;box-shadow:0 15px 45px #351e5b11}.devices2-card-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:20px;padding-bottom:19px;display:flex}.devices2-platform{align-items:center;gap:13px;display:flex}.devices2-platform-icon{width:54px;height:54px;color:var(--primary);background:linear-gradient(135deg,#7b28ff24,#b248ff0f);border-radius:17px;justify-content:center;align-items:center;display:flex}.devices2-platform h3{margin:0 0 5px;font-size:16px}.devices2-platform span{color:var(--muted);text-transform:capitalize;font-size:11px}.devices2-status{background:var(--surface2);color:var(--muted);border-radius:999px;align-items:center;gap:6px;padding:7px 10px;font-size:9px;font-weight:800;display:flex}.devices2-status i{background:currentColor;border-radius:50%;width:6px;height:6px}.devices2-status.active{color:#15945f;background:#15945f1a}.devices2-device-main{grid-template-columns:135px 1fr;gap:17px;margin-top:20px;display:grid}.devices2-device-visual{border:1px solid var(--border);background:radial-gradient(circle at 50% 0%, #7b28ff24, transparent 65%), var(--surface2);min-height:154px;color:var(--primary);border-radius:19px;flex-direction:column;justify-content:center;align-items:center;gap:9px;display:flex}.devices2-device-visual svg{width:45px;height:45px}.devices2-device-visual span{color:var(--text);text-transform:capitalize;font-weight:700}.devices2-device-visual small{color:var(--muted);font-size:10px}.devices2-info{flex-direction:column;gap:12px;display:flex}.devices2-field{background:var(--surface2);border:1px solid var(--border);border-radius:15px;padding:13px 14px}.devices2-field>span{color:var(--muted);margin-bottom:7px;font-size:10px;font-weight:600;display:block}.devices2-field>div{align-items:center;gap:8px;display:flex}.devices2-field strong{flex:1;font-size:13px}.devices2-key{letter-spacing:2px;font-size:17px!important}.devices2-field button{width:31px;height:31px;color:var(--muted);background:var(--surface);border:0;border-radius:9px;justify-content:center;align-items:center;display:flex}.devices2-details{border:1px solid var(--border);border-radius:16px;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:17px;padding:15px 17px;display:grid}.devices2-details div{flex-direction:column;gap:5px;display:flex}.devices2-details span{color:var(--muted);font-size:9px}.devices2-details strong{font-size:11px}.devices2-actions{grid-template-columns:1fr 1fr;gap:9px;margin-top:16px;display:grid}.devices2-actions button{border-radius:13px;justify-content:center;align-items:center;gap:8px;height:44px;font-weight:700;display:flex}.devices2-switch{border:1px solid var(--border);background:var(--surface);color:var(--text)}.devices2-switch:hover{color:var(--primary);border-color:#7b28ff66}.devices2-recovery{color:#fff;background:linear-gradient(135deg,#6819eb,#9d2dff);border:0;box-shadow:0 10px 25px #7b28ff2e}.devices2-loading,.devices2-empty{border:1px solid var(--border);background:var(--surface);min-height:330px;color:var(--muted);border-radius:24px;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}.devices2-empty h2{color:var(--text);margin:8px 0 0}.devices2-empty p{margin:0}@media (width<=1200px){.devices2-grid{grid-template-columns:1fr}}@media (width<=850px){.devices2-stats,.devices2-device-main{grid-template-columns:1fr}.devices2-device-visual{min-height:120px}}@media (width<=650px){.devices2-page{padding:25px 15px}.devices2-header{flex-direction:column;align-items:flex-start}.devices2-details,.devices2-actions{grid-template-columns:1fr}}.subscription-page{background:radial-gradient(circle at 100% 0%, #7e28ff12, transparent 30%), var(--bg);min-height:calc(100vh - 86px);padding:36px 40px 55px}.subscription-header{margin-bottom:27px}.subscription-header h1{letter-spacing:-1.7px;margin:9px 0 8px;font-size:38px}.subscription-header p{color:var(--muted);margin:0}.subscription-loading{border:1px solid var(--border);background:var(--surface);min-height:420px;color:var(--muted);border-radius:25px;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}.current-plan-card{color:#fff;background:radial-gradient(circle at 95% 10%,#da4aff8c,#0000 32%),linear-gradient(135deg,#311068 0%,#6418d6 48%,#8b25f4 100%);border-radius:27px;padding:26px;box-shadow:0 22px 50px #5e1bc138}.current-plan-main{align-items:center;gap:17px;display:flex}.current-plan-icon{background:#ffffff24;border:1px solid #ffffff29;border-radius:19px;justify-content:center;align-items:center;width:63px;height:63px;display:flex}.current-plan-label{letter-spacing:2px;color:#ffffffb3;font-size:10px;font-weight:800}.current-plan-main h2{margin:6px 0 8px;font-size:27px}.current-plan-status{background:#ffffff21;border-radius:999px;align-items:center;gap:6px;width:fit-content;padding:5px 9px;font-size:9px;font-weight:800;display:flex}.current-plan-status i{background:currentColor;border-radius:50%;width:6px;height:6px}.current-plan-status.active{color:#b7ffd7}.current-plan-stats{border-top:1px solid #ffffff26;grid-template-columns:repeat(4,1fr);gap:13px;margin-top:25px;padding-top:22px;display:grid}.current-plan-stats>div{background:#ffffff14;border-radius:16px;flex-direction:column;gap:7px;padding:15px;display:flex}.current-plan-stats span{color:#ffffffa8;font-size:10px}.current-plan-stats strong{font-size:13px}.subscription-section-title{margin:31px 0 17px}.subscription-section-title h2{margin:0 0 5px;font-size:19px}.subscription-section-title p{color:var(--muted);margin:0;font-size:12px}.plans-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;display:grid}.plan-card{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);border-radius:24px;padding:24px;position:relative}.plan-card.featured{border-color:#7b28ff59;box-shadow:0 20px 50px #7b28ff1f}.plan-popular{color:#7924ef;background:#7b28ff1a;border-radius:999px;padding:6px 9px;font-size:9px;font-weight:800;position:absolute;top:16px;right:16px}.plan-card-icon{width:54px;height:54px;color:var(--primary);background:#7b28ff1a;border-radius:17px;justify-content:center;align-items:center;display:flex}.plan-card h3{margin:19px 0 10px;font-size:20px}.plan-price{flex-direction:column;gap:4px;display:flex}.plan-price strong{font-size:27px}.plan-price span{color:var(--muted);font-size:11px}.plan-features{flex-direction:column;gap:12px;margin:23px 0;display:flex}.plan-features>div{color:var(--muted);align-items:center;gap:9px;font-size:12px;display:flex}.plan-features svg{color:#1aa86e}.plan-button{color:#fff;background:linear-gradient(135deg,#6c19ed,#9c2cff);border:0;border-radius:14px;justify-content:center;align-items:center;gap:7px;width:100%;height:47px;font-weight:800;display:flex}.plan-button.current{background:var(--surface2);color:var(--muted);border:1px solid var(--border);cursor:default}.subscription-note{border:1px solid var(--border);background:var(--surface);color:var(--primary);border-radius:17px;align-items:center;gap:13px;margin-top:20px;padding:17px 19px;display:flex}.subscription-note>div{flex-direction:column;gap:4px;display:flex}.subscription-note strong{color:var(--text);font-size:13px}.subscription-note span{color:var(--muted);font-size:11px}@media (width<=1100px){.plans-grid{grid-template-columns:1fr}.current-plan-stats{grid-template-columns:1fr 1fr}}@media (width<=650px){.subscription-page{padding:25px 15px}.current-plan-stats{grid-template-columns:1fr}}.parent-pin-page{background:radial-gradient(circle at 100% 0%, #7b28ff12, transparent 30%), var(--bg);min-height:calc(100vh - 86px);padding:36px 40px 55px}.parent-pin-header{margin-bottom:27px}.parent-pin-header h1{letter-spacing:-1.7px;margin:9px 0 8px;font-size:38px}.parent-pin-header p{color:var(--muted);margin:0}.parent-pin-loading{border:1px solid var(--border);background:var(--surface);min-height:400px;color:var(--muted);border-radius:25px;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}.parent-pin-status-card,.parent-pin-form-card{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);border-radius:25px;padding:28px}.parent-pin-status-card{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:465px;display:flex}.parent-pin-shield{width:92px;height:92px;color:var(--muted);background:var(--surface2);border-radius:29px;justify-content:center;align-items:center;margin-bottom:22px;display:flex}.parent-pin-shield.active{color:#fff;background:linear-gradient(135deg,#6d1bea,#a22fff);box-shadow:0 18px 35px #7b28ff3d}.parent-pin-small{color:var(--primary);letter-spacing:2px;font-size:9px;font-weight:800}.parent-pin-status-card h2{margin:9px 0;font-size:24px}.parent-pin-status-card p{max-width:340px;color:var(--muted);margin:0;font-size:13px;line-height:1.7}.parent-pin-badge{color:var(--muted);background:var(--surface2);border-radius:999px;align-items:center;gap:6px;margin-top:20px;padding:7px 11px;font-size:9px;font-weight:800;display:flex}.parent-pin-badge.enabled{color:#14945f;background:#14945f1a}.parent-pin-updated{color:var(--muted);flex-direction:column;gap:5px;margin-top:18px;font-size:10px;display:flex}.parent-pin-updated strong{color:var(--text);font-size:11px}.parent-pin-form-title{align-items:center;gap:14px;margin-bottom:26px;display:flex}.parent-pin-form-title>div:first-child{width:51px;height:51px;color:var(--primary);background:#7b28ff1a;border-radius:16px;justify-content:center;align-items:center;display:flex}.parent-pin-form-title h2{margin:0 0 5px;font-size:20px}.parent-pin-input{border:1px solid var(--border);background:var(--surface2);height:58px;color:var(--muted);border-radius:15px;align-items:center;gap:11px;padding:0 15px;display:flex}.parent-pin-input:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #7b28ff14}.parent-pin-input input{min-width:0;color:var(--text);letter-spacing:9px;background:0 0;border:0;outline:none;flex:1;font-size:24px;font-weight:800}.parent-pin-input button{background:var(--surface);width:34px;height:34px;color:var(--muted);border:0;border-radius:9px;justify-content:center;align-items:center;display:flex}.parent-pin-save{color:#fff;background:linear-gradient(135deg,#6e1bed,#a22eff);border:0;border-radius:14px;justify-content:center;align-items:center;gap:8px;height:51px;margin-top:15px;font-weight:800;display:flex;box-shadow:0 13px 27px #7b28ff2e}.parent-pin-disable{color:#d33753;background:#d337530f;border:1px solid #d3375333;border-radius:14px;justify-content:center;align-items:center;gap:8px;width:100%;height:47px;margin-top:12px;font-weight:700;display:flex}@media (width<=900px){.parent-pin-grid{grid-template-columns:1fr}.parent-pin-status-card{min-height:340px}}@media (width<=650px){.parent-pin-page{padding:25px 15px}}.activate-page{background:radial-gradient(circle at 100% 0%, #7b28ff12, transparent 30%), var(--bg);min-height:calc(100vh - 86px);padding:36px 40px 55px}.activate-header{margin-bottom:27px}.activate-header h1{letter-spacing:-1.7px;margin:9px 0 8px;font-size:38px}.activate-header p{max-width:650px;color:var(--muted);margin:0}.activate-loading{border:1px solid var(--border);background:var(--surface);min-height:400px;color:var(--muted);border-radius:25px;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}.activate-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-bottom:20px;display:grid}.activate-stats article{border:1px solid var(--border);background:var(--surface);min-height:100px;box-shadow:var(--shadow);border-radius:20px;align-items:center;gap:14px;padding:20px;display:flex}.activate-stat-icon{color:#4b6ee8;background:#4b6ee81a;border-radius:16px;justify-content:center;align-items:center;width:50px;height:50px;display:flex}.activate-stat-icon.purple{color:var(--primary);background:#7b28ff1a}.activate-stat-icon.green{color:#179d66;background:#179d661a}.activate-stats article>div:last-child{flex-direction:column;gap:5px;display:flex}.activate-stats span{color:var(--muted);font-size:11px}.activate-stats strong{font-size:24px}.activate-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.activate-card{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);border-radius:25px;padding:27px}.activate-card-title{align-items:center;gap:14px;margin-bottom:24px;display:flex}.activate-title-icon{width:52px;height:52px;color:var(--primary);background:#7b28ff1a;border-radius:17px;justify-content:center;align-items:center;display:flex}.activate-title-icon.recovery{color:#d78b1d;background:#d78b1d1c}.activate-card-title h2{margin:0 0 5px;font-size:20px}.activate-card-title p{color:var(--muted);margin:0;font-size:12px}.activate-form{flex-direction:column;gap:9px;display:flex}.activate-form label{color:var(--muted);margin-top:7px;font-size:12px;font-weight:700}.activate-form input,.activate-form select{border:1px solid var(--border);background:var(--surface2);width:100%;height:54px;color:var(--text);border-radius:14px;outline:none;padding:0 15px}.activate-form input:focus,.activate-form select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #7b28ff14}.activate-key-input{letter-spacing:5px;font-size:20px;font-weight:800}.activate-recovery-input{text-transform:uppercase;letter-spacing:3px;font-weight:800}.activate-primary,.activate-secondary{border:0;border-radius:14px;justify-content:center;align-items:center;gap:8px;height:51px;margin-top:17px;font-weight:800;display:flex}.activate-primary{color:#fff;background:linear-gradient(135deg,#6e1bed,#a32fff);box-shadow:0 13px 27px #7b28ff2e}.activate-primary:disabled{cursor:not-allowed;opacity:.55}.activate-secondary{color:var(--text);border:1px solid var(--border);background:var(--surface)}.activate-qr-info{border:1px solid var(--border);background:linear-gradient(135deg, color-mix(in srgb, var(--surface) 90%, #d7c1ff), var(--surface));border-radius:22px;grid-template-columns:auto 1fr auto;align-items:center;gap:17px;margin-top:20px;padding:23px;display:grid}.activate-qr-icon{width:65px;height:65px;color:var(--primary);background:#7b28ff1c;border-radius:20px;justify-content:center;align-items:center;display:flex}.activate-qr-info h3{margin:0 0 7px}.activate-qr-info p{max-width:680px;color:var(--muted);margin:0;font-size:12px;line-height:1.6}.activate-platforms{gap:7px;display:flex}.activate-platforms span{border:1px solid var(--border);background:var(--surface);color:var(--muted);border-radius:11px;align-items:center;gap:6px;padding:9px 11px;font-size:10px;font-weight:700;display:flex}@media (width<=1050px){.activate-grid{grid-template-columns:1fr}.activate-qr-info{grid-template-columns:auto 1fr}.activate-platforms{grid-column:1/-1}}@media (width<=750px){.activate-stats{grid-template-columns:1fr}.activate-platforms{flex-wrap:wrap}}@media (width<=650px){.activate-page{padding:25px 15px}}.settings-page{background:radial-gradient(circle at 100% 0%, #7b28ff12, transparent 30%), var(--bg);min-height:calc(100vh - 86px);padding:36px 40px 55px}.settings-header{margin-bottom:27px}.settings-header h1{letter-spacing:-1.7px;margin:9px 0 8px;font-size:38px}.settings-header p{color:var(--muted);margin:0}.settings-loading{border:1px solid var(--border);background:var(--surface);min-height:400px;color:var(--muted);border-radius:25px;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:19px;display:grid}.settings-card{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);border-radius:24px;padding:26px}.settings-card-title{align-items:center;gap:14px;margin-bottom:23px;display:flex}.settings-card-title h2{margin:0 0 5px;font-size:19px}.settings-card-title p{color:var(--muted);margin:0;font-size:12px}.settings-icon{border-radius:16px;justify-content:center;align-items:center;width:51px;height:51px;display:flex}.settings-icon.purple{color:var(--primary);background:#7b28ff1a}.settings-icon.blue{color:#476ee3;background:#476ee31a}.settings-icon.gold{color:#d78d1e;background:#d78d1e1c}.settings-icon.green{color:#179d66;background:#179d661a}.settings-theme-grid{grid-template-columns:1fr 1fr;gap:13px;display:grid}.settings-theme{border:1px solid var(--border);color:var(--text);background:var(--surface);text-align:left;border-radius:17px;flex-direction:column;gap:10px;padding:10px;display:flex}.settings-theme.active{border-color:var(--primary);box-shadow:0 0 0 3px #7b28ff14}.theme-preview{border-radius:12px;grid-template-rows:22px 1fr;grid-template-columns:32px 1fr;gap:8px;height:105px;padding:14px;display:grid}.light-preview{background:#f3f2f7}.dark-preview{background:#0c0a14}.theme-preview span:first-child{background:linear-gradient(#7220ed,#a13eff);border-radius:7px;grid-row:1/3}.light-preview span:nth-child(2),.light-preview span:nth-child(3){background:#fff;border-radius:7px}.dark-preview span:nth-child(2),.dark-preview span:nth-child(3){background:#191624;border-radius:7px}.settings-label{color:var(--muted);margin-bottom:8px;font-size:12px;font-weight:700;display:block}.settings-select{border:1px solid var(--border);width:100%;height:53px;color:var(--text);background:var(--surface2);border-radius:14px;outline:none;padding:0 14px}.settings-select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #7b28ff14}.settings-info-row{color:var(--primary);background:#7b28ff12;border-radius:13px;align-items:center;gap:9px;margin-top:15px;padding:13px;font-size:11px;display:flex}.settings-account{border:1px solid var(--border);background:var(--surface2);border-radius:14px;justify-content:space-between;align-items:center;margin-top:15px;padding:15px;display:flex}.settings-account span{color:var(--muted);font-size:11px}.settings-account strong{color:var(--primary)}.playback-card{grid-column:1/-1}.settings-toggle-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:20px;min-height:71px;padding:13px 0;display:flex}.settings-toggle-row:last-child{border-bottom:0}.settings-toggle-row>div{color:var(--primary);align-items:center;gap:12px;display:flex}.settings-toggle-row>div>div{flex-direction:column;gap:4px;display:flex}.settings-toggle-row strong{color:var(--text);font-size:13px}.settings-toggle-row span{color:var(--muted);font-size:11px}.roy-switch{background:var(--border);border:0;border-radius:999px;width:47px;height:26px;padding:3px;transition:all .2s}.roy-switch i{background:#fff;border-radius:50%;width:20px;height:20px;transition:all .2s;display:block;box-shadow:0 3px 8px #00000026}.roy-switch.active{background:linear-gradient(135deg,#721ced,#a12eff)}.roy-switch.active i{transform:translate(21px)}.settings-actions{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}.settings-reset,.settings-save{border-radius:14px;align-items:center;gap:8px;height:48px;padding:0 18px;font-weight:800;display:flex}.settings-reset{color:var(--text);background:var(--surface);border:1px solid var(--border)}.settings-save{color:#fff;background:linear-gradient(135deg,#6d1aea,#a12eff);border:0;box-shadow:0 13px 27px #7b28ff2e}@media (width<=950px){.settings-grid{grid-template-columns:1fr}.playback-card{grid-column:auto}}@media (width<=650px){.settings-page{padding:25px 15px}.settings-theme-grid{grid-template-columns:1fr}.settings-actions{flex-direction:column-reverse}.settings-reset,.settings-save{justify-content:center;width:100%}}.support-page{background:radial-gradient(circle at 100% 0%, #7b28ff12, transparent 30%), var(--bg);min-height:calc(100vh - 86px);padding:36px 40px 55px}.support-header{margin-bottom:28px}.support-header h1{letter-spacing:-1.7px;margin:9px 0 8px;font-size:38px}.support-header p{color:var(--muted);margin:0}.support-section-title{margin:0 0 15px;font-size:18px}.support-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.support-card{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);border-radius:22px;padding:23px}.support-card-icon{border-radius:16px;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:18px;display:flex}.support-card-icon.purple{color:var(--primary);background:#7b28ff1a}.support-card-icon.blue{color:#4a6fe5;background:#4a6fe51a}.support-card-icon.green{color:#169c65;background:#169c651a}.support-card h3{margin:0 0 8px;font-size:16px}.support-card p{color:var(--muted);margin:0;font-size:12px;line-height:1.65}.support-main-grid{grid-template-columns:minmax(0,1.5fr) minmax(280px,.6fr);gap:20px;margin-top:21px;display:grid}.support-faq,.support-contact{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);border-radius:24px}.support-faq{padding:25px}.support-faq-title{color:var(--primary);align-items:center;gap:10px;margin-bottom:16px;display:flex}.support-faq-title h2{color:var(--text);margin:0;font-size:19px}.support-question{border-bottom:1px solid var(--border)}.support-question:last-child{border-bottom:0}.support-question summary{cursor:pointer;min-height:63px;color:var(--text);justify-content:space-between;align-items:center;gap:20px;font-size:13px;font-weight:700;list-style:none;display:flex}.support-question summary::-webkit-details-marker{display:none}.support-question summary svg{color:var(--muted);flex-shrink:0;transition:transform .2s}.support-question[open] summary svg{transform:rotate(180deg)}.support-question p{color:var(--muted);margin:-3px 35px 20px 0;font-size:12px;line-height:1.7}.support-contact{flex-direction:column;align-items:flex-start;padding:29px;display:flex}.support-contact-icon{color:#fff;background:linear-gradient(135deg,#6c1bec,#a832ff);border-radius:20px;justify-content:center;align-items:center;width:62px;height:62px;margin-bottom:20px;display:flex;box-shadow:0 15px 30px #7b28ff36}.support-contact h2{margin:8px 0 9px;font-size:21px}.support-contact p{color:var(--muted);margin:0 0 21px;font-size:12px;line-height:1.7}.support-email-btn{color:#fff;background:linear-gradient(135deg,#6e1ced,#a22fff);border-radius:14px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:48px;font-size:12px;font-weight:800;text-decoration:none;display:flex}.support-contact small{width:100%;color:var(--muted);text-align:center;margin-top:12px}.support-security-note{border:1px solid var(--border);color:var(--primary);background:var(--surface);border-radius:16px;align-items:center;gap:10px;margin-top:20px;padding:16px 18px;font-size:11px;display:flex}@media (width<=1050px){.support-cards,.support-main-grid{grid-template-columns:1fr}}@media (width<=650px){.support-page{padding:25px 15px}}.about-page{background:radial-gradient(circle at 100% 0%, #7b28ff12, transparent 30%), var(--bg);min-height:calc(100vh - 86px);padding:36px 40px 55px}.about-header{margin-bottom:27px}.about-header h1{letter-spacing:-1.7px;margin:9px 0 8px;font-size:38px}.about-header p{color:var(--muted);margin:0}.about-hero{color:#fff;background:radial-gradient(circle at 90% 20%,#d255ff8c,#0000 33%),linear-gradient(135deg,#27104e,#5d18bd 48%,#8e26ed);border-radius:27px;align-items:center;gap:30px;min-height:230px;padding:31px;display:flex;position:relative;overflow:hidden;box-shadow:0 22px 50px #5418ae33}.about-logo-card{background:#ffffff1a;border:1px solid #ffffff2e;border-radius:24px;flex-shrink:0;justify-content:center;align-items:center;width:190px;height:150px;padding:25px;display:flex}.about-logo-card img{object-fit:contain;width:100%;max-height:100%}.about-hero-content{max-width:680px}.about-hero-content h2{margin:7px 0 10px;font-size:30px}.about-hero-content p{color:#ffffffbf;max-width:650px;margin:0;font-size:13px;line-height:1.7}.about-version{background:#ffffff17;border:1px solid #ffffff26;border-radius:12px;align-items:center;gap:8px;width:fit-content;margin-top:20px;padding:9px 13px;font-size:11px;display:flex}.about-version span{color:#ffffffa6}.about-section{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);border-radius:24px;margin-top:21px;padding:25px}.about-section-title{color:var(--primary);align-items:center;gap:12px;display:flex}.about-section-title h2{color:var(--text);margin:0 0 5px;font-size:19px}.about-section-title p{color:var(--muted);margin:0;font-size:12px}.about-platform-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin-top:21px;display:grid}.about-platform{border:1px solid var(--border);background:var(--surface2);border-radius:17px;align-items:center;gap:11px;min-height:82px;padding:14px;display:flex}.about-platform>div{width:42px;height:42px;color:var(--primary);background:#7b28ff1a;border-radius:13px;justify-content:center;align-items:center;display:flex}.about-platform strong{font-size:12px}.about-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:19px;margin-top:20px;display:grid}.about-info-card{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);border-radius:23px;padding:25px}.about-card-icon{color:#d58a1e;background:#d58a1e1a;border-radius:16px;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:17px;display:flex}.about-card-icon.security{color:#159b65;background:#159b651a}.about-info-card h2{margin:0 0 10px;font-size:18px}.about-info-card p{color:var(--muted);margin:0;font-size:12px;line-height:1.75}.about-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:20px;display:grid}.about-links a{border:1px solid var(--border);min-height:77px;color:var(--primary);background:var(--surface);border-radius:17px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:15px 17px;text-decoration:none;transition:transform .18s,border-color .18s;display:grid}.about-links a:hover{border-color:#7b28ff59;transform:translateY(-2px)}.about-links a>div{flex-direction:column;gap:4px;display:flex}.about-links strong{color:var(--text);font-size:12px}.about-links span{color:var(--muted);font-size:10px}.about-links>a>svg:last-child{color:var(--muted)}.about-footer{border-top:1px solid var(--border);color:var(--muted);text-align:center;flex-direction:column;align-items:center;gap:6px;margin-top:25px;padding-top:20px;display:flex}.about-footer span{font-size:11px;font-weight:700}.about-footer small{font-size:9px}@media (width<=1100px){.about-platform-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=800px){.about-hero{flex-direction:column;align-items:flex-start}.about-grid,.about-links{grid-template-columns:1fr}}@media (width<=650px){.about-page{padding:25px 15px}.about-logo-card{width:100%}.about-platform-grid{grid-template-columns:1fr}}.roy-notification-wrap,.notification{position:relative}.roy-notification-badge{border:2px solid var(--surface);background:linear-gradient(135deg,#7220ef,#a832ff);border-radius:999px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:9px;font-weight:900;color:#fff!important;display:flex!important;position:absolute!important;top:-5px!important;right:-5px!important}.roy-notification-menu{z-index:500;border:1px solid var(--border);background:var(--surface);border-radius:20px;width:360px;max-height:520px;position:absolute;top:calc(100% + 12px);right:0;overflow:hidden;box-shadow:0 25px 70px #1b0f2f38}[dir=rtl] .roy-notification-menu{left:0;right:auto}.roy-notification-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;min-height:65px;padding:15px 17px;display:flex}.roy-notification-head>div{align-items:center;gap:8px;display:flex}.roy-notification-head h3{margin:0;font-size:14px}.roy-notification-head span{min-width:20px;height:20px;color:var(--primary);background:#7b28ff1a;border-radius:999px;justify-content:center;align-items:center;padding:0 6px;font-size:9px;font-weight:900;display:flex}.roy-notification-close{background:var(--surface2);width:31px;height:31px;color:var(--muted);border:0;border-radius:9px;place-items:center;display:grid}.roy-notification-list{max-height:350px;overflow-y:auto}.roy-notification-item{border-bottom:1px solid var(--border);grid-template-columns:auto 1fr;gap:12px;padding:15px 17px;display:grid}.roy-notification-item:last-child{border-bottom:0}.roy-notification-icon{border-radius:12px;place-items:center;width:39px;height:39px;display:grid}.roy-notification-icon.account{color:var(--primary);background:#7b28ff1a}.roy-notification-icon.subscription{color:#d9921e;background:#d9921e1a}.roy-notification-icon.device{color:#3680df;background:#3680df1a}.roy-notification-item strong{color:var(--text);margin:2px 0 4px;font-size:11px;display:block}.roy-notification-item p{color:var(--muted);margin:0;font-size:10px;line-height:1.55}.roy-mark-read{border:0;border-top:1px solid var(--border);width:100%;height:49px;color:var(--primary);background:var(--surface);justify-content:center;align-items:center;gap:7px;font-size:10px;font-weight:800;display:flex}.roy-mark-read:hover{background:var(--surface2)}.roy-notification-empty{min-height:145px;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:9px;font-size:11px;display:flex}@media (width<=650px){.roy-notification-menu{width:auto;position:fixed;top:75px;left:12px;right:12px}[dir=rtl] .roy-notification-menu{left:12px;right:12px}}.roy-notification-item{cursor:pointer;transition:background .16s,border-color .16s,opacity .16s}.roy-notification-item.unread{background:#7a28ff13;position:relative}.roy-notification-item.unread:before{content:"";top:14px;background:linear-gradient(135deg,#7a28ff,#a83cff);border-radius:50%;width:6px;height:6px;position:absolute;inset-inline-end:12px;box-shadow:0 0 10px #a83cff73}.roy-notification-item.read{opacity:.68}.roy-notification-item:hover{background:#7a28ff1a}[data-theme=light] .roy-notification-item.unread{background:#7a28ff0e}.roy-support-page{min-width:0}.roy-support-head{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:18px;display:flex}.roy-support-head h1{margin:4px 0 5px;font-size:30px}.roy-support-head p{opacity:.65;max-width:620px;margin:0}.roy-support-head-actions{flex-shrink:0;align-items:center;gap:9px;display:flex}.roy-support-head-actions button{justify-content:center;align-items:center;gap:7px;display:flex}.roy-support-disabled,.roy-support-success{border-radius:13px;align-items:center;gap:8px;margin-bottom:14px;padding:12px 14px;font-size:13px;display:flex}.roy-support-disabled{color:#e7ad54;background:#eaac4e12;border:1px solid #eaac4e33}.roy-support-success{color:#42cd91;background:#43cd9212;border:1px solid #43cd9238}.roy-support-success button{color:inherit;cursor:pointer;background:0 0;border:0;place-items:center;margin-inline-start:auto;display:grid}.roy-support-layout{grid-template-columns:minmax(270px,340px) minmax(0,1fr);gap:14px;min-height:640px;display:grid}.roy-support-list,.roy-support-main{background:#ffffff06;border:1px solid #826c9b26;border-radius:20px;overflow:hidden}.roy-support-list-title{border-bottom:1px solid #826c9b1f;align-items:center;gap:8px;height:57px;padding:0 16px;display:flex}.roy-support-list-title svg{color:#9d43ff}.roy-support-list-title strong{font-size:13px}.roy-support-list-title>span{color:#a94eff;background:#7a28ff1a;border-radius:999px;place-items:center;min-width:26px;height:22px;margin-inline-start:auto;padding:0 7px;font-size:10px;font-weight:800;display:grid}.roy-support-ticket-list{scrollbar-width:thin;scrollbar-color:#9a3eff75 transparent;max-height:690px;overflow-y:auto}.roy-support-ticket-list::-webkit-scrollbar{width:6px}.roy-support-messages::-webkit-scrollbar{width:6px}.roy-support-ticket-list::-webkit-scrollbar-track{background:0 0}.roy-support-messages::-webkit-scrollbar-track{background:0 0}.roy-support-ticket-list::-webkit-scrollbar-thumb{background:#9a3eff6b;border-radius:999px}.roy-support-messages::-webkit-scrollbar-thumb{background:#9a3eff6b;border-radius:999px}.roy-support-ticket{width:100%;color:inherit;text-align:start;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #826c9b1a;padding:14px 15px;transition:background .15s,box-shadow .15s}.roy-support-ticket:hover{background:#7a28ff0b}.roy-support-ticket.active{background:#7a28ff13;box-shadow:inset 3px 0 #9138f4}[dir=rtl] .roy-support-ticket.active{box-shadow:inset -3px 0 #9138f4}.roy-support-ticket-top,.roy-support-ticket-meta{justify-content:space-between;align-items:center;gap:8px;display:flex}.roy-support-ticket-top>span:first-child{opacity:.5;font-size:10px;font-weight:800}.roy-support-ticket>strong{text-overflow:ellipsis;white-space:nowrap;margin:9px 0;font-size:13px;display:block;overflow:hidden}.roy-support-ticket-meta{opacity:.72;margin-bottom:9px;font-size:10px}.roy-support-ticket>small{opacity:.43;font-size:9px;display:block}.roy-support-status,.roy-support-priority{border-radius:999px;width:fit-content;padding:5px 8px;font-size:9px;font-weight:800}.roy-support-status.open{color:#ad60ff;background:#7a28ff1a}.roy-support-status.in_progress{color:#5aa9ef;background:#5aa9ef1a}.roy-support-status.waiting_customer{color:#e4aa53;background:#e4aa531a}.roy-support-status.resolved{color:#48ce92;background:#48ce921a}.roy-support-status.closed{opacity:.62;background:#8278911c}.roy-support-priority.low{color:#4ccd97}.roy-support-priority.normal{opacity:.72}.roy-support-priority.high{color:#e3a850}.roy-support-priority.urgent{color:#ef7182}.roy-support-state,.roy-support-empty-detail{opacity:.58;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:250px;padding:25px;display:flex}.roy-support-empty-detail{min-height:640px}.roy-support-empty-detail h2{margin:10px 0 4px}.roy-support-empty-detail p{max-width:340px;margin:0;line-height:1.6}.roy-support-create{min-height:640px}.roy-support-main-head,.roy-support-conversation-head{border-bottom:1px solid #826c9b1f;align-items:center;gap:11px;min-height:78px;padding:16px 18px;display:flex}.roy-support-main-head span,.roy-support-conversation-id{color:#9d43ff;font-size:9px;font-weight:900}.roy-support-main-head h2,.roy-support-conversation-head h2{margin:4px 0 0;font-size:17px}.roy-support-back,.roy-support-icon-button{width:36px;height:36px;color:inherit;cursor:pointer;background:#ffffff06;border:1px solid #826c9b26;border-radius:10px;flex-shrink:0;place-items:center;display:grid}.roy-support-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:19px;display:grid}.roy-support-form label{flex-direction:column;gap:7px;min-width:0;display:flex}.roy-support-form label>span{opacity:.62;font-size:11px;font-weight:700}.roy-support-full{grid-column:1/-1}.roy-support-form input,.roy-support-form select,.roy-support-form textarea,.roy-support-reply textarea{width:100%;color:inherit;font:inherit;background:#00000017;border:1px solid #826c9b2b;border-radius:12px;outline:0;transition:border-color .15s,background .15s}.roy-support-form input,.roy-support-form select{height:44px;padding:0 12px}.roy-support-form textarea,.roy-support-reply textarea{resize:vertical;padding:12px;line-height:1.55}.roy-support-form input:focus,.roy-support-form select:focus,.roy-support-form textarea:focus,.roy-support-reply textarea:focus{border-color:#9138f4bf}.roy-support-create-actions{justify-content:flex-end;gap:8px;padding:0 19px 19px;display:flex}.roy-support-conversation{flex-direction:column;min-height:640px;display:flex}.roy-support-conversation-head{justify-content:space-between}.roy-support-conversation-id{align-items:center;gap:8px;display:flex}.roy-support-conversation-meta{opacity:.55;flex-wrap:wrap;gap:12px;margin-top:7px;font-size:10px;display:flex}.roy-support-messages{scrollbar-width:thin;scrollbar-color:#9a3eff73 transparent;flex-direction:column;flex:1;gap:12px;min-height:330px;max-height:485px;padding:18px;display:flex;overflow-y:auto}.roy-support-message{background:#ffffff06;border:1px solid #826c9b26;border-radius:15px;width:min(76%,620px);padding:12px 14px}.roy-support-message.mine{background:#7a28ff14;border-color:#7a28ff33;align-self:flex-end}.roy-support-message.support{align-self:flex-start}.roy-support-message-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:7px;display:flex}.roy-support-message-head strong{font-size:10px}.roy-support-message-head span{opacity:.45;align-items:center;gap:4px;font-size:9px;display:flex}.roy-support-message p{opacity:.84;white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-size:12px;line-height:1.6}.roy-support-reply{border-top:1px solid #826c9b1f;align-items:flex-end;gap:10px;padding:15px 18px;display:flex}.roy-support-reply textarea{flex:1;min-width:0}.roy-support-reply button{flex-shrink:0;align-items:center;gap:7px;min-height:44px;display:flex}.roy-support-closed{color:#e87989;background:#eb6e7f0f;border:1px solid #eb6e7f2b;border-radius:11px;margin:0 18px 15px;padding:11px 13px;font-size:11px}.roy-support-closed.resolved{color:#47cc91;background:#46cd910f;border-color:#46cd9130}[data-theme=light] .roy-support-list,[data-theme=light] .roy-support-main{background:#fff;border-color:#5a466e1a}[data-theme=light] .roy-support-ticket{border-color:#503c6414}[data-theme=light] .roy-support-form input,[data-theme=light] .roy-support-form select,[data-theme=light] .roy-support-form textarea,[data-theme=light] .roy-support-reply textarea{background:#faf9fc;border-color:#46325a21}[data-theme=light] .roy-support-message{background:#faf9fc;border-color:#46325a1a}[data-theme=light] .roy-support-message.mine{background:#7a28ff0e;border-color:#7a28ff24}@media (width<=900px){.roy-support-layout{grid-template-columns:1fr}.roy-support-list{max-height:360px}.roy-support-empty-detail,.roy-support-create,.roy-support-conversation{min-height:500px}}@media (width<=650px){.roy-support-head{flex-direction:column;align-items:stretch}.roy-support-head-actions{width:100%}.roy-support-head-actions button{flex:1}.roy-support-form{grid-template-columns:1fr}.roy-support-full{grid-column:auto}.roy-support-message{width:91%}.roy-support-reply{flex-direction:column;align-items:stretch}.roy-support-reply button{justify-content:center}}.roy-support-refresh{cursor:pointer;border-radius:11px;justify-content:center;align-items:center;gap:7px;min-height:42px;padding:0 15px;font-size:12px;font-weight:700;transition:background .15s,border-color .15s,color .15s,transform .15s;color:#b876ff!important;opacity:1!important;background:#7a28ff12!important;border:1px solid #9748ff4d!important;display:flex!important}.roy-support-refresh svg{color:currentColor;flex-shrink:0}.roy-support-refresh:hover:not(:disabled){transform:translateY(-1px);color:#fff!important;background:linear-gradient(135deg,#7020e6cc,#a33cffe0)!important;border-color:#a33cff99!important}.roy-support-refresh:active:not(:disabled){transform:translateY(0)}.roy-support-refresh:disabled{cursor:not-allowed;opacity:.55!important}[data-theme=light] .roy-support-refresh{color:#7625dd!important;background:#7a28ff0e!important;border-color:#7a28ff33!important}[data-theme=light] .roy-support-refresh:hover:not(:disabled){color:#fff!important;background:linear-gradient(135deg,#7020e6,#a330ff)!important;border-color:#0000!important}@media (width<=650px){.roy-support-refresh{width:100%;min-height:44px}}.roy-support-form select{appearance:none;cursor:pointer;color:#eee9f4;background-color:#11101a;background-image:linear-gradient(45deg,#0000 50%,#a853ff 50%),linear-gradient(135deg,#a853ff 50%,#0000 50%);background-position:calc(100% - 18px),calc(100% - 13px);background-repeat:no-repeat;background-size:5px 5px,5px 5px;padding-inline-end:40px}[dir=rtl] .roy-support-form select{background-position:18px,13px;padding-inline:40px 12px}.roy-support-form select option{color:#eee9f4;background:#15121f;padding:10px;font-size:13px;font-weight:600}.roy-support-form select option:checked{color:#fff;background:linear-gradient(135deg,#7020e6,#a330ff)}.roy-support-form select:hover{background-color:#7a28ff11;border-color:#9d43ff73}.roy-support-form select:focus{border-color:#8d35ef;box-shadow:0 0 0 3px #7a28ff17}[data-theme=light] .roy-support-form select{color:#211827;background-color:#faf9fc;border-color:#5a416e21}[data-theme=light] .roy-support-form select option{color:#211827;background:#fff}[data-theme=light] .roy-support-form select:hover{background-color:#7a28ff0a;border-color:#7a28ff4d}.roy-support-success button,.roy-support-page .dashboard-error button{color:#b56dff;cursor:pointer;background:#7a28ff0f;border:1px solid #9b4fff2e;border-radius:9px;flex-shrink:0;place-items:center;width:30px;height:30px;margin-inline-start:auto;padding:0;transition:color .15s,background .15s,border-color .15s,transform .15s;display:grid}.roy-support-success button:hover,.roy-support-page .dashboard-error button:hover{color:#fff;background:linear-gradient(135deg,#7626e9,#a83cff);border-color:#ab4cff73;transform:scale(1.04)}.roy-support-success button:active,.roy-support-page .dashboard-error button:active{transform:scale(.96)}.roy-support-create-actions .secondary-btn{color:#b66cff;cursor:pointer;background:#7a28ff11;border:1px solid #964aff38;border-radius:11px;place-items:center;width:42px;min-width:42px;height:42px;padding:0;transition:color .15s,background .15s,border-color .15s,transform .15s;display:grid}.roy-support-create-actions .secondary-btn:hover{color:#fff;background:linear-gradient(135deg,#7224e3,#a83cff);border-color:#af46ff80;transform:translateY(-1px)}.roy-support-create-actions .secondary-btn:active{transform:translateY(0)}.roy-support-success button svg,.roy-support-page .dashboard-error button svg,.roy-support-create-actions .secondary-btn svg{pointer-events:none;width:16px;height:16px}[data-theme=light] .roy-support-success button,[data-theme=light] .roy-support-page .dashboard-error button,[data-theme=light] .roy-support-create-actions .secondary-btn{color:#7625dd;background:#7a28ff0b;border-color:#7a28ff29}[data-theme=light] .roy-support-success button:hover,[data-theme=light] .roy-support-page .dashboard-error button:hover,[data-theme=light] .roy-support-create-actions .secondary-btn:hover{color:#fff;background:linear-gradient(135deg,#7020e6,#a330ff)}.roy-support-live-actions{align-items:center;gap:8px;margin-inline-start:auto;display:flex}.roy-support-live{color:#46ce91;letter-spacing:.7px;background:#3fcf8b11;border:1px solid #3fcf8b2e;border-radius:999px;align-items:center;gap:6px;height:31px;padding:0 10px;font-size:9px;font-weight:900;display:flex}.roy-support-live i{background:#46ce91;border-radius:50%;width:6px;height:6px;animation:1.8s infinite royLivePulse;box-shadow:0 0 0 4px #46ce9117}@keyframes royLivePulse{0%,to{opacity:1}50%{opacity:.35}}.roy-support-close-ticket{color:#ec7184;cursor:pointer;background:#eb687d0e;border:1px solid #eb687d2e;border-radius:10px;justify-content:center;align-items:center;gap:6px;min-height:33px;padding:0 11px;font-size:10px;font-weight:800;transition:border-color .15s,background .15s,color .15s;display:flex}.roy-support-close-ticket:hover:not(:disabled){color:#fff;background:#da4259d9;border-color:#eb687d80}.roy-support-close-ticket:disabled{opacity:.55;cursor:not-allowed}[data-theme=light] .roy-support-live{background:#3fcf8b0e}[data-theme=light] .roy-support-close-ticket{background:#eb687d0b}@media (width<=700px){.roy-support-conversation-head{flex-wrap:wrap;align-items:flex-start}.roy-support-live-actions{width:100%;margin-inline-start:0}}.roy-sub-page{min-width:0}.roy-sub-head{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:20px;display:flex}.roy-sub-head h1{margin:4px 0 5px;font-size:30px}.roy-sub-head p{opacity:.62;margin:0}.roy-sub-refresh{color:#ad62f9;cursor:pointer;background:#7a28ff0f;border:1px solid #9b4aff38;border-radius:11px;justify-content:center;align-items:center;gap:7px;min-height:40px;padding:0 14px;font-weight:700;display:flex}.roy-sub-refresh:hover:not(:disabled){color:#fff;background:linear-gradient(135deg,#7020e6,#a83cff)}.roy-sub-refresh:disabled{opacity:.55;cursor:not-allowed}.roy-sub-loading,.roy-sub-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:420px;display:flex}.roy-sub-loading{opacity:.65}.roy-sub-empty{background:#ffffff06;border:1px solid #826c9b24;border-radius:20px}.roy-sub-empty-icon{color:#a651ff;background:#7a28ff14;border-radius:18px;place-items:center;width:62px;height:62px;display:grid}.roy-sub-empty h2{margin:7px 0 0}.roy-sub-empty p{opacity:.55;max-width:430px;margin:0;line-height:1.6}.roy-sub-current{background:linear-gradient(135deg,#7a28ff18,#a83cff09);border:1px solid #9342ff2e;border-radius:21px;justify-content:space-between;align-items:center;gap:20px;padding:24px;display:flex}.roy-sub-plan-main{align-items:center;gap:15px;min-width:0;display:flex}.roy-sub-plan-icon{color:#b263ff;background:#7a28ff16;border:1px solid #aa53ff2e;border-radius:17px;flex-shrink:0;place-items:center;width:58px;height:58px;display:grid}.roy-sub-plan-main>div:last-child>span{opacity:.5;font-size:10px;font-weight:800}.roy-sub-plan-main h2{margin:4px 0 8px;font-size:23px}.roy-sub-plan-tags{flex-wrap:wrap;gap:7px;display:flex}.roy-sub-status,.roy-sub-lifetime{border-radius:999px;align-items:center;gap:5px;min-height:27px;padding:0 9px;font-size:9px;font-weight:800;display:inline-flex}.roy-sub-status.active{color:#49cd92;background:#49cd9217}.roy-sub-status.trial{color:#55a9ef;background:#55a9ef17}.roy-sub-status.suspended{color:#e5a950;background:#e5a95017}.roy-sub-status.expired,.roy-sub-status.cancelled{color:#e67181;background:#e6718117}.roy-sub-lifetime{color:#bc72ff;background:#9b41ff1a}.roy-sub-price{text-align:end;flex-shrink:0}.roy-sub-price strong{font-size:25px;display:block}.roy-sub-price span{opacity:.5;font-size:10px}.roy-sub-info-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px;display:grid}.roy-sub-info-card{background:#ffffff06;border:1px solid #826c9b21;border-radius:16px;flex-direction:column;gap:8px;min-height:125px;padding:16px;display:flex}.roy-sub-info-card>div{color:#a451ff;background:#7a28ff13;border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.roy-sub-info-card>span{opacity:.5;font-size:10px;font-weight:700}.roy-sub-info-card>strong{overflow-wrap:anywhere;font-size:13px}.roy-sub-plans{margin-top:28px}.roy-sub-section-head h2{margin:0;font-size:20px}.roy-sub-section-head p{opacity:.55;margin:5px 0 0;font-size:12px}.roy-sub-plan-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px;display:grid}.roy-sub-plan-card{background:#ffffff06;border:1px solid #826c9b21;border-radius:17px;min-height:190px;padding:18px;position:relative}.roy-sub-plan-card.current{background:#7a28ff12;border-color:#9740ff66;box-shadow:0 0 0 1px #9740ff0d}.roy-sub-current-badge{top:13px;color:#b96fff;background:#7a28ff1a;border-radius:999px;padding:5px 8px;font-size:8px;font-weight:900;position:absolute;inset-inline-end:13px}.roy-sub-card-icon{color:#ad5dff;background:#7a28ff13;border-radius:11px;place-items:center;width:39px;height:39px;display:grid}.roy-sub-plan-card h3{margin:13px 0 6px;font-size:16px}.roy-sub-card-price{font-size:20px}.roy-sub-card-detail{opacity:.65;flex-direction:column;gap:7px;margin-top:16px;font-size:10px;display:flex}.roy-sub-card-detail span{align-items:center;gap:6px;display:flex}.roy-sub-sync-note{opacity:.57;border:1px solid #826c9b1c;border-radius:12px;align-items:center;gap:7px;margin-top:18px;padding:11px 13px;font-size:10px;display:flex}[data-theme=light] .roy-sub-current,[data-theme=light] .roy-sub-info-card,[data-theme=light] .roy-sub-plan-card,[data-theme=light] .roy-sub-empty{background:#fff;border-color:#503c641a}[data-theme=light] .roy-sub-current{background:linear-gradient(135deg,#7a28ff0e,#fff)}[data-theme=light] .roy-sub-plan-card.current{background:#7a28ff0b;border-color:#7a28ff40}@media (width<=900px){.roy-sub-info-grid,.roy-sub-plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=650px){.roy-sub-head{flex-direction:column;align-items:stretch}.roy-sub-current{flex-direction:column;align-items:flex-start}.roy-sub-price{text-align:start}.roy-sub-info-grid,.roy-sub-plan-grid{grid-template-columns:1fr}.roy-sub-refresh{width:100%}}.playlist-edit-btn{background:#7a28ff0e!important;border-color:#7a28ff29!important}.playlist-edit-btn:hover{background:#7a28ff1a!important;border-color:#7a28ff47!important}.playlist-tabs button:disabled{cursor:default;opacity:.72}.parent-pin-page{width:100%;max-width:1180px;margin:0 auto;padding:34px 34px 70px}.parent-pin-header{background:linear-gradient(135deg,#7a28ff1f,#a83cff09);border:1px solid #a67bff26;border-radius:24px;margin-bottom:28px;padding:28px 30px;position:relative;overflow:hidden;box-shadow:0 22px 65px #14072d29}.parent-pin-header:before{content:"";filter:blur(65px);pointer-events:none;background:#8439ff38;border-radius:50%;width:260px;height:260px;position:absolute;top:-180px;right:-60px}.parent-pin-header h1{color:#f8f6ff;letter-spacing:-.04em;margin:8px 0;font-size:clamp(28px,3vw,38px);font-weight:800;position:relative}.parent-pin-header p{color:#e7e0f491;max-width:590px;margin:0;font-size:14px;line-height:1.7;position:relative}.parent-pin-header .devices2-eyebrow{color:#b992ff;letter-spacing:.14em;background:#7a28ff17;border:1px solid #a271ff2e;border-radius:999px;align-items:center;min-height:28px;padding:0 11px;font-size:10px;font-weight:800;display:inline-flex;position:relative}.parent-pin-grid{grid-template-columns:minmax(280px,.78fr) minmax(420px,1.22fr);align-items:stretch;gap:22px;display:grid}.parent-pin-status-card,.parent-pin-form-card{background:linear-gradient(145deg,#151222f5,#0e0c18f5);border:1px solid #aa87d21f;border-radius:24px;position:relative;overflow:hidden;box-shadow:0 24px 65px #0000002e}.parent-pin-status-card{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:470px;padding:40px 34px;display:flex}.parent-pin-status-card:before{content:"";filter:blur(60px);background:#7b2eff1f;border-radius:50%;width:260px;height:260px;position:absolute;top:-120px;left:50%;transform:translate(-50%)}.parent-pin-shield{color:#d7cde65c;background:#ffffff06;border:1px solid #a087be21;border-radius:28px;place-items:center;width:94px;height:94px;margin-bottom:26px;transition:transform .22s,background .22s,border-color .22s,box-shadow .22s;display:grid;position:relative;box-shadow:inset 0 1px #ffffff0a}.parent-pin-shield.active{color:#b98cff;background:linear-gradient(145deg,#7b28ff38,#a83cff14);border-color:#a167ff45;box-shadow:0 0 0 8px #7a28ff09,0 20px 55px #6b24d72e,inset 0 1px #ffffff0f}.parent-pin-small{color:#c0afd77a;letter-spacing:.16em;margin-bottom:10px;font-size:9px;font-weight:800;position:relative}.parent-pin-status-card h2{color:#f4f0fb;letter-spacing:-.025em;margin:0 0 10px;font-size:22px;font-weight:800;position:relative}.parent-pin-status-card p{color:#e2d9f080;max-width:310px;margin:0 auto 22px;font-size:13px;line-height:1.65;position:relative}.parent-pin-badge{color:#dcd2eb80;letter-spacing:.1em;background:#ffffff06;border:1px solid #ffffff12;border-radius:999px;align-items:center;gap:8px;min-height:30px;padding:0 12px;font-size:9px;font-weight:800;display:inline-flex;position:relative}.parent-pin-badge i{background:#77717e;border-radius:50%;width:6px;height:6px}.parent-pin-badge.enabled{color:#b989ff;background:#7a28ff14;border-color:#894eff33}.parent-pin-badge.enabled i{background:#9a5cff;box-shadow:0 0 9px #9a5cffb3}.parent-pin-updated{color:#dcd2e961;border-top:1px solid #ffffff0e;flex-direction:column;gap:5px;width:100%;margin-top:28px;padding-top:18px;font-size:10px;display:flex;position:relative}.parent-pin-updated strong{color:#ebe4f5b0;font-size:11px;font-weight:600}.parent-pin-form-card{min-height:470px;padding:32px}.parent-pin-form-title{border-bottom:1px solid #ffffff0e;align-items:center;gap:14px;margin-bottom:26px;padding-bottom:24px;display:flex}.parent-pin-form-title>div:first-child{color:#ae7dff;background:#7a28ff17;border:1px solid #9862ff2e;border-radius:14px;flex:0 0 46px;place-items:center;width:46px;height:46px;display:grid}.parent-pin-form-title h2{color:#f5f1fb;letter-spacing:-.02em;margin:0 0 4px;font-size:19px;font-weight:800}.parent-pin-form-title p{color:#e2d8f06b;margin:0;font-size:11px}.parent-pin-form{flex-direction:column;gap:10px;display:flex}.parent-pin-form label{color:#e8e0f2ab;margin-top:8px;font-size:11px;font-weight:700}.parent-pin-input{color:#d3c2eb80;background:#05040a52;border:1px solid #ab8bcd1f;border-radius:15px;align-items:center;gap:11px;width:100%;min-height:54px;padding:0 14px;transition:border-color .18s,box-shadow .18s,background .18s;display:flex}.parent-pin-input:focus-within{background:#7a28ff0b;border-color:#9453ff80;box-shadow:0 0 0 4px #7a28ff12}.parent-pin-input input{color:#f4effb;letter-spacing:.34em;caret-color:#a66cff;background:0 0;border:0;outline:0;width:100%;min-width:0;font-size:19px;font-weight:700}.parent-pin-input input::placeholder{color:#dcd2e633;letter-spacing:.26em}.parent-pin-input button{color:#e1d6ef63;cursor:pointer;background:0 0;border:0;border-radius:9px;flex:0 0 34px;place-items:center;width:34px;height:34px;transition:background .17s,color .17s;display:grid}.parent-pin-input button:hover{color:#b889ff;background:#7a28ff1a}.parent-pin-save{color:#fff;cursor:pointer;background:linear-gradient(135deg,#7627ff,#a33cff);border:0;border-radius:15px;justify-content:center;align-items:center;gap:9px;width:100%;min-height:52px;margin-top:16px;font-size:12px;font-weight:800;transition:transform .17s,box-shadow .17s,opacity .17s;display:flex;box-shadow:0 13px 32px #7a28ff38}.parent-pin-save:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 17px 38px #7a28ff4d}.parent-pin-save:active:not(:disabled){transform:translateY(0)}.parent-pin-save:disabled{opacity:.55;cursor:default}.parent-pin-disable{color:#ff778bc7;cursor:pointer;background:#ef576f0b;border:1px solid #ef576f21;border-radius:14px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:47px;margin-top:12px;font-size:11px;font-weight:700;transition:background .17s,border-color .17s,color .17s;display:flex}.parent-pin-disable:hover:not(:disabled){color:#ff8b9d;background:#ef576f14;border-color:#ef576f45}.parent-pin-loading{color:#e1d8ee7a;flex-direction:column;justify-content:center;align-items:center;gap:13px;min-height:360px;font-size:12px;display:flex}.parent-pin-page .playlist-alert{border-radius:14px;margin-bottom:18px}[data-theme=light] .parent-pin-header{background:linear-gradient(135deg,#7a28ff12,#ffffffe0);border-color:#5c2baa17;box-shadow:0 18px 50px #462d6414}[data-theme=light] .parent-pin-header h1{color:#21192c}[data-theme=light] .parent-pin-header p{color:#2a20368c}[data-theme=light] .parent-pin-status-card,[data-theme=light] .parent-pin-form-card{background:#fffffff5;border-color:#4b286e14;box-shadow:0 20px 55px #3b245412}[data-theme=light] .parent-pin-status-card h2,[data-theme=light] .parent-pin-form-title h2{color:#241c2e}[data-theme=light] .parent-pin-status-card p,[data-theme=light] .parent-pin-form-title p{color:#31253f85}[data-theme=light] .parent-pin-form label{color:#2c2238b3}[data-theme=light] .parent-pin-input{background:#faf8fd;border-color:#5839701c}[data-theme=light] .parent-pin-input input{color:#201827}[data-theme=light] .parent-pin-updated{color:#2d1e3c6b;border-color:#321e4614}[data-theme=light] .parent-pin-updated strong{color:#23172eb8}[dir=rtl] .parent-pin-header,[dir=rtl] .parent-pin-form-card,[dir=rtl] .parent-pin-status-card{direction:rtl}@media (width<=900px){.parent-pin-page{padding:24px 20px 55px}.parent-pin-grid{grid-template-columns:1fr}.parent-pin-status-card{min-height:auto;padding:34px 25px}.parent-pin-form-card{min-height:auto}}@media (width<=560px){.parent-pin-page{padding:18px 14px 45px}.parent-pin-header{border-radius:19px;padding:23px 21px}.parent-pin-status-card,.parent-pin-form-card{border-radius:19px}.parent-pin-form-card{padding:24px 19px}.parent-pin-shield{border-radius:23px;width:78px;height:78px}}.roy-disable-pin-overlay{z-index:99999;-webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px);background:#05040bbd;justify-content:center;align-items:center;padding:24px;animation:.18s royDisableFade;display:flex;position:fixed;inset:0}.roy-disable-pin-modal{background:linear-gradient(145deg,#171320,#0d0b14);border:1px solid #b377ff2e;border-radius:24px;width:min(440px,100%);padding:31px;animation:.22s royDisablePop;position:relative;overflow:hidden;box-shadow:0 35px 110px #00000094}.roy-disable-pin-modal:before{content:"";filter:blur(65px);pointer-events:none;background:#872fff47;border-radius:50%;width:250px;height:250px;position:absolute;top:-180px;right:-80px}.roy-disable-pin-icon{color:#ff758d;background:linear-gradient(145deg,#ff476724,#7a28ff14);border:1px solid #ff5f7633;border-radius:18px;place-items:center;width:62px;height:62px;margin-bottom:20px;display:grid;position:relative;box-shadow:0 14px 40px #ff3f5f14}.roy-disable-pin-eyebrow{color:#ad82ff;letter-spacing:.17em;margin-bottom:7px;font-size:9px;font-weight:800;display:block;position:relative}.roy-disable-pin-modal h2{color:#f8f4fd;letter-spacing:-.035em;margin:0 0 10px;font-size:23px;font-weight:800;position:relative}.roy-disable-pin-text{color:#e4daf18c;margin:0 0 20px;font-size:12px;line-height:1.65;position:relative}.roy-disable-pin-warning{color:#ff97a6d9;background:#ff45630e;border:1px solid #ff5b7321;border-radius:13px;align-items:flex-start;gap:10px;margin-bottom:23px;padding:13px 14px;font-size:10px;line-height:1.55;display:flex;position:relative}.roy-disable-pin-warning svg{flex:none;margin-top:1px}.roy-disable-pin-actions{grid-template-columns:.85fr 1.35fr;gap:10px;display:grid}.roy-disable-pin-actions button{cursor:pointer;border-radius:13px;min-height:49px;font-size:11px;font-weight:800;transition:transform .16s,background .16s,border-color .16s,opacity .16s}.roy-disable-pin-cancel{color:#ece4f5a6;background:#ffffff09;border:1px solid #ffffff13}.roy-disable-pin-cancel:hover:not(:disabled){background:#fff1}.roy-disable-pin-confirm{color:#fff;background:linear-gradient(135deg,#d93659,#a72d55);border:1px solid #ff516f2e;justify-content:center;align-items:center;gap:8px;display:flex;box-shadow:0 12px 30px #d631522e}.roy-disable-pin-confirm:hover:not(:disabled){background:linear-gradient(135deg,#e64365,#b5325d);transform:translateY(-1px)}.roy-disable-pin-actions button:disabled{opacity:.5;cursor:default}@keyframes royDisableFade{0%{opacity:0}to{opacity:1}}@keyframes royDisablePop{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=520px){.roy-disable-pin-modal{border-radius:20px;padding:25px 21px}.roy-disable-pin-actions{grid-template-columns:1fr}.roy-disable-pin-cancel{order:2}}[data-theme=light] .roy-disable-pin-modal{background:#fff;border-color:#5f35911a;box-shadow:0 30px 90px #38234e2e}[data-theme=light] .roy-disable-pin-modal h2{color:#241b2e}[data-theme=light] .roy-disable-pin-text{color:#2f223b8c}[dir=rtl] .roy-disable-pin-modal{direction:rtl}@media (width<=1199px){.content{width:100%;max-width:none;padding:28px 26px 50px;overflow-x:hidden}.content .hero{grid-template-columns:minmax(0,1fr) minmax(180px,260px);align-items:center;gap:24px;min-height:300px;padding:34px;display:grid;overflow:hidden}.content .hero-left{z-index:2;min-width:0;position:relative}.content .hero-left h1{font-size:clamp(38px,5vw,54px)}.content .hero-left p{max-width:520px}.content .hero-logo{z-index:1;justify-content:center;align-items:center;width:100%;display:flex;position:relative}.content .hero-logo img{object-fit:contain;width:100%;max-width:220px;height:auto}.content .quick-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.content .quick-card{min-width:0}.content .quick-card:last-child{grid-column:1/-1}.content .dashboard-row{grid-template-columns:minmax(0,1fr);gap:18px}.content .panel{min-width:0}}@media (width<=767px){.content{width:100%;padding:16px 14px 38px;overflow-x:hidden}.content .dashboard-error{flex-direction:column;align-items:stretch;gap:10px;width:100%;padding:13px 14px;display:flex}.content .dashboard-error button{width:100%;min-height:42px}.content .hero{border-radius:20px;width:100%;min-height:0;padding:26px 22px;display:block;position:relative;overflow:hidden}.content .hero-left{width:100%;max-width:none}.content .hero .eyebrow{letter-spacing:.15em;font-size:9px}.content .hero-left h1{letter-spacing:-.04em;margin-top:8px;font-size:clamp(31px,10vw,40px);line-height:1.05}.content .hero-left p{width:100%;max-width:430px;margin-top:12px;font-size:13px;line-height:1.65}.content .hero .primary-btn{justify-content:center;align-items:center;gap:8px;width:100%;min-height:48px;margin-top:20px;display:flex}.content .hero-logo{display:none}.content .hero .orb1{width:180px;height:180px;top:-70px;right:-90px}.content .hero .orb2{width:130px;height:130px;bottom:-90px;right:30px}.content .dashboard-loading{min-height:220px;padding:30px 15px}.content .quick-cards{grid-template-columns:minmax(0,1fr);gap:12px;margin-top:16px;display:grid}.content .quick-card,.content .quick-card:last-child{border-radius:17px;grid-column:auto;width:100%;min-width:0;padding:17px 16px}.content .quick-card>div:nth-child(2){flex:1;min-width:0}.content .quick-card h3{margin:0 0 4px;font-size:14px}.content .quick-card p{white-space:normal;margin:0;font-size:11px;line-height:1.45}.content .quick-card .round-icon,.content .quick-card .arrow-btn{flex:none}.content .dashboard-row{grid-template-columns:minmax(0,1fr);gap:14px;margin-top:14px;display:grid}.content .panel{border-radius:18px;width:100%;min-width:0;padding:20px 17px}.content .panel-title{align-items:flex-start;gap:12px}.content .panel-title>div:last-child{min-width:0}.content .panel-title h2{font-size:16px}.content .panel-title p{font-size:11px;line-height:1.5}.content .device-content{flex-direction:column;gap:18px;width:100%;display:flex}.content .device-visual{width:100%;min-width:0;min-height:170px}.content .device-info{width:100%;min-width:0}.content .device-info label{margin-top:13px;font-size:10px;display:block}.content .input-like{align-items:center;gap:8px;width:100%;min-width:0;display:flex}.content .input-like span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.content .input-like button{flex:none}.content .status-panel .stats{grid-template-columns:minmax(0,1fr);gap:10px;display:grid}.content .status-panel .stat{width:100%;min-width:0;padding:15px 14px}.content .status-panel .stat strong{word-break:break-word}.content .full-btn{justify-content:center;align-items:center;gap:8px;width:100%;min-height:46px;display:flex}.state-page{width:100%;min-height:100dvh;padding:18px}.login-card,.state-card{border-radius:21px;width:min(100%,430px);max-width:100%;padding:26px 20px}.login-logo img{max-width:150px;height:auto}.login-card h1{font-size:29px}.login-card p{font-size:12px;line-height:1.6}.login-info{align-items:flex-start;width:100%}}@media (width<=479px){.content{padding:12px 10px 30px}.content .hero{border-radius:17px;padding:22px 18px}.content .hero-left h1{font-size:30px}.content .hero-left p{font-size:12px}.content .quick-card{padding:15px 14px}.content .panel{border-radius:16px;padding:18px 14px}.content .device-visual{min-height:150px}.content .round-icon{transform:scale(.92)}.login-card,.state-card{padding:23px 17px}}@media (width<=767px){[dir=rtl] .content .hero-left,[dir=rtl] .content .panel,[dir=rtl] .login-card{direction:rtl}}.mobile-menu-btn,.mobile-topbar-brand,.sidebar-mobile-close,.mobile-sidebar-backdrop{display:none}@media (width<=900px){.layout{width:100%;min-height:100vh;display:block}.main{width:100%;min-width:0}.topbar{z-index:40;border-bottom:1px solid var(--border);gap:9px;width:100%;height:72px;padding:0 16px;position:sticky;top:0}.mobile-menu-btn{border:1px solid var(--border);background:var(--surface);width:44px;height:44px;color:var(--text);cursor:pointer;border-radius:13px;flex:0 0 44px;place-items:center;transition:background .18s,border-color .18s,transform .18s;display:grid}.mobile-menu-btn:hover{background:color-mix(in srgb, var(--surface) 90%, #7b28ff);border-color:#7b28ff4d}.mobile-menu-btn:active{transform:scale(.96)}.mobile-topbar-brand{flex:none;align-items:center;height:44px;display:flex}.mobile-topbar-brand img{object-fit:contain;width:90px;max-height:38px;display:block}.mobile-sidebar-backdrop{z-index:990;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);opacity:0;visibility:hidden;pointer-events:none;background:#030208a8;transition:opacity .23s,visibility .23s;display:block;position:fixed;inset:0}.mobile-sidebar-backdrop.open{opacity:1;visibility:visible;pointer-events:auto}.sidebar{z-index:1000;border-right:1px solid var(--border);background:var(--sidebar);visibility:hidden;width:min(300px,88vw);height:100dvh;max-height:100dvh;padding:18px 17px 24px;transition:transform .27s cubic-bezier(.2,.8,.2,1),visibility .27s;position:fixed;top:0;left:0;overflow:hidden auto;transform:translate(-105%);box-shadow:25px 0 80px #0000003d;display:flex!important}.sidebar.mobile-open{visibility:visible;transform:translate(0)}.sidebar-mobile-close{z-index:5;border:1px solid var(--border);background:var(--surface2);width:39px;height:39px;color:var(--text);cursor:pointer;border-radius:12px;place-items:center;display:grid;position:absolute;top:17px;right:15px}.sidebar-mobile-close:hover{color:#9c5cff;border-color:#7b28ff47}.sidebar .logo-wrap{justify-content:flex-start;height:94px;padding-right:44px}.sidebar .logo-wrap img{width:142px;max-height:76px}.sidebar nav{gap:5px;width:100%}.sidebar .nav-item{border-radius:14px;gap:13px;height:48px;padding:0 15px}.sidebar .separator{margin:14px 0}.sidebar .premium-card{margin-top:18px}.language-menu{z-index:1100;width:min(220px,100vw - 28px);position:fixed!important;top:65px!important;left:auto!important;right:14px!important}.roy-notification-menu{z-index:1100;max-height:calc(100dvh - 82px);overflow-y:auto;width:min(370px,100vw - 28px)!important;position:fixed!important;top:65px!important;left:auto!important;right:14px!important}[dir=rtl] .sidebar{border-right:0;border-left:1px solid var(--border);left:auto;right:0;transform:translate(105%);box-shadow:-25px 0 80px #0000003d}[dir=rtl] .sidebar.mobile-open{transform:translate(0)}[dir=rtl] .sidebar-mobile-close{left:15px;right:auto}[dir=rtl] .sidebar .logo-wrap{justify-content:flex-start;padding-left:44px;padding-right:0}[dir=rtl] .language-menu,[dir=rtl] .roy-notification-menu{left:14px!important;right:auto!important}}@media (width<=650px){.topbar{gap:7px;height:66px;padding:0 11px}.mobile-menu-btn{border-radius:12px;flex-basis:41px;width:41px;height:41px}.mobile-topbar-brand{height:41px}.mobile-topbar-brand img{width:76px;max-height:33px}.topbar .icon-btn{border-radius:12px;flex:0 0 41px;width:41px;height:41px}.topbar .language-btn{justify-content:center;width:41px;min-width:41px;height:41px;padding:0}.topbar .profile{gap:5px;min-width:0;padding:3px 5px}.topbar .profile>div:nth-child(2){display:none}.topbar .avatar{flex:0 0 37px;width:37px;height:37px}.topbar .logout-btn{flex:0 0 34px;width:34px;height:34px}.language-menu,.roy-notification-menu{top:59px!important}}@media (width<=430px){.topbar{gap:5px;padding:0 8px}.mobile-topbar-brand img{width:68px}.mobile-menu-btn,.topbar .icon-btn,.topbar .language-btn{flex-basis:39px;width:39px;min-width:39px;height:39px}.topbar .profile{padding:2px}.topbar .avatar{flex-basis:35px;width:35px;height:35px}.topbar .logout-btn{flex-basis:31px;width:31px;height:31px}}@media (width>=768px) and (width<=1199px){.content{max-width:100%}.content .hero{border-radius:24px}.content .quick-cards{align-items:stretch}.content .quick-card{min-height:105px}.content .dashboard-row{align-items:stretch}}@media (width<=767px){html,body,#root{max-width:100%;overflow-x:hidden}.main{width:100%;min-width:0;overflow-x:hidden}.content{box-sizing:border-box;width:100%;max-width:100%;margin:0}.content *,.content :before,.content :after{box-sizing:border-box}.content .dashboard-error{border-radius:14px;margin-bottom:14px}.content .dashboard-error span{overflow-wrap:anywhere;width:100%;min-width:0}.content .hero{margin:0;box-shadow:0 20px 55px #46207d17}.content .hero-left{z-index:3;position:relative}.content .hero-left .eyebrow{background:#7b28ff14;border-radius:999px;align-items:center;min-height:23px;padding:0 9px;display:inline-flex}.content .hero-left h1{overflow-wrap:anywhere;max-width:100%;margin-bottom:0}.content .hero-left p{color:var(--muted);margin-bottom:0}.content .hero .primary-btn{border-radius:14px;box-shadow:0 12px 30px #7b28ff33}.content .hero .primary-btn svg{flex:none}.content .quick-cards{align-items:stretch;width:100%}.content .quick-card{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;min-height:90px;display:grid;position:relative;overflow:hidden}.content .quick-card>div{min-width:0}.content .quick-card h3{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.content .quick-card p{overflow-wrap:anywhere;max-width:100%}.content .quick-card .round-icon{border-radius:14px;width:46px;height:46px}.content .quick-card .arrow-btn{border-radius:12px;place-items:center;width:38px;min-width:38px;height:38px;padding:0;display:grid}.content .device-panel{overflow:hidden}.content .device-content{margin-top:18px}.content .device-visual{border-radius:17px;position:relative;overflow:hidden}.content .device-visual svg{max-width:56px;max-height:56px}.content .device-visual span{text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:100%;padding:0 12px;overflow:hidden}.content .device-visual small{overflow-wrap:anywhere;max-width:100%}.content .device-info{display:block}.content .device-info label:first-child{margin-top:0}.content .input-like{border-radius:13px;min-height:49px;padding:0 10px 0 13px}.content .input-like span{font-size:12px}.content .input-like button{border-radius:10px;place-items:center;width:37px;min-width:37px;height:37px;padding:0;display:grid}.content .status-panel{overflow:hidden}.content .status-panel .stats{margin-top:18px}.content .status-panel .stat{border-radius:14px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 12px;display:grid}.content .status-panel .stat>span{grid-column:1;min-width:0}.content .status-panel .stat>strong{overflow-wrap:anywhere;grid-column:1;min-width:0;font-size:19px}.content .status-panel .stat>small{text-align:right;overflow-wrap:anywhere;grid-area:1/2/span 2;align-self:center;max-width:130px}[dir=rtl] .content .status-panel .stat>small{text-align:left}.content .status-panel .full-btn{border-radius:13px;margin-top:15px}.content .panel-title{width:100%}.content .panel-title .round-icon{border-radius:13px;flex:none;width:44px;height:44px}.content .panel-title h2,.content .panel-title p{overflow-wrap:anywhere;max-width:100%}.content button{touch-action:manipulation}}@media (width<=430px){.content{padding:12px 10px 28px}.content .hero{border-radius:17px;padding:21px 17px}.content .hero-left h1{font-size:29px}.content .hero-left p{font-size:11.5px;line-height:1.6}.content .hero .primary-btn{min-height:46px;font-size:12px}.content .quick-card{border-radius:15px;gap:10px;min-height:84px;padding:14px 13px}.content .quick-card .round-icon{width:43px;height:43px}.content .quick-card h3{font-size:13px}.content .quick-card p{font-size:10.5px}.content .panel{padding:17px 14px}.content .panel-title h2{font-size:15px}.content .device-visual{min-height:145px}.content .status-panel .stat{padding:13px}.content .status-panel .stat>strong{font-size:17px}}@media (width<=380px){.mobile-topbar-brand{display:none!important}.topbar .top-spacer{min-width:2px}.topbar{gap:4px}.content{padding-left:9px;padding-right:9px}.content .quick-card{grid-template-columns:auto minmax(0,1fr) 34px}.content .quick-card .arrow-btn{width:34px;min-width:34px;height:34px}.content .status-panel .stat{grid-template-columns:minmax(0,1fr)}.content .status-panel .stat>small{text-align:left;grid-area:auto/1;max-width:100%}[dir=rtl] .content .status-panel .stat>small{text-align:right}}@media (width<=1199px){.activate-page{width:100%;max-width:none;padding:28px 26px 50px}.activate-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.activate-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px}.activate-card{min-width:0}}@media (width<=767px){.activate-page{width:100%;max-width:100%;margin:0;padding:18px 14px 38px;overflow-x:hidden}.activate-page *,.activate-page :before,.activate-page :after{box-sizing:border-box}.activate-header{width:100%;margin-bottom:18px}.activate-header .devices2-eyebrow{letter-spacing:.13em;background:#7b28ff14;border-radius:999px;align-items:center;min-height:24px;padding:0 9px;font-size:9px;display:inline-flex}.activate-header h1{letter-spacing:-.035em;margin:9px 0 7px;font-size:clamp(29px,9vw,38px);line-height:1.08}.activate-header p{max-width:100%;color:var(--muted);margin:0;font-size:12.5px;line-height:1.65}.activate-page .playlist-alert{overflow-wrap:anywhere;border-radius:14px;width:100%;margin-bottom:14px;padding:13px 14px}.activate-loading{text-align:center;min-height:240px;padding:30px 16px}.activate-stats{grid-template-columns:1fr;gap:10px;width:100%;display:grid}.activate-stats article{border-radius:16px;align-items:center;gap:13px;width:100%;min-width:0;min-height:82px;padding:14px 15px;display:flex}.activate-stats article>div:last-child{flex:1;min-width:0}.activate-stats article span{overflow-wrap:anywhere;max-width:100%;font-size:10.5px;display:block}.activate-stats article strong{margin-top:3px;font-size:21px;display:block}.activate-stat-icon{border-radius:14px;flex:0 0 46px;width:46px;height:46px}.activate-grid{grid-template-columns:minmax(0,1fr);gap:14px;width:100%;margin-top:14px;display:grid}.activate-card{border-radius:18px;width:100%;min-width:0;padding:20px 17px;overflow:hidden}.activate-card-title{align-items:flex-start;gap:12px;width:100%;display:flex}.activate-title-icon{border-radius:14px;flex:0 0 45px;width:45px;height:45px}.activate-card-title>div:last-child{flex:1;min-width:0}.activate-card-title h2{margin:1px 0 5px;font-size:16px;line-height:1.25}.activate-card-title p{max-width:100%;color:var(--muted);overflow-wrap:anywhere;margin:0;font-size:11px;line-height:1.55}.activate-form{flex-direction:column;gap:0;width:100%;margin-top:19px;display:flex}.activate-form label{letter-spacing:.02em;width:100%;margin:13px 0 7px;font-size:10px;font-weight:700;display:block}.activate-form label:first-child{margin-top:0}.activate-form input,.activate-form select{border-radius:13px;width:100%;min-width:0;height:50px;padding:0 14px;font-size:13px;display:block}.activate-form input::placeholder{opacity:.65}.activate-key-input{letter-spacing:.18em;font-weight:700;font-size:17px!important}.activate-recovery-input{letter-spacing:.08em;text-transform:uppercase;font-weight:700;font-size:14px!important}@supports (-webkit-touch-callout:none){.activate-form input,.activate-form select{font-size:16px}}.activate-primary{touch-action:manipulation;border-radius:14px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:50px;margin-top:19px;padding:0 15px;font-size:12px;font-weight:800;display:flex}.activate-primary svg{flex:none}[dir=rtl] .activate-page{direction:rtl}[dir=rtl] .activate-header,[dir=rtl] .activate-card,[dir=rtl] .activate-form{text-align:right}}@media (width<=430px){.activate-page{padding:14px 10px 30px}.activate-header{margin-bottom:15px}.activate-header h1{font-size:28px}.activate-header p{font-size:11.5px}.activate-stats{gap:8px}.activate-stats article{border-radius:14px;min-height:75px;padding:12px 13px}.activate-stat-icon{border-radius:12px;flex-basis:42px;width:42px;height:42px}.activate-card{border-radius:16px;padding:17px 14px}.activate-title-icon{border-radius:12px;flex-basis:42px;width:42px;height:42px}.activate-card-title h2{font-size:15px}.activate-card-title p{font-size:10.5px}.activate-form input,.activate-form select{height:48px}.activate-primary{border-radius:13px;min-height:48px}}@media (width<=360px){.activate-page{padding-left:8px;padding-right:8px}.activate-card{padding:15px 12px}.activate-card-title{gap:10px}.activate-stat-icon,.activate-title-icon{flex-basis:40px;width:40px;height:40px}}@media (width<=1199px){.playlist-page{width:100%;max-width:none;padding:28px 26px 50px}.playlist-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.playlist-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.playlist-item{min-width:0}}@media (width<=767px){.playlist-page{width:100%;max-width:100%;margin:0;padding:18px 14px 38px;overflow-x:hidden}.playlist-page *,.playlist-page :before,.playlist-page :after{box-sizing:border-box}.playlist-header{flex-direction:column;align-items:stretch;gap:16px;width:100%;margin-bottom:17px;display:flex}.playlist-header>div:first-child{width:100%;min-width:0}.playlist-header .devices2-eyebrow{letter-spacing:.13em;background:#7b28ff14;border-radius:999px;align-items:center;min-height:24px;padding:0 9px;font-size:9px;display:inline-flex}.playlist-header h1{letter-spacing:-.035em;margin:9px 0 7px;font-size:clamp(29px,9vw,38px);line-height:1.08}.playlist-header p{max-width:100%;color:var(--muted);margin:0;font-size:12.5px;line-height:1.6}.playlist-header-actions{grid-template-columns:48px minmax(0,1fr);gap:9px;width:100%;display:grid}.playlist-refresh-btn{border-radius:13px;place-items:center;width:48px;min-width:48px;height:48px;padding:0;display:grid}.playlist-header-actions .playlist-add-btn{border-radius:13px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:48px;display:flex}.playlist-alert{border-radius:14px;align-items:flex-start;width:100%;margin-bottom:13px;padding:13px 14px}.playlist-alert span{overflow-wrap:anywhere;flex:1;min-width:0}.playlist-alert svg{flex:none;margin-top:1px}.playlist-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;width:100%;margin-bottom:15px;display:grid}.playlist-summary>div{border-radius:15px;min-width:0;min-height:82px;padding:14px 13px}.playlist-summary span{overflow-wrap:anywhere;max-width:100%;font-size:10px;display:block}.playlist-summary strong{margin-top:5px;font-size:21px;display:block}.playlist-loading{text-align:center;min-height:230px;padding:30px 15px}.playlist-empty{text-align:center;border-radius:18px;width:100%;min-height:280px;padding:30px 18px}.playlist-empty h2{font-size:18px}.playlist-empty p{max-width:300px;margin-left:auto;margin-right:auto;font-size:11.5px;line-height:1.6}.playlist-empty .playlist-add-btn{justify-content:center;width:100%;max-width:280px;min-height:48px}.playlist-grid{grid-template-columns:minmax(0,1fr);gap:12px;width:100%;display:grid}.playlist-item{border-radius:17px;width:100%;min-width:0;padding:17px 15px;overflow:hidden}.playlist-item-top{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;display:grid}.playlist-type-icon{border-radius:13px;flex:0 0 43px;width:43px;height:43px}.playlist-title{min-width:0}.playlist-title h3{text-overflow:ellipsis;white-space:nowrap;max-width:100%;margin:0 0 5px;font-size:14px;overflow:hidden}.playlist-status{max-width:100%;display:inline-flex}.playlist-type{text-overflow:ellipsis;white-space:nowrap;flex:none;max-width:74px;overflow:hidden}.playlist-meta{grid-template-columns:minmax(78px,auto) minmax(0,1fr);gap:8px 10px;width:100%;margin-top:15px;display:grid}.playlist-meta span{min-width:0;font-size:10px}.playlist-meta strong{text-align:right;overflow-wrap:anywhere;word-break:break-word;min-width:0;max-width:100%;font-size:11px}[dir=rtl] .playlist-meta strong{text-align:left}.playlist-actions{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 46px;gap:8px;width:100%;margin-top:16px;display:grid}.playlist-actions button{touch-action:manipulation;border-radius:12px;min-width:0;min-height:45px}.playlist-test-btn,.playlist-edit-btn{justify-content:center;align-items:center;gap:7px;width:100%;display:flex}.playlist-delete-btn{place-items:center;width:46px;min-width:46px;padding:0;display:grid}.playlist-actions:not(:has(.playlist-edit-btn)){grid-template-columns:minmax(0,1fr) 46px}.playlist-modal-backdrop{z-index:1200;justify-content:center;align-items:flex-end;padding:12px;display:flex;position:fixed;inset:0;overflow-y:auto}.playlist-modal{border-radius:21px 21px 16px 16px;width:100%;max-width:560px;max-height:calc(100dvh - 24px);margin:auto 0 0;padding:20px 17px 18px;overflow:hidden auto}.playlist-modal-header{align-items:flex-start;gap:12px;width:100%;display:flex}.playlist-modal-header>div{flex:1;min-width:0}.playlist-modal-header h2{margin:0 0 5px;font-size:19px}.playlist-modal-header p{overflow-wrap:anywhere;margin:0;font-size:11px;line-height:1.55}.playlist-modal-header>button{border-radius:12px;place-items:center;width:40px;min-width:40px;height:40px;padding:0;display:grid}.playlist-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;width:100%;margin-top:17px;display:grid}.playlist-tabs button{border-radius:11px;width:100%;min-width:0;min-height:44px;padding:0 10px}.playlist-form{width:100%;margin-top:17px}.playlist-form label{margin:13px 0 7px;font-size:10px;font-weight:700;display:block}.playlist-form input,.playlist-form select{border-radius:12px;width:100%;min-width:0;height:49px;padding:0 13px}.playlist-submit-btn{border-radius:13px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:49px;margin-top:19px;display:flex}@supports (-webkit-touch-callout:none){.playlist-form input,.playlist-form select{font-size:16px}}[dir=rtl] .playlist-page,[dir=rtl] .playlist-modal{direction:rtl}}@media (width<=430px){.playlist-page{padding:14px 10px 30px}.playlist-header h1{font-size:28px}.playlist-header p{font-size:11.5px}.playlist-summary{gap:7px}.playlist-summary>div{border-radius:13px;min-height:75px;padding:12px}.playlist-item{border-radius:15px;padding:15px 13px}.playlist-type-icon{flex-basis:40px;width:40px;height:40px}.playlist-actions{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 43px;gap:6px}.playlist-delete-btn{width:43px;min-width:43px}.playlist-modal-backdrop{padding:7px}.playlist-modal{border-radius:19px 19px 13px 13px;max-height:calc(100dvh - 14px);padding:18px 14px 15px}}@media (width<=360px){.playlist-page{padding-left:8px;padding-right:8px}.playlist-item-top{grid-template-columns:40px minmax(0,1fr)}.playlist-item-top .playlist-type{grid-column:2;justify-self:start}.playlist-actions{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.playlist-actions .playlist-delete-btn{grid-column:1/-1;width:100%}.playlist-actions:not(:has(.playlist-edit-btn)){grid-template-columns:minmax(0,1fr) 43px}.playlist-actions:not(:has(.playlist-edit-btn)) .playlist-delete-btn{grid-column:auto;width:43px}}@media (width<=1199px){.devices2-page{width:100%;max-width:none;padding:28px 26px 50px}.devices2-grid,.devices2-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.devices2-card,.devices2-item,.device-card{min-width:0}}@media (width<=767px){.devices2-page{width:100%;max-width:100%;margin:0;padding:18px 14px 38px;overflow-x:hidden}.devices2-page *,.devices2-page :before,.devices2-page :after{box-sizing:border-box}.devices2-header{flex-direction:column;align-items:stretch;gap:15px;width:100%;margin-bottom:18px;display:flex}.devices2-header>div:first-child{width:100%;min-width:0}.devices2-eyebrow{letter-spacing:.13em;background:#7b28ff14;border-radius:999px;align-items:center;min-height:24px;padding:0 9px;font-size:9px;display:inline-flex}.devices2-header h1{letter-spacing:-.035em;margin:9px 0 7px;font-size:clamp(29px,9vw,38px);line-height:1.08}.devices2-header p{max-width:100%;color:var(--muted);margin:0;font-size:12.5px;line-height:1.6}.devices2-header-actions,.devices2-actions-top{grid-template-columns:48px minmax(0,1fr);gap:9px;width:100%;display:grid}.devices2-header-actions button,.devices2-actions-top button{border-radius:13px;min-height:48px}.devices2-summary,.devices2-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;width:100%;margin-bottom:15px;display:grid}.devices2-summary>div,.devices2-stats>div,.devices2-stats>article{border-radius:15px;min-width:0;min-height:80px;padding:13px}.devices2-summary span,.devices2-stats span{overflow-wrap:anywhere;font-size:10px;display:block}.devices2-summary strong,.devices2-stats strong{margin-top:5px;font-size:21px;display:block}.devices2-grid,.devices2-list{grid-template-columns:minmax(0,1fr);gap:12px;width:100%;display:grid}.devices2-card,.devices2-item,.device-card{border-radius:17px;width:100%;min-width:0;padding:17px 15px;overflow:hidden}.devices2-card-head,.devices2-item-top,.device-card-head{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;width:100%;display:grid}.devices2-device-icon,.devices2-icon,.device-card-icon{border-radius:13px;flex:0 0 44px;place-items:center;width:44px;height:44px;display:grid}.devices2-card-title,.devices2-device-title,.device-card-title{min-width:0}.devices2-card-title h3,.devices2-device-title h3,.device-card-title h3{text-overflow:ellipsis;white-space:nowrap;max-width:100%;margin:0 0 4px;font-size:14px;overflow:hidden}.devices2-info,.devices2-meta,.device-card-info{grid-template-columns:minmax(90px,auto) minmax(0,1fr);gap:8px 10px;width:100%;margin-top:15px;display:grid}.devices2-info span,.devices2-meta span,.device-card-info span{min-width:0;color:var(--muted);font-size:10px}.devices2-info strong,.devices2-meta strong,.device-card-info strong{text-align:right;overflow-wrap:anywhere;word-break:break-word;min-width:0;max-width:100%;font-size:11px}[dir=rtl] .devices2-info strong,[dir=rtl] .devices2-meta strong,[dir=rtl] .device-card-info strong{text-align:left}.devices2-page .input-like,.devices2-value,.device-value{border-radius:12px;align-items:center;gap:8px;width:100%;min-width:0;min-height:47px;padding:0 10px 0 13px;display:flex}.devices2-page .input-like span,.devices2-value span,.device-value span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.devices2-page .input-like button,.devices2-value button,.device-value button{border-radius:10px;place-items:center;width:36px;min-width:36px;height:36px;padding:0;display:grid}.devices2-card-actions,.devices2-item-actions,.device-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%;margin-top:16px;display:grid}.devices2-card-actions button,.devices2-item-actions button,.device-actions button{touch-action:manipulation;border-radius:12px;justify-content:center;align-items:center;gap:7px;width:100%;min-width:0;min-height:44px;padding:0 10px;display:flex}.recovery-code,.device-recovery-code,.devices2-recovery-code{overflow-wrap:anywhere;word-break:break-word;max-width:100%;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.devices2-empty,.devices2-loading{text-align:center;border-radius:18px;width:100%;min-height:240px;padding:30px 17px}.devices2-empty p{max-width:300px;margin-left:auto;margin-right:auto;line-height:1.6}.devices2-modal-backdrop,.device-modal-backdrop{z-index:1200;justify-content:center;align-items:flex-end;padding:12px;display:flex;position:fixed;inset:0;overflow-y:auto}.devices2-modal,.device-modal{border-radius:21px 21px 16px 16px;width:100%;max-width:560px;max-height:calc(100dvh - 24px);margin:auto 0 0;padding:20px 17px;overflow-y:auto}.devices2-modal input,.device-modal input,.devices2-modal select,.device-modal select{border-radius:12px;width:100%;min-width:0;height:49px}[dir=rtl] .devices2-page{direction:rtl}}@media (width<=430px){.devices2-page{padding:14px 10px 30px}.devices2-header h1{font-size:28px}.devices2-header p{font-size:11.5px}.devices2-card,.devices2-item,.device-card{border-radius:15px;padding:15px 13px}.devices2-summary,.devices2-stats{gap:7px}.devices2-summary>div,.devices2-stats>div,.devices2-stats>article{min-height:74px;padding:12px}.devices2-card-actions,.devices2-item-actions,.device-actions{grid-template-columns:minmax(0,1fr)}.devices2-card-actions button,.devices2-item-actions button,.device-actions button{min-height:46px}}@media (width<=360px){.devices2-page{padding-left:8px;padding-right:8px}.devices2-card-head,.devices2-item-top,.device-card-head{grid-template-columns:42px minmax(0,1fr)}.devices2-info,.devices2-meta,.device-card-info{grid-template-columns:minmax(0,1fr)}.devices2-info strong,.devices2-meta strong,.device-card-info strong{text-align:left}[dir=rtl] .devices2-info strong,[dir=rtl] .devices2-meta strong,[dir=rtl] .device-card-info strong{text-align:right}}@media (width<=1199px){.roy-sub-page{width:100%;max-width:none;padding:28px 26px 50px}.roy-sub-info-grid,.roy-sub-plan-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.roy-sub-plan-card,.roy-sub-info-card{min-width:0}}@media (width<=767px){.roy-sub-page{width:100%;max-width:100%;margin:0;padding:18px 14px 38px;overflow-x:hidden}.roy-sub-page *,.roy-sub-page :before,.roy-sub-page :after{box-sizing:border-box}.roy-sub-head{flex-direction:column;align-items:stretch;gap:15px;width:100%;margin-bottom:17px;display:flex}.roy-sub-head>div:first-child{width:100%;min-width:0}.roy-sub-head .eyebrow{letter-spacing:.13em;background:#7b28ff14;border-radius:999px;align-items:center;min-height:24px;padding:0 9px;font-size:9px;display:inline-flex}.roy-sub-head h1{letter-spacing:-.035em;overflow-wrap:anywhere;margin:9px 0 7px;font-size:clamp(29px,9vw,38px);line-height:1.08}.roy-sub-head p{max-width:100%;color:var(--muted);margin:0;font-size:12.5px;line-height:1.6}.roy-sub-refresh{touch-action:manipulation;border-radius:13px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:47px;display:flex}.roy-sub-page .dashboard-error{overflow-wrap:anywhere;border-radius:14px;width:100%;margin-bottom:14px;padding:13px 14px}.roy-sub-loading{text-align:center;border-radius:18px;width:100%;min-height:250px;padding:30px 15px}.roy-sub-empty{text-align:center;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:260px;padding:30px 18px;display:flex}.roy-sub-empty-icon{border-radius:16px;place-items:center;width:55px;height:55px;display:grid}.roy-sub-empty h2{margin:15px 0 7px;font-size:18px}.roy-sub-empty p{max-width:310px;margin:0;font-size:11.5px;line-height:1.6}.roy-sub-current{border-radius:18px;flex-direction:column;align-items:stretch;gap:19px;width:100%;padding:19px 17px;display:flex;overflow:hidden}.roy-sub-plan-main{grid-template-columns:52px minmax(0,1fr);align-items:center;gap:12px;width:100%;display:grid}.roy-sub-plan-main>div:last-child{min-width:0}.roy-sub-plan-icon{border-radius:15px;place-items:center;width:52px;height:52px;display:grid}.roy-sub-plan-main h2{overflow-wrap:anywhere;max-width:100%;margin:4px 0 7px;font-size:19px}.roy-sub-plan-main>div:last-child>span{font-size:9px}.roy-sub-plan-tags{flex-wrap:wrap;gap:6px;max-width:100%;display:flex}.roy-sub-status,.roy-sub-lifetime{border-radius:999px;align-items:center;gap:5px;max-width:100%;min-height:25px;padding:4px 8px;font-size:9px;display:inline-flex}.roy-sub-price{border-top:1px solid var(--border);text-align:start;width:100%;padding-top:16px}.roy-sub-price strong{overflow-wrap:anywhere;max-width:100%;font-size:25px;line-height:1.1;display:block}.roy-sub-price span{color:var(--muted);margin-top:5px;font-size:10px;display:block}.roy-sub-info-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;width:100%;margin-top:12px;display:grid}.roy-sub-info-card{border-radius:15px;min-width:0;min-height:112px;padding:14px 13px;overflow:hidden}.roy-sub-info-card>div{border-radius:11px;place-items:center;width:38px;height:38px;display:grid}.roy-sub-info-card>span{color:var(--muted);margin-top:10px;font-size:9.5px;display:block}.roy-sub-info-card>strong{overflow-wrap:anywhere;max-width:100%;margin-top:4px;font-size:12px;line-height:1.4;display:block}.roy-sub-section-head{width:100%;margin-top:25px}.roy-sub-section-head h2{margin:0;font-size:17px}.roy-sub-section-head p{max-width:100%;margin:5px 0 0;font-size:11px;line-height:1.55}.roy-sub-plan-grid{grid-template-columns:minmax(0,1fr);gap:10px;width:100%;margin-top:12px;display:grid}.roy-sub-plan-card{border-radius:16px;width:100%;min-width:0;min-height:0;padding:17px 15px;overflow:hidden}.roy-sub-plan-card h3{overflow-wrap:anywhere;max-width:calc(100% - 65px);margin:13px 0 6px;font-size:16px}.roy-sub-current-badge{top:12px;text-overflow:ellipsis;white-space:nowrap;max-width:85px;inset-inline-end:12px;overflow:hidden}.roy-sub-card-price{overflow-wrap:anywhere;max-width:100%;font-size:20px}.roy-sub-card-detail{gap:8px;width:100%;margin-top:14px}.roy-sub-card-detail span{overflow-wrap:anywhere;min-width:0;line-height:1.4}.roy-sub-card-detail svg{flex:none}.roy-sub-sync-note{border-radius:14px;align-items:flex-start;width:100%;margin-top:13px;padding:13px 14px;line-height:1.5}.roy-sub-sync-note svg{flex:none;margin-top:1px}[dir=rtl] .roy-sub-page{direction:rtl}[dir=rtl] .roy-sub-price{text-align:right}}@media (width<=430px){.roy-sub-page{padding:14px 10px 30px}.roy-sub-head h1{font-size:28px}.roy-sub-head p{font-size:11.5px}.roy-sub-current{border-radius:16px;padding:17px 14px}.roy-sub-plan-main{grid-template-columns:47px minmax(0,1fr);gap:10px}.roy-sub-plan-icon{border-radius:13px;width:47px;height:47px}.roy-sub-plan-main h2{font-size:17px}.roy-sub-price strong{font-size:22px}.roy-sub-info-grid{gap:7px}.roy-sub-info-card{border-radius:13px;min-height:104px;padding:12px}.roy-sub-info-card>strong{font-size:11px}.roy-sub-plan-card{border-radius:14px;padding:15px 13px}}@media (width<=360px){.roy-sub-page{padding-left:8px;padding-right:8px}.roy-sub-info-grid{grid-template-columns:minmax(0,1fr)}.roy-sub-info-card{min-height:92px}.roy-sub-plan-main{grid-template-columns:minmax(0,1fr)}.roy-sub-plan-icon{margin-bottom:3px}.roy-sub-plan-card h3{max-width:calc(100% - 58px)}}@media (width<=1199px){.parent-pin-page{width:100%;max-width:none;padding:28px 26px 50px}.parent-pin-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px}.parent-pin-status-card,.parent-pin-form-card{min-width:0}}@media (width<=767px){.parent-pin-page{width:100%;max-width:100%;margin:0;padding:18px 14px 38px;overflow-x:hidden}.parent-pin-page *,.parent-pin-page :before,.parent-pin-page :after{box-sizing:border-box}.parent-pin-header{width:100%;margin-bottom:18px}.parent-pin-header .devices2-eyebrow{letter-spacing:.13em;background:#7b28ff14;border-radius:999px;align-items:center;min-height:24px;padding:0 9px;font-size:9px;display:inline-flex}.parent-pin-header h1{letter-spacing:-.035em;margin:9px 0 7px;font-size:clamp(29px,9vw,38px);line-height:1.08}.parent-pin-header p{max-width:100%;color:var(--muted);margin:0;font-size:12.5px;line-height:1.6}.parent-pin-page .playlist-alert{border-radius:14px;align-items:flex-start;width:100%;margin-bottom:13px;padding:13px 14px}.parent-pin-page .playlist-alert svg{flex:none;margin-top:1px}.parent-pin-loading{text-align:center;border-radius:18px;width:100%;min-height:230px;padding:30px 16px}.parent-pin-grid{grid-template-columns:minmax(0,1fr);gap:14px;width:100%;display:grid}.parent-pin-status-card{border-radius:18px;width:100%;min-width:0;padding:21px 17px;overflow:hidden}.parent-pin-shield{border-radius:19px;place-items:center;width:66px;height:66px;display:grid}.parent-pin-shield svg{width:34px;height:34px}.parent-pin-small{letter-spacing:.12em;margin-top:18px;font-size:9px;display:block}.parent-pin-status-card h2{overflow-wrap:anywhere;max-width:100%;margin:7px 0;font-size:20px;line-height:1.2}.parent-pin-status-card p{max-width:100%;color:var(--muted);margin:0 0 14px;font-size:11.5px;line-height:1.6}.parent-pin-badge{border-radius:999px;align-items:center;gap:6px;max-width:100%;min-height:27px;padding:5px 9px;font-size:9px;display:inline-flex}.parent-pin-updated{border-radius:13px;flex-direction:column;gap:5px;width:100%;margin-top:17px;padding:13px;font-size:10px;display:flex}.parent-pin-updated strong{overflow-wrap:anywhere;max-width:100%;font-size:11px}.parent-pin-form-card{border-radius:18px;width:100%;min-width:0;padding:20px 17px;overflow:hidden}.parent-pin-form-title{align-items:flex-start;gap:12px;width:100%;display:flex}.parent-pin-form-title>div:first-child{border-radius:14px;flex:0 0 45px;place-items:center;width:45px;height:45px;display:grid}.parent-pin-form-title>div:last-child{flex:1;min-width:0}.parent-pin-form-title h2{overflow-wrap:anywhere;max-width:100%;margin:1px 0 5px;font-size:16px}.parent-pin-form-title p{max-width:100%;color:var(--muted);margin:0;font-size:11px;line-height:1.5}.parent-pin-form-card form{width:100%;margin-top:19px}.parent-pin-form-card label{width:100%;margin:13px 0 7px;font-size:10px;font-weight:700;display:block}.parent-pin-form-card input{letter-spacing:.16em;border-radius:13px;width:100%;min-width:0;height:50px;padding:0 14px;font-size:16px}.parent-pin-form-card input[type=password]{font-size:18px}.parent-pin-input-wrap,.parent-pin-input,.pin-input-wrap{width:100%;min-width:0}.parent-pin-input-wrap{position:relative}.parent-pin-input-wrap input{padding-inline-end:50px}.parent-pin-input-wrap button{top:50%;border-radius:10px;place-items:center;width:38px;height:38px;padding:0;display:grid;position:absolute;inset-inline-end:7px;transform:translateY(-50%)}.parent-pin-actions,.parent-pin-form-actions{grid-template-columns:minmax(0,1fr);gap:9px;width:100%;margin-top:18px;display:grid}.parent-pin-actions button,.parent-pin-form-actions button,.parent-pin-form-card button[type=submit]{touch-action:manipulation;border-radius:13px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:49px;display:flex}.roy-disable-pin-overlay{align-items:flex-end;padding:12px}.roy-disable-pin-modal{border-radius:22px 22px 16px 16px;width:100%;max-width:480px;max-height:calc(100dvh - 24px);margin:auto 0 0;padding:24px 18px 18px;overflow-y:auto}.roy-disable-pin-icon{border-radius:16px;width:55px;height:55px;margin-bottom:17px}.roy-disable-pin-modal h2{font-size:20px;line-height:1.25}.roy-disable-pin-text{font-size:11.5px;line-height:1.6}.roy-disable-pin-warning{border-radius:12px;width:100%;margin-bottom:18px;padding:12px}.roy-disable-pin-actions{grid-template-columns:minmax(0,1fr);gap:8px}.roy-disable-pin-actions button{width:100%;min-height:48px}.roy-disable-pin-cancel{order:2}[dir=rtl] .parent-pin-page,[dir=rtl] .roy-disable-pin-modal{direction:rtl}}@media (width<=430px){.parent-pin-page{padding:14px 10px 30px}.parent-pin-header h1{font-size:28px}.parent-pin-header p{font-size:11.5px}.parent-pin-status-card,.parent-pin-form-card{border-radius:16px;padding:17px 14px}.parent-pin-shield{border-radius:17px;width:60px;height:60px}.parent-pin-form-title>div:first-child{border-radius:12px;flex-basis:42px;width:42px;height:42px}.parent-pin-form-title h2{font-size:15px}.roy-disable-pin-overlay{padding:7px}.roy-disable-pin-modal{border-radius:19px 19px 13px 13px;max-height:calc(100dvh - 14px);padding:21px 15px 15px}}@media (width<=360px){.parent-pin-page{padding-left:8px;padding-right:8px}.parent-pin-form-title{gap:10px}.parent-pin-shield{width:56px;height:56px}}@media (width<=1199px){.settings-page{width:100%;max-width:none;padding:28px 26px 50px}.settings-grid{gap:16px}.settings-card{min-width:0}}@media (width<=767px){.settings-page{width:100%;max-width:100%;margin:0;padding:18px 14px 38px;overflow-x:hidden}.settings-page *,.settings-page :before,.settings-page :after{box-sizing:border-box}.settings-header{width:100%;margin-bottom:18px}.settings-header .devices2-eyebrow{letter-spacing:.13em;background:#7b28ff14;border-radius:999px;align-items:center;min-height:24px;padding:0 9px;font-size:9px;display:inline-flex}.settings-header h1{letter-spacing:-.035em;margin:9px 0 7px;font-size:clamp(29px,9vw,38px);line-height:1.08}.settings-header p{max-width:100%;color:var(--muted);margin:0;font-size:12.5px;line-height:1.6}.settings-page .playlist-alert{border-radius:14px;align-items:flex-start;width:100%;margin-bottom:14px;padding:13px 14px}.settings-page .playlist-alert svg{flex:none;margin-top:1px}.settings-grid{grid-template-columns:minmax(0,1fr);gap:13px;width:100%;display:grid}.playback-card{grid-column:auto}.settings-card{border-radius:18px;width:100%;min-width:0;padding:19px 16px;overflow:hidden}.settings-card-title{align-items:flex-start;gap:12px;width:100%;margin-bottom:18px;display:flex}.settings-card-title>div:last-child{flex:1;min-width:0}.settings-card-title h2{overflow-wrap:anywhere;max-width:100%;margin:1px 0 5px;font-size:16px}.settings-card-title p{overflow-wrap:anywhere;max-width:100%;margin:0;font-size:11px;line-height:1.5}.settings-icon{border-radius:14px;flex:0 0 45px;width:45px;height:45px}.settings-theme-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;width:100%;display:grid}.settings-theme{touch-action:manipulation;border-radius:14px;gap:8px;width:100%;min-width:0;padding:8px}.settings-theme strong{padding:0 2px 2px;font-size:11px}.theme-preview{border-radius:10px;grid-template-rows:18px minmax(0,1fr);grid-template-columns:25px minmax(0,1fr);gap:6px;width:100%;height:82px;padding:10px}.settings-label{margin-bottom:7px;font-size:10.5px}.settings-select{border-radius:13px;width:100%;min-width:0;height:50px;padding:0 13px;font-size:13px;display:block}@supports (-webkit-touch-callout:none){.settings-select{font-size:16px}}.settings-info-row{border-radius:12px;align-items:flex-start;width:100%;padding:12px 13px;line-height:1.5}.settings-info-row svg{flex:none}.settings-account{border-radius:13px;align-items:flex-start;gap:8px;width:100%;padding:13px;display:flex}.settings-account strong{text-align:right;overflow-wrap:anywhere;min-width:0;max-width:65%}[dir=rtl] .settings-account strong{text-align:left}.settings-toggle-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;min-height:72px;padding:12px 0;display:grid}.settings-toggle-row>div{grid-template-columns:21px minmax(0,1fr);align-items:center;gap:10px;min-width:0;display:grid}.settings-toggle-row>div>svg{flex:none}.settings-toggle-row>div>div{min-width:0}.settings-toggle-row strong{overflow-wrap:anywhere;max-width:100%;font-size:12px}.settings-toggle-row span{overflow-wrap:anywhere;max-width:100%;font-size:10.5px;line-height:1.45}.roy-switch{cursor:pointer;touch-action:manipulation;flex:0 0 47px;width:47px;min-width:47px;height:26px}[dir=rtl] .roy-switch.active i{transform:translate(-21px)}.settings-actions{grid-template-columns:minmax(0,1fr);gap:8px;width:100%;margin-top:14px;display:grid}.settings-reset,.settings-save{touch-action:manipulation;border-radius:13px;justify-content:center;width:100%;min-height:49px}.settings-save{order:1}.settings-reset{order:2}[dir=rtl] .settings-page{direction:rtl}[dir=rtl] .settings-theme{text-align:right}}@media (width<=430px){.settings-page{padding:14px 10px 30px}.settings-header h1{font-size:28px}.settings-header p{font-size:11.5px}.settings-card{border-radius:16px;padding:17px 14px}.settings-icon{border-radius:12px;flex-basis:42px;width:42px;height:42px}.settings-card-title{gap:10px;margin-bottom:16px}.settings-card-title h2{font-size:15px}.theme-preview{height:74px;padding:8px}.settings-toggle-row{min-height:68px}}@media (width<=360px){.settings-page{padding-left:8px;padding-right:8px}.settings-theme-grid{grid-template-columns:minmax(0,1fr)}.theme-preview{height:90px}.settings-toggle-row{grid-template-columns:minmax(0,1fr) 47px}}@media (width<=1199px){.support-page{width:100%;max-width:none;padding:28px 26px 50px}.roy-support-page{width:100%;min-width:0}.roy-support-layout,.roy-support-list,.roy-support-main{min-width:0}}@media (width<=767px){.support-page{width:100%;max-width:100%;margin:0;padding:18px 14px 38px;overflow-x:hidden}.roy-support-page{width:100%;min-width:0;overflow-x:hidden}.roy-support-page *,.roy-support-page :before,.roy-support-page :after{box-sizing:border-box}.roy-support-head{flex-direction:column;align-items:stretch;gap:14px;width:100%;margin-bottom:15px;display:flex}.roy-support-head>div:first-child{min-width:0}.roy-support-head h1{letter-spacing:-.035em;overflow-wrap:anywhere;margin:5px 0 6px;font-size:28px;line-height:1.1}.roy-support-head p{overflow-wrap:anywhere;max-width:100%;font-size:11.5px;line-height:1.6}.roy-support-head-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%;display:grid}.roy-support-head-actions button{touch-action:manipulation;border-radius:12px;justify-content:center;width:100%;min-width:0;min-height:46px;padding:0 11px}.roy-support-refresh{width:100%;min-height:46px}.roy-support-disabled,.roy-support-success,.roy-support-page .dashboard-error{overflow-wrap:anywhere;border-radius:12px;align-items:flex-start;width:100%;min-width:0;padding:12px 13px}.roy-support-disabled svg,.roy-support-success>svg,.roy-support-page .dashboard-error>svg{flex:none;margin-top:1px}.roy-support-layout{grid-template-columns:minmax(0,1fr);gap:12px;width:100%;min-height:0;display:grid}.roy-support-list,.roy-support-main{border-radius:16px;width:100%;min-width:0}.roy-support-list{max-height:330px}.roy-support-list-title{height:52px;padding:0 13px}.roy-support-list-title strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.roy-support-ticket-list{max-height:275px}.roy-support-ticket{padding:13px}.roy-support-ticket-top,.roy-support-ticket-meta{gap:7px;min-width:0}.roy-support-ticket>strong{max-width:100%;margin:8px 0;font-size:12px}.roy-support-ticket-meta{flex-wrap:wrap}.roy-support-status,.roy-support-priority{flex:none}.roy-support-state,.roy-support-empty-detail{border-radius:16px;width:100%;min-height:260px;padding:24px 16px}.roy-support-empty-detail{min-height:360px}.roy-support-empty-detail h2{font-size:17px}.roy-support-empty-detail p{max-width:290px;font-size:11px}.roy-support-create{min-height:0}.roy-support-main-head{align-items:center;width:100%;min-height:67px;padding:13px 14px}.roy-support-main-head>div{min-width:0}.roy-support-main-head h2{overflow-wrap:anywhere;max-width:100%;font-size:15px}.roy-support-form{grid-template-columns:minmax(0,1fr);gap:12px;width:100%;padding:15px 14px;display:grid}.roy-support-full{grid-column:auto}.roy-support-form label{width:100%;min-width:0}.roy-support-form input,.roy-support-form select{border-radius:12px;width:100%;min-width:0;height:48px}.roy-support-form textarea{border-radius:12px;width:100%;min-width:0;min-height:135px}@supports (-webkit-touch-callout:none){.roy-support-form input,.roy-support-form select,.roy-support-form textarea,.roy-support-reply textarea{font-size:16px}}.roy-support-create-actions{grid-template-columns:44px minmax(0,1fr);gap:8px;width:100%;padding:0 14px 15px;display:grid}.roy-support-create-actions .secondary-btn{width:44px;min-width:44px;height:46px}.roy-support-create-actions button:not(.secondary-btn){border-radius:12px;justify-content:center;width:100%;min-height:46px}.roy-support-conversation{min-height:0}.roy-support-conversation-head{flex-wrap:wrap;align-items:flex-start;gap:10px;width:100%;min-height:0;padding:13px 14px;display:flex}.roy-support-conversation-head>div{min-width:0}.roy-support-conversation-head h2{overflow-wrap:anywhere;max-width:100%;font-size:15px;line-height:1.3}.roy-support-conversation-id{flex-wrap:wrap}.roy-support-conversation-meta{gap:6px 10px;font-size:9px}.roy-support-live-actions{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:7px;width:100%;margin-inline-start:0;display:grid}.roy-support-live,.roy-support-close-ticket{justify-content:center;width:100%;min-height:35px}.roy-support-messages{gap:10px;width:100%;min-height:300px;max-height:52vh;padding:13px}.roy-support-message{border-radius:13px;width:min(92%,620px);padding:11px 12px}.roy-support-message-head{flex-wrap:wrap;gap:5px 8px}.roy-support-message p{font-size:11.5px;line-height:1.55}.roy-support-reply{flex-direction:column;align-items:stretch;gap:8px;width:100%;padding:13px 14px;display:flex}.roy-support-reply textarea{border-radius:12px;width:100%;min-width:0;min-height:95px;max-height:180px}.roy-support-reply button{border-radius:12px;justify-content:center;width:100%;min-height:46px}.roy-support-closed{overflow-wrap:anywhere;margin:0 14px 14px;padding:11px 12px}[dir=rtl] .roy-support-page{direction:rtl}[dir=rtl] .roy-support-ticket{text-align:right}}@media (width<=430px){.support-page{padding:14px 10px 30px}.roy-support-head h1{font-size:27px}.roy-support-head-actions{grid-template-columns:minmax(0,1fr)}.roy-support-list,.roy-support-main{border-radius:14px}.roy-support-list{max-height:310px}.roy-support-ticket-list{max-height:258px}.roy-support-main-head,.roy-support-conversation-head{padding:12px}.roy-support-form{padding:13px 12px}.roy-support-create-actions{padding:0 12px 13px}.roy-support-messages{min-height:270px;padding:11px}.roy-support-message{width:94%}.roy-support-reply{padding:11px 12px}}@media (width<=360px){.support-page{padding-left:8px;padding-right:8px}.roy-support-live-actions,.roy-support-create-actions{grid-template-columns:minmax(0,1fr)}.roy-support-create-actions .secondary-btn{width:100%}.roy-support-message{width:96%}}@media (width<=1199px){.about-page{width:100%;max-width:none;padding:28px 26px 50px}.about-platform-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.about-grid{gap:15px}}@media (width<=767px){.about-page{width:100%;max-width:100%;margin:0;padding:18px 14px 38px;overflow-x:hidden}.about-page *,.about-page :before,.about-page :after{box-sizing:border-box}.about-header{width:100%;margin-bottom:18px}.about-header .devices2-eyebrow{letter-spacing:.13em;background:#7b28ff14;border-radius:999px;align-items:center;min-height:24px;padding:0 9px;font-size:9px;display:inline-flex}.about-header h1{letter-spacing:-.035em;margin:9px 0 7px;font-size:clamp(29px,9vw,38px);line-height:1.08}.about-header p{max-width:100%;color:var(--muted);overflow-wrap:anywhere;margin:0;font-size:12.5px;line-height:1.6}.about-hero{border-radius:19px;flex-direction:column;align-items:flex-start;gap:18px;width:100%;min-height:0;padding:21px 18px;display:flex}.about-logo-card{border-radius:17px;flex:none;width:145px;height:108px;padding:17px}.about-logo-card img{object-fit:contain;width:100%;height:100%}.about-hero-content{width:100%;min-width:0;max-width:100%}.about-hero-content .devices2-eyebrow{color:#ffffffc7;background:#ffffff17;font-size:8px}.about-hero-content h2{margin:8px 0;font-size:23px;line-height:1.15}.about-hero-content p{overflow-wrap:anywhere;max-width:100%;font-size:11.5px;line-height:1.65}.about-version{border-radius:11px;flex-wrap:wrap;width:fit-content;max-width:100%;margin-top:15px;padding:8px 10px;font-size:10px}.about-section{border-radius:17px;width:100%;margin-top:14px;padding:18px 16px}.about-section-title{align-items:flex-start;gap:10px;width:100%}.about-section-title>svg{flex:none;margin-top:1px}.about-section-title>div{min-width:0}.about-section-title h2{overflow-wrap:anywhere;margin:0 0 4px;font-size:16px}.about-section-title p{overflow-wrap:anywhere;max-width:100%;font-size:10.5px;line-height:1.55}.about-platform-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%;margin-top:15px;display:grid}.about-platform{border-radius:13px;gap:9px;width:100%;min-width:0;min-height:72px;padding:11px}.about-platform>div{border-radius:11px;flex:0 0 37px;width:37px;height:37px}.about-platform>div svg{width:19px;height:19px}.about-platform strong{overflow-wrap:anywhere;min-width:0;font-size:10.5px}.about-grid{grid-template-columns:minmax(0,1fr);gap:10px;width:100%;margin-top:13px;display:grid}.about-info-card{border-radius:17px;width:100%;min-width:0;padding:18px 16px;overflow:hidden}.about-card-icon{border-radius:13px;width:45px;height:45px;margin-bottom:13px}.about-card-icon svg{width:21px;height:21px}.about-info-card h2{margin:0 0 7px;font-size:16px}.about-info-card p{overflow-wrap:anywhere;max-width:100%;font-size:11px;line-height:1.65}.about-links{grid-template-columns:minmax(0,1fr);gap:8px;width:100%;margin-top:13px;display:grid}.about-links a{touch-action:manipulation;border-radius:14px;grid-template-columns:22px minmax(0,1fr) 17px;align-items:center;gap:10px;width:100%;min-width:0;min-height:70px;padding:12px 13px;display:grid}.about-links a>svg:first-child{width:20px;height:20px}.about-links a>div{min-width:0}.about-links strong{overflow-wrap:anywhere;max-width:100%;font-size:11px}.about-links span{overflow-wrap:anywhere;word-break:break-word;max-width:100%;font-size:9.5px;line-height:1.45;display:block}.about-links>a>svg:last-child{flex:none;width:16px;height:16px}.about-footer{gap:7px;width:100%;margin-top:20px;padding:17px 10px 0}.about-footer span{font-size:10px;line-height:1.5}.about-footer small{max-width:320px;font-size:8.5px;line-height:1.5}[dir=rtl] .about-page{direction:rtl}[dir=rtl] .about-hero,[dir=rtl] .about-info-card,[dir=rtl] .about-links a{text-align:right}}@media (width<=430px){.about-page{padding:14px 10px 30px}.about-header h1{font-size:28px}.about-header p{font-size:11.5px}.about-hero{border-radius:17px;padding:18px 15px}.about-logo-card{border-radius:15px;width:132px;height:98px;padding:15px}.about-hero-content h2{font-size:21px}.about-section{border-radius:15px;padding:16px 13px}.about-platform-grid{gap:7px}.about-platform{min-height:67px;padding:10px 9px}.about-platform>div{flex-basis:34px;width:34px;height:34px}.about-info-card{border-radius:15px;padding:16px 14px}.about-links a{border-radius:13px;min-height:66px;padding:11px 12px}}@media (width<=360px){.about-page{padding-left:8px;padding-right:8px}.about-platform-grid{grid-template-columns:minmax(0,1fr)}.about-platform{min-height:62px}.about-logo-card{width:120px;height:90px}}html,body,#root{width:100%;min-height:100%;margin:0;overflow-x:hidden}img,svg{max-width:100%}button,input,select,textarea{font-family:inherit}button,a{-webkit-tap-highlight-color:transparent}.layout,.main{min-width:0}@media (width<=900px){.main{width:100%;overflow-x:hidden}.content,.activate-page,.playlist-page,.devices2-page,.roy-sub-page,.parent-pin-page,.settings-page,.support-page,.about-page{max-width:100%;overflow-x:hidden}.input-like,.devices2-value,.device-value,.playlist-item,.devices2-card,.roy-support-ticket,.roy-support-message,.about-links a{min-width:0}.language-menu,.roy-notification-menu{max-width:calc(100vw - 24px)}.playlist-modal,.devices2-modal,.device-modal,.roy-disable-pin-modal{max-width:calc(100vw - 16px)}}@media (width<=767px){.content,.activate-page,.playlist-page,.devices2-page,.roy-sub-page,.parent-pin-page,.settings-page,.support-page,.about-page{box-sizing:border-box}input,select,textarea,button{max-width:100%}textarea{resize:vertical}.playlist-meta strong,.devices2-info strong,.devices2-meta strong,.device-card-info strong,.roy-sub-info-card strong,.about-info-card p,.about-links span,.roy-support-message p,.roy-support-conversation-head h2,.parent-pin-status-card p{overflow-wrap:anywhere}.primary-btn,.secondary-btn,.playlist-add-btn,.playlist-test-btn,.playlist-edit-btn,.activate-primary,.settings-save,.settings-reset,.roy-support-refresh,.roy-support-close-ticket{touch-action:manipulation}.topbar{box-sizing:border-box;width:100%}.language-menu,.roy-notification-menu{max-height:calc(100dvh - 80px);overflow-y:auto}.playlist-modal,.devices2-modal,.device-modal,.roy-disable-pin-modal{overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.panel,.activate-card,.playlist-item,.devices2-card,.roy-sub-current,.roy-sub-plan-card,.parent-pin-status-card,.parent-pin-form-card,.settings-card,.roy-support-list,.roy-support-main,.about-section,.about-info-card{max-width:100%}}@media (width<=430px){.topbar{gap:5px;padding:0 8px}.mobile-menu-btn,.topbar .icon-btn,.topbar .language-btn{flex:0 0 39px;width:39px;min-width:39px;height:39px}.mobile-topbar-brand img{width:68px;max-height:31px}.topbar .profile{gap:3px;min-width:0;padding:2px}.topbar .avatar{flex:0 0 35px;width:35px;height:35px}.topbar .logout-btn{flex:0 0 31px;width:31px;height:31px}.roy-notification-menu,.language-menu{width:calc(100vw - 20px)!important;max-width:calc(100vw - 20px)!important}.activate-header h1,.playlist-header h1,.devices2-header h1,.roy-sub-head h1,.parent-pin-header h1,.settings-header h1,.about-header h1,.roy-support-head h1{overflow-wrap:anywhere;max-width:100%;line-height:1.1}.panel-title,.activate-card-title,.settings-card-title,.about-section-title{min-width:0}}@media (width<=390px){.topbar{gap:4px}.mobile-topbar-brand img{width:62px}.mobile-menu-btn,.topbar .icon-btn,.topbar .language-btn{flex-basis:37px;width:37px;min-width:37px;height:37px}.topbar .avatar{flex-basis:33px;width:33px;height:33px}.topbar .logout-btn{flex-basis:29px;width:29px;height:29px}}@media (width<=360px){.mobile-topbar-brand{display:none!important}.topbar .top-spacer{min-width:1px}.topbar{padding:0 6px}.playlist-modal,.devices2-modal,.device-modal,.roy-disable-pin-modal{max-width:calc(100vw - 10px)}}@media (width<=900px){[dir=rtl] body{direction:rtl}[dir=rtl] .language-menu,[dir=rtl] .roy-notification-menu{left:10px!important;right:auto!important}[dir=rtl] input,[dir=rtl] textarea,[dir=rtl] .about-links a,[dir=rtl] .roy-support-ticket,[dir=rtl] .settings-card,[dir=rtl] .parent-pin-form-card{text-align:right}}@media (width<=900px) and (orientation:landscape) and (height<=520px){.topbar{height:58px}.mobile-menu-btn,.topbar .icon-btn,.topbar .language-btn{width:38px;height:38px}.sidebar{overflow-y:auto}.playlist-modal,.devices2-modal,.device-modal,.roy-disable-pin-modal{max-height:calc(100dvh - 12px)}}