@font-face{font-family:Poppins;font-style:normal;font-weight:500;font-display:swap;src:url(../media/bdc7e24a509eb931-s.43b0b13e.woff2)format("woff2");unicode-range:U+900-97F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:Poppins;font-style:normal;font-weight:500;font-display:swap;src:url(../media/0da9c7f357bd9d4d-s.b2288445.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Poppins;font-style:normal;font-weight:500;font-display:swap;src:url(../media/8e6fa89aa22d24ec-s.p.3aec397d.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Poppins;font-style:normal;font-weight:600;font-display:swap;src:url(../media/0a7740363b4d4863-s.95e4158a.woff2)format("woff2");unicode-range:U+900-97F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:Poppins;font-style:normal;font-weight:600;font-display:swap;src:url(../media/5f9d24ebef5d5292-s.bd593fbe.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Poppins;font-style:normal;font-weight:600;font-display:swap;src:url(../media/e2334d715941921e-s.p.d82a9aff.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Poppins Fallback;src:local(Arial);ascent-override:93.62%;descent-override:31.21%;line-gap-override:8.92%;size-adjust:112.16%}.poppins_8c9fd380-module__fZYhdW__className{font-family:Poppins,Poppins Fallback;font-style:normal}.poppins_8c9fd380-module__fZYhdW__variable{--font-poppins:"Poppins","Poppins Fallback"}
@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(../media/2c55a0e60120577a-s.2a48534a.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.18a48cbc.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(../media/ad66f9afd8947f86-s.7a40eb73.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(../media/5476f68d60460930-s.c995e352.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.76dcb0b2.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(../media/1bffadaabf893a1e-s.7cd81963.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.3a6ba036.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(../media/2c55a0e60120577a-s.2a48534a.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.18a48cbc.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(../media/ad66f9afd8947f86-s.7a40eb73.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(../media/5476f68d60460930-s.c995e352.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.76dcb0b2.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(../media/1bffadaabf893a1e-s.7cd81963.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.3a6ba036.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.0%;size-adjust:107.12%}.inter_2ce6bff5-module__ZqhFmG__className{font-family:Inter,Inter Fallback;font-style:normal}.inter_2ce6bff5-module__ZqhFmG__variable{--font-inter:"Inter","Inter Fallback"}
:root{--color-primary:#8b5cf6;--color-text-primary:#2b2b2f;--color-text-secondary:#8e8e93;--color-background:#fafafb;--color-surface:#e9e4f2;--color-accent:#f2b8a2;--gradient-primary:linear-gradient(135deg,#8b5cf6 0%,#f2b8a2 100%);--font-heading:var(--font-poppins);--font-body:var(--font-inter);--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600}[data-theme=dark]{--color-primary:#9f7aea;--color-text-primary:#f1f1f3;--color-text-secondary:#a1a1aa;--color-background:#0f1020;--color-surface:#2a2438;--color-accent:#c98f7a;--gradient-primary:linear-gradient(135deg,#9f7aea 0%,#c98f7a 100%)}
*{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-body);font-weight:var(--font-weight-regular);color:var(--color-text-primary);background-color:var(--color-background);min-height:100vh;padding:env(safe-area-inset-top)env(safe-area-inset-right)env(safe-area-inset-bottom)env(safe-area-inset-left);line-height:1.5;transition:background-color .3s,color .3s}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:var(--font-weight-semibold);color:var(--color-primary);margin:0;line-height:1.2}h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.5rem}h4{font-size:1.25rem}h5{font-size:1.125rem}h6{font-size:1rem}p,span,label,input,select,li{font-family:var(--font-body);color:var(--color-text-primary)}p{margin:0}button{font-family:var(--font-body);font-weight:var(--font-weight-medium);cursor:pointer;border:none;border-radius:8px;outline:none;min-width:44px;min-height:44px;transition:opacity .2s,transform .1s}button:active{transform:scale(.98)}button:disabled{opacity:.5;cursor:not-allowed}input,select,textarea{font-family:var(--font-body);font-weight:var(--font-weight-regular);color:var(--color-text-primary);background:var(--color-background);border:1px solid var(--color-surface);border-radius:8px;outline:none;padding:12px 16px;font-size:1rem;transition:border-color .2s}input:focus,select:focus,textarea:focus{border-color:var(--color-primary)}@media (max-width:480px){h1{font-size:1.75rem}h2{font-size:1.5rem}}@supports (padding:max(0px)){body{padding-top:max(env(safe-area-inset-top),0px);padding-right:max(env(safe-area-inset-right),0px);padding-bottom:max(env(safe-area-inset-bottom),0px);padding-left:max(env(safe-area-inset-left),0px)}}
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}.collapse{visibility:collapse}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.static{position:static}.container{width:100%}.flex{display:flex}.hidden{display:none}.table{display:table}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}
:root{--color-primary:#8b5cf6;--color-text-primary:#2b2b2f;--color-text-secondary:#8e8e93;--color-background:#fafafb;--color-surface:#e9e4f2;--color-accent:#f2b8a2;--gradient-primary:linear-gradient(135deg,#8b5cf6 0%,#f2b8a2 100%);--gradient-border:linear-gradient(135deg,var(--color-primary)0%,var(--color-accent)100%);--font-heading:var(--font-poppins);--font-body:var(--font-inter);--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600}[data-theme=dark]{--color-primary:#8b54f2;--color-text-primary:#f2f1f8;--color-text-secondary:#8a86a6;--color-background:#0e0c1c;--color-surface:#1d0f3b;--color-accent:#e7a37a;--gradient-primary:linear-gradient(135deg,#8b54f2 0%,#e7a37a 100%);--gradient-border:linear-gradient(135deg,var(--color-primary)0%,var(--color-accent)100%)}.gradient-border{border:none;position:relative}.gradient-border:before{content:"";border-radius:inherit;background:var(--gradient-border);-webkit-mask-composite:xor;pointer-events:none;z-index:-1;padding:1px;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-body);font-weight:var(--font-weight-regular);color:var(--color-text-primary);background-color:var(--color-background);min-height:100vh;padding:env(safe-area-inset-top)env(safe-area-inset-right)env(safe-area-inset-bottom)env(safe-area-inset-left);line-height:1.5;transition:background-color .3s,color .3s}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:var(--font-weight-semibold);color:var(--color-primary);margin:0;line-height:1.2}h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.5rem}h4{font-size:1.25rem}h5{font-size:1.125rem}h6{font-size:1rem}p,span,label,input,select,li{font-family:var(--font-body);color:var(--color-text-primary)}p{margin:0}button{font-family:var(--font-body);font-weight:var(--font-weight-medium);cursor:pointer;border:none;border-radius:8px;outline:none;min-width:44px;min-height:44px;transition:opacity .2s,transform .1s}button:active{transform:scale(.98)}button:disabled{opacity:.5;cursor:not-allowed}.primary-button{background:var(--gradient-primary);color:var(--color-text-primary);border:1px solid var(--color-accent);padding:12px 24px;font-size:1rem}.primary-button:hover{opacity:.9;border-color:var(--color-primary)}.secondary-button{background:var(--color-surface);color:var(--color-text-primary);border:1px solid var(--color-accent);padding:12px 24px;font-size:1rem}.secondary-button:hover{opacity:.8;border-color:var(--color-primary)}.logo-fade-in{animation:.5s ease-in logoFadeIn}@keyframes logoFadeIn{0%{opacity:0}to{opacity:1}}.library-search{margin-bottom:1.5rem}.library-search input{background:var(--color-surface);border:1px solid var(--color-accent);width:100%;color:var(--color-text-primary);border-radius:12px;padding:12px 16px;font-size:1rem}.library-search input:focus{border-color:var(--color-primary);outline:none}.library-categories{flex-wrap:wrap;gap:.75rem;margin-bottom:1.5rem;display:flex}.chip{font-size:.875rem;font-weight:var(--font-weight-medium);background:var(--color-surface);border:1px solid var(--color-accent);color:var(--color-text-primary);cursor:pointer;border-radius:20px;padding:.5rem 1rem;transition:all .2s}.chip:hover{background:var(--color-background);border-color:var(--color-primary)}.chip.active{background:var(--gradient-primary);border-color:var(--color-primary);color:var(--color-text-primary)}.library-list{flex-direction:column;gap:1rem;margin:0;padding:0;list-style:none;display:flex}.library-list__item{background:var(--color-surface);border:1px solid var(--color-accent);cursor:pointer;border-radius:12px;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.25rem;transition:all .2s;display:flex}.library-list__item:hover{background:var(--color-background);border-color:var(--color-primary);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.library-list__item:active{transform:translateY(0)}.library-list__title{font-size:1rem;font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin-bottom:.25rem}.library-list__subtitle{color:var(--color-text-secondary);font-size:.875rem}.library-list__category{font-size:.8125rem;font-weight:var(--font-weight-medium);color:var(--color-primary);background:var(--color-background);white-space:nowrap;border-radius:12px;padding:.25rem .75rem}.panel{background:var(--color-surface);border:1px solid var(--color-accent);border-radius:12px;margin-bottom:1rem;padding:1.5rem}.panel-subtitle{color:var(--color-text-secondary);font-size:.875rem;font-weight:var(--font-weight-regular)}.login-form{flex-direction:column;gap:1.5rem;margin-top:1.5rem;display:flex}.login-form label{font-size:.9375rem;font-weight:var(--font-weight-medium);color:var(--color-text-primary);flex-direction:column;gap:.5rem;display:flex}.login-form input{background:var(--color-background);border:1px solid var(--color-accent);width:100%;color:var(--color-text-primary);border-radius:8px;padding:12px 16px;font-size:1rem}.login-form input:focus{border-color:var(--color-primary);outline:none}.login-form button{background:var(--gradient-primary);width:100%;color:var(--color-text-primary);border:1px solid var(--color-accent);margin-top:.5rem;padding:12px 24px;font-size:1rem}.login-form button:hover{border-color:var(--color-primary)}.error-text{color:var(--color-primary);background:var(--color-surface);border:1px solid var(--color-accent);text-align:center;border-radius:8px;padding:.75rem;font-size:.875rem}.settings-menu-container{position:relative}.hamburger-button{background:0 0;justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:8px;display:flex}.hamburger-icon{flex-direction:column;justify-content:space-around;width:24px;height:24px;display:flex}.hamburger-icon span{background:var(--color-text-primary);border-radius:2px;width:100%;height:2px;transition:all .3s;display:block}.settings-dropdown{background:var(--color-surface);border:1px solid var(--color-accent);z-index:1000;border-radius:12px;min-width:200px;margin-top:.5rem;padding:.5rem;position:absolute;top:100%;right:0;box-shadow:0 4px 12px #00000026}.settings-menu-item{color:var(--color-text-primary);padding:12px 16px;font-size:.9375rem}.settings-menu-item-button{cursor:pointer;border-radius:8px;transition:background-color .2s}.settings-menu-item-button:hover{background-color:var(--color-background)}.settings-menu-item-label{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.theme-toggle{background:var(--color-background);border:1px solid var(--color-accent);cursor:pointer;border-radius:12px;flex-shrink:0;width:44px;min-width:44px;height:24px;min-height:24px;margin:0;padding:0;transition:background-color .3s,border-color .3s;position:relative}.theme-toggle.active{background:var(--color-primary);border-color:var(--color-primary)}.theme-toggle-slider{border:1px solid var(--color-accent);background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .3s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0003}.theme-toggle.active .theme-toggle-slider{border-color:var(--color-primary);transform:translate(20px)}.settings-logout-button{color:var(--color-text-primary);text-align:left;background:0 0;width:100%;padding:0;font-size:.9375rem}.library-modal{z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.library-modal__content{background:var(--color-surface);border:1px solid var(--color-accent);border-radius:16px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 8px 32px #0000004d}.library-modal__header{border-bottom:1px solid var(--color-background);padding:1.5rem}.library-modal__title{font-family:var(--font-heading);font-weight:var(--font-weight-semibold);color:var(--color-primary);margin:0;font-size:1.5rem}.library-modal__subtitle{color:var(--color-text-secondary);font-size:1rem;font-weight:var(--font-weight-regular);margin-top:.5rem}.library-modal__body{padding:1.5rem}.library-modal__shuffle-control{background:var(--color-background);border:1px solid var(--color-accent);border-radius:8px;justify-content:center;align-items:center;margin-bottom:1rem;padding:1rem;display:flex}.library-modal__shuffle-label{cursor:pointer;color:var(--color-text-primary);font-size:.9375rem;font-weight:var(--font-weight-medium);align-items:center;gap:.75rem;display:flex}.library-modal__shuffle-checkbox{cursor:pointer;width:20px;height:20px;accent-color:var(--color-primary)}.library-modal__shuffle-button{background:var(--color-background);border:1px solid var(--color-accent);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;width:56px;height:56px;padding:0;transition:all .2s;display:flex}.library-modal__shuffle-button:hover{border-color:var(--color-primary)}.library-modal__shuffle-button--active{background:var(--color-surface);border-color:var(--color-primary);opacity:1}.library-modal__shuffle-button:not(.library-modal__shuffle-button--active){opacity:.6}.library-modal__shuffle-button img{flex-shrink:0;display:block}.library-modal__actions{border-top:1px solid var(--color-background);justify-content:flex-end;gap:1rem;padding:1.5rem;display:flex}.library-modal__actions .primary-button,.library-modal__actions .secondary-button{flex:1;max-width:150px}input,select,textarea{font-family:var(--font-body);font-weight:var(--font-weight-regular);color:var(--color-text-primary);background:var(--color-background);border:1px solid var(--color-surface);border-radius:8px;outline:none;padding:12px 16px;font-size:1rem;transition:border-color .2s}input:focus,select:focus,textarea:focus{border-color:var(--color-primary)}@media (max-width:480px){h1{font-size:1.75rem}h2{font-size:1.5rem}}@media (max-width:375px){.library-modal__content{max-width:100%}}@supports (padding:max(0px)){body{padding-top:max(env(safe-area-inset-top),0px);padding-right:max(env(safe-area-inset-right),0px);padding-bottom:max(env(safe-area-inset-bottom),0px);padding-left:max(env(safe-area-inset-left),0px)}}.app-shell{flex-direction:column;min-height:100vh;display:flex;position:relative}.app-shell__header{padding:1rem 1.5rem;padding-top:calc(1rem + env(safe-area-inset-top));background:var(--color-background);border-bottom:1px solid var(--color-surface);z-index:100;justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.app-shell__title{font-family:var(--font-heading);font-weight:var(--font-weight-semibold);color:var(--color-primary);font-size:1.5rem;text-decoration:none;transition:opacity .2s}.app-shell__title:hover{opacity:.8}.app-shell__content{padding-top:calc(4rem + env(safe-area-inset-top));padding-bottom:calc(5rem + env(safe-area-inset-bottom));-webkit-overflow-scrolling:touch;flex:1;overflow-y:auto}.app-shell__content--no-mini-player{padding-bottom:calc(1rem + env(safe-area-inset-bottom))}.app-shell__mini-player{padding:.75rem 1rem;padding-bottom:calc(.75rem + env(safe-area-inset-bottom));background:var(--color-surface);border-top:1px solid var(--color-background);z-index:50;position:fixed;bottom:0;left:0;right:0}.app-shell__drawer{z-index:200;background:#00000080;align-items:flex-end;animation:.3s drawerFadeIn;display:flex;position:fixed;inset:0}@keyframes drawerFadeIn{0%{opacity:0}to{opacity:1}}.app-shell__drawer-content{background:var(--color-background);width:100%;max-height:85vh;padding:1.5rem;padding-bottom:calc(1.5rem + env(safe-area-inset-bottom));-webkit-overflow-scrolling:touch;border-radius:16px 16px 0 0;animation:.3s drawerSlideUp;position:relative;overflow-y:auto}@keyframes drawerSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.drawer-close-button{background:var(--color-surface);width:40px;height:40px;color:var(--color-text-primary);border:1px solid var(--color-accent);z-index:10;border-radius:50%;justify-content:center;align-items:center;font-size:2rem;line-height:1;display:flex;position:absolute;top:1rem;right:1rem}.drawer-close-button:hover{opacity:.8;border-color:var(--color-primary)}.mini-player{cursor:pointer;justify-content:space-between;align-items:center;gap:1rem;min-height:60px;display:flex}.mini-player__meta{flex-direction:column;flex:1;gap:.25rem;min-width:0;display:flex}.mini-player__title{font-size:.9375rem;font-weight:var(--font-weight-medium);color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.mini-player__subtitle{color:var(--color-text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:.8125rem;overflow:hidden}.mini-player__controls{align-items:center;gap:.5rem;display:flex}.mini-player__primary,.mini-player__next{font-size:.875rem;font-weight:var(--font-weight-medium);white-space:nowrap;justify-content:center;align-items:center;padding:.5rem 1rem;display:flex}[data-theme=dark] .mini-player__primary,[data-theme=dark] .mini-player__next{width:40px;min-width:40px;height:40px;padding:0}[data-theme=dark] .mini-player__primary img,[data-theme=dark] .mini-player__next img{flex-shrink:0;display:block}.mini-player__primary{background:var(--gradient-primary);color:var(--color-text-primary);border:1px solid var(--color-accent)}.mini-player__primary:hover{border-color:var(--color-primary)}.mini-player__next{background:var(--color-background);color:var(--color-text-primary);border:1px solid var(--color-accent)}.mini-player__next:hover{border-color:var(--color-primary)}.full-player{flex-direction:column;gap:1.5rem;width:100%;max-width:800px;margin:0 auto;padding-top:2rem;display:flex}.full-player__player-frame{background:var(--color-surface);border:1px solid var(--color-accent);border-radius:12px;flex-direction:column;gap:1.5rem;padding:1.5rem;display:flex}.full-player__meta{flex-direction:column;gap:.5rem;display:flex}.full-player__meta-label{font-size:.875rem;font-weight:var(--font-weight-medium);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.full-player__title{font-family:var(--font-heading);font-size:1.5rem;font-weight:var(--font-weight-semibold);color:var(--color-primary);line-height:1.3}.full-player__subtitle{color:var(--color-text-secondary);font-size:1rem;line-height:1.4}.full-player__progress{flex-direction:column;gap:.5rem;display:flex}.full-player__progress-slider{appearance:none;background:var(--color-background);cursor:pointer;border-radius:3px;outline:none;width:100%;height:6px}.full-player__progress-slider::-webkit-slider-thumb{appearance:none;background:var(--color-primary);cursor:pointer;border-radius:50%;width:18px;height:18px}.full-player__progress-slider::-moz-range-thumb{background:var(--color-primary);cursor:pointer;border:none;border-radius:50%;width:18px;height:18px}.full-player__progress-time{color:var(--color-text-secondary);justify-content:space-between;font-size:.875rem;display:flex}.full-player__controls{justify-content:center;align-items:center;gap:1rem;display:flex}.full-player__controls button{font-size:1rem;font-weight:var(--font-weight-medium);justify-content:center;align-items:center;padding:.75rem 1.5rem;display:flex}[data-theme=dark] .full-player__controls button:first-child,[data-theme=dark] .full-player__controls button:last-child{width:56px;min-width:56px;height:56px;padding:0}[data-theme=dark] .full-player__controls button:nth-child(2){width:72px;min-width:72px;height:72px;padding:0}[data-theme=dark] .full-player__controls button img{flex-shrink:0;display:block}.full-player__controls button:first-child,.full-player__controls button:last-child{background:var(--color-surface);color:var(--color-text-primary);border:1px solid var(--color-accent)}.full-player__controls button:first-child:hover,.full-player__controls button:last-child:hover{border-color:var(--color-primary)}.full-player__controls button:nth-child(2){background:var(--gradient-primary);color:var(--color-text-primary);border:1px solid var(--color-accent);padding:1rem 2rem;font-size:1.125rem}.full-player__controls button:nth-child(2):hover{border-color:var(--color-primary)}.full-player__queue-frame{background:var(--color-surface);border:1px solid var(--color-accent);border-radius:12px;flex-direction:column;gap:1rem;padding:1.5rem;display:flex}.full-player__queue-title{font-family:var(--font-heading);font-size:1.125rem;font-weight:var(--font-weight-semibold);color:var(--color-primary)}.full-player__queue-list{flex-direction:column;gap:.75rem;margin:0;padding:0;list-style:none;display:flex}.full-player__queue-item{background:var(--color-background);cursor:pointer;color:var(--color-text-primary);border-radius:8px;padding:.75rem;font-size:.9375rem;transition:opacity .2s}.full-player__queue-item:hover{opacity:.8}.full-player__queue-item:active{transform:scale(.98)}