:root{--bg-0:#0b0d10;--bg-1:#101318;--bg-2:#14181d;--bg-3:#191d22;--panel-1:#181c21;--panel-2:#1d2127;--panel-3:#23282f;--panel-4:#2a3038;--text:#ede6db;--text-soft:#cfc5b6;--text-dim:#9e9588;--bronze-1:#7f633f;--bronze-2:#9a7649;--bronze-3:#b98e59;--bronze-4:#d0a56f;--ok:#90a28f;--bad:#b87a7a;--line-white:#ffffff0d;--line-white-2:#ffffff07;--line-bronze:#b98e5947;--line-bronze-soft:#b98e591c;--shadow-bg:#05070957;--shadow-bg-soft:#0507092e;--r-xl:24px;--r-lg:18px;--r-md:14px;--r-sm:10px;--max-width:1240px;--dur-fast:.18s;--dur-med:.24s;--ease-premium:cubic-bezier(.22, .8, .22, 1)}*{box-sizing:border-box}html,body{background:var(--bg-0);min-height:100%;color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif}body{position:relative;overflow-x:hidden}body:before{content:"";z-index:-4;background:radial-gradient(circle at 14% 10%,#b98e5914,#0000 20%),radial-gradient(circle at 84% 16%,#ffffff05,#0000 18%),linear-gradient(#090b0e 0%,#101319 52%,#0b0f13 100%);position:fixed;inset:0}body:after{content:"";z-index:-3;opacity:.2;background-image:linear-gradient(#ffffff03 1px,#0000 1px),linear-gradient(90deg,#ffffff02 1px,#0000 1px),linear-gradient(135deg,#b98e5904 0 1px,#0000 1px);background-size:42px 42px,42px 42px,220px 220px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(circle,#000 58%,#0000 100%);mask-image:radial-gradient(circle,#000 58%,#0000 100%)}a{color:inherit;text-decoration:none}button,input,textarea,select,audio{font:inherit}button{cursor:pointer}img{max-width:100%;display:block}.page-wrap{min-height:100vh;padding:22px 0 34px;position:relative}.app-shell{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 18px}.top-row{flex-wrap:wrap;justify-content:space-between;align-items:stretch;gap:18px;margin-bottom:18px;display:flex}.bg-main-layer,.bg-login-layer{z-index:-2;pointer-events:none;opacity:.1;filter:saturate(.72)brightness(.68);background-position:50%;background-repeat:no-repeat;background-size:cover;position:fixed;inset:0}.bg-main-layer{background-image:url(/ui/paporotnik_bg_main_desktop_16x9_v1.jpg)}.bg-login-layer{opacity:.12;background-image:url(/ui/paporotnik_bg_login_desktop_16x9_v1.jpg)}.bg-main-layer:after,.bg-login-layer:after{content:"";background:linear-gradient(#080a0cb3,#080a0ccc),radial-gradient(circle,#0000 20%,#080a0c4d 100%);position:absolute;inset:0}.content-layer{z-index:1;position:relative}.kicker{color:var(--bronze-4);letter-spacing:.18em;text-transform:uppercase;margin-bottom:12px;font-size:11px;display:inline-block}.page-title{letter-spacing:-.03em;color:var(--text);margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(34px,5vw,54px);font-weight:500;line-height:1.02}.page-subtitle{max-width:760px;color:var(--text-soft);margin:12px 0 0;font-size:16px;line-height:1.7}.section-title{color:var(--text);margin:0 0 16px;font-family:Georgia,Times New Roman,serif;font-size:24px;font-weight:500;line-height:1.12}.track-title{color:var(--text);margin:0;font-family:Georgia,Times New Roman,serif;font-size:21px;font-weight:500;line-height:1.24}.track-text{color:var(--text-dim);margin:0 0 14px;font-size:14px;line-height:1.6}.user-email{color:var(--text-soft);word-break:break-word;margin-bottom:8px;font-size:14px}.user-status{color:var(--text-dim);margin-bottom:14px;font-size:13px}.empty-note,.back-link,.admin-item-meta,.billing-note,.auth-note{color:var(--text-dim);font-size:14px}.text-bronze{color:var(--bronze-4)}.panel,.hero-card,.user-card,.section-card,.form-card,.player-card,.billing-card{border-radius:var(--r-xl);border:1px solid var(--line-white);box-shadow:inset 0 1px 0 #ffffff06, inset 0 -1px 0 #0000002e, -6px -6px 14px #ffffff01, 12px 12px 22px var(--shadow-bg), 0 18px 34px #0000003d;background:linear-gradient(#22262c 0%,#1c2026 18%,#181c21 54%,#15191e 100%);position:relative;overflow:hidden}.panel:before,.hero-card:before,.user-card:before,.section-card:before,.form-card:before,.player-card:before,.billing-card:before{content:"";pointer-events:none;background:linear-gradient(#ffffff06,#0000 20%),linear-gradient(90deg,#0000 0%,#b98e5906 50%,#0000 100%);position:absolute;inset:0}.panel:after,.hero-card:after,.user-card:after,.section-card:after,.form-card:after,.player-card:after,.billing-card:after{content:"";border-radius:calc(var(--r-xl) - 8px);border:1px solid var(--line-bronze-soft);pointer-events:none;position:absolute;inset:10px}.track-card,.admin-item{border-radius:var(--r-lg);border:1px solid var(--line-white-2);background:linear-gradient(#2a2f36 0%,#23282f 18%,#1d2127 100%);position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff04,inset 0 -1px #00000029,-4px -4px 10px #ffffff01,8px 8px 16px #0507093d,0 12px 24px #0003}.track-card:before,.admin-item:before{content:"";pointer-events:none;background:linear-gradient(#ffffff05,#0000 22%);position:absolute;inset:0}.track-card:after,.admin-item:after{content:"";border-radius:calc(var(--r-lg) - 6px);pointer-events:none;border:1px solid #b98e590f;position:absolute;inset:8px}.hero-card,.user-card,.section-card,.form-card,.player-card,.billing-card{padding:24px}.track-card,.admin-item{padding:18px}.brand-block{align-items:center;gap:14px;margin-bottom:14px;display:flex}.brand-mark{border:1px solid var(--line-bronze);width:56px;height:56px;color:var(--bronze-4);background:linear-gradient(#2d3238 0%,#252a31 22%,#1f242b 100%);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;font-size:24px;display:flex;position:relative;box-shadow:inset 0 1px #ffffff08,inset 0 -1px #00000029,-3px -3px 8px #ffffff02,6px 6px 12px #05070938}.brand-mark:after{content:"";pointer-events:none;border:1px solid #b98e5924;border-radius:10px;position:absolute;inset:6px}.brand-mark span{color:var(--bronze-4)!important;filter:none!important}.toolbar,.inline-links{flex-wrap:wrap;gap:10px;display:flex}.chip,.link-pill{min-height:40px;color:var(--text-soft);transition:transform var(--dur-fast) var(--ease-premium), box-shadow var(--dur-med) var(--ease-premium), border-color var(--dur-fast) var(--ease-premium), color var(--dur-fast) var(--ease-premium), filter var(--dur-med) var(--ease-premium);background:linear-gradient(#2f343b 0%,#282d34 24%,#23282f 100%);border:1px solid #ffffff0d;border-radius:999px;justify-content:center;align-items:center;padding:10px 14px;font-size:13px;display:inline-flex;box-shadow:inset 0 1px #ffffff07,inset 0 -1px #0000001f,-2px -2px 6px #ffffff02,6px 6px 12px #05070938}.chip:hover,.link-pill:hover{border-color:var(--line-bronze);color:var(--text);transform:translateY(-1px);box-shadow:inset 0 1px #ffffff08,inset 0 -1px #0000001a,-3px -3px 8px #ffffff02,8px 8px 14px #05070942}.chip.active,.link-pill.active{color:var(--bronze-4);border-color:var(--line-bronze)}.btn,.action-btn,.primary-btn,.btn.secondary,.action-btn.secondary,.primary-btn.secondary{width:100%;min-height:52px;color:var(--text-soft);letter-spacing:.01em;transition:transform var(--dur-fast) var(--ease-premium), box-shadow var(--dur-med) var(--ease-premium), border-color var(--dur-fast) var(--ease-premium), filter var(--dur-med) var(--ease-premium), background var(--dur-med) var(--ease-premium), color var(--dur-fast) var(--ease-premium);background:linear-gradient(#343940 0%,#2c3138 18%,#262b32 44%,#21262d 100%);border:1px solid #ffffff0f;border-radius:13px;padding:13px 18px;font-weight:600;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0d,inset 0 -1px #00000024,-4px -4px 10px #ffffff02,10px 10px 18px #05070947,0 8px 16px #0000002e}.btn:before,.action-btn:before,.primary-btn:before{content:"";pointer-events:none;background:linear-gradient(#ffffff14,#ffffff05 34%,#0000 48%),linear-gradient(90deg,#0000 0%,#b98e590a 50%,#0000 100%);position:absolute;inset:0}.btn:after,.action-btn:after,.primary-btn:after{content:"";pointer-events:none;border:1px solid #ffffff08;border-radius:9px;position:absolute;inset:4px}.btn:hover,.action-btn:hover,.primary-btn:hover,.btn.secondary:hover,.action-btn.secondary:hover,.primary-btn.secondary:hover{border-color:var(--line-bronze);color:var(--text);transform:translateY(-1px);box-shadow:inset 0 1px #ffffff0f,inset 0 -1px #0000001f,-5px -5px 12px #ffffff03,12px 12px 20px #0507094d,0 10px 18px #0003}.btn:active,.action-btn:active,.primary-btn:active{transform:translateY(1px);box-shadow:inset 0 1px #ffffff0a,inset 0 -1px #0000002e,-2px -2px 6px #ffffff02,6px 6px 12px #05070938,0 6px 10px #00000024}.btn.full{width:100%}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.track-list{gap:14px;display:grid}.track-head,.admin-item-top{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:10px;display:flex}.badge,.badge-free,.badge-premium,.badge-locked{white-space:nowrap;border:1px solid var(--line-bronze);min-height:34px;color:var(--text-soft);background:linear-gradient(#2f343b 0%,#282d34 24%,#23282f 100%);border-radius:999px;justify-content:center;align-items:center;padding:8px 12px;font-size:12px;transition:none;display:inline-flex;transform:translateY(-1px);box-shadow:inset 0 1px #ffffff08,inset 0 -1px #0000001f,-3px -3px 8px #ffffff02,8px 8px 14px #05070942}.badge:hover,.badge-free:hover,.badge-premium:hover,.badge-locked:hover{border-color:var(--line-bronze);color:var(--text-soft);transform:translateY(-1px);box-shadow:inset 0 1px #ffffff08,inset 0 -1px #0000001f,-3px -3px 8px #ffffff02,8px 8px 14px #05070942}.badge-premium{color:var(--bronze-4)}.form-grid{gap:14px;display:grid}.field{gap:8px;display:grid}.field label{letter-spacing:.01em;color:var(--text-soft);font-size:13px}.input,.textarea,select{width:100%;min-height:50px;color:var(--text);transition:border-color var(--dur-fast) var(--ease-premium), box-shadow var(--dur-med) var(--ease-premium), background var(--dur-med) var(--ease-premium);background:linear-gradient(#23282f 0%,#1d2127 22%,#181c21 100%);border:1px solid #ffffff0d;border-radius:12px;outline:none;padding:13px 15px;box-shadow:inset 6px 6px 12px #06080a4d,inset -3px -3px 8px #ffffff03,inset 0 1px #ffffff05}.input:focus,.textarea:focus,select:focus{background:linear-gradient(#26303a 0%,#1e252d 22%,#191f26 100%);border-color:#b98e595c;box-shadow:inset 6px 6px 12px #06080a52,inset -3px -3px 8px #ffffff04,inset 0 1px #ffffff05,0 0 0 1px #b98e5924}.textarea{resize:vertical;min-height:120px}.auth-wrap{justify-content:center;align-items:center;min-height:calc(100vh - 48px);display:flex}.auth-card{width:100%;max-width:560px;padding:30px}.auth-links{gap:8px;margin-top:18px;display:grid}.player-cover{aspect-ratio:16/7;border:1px solid var(--line-white);background:var(--panel-2);border-radius:18px;width:100%;margin-bottom:22px;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff05,10px 10px 20px #05070938,0 14px 24px #0003}.player-cover img{object-fit:cover;filter:saturate(.74)contrast(.92)brightness(.68);width:100%;height:100%}.player-cover:after{content:"";background:linear-gradient(#0a0c0f57,#0a0c0f8a),linear-gradient(90deg,#0a0c0f38,#0000 40%,#0a0c0f38);position:absolute;inset:0}.player-box,.lock-box{border-radius:var(--r-lg);background:linear-gradient(#26303a 0%,#1f2630 24%,#1a2027 100%);border:1px solid #ffffff0d;margin-top:20px;padding:18px;box-shadow:inset 0 1px #ffffff05,8px 8px 16px #06080a33,0 12px 20px #0000002e}.lock-title{color:var(--text);margin:0 0 8px;font-family:Georgia,Times New Roman,serif;font-size:24px;font-weight:500}.lock-text{color:var(--text-dim);margin:0 0 16px;line-height:1.65}.message-ok{color:var(--ok);margin-top:14px;font-size:14px}.message-error{color:var(--bad);margin-top:14px;font-size:14px}.billing-price{color:var(--text);margin:10px 0;font-family:Georgia,Times New Roman,serif;font-size:clamp(34px,5vw,48px);font-weight:500;line-height:1.05}@media (max-width:900px){.grid-2{grid-template-columns:1fr}.bg-main-layer{background-image:url(/ui/paporotnik_bg_main_mobile_9x16_v1.jpg);background-position:top}.bg-login-layer{background-image:url(/ui/paporotnik_bg_login_mobile_9x16_v1.jpg);background-position:top}}@media (max-width:640px){.page-wrap{padding:14px 0 24px}.app-shell{padding:0 14px}.hero-card,.user-card,.section-card,.form-card,.player-card,.billing-card,.auth-card{border-radius:18px;padding:18px}.track-card,.admin-item{padding:14px}.page-title{font-size:clamp(30px,8vw,38px)}.page-subtitle{font-size:15px}.track-head,.admin-item-top{flex-direction:column;align-items:flex-start}.btn,.chip,.link-pill,.input,select{min-height:46px}.player-cover{aspect-ratio:4/5}}