*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);font-family:Inter,sans-serif;color:#3a352d}:root{--primary:#b85c6e;--bg:#faf3ee;--f-display:"Fraunces",serif;--f-body:"Inter",sans-serif}input:focus,textarea:focus{outline:none;border-color:var(--primary)!important}button{font-family:var(--f-body)}html{text-size-adjust:100%}body{overflow-x:hidden}img,video{max-width:100%}@media (hover:none) and (pointer:coarse){input,select,textarea{font-size:16px!important}}.app-shell{padding:24px max(12px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));flex:1 1 auto;min-width:0;display:flex;justify-content:center}.phone{width:100%;min-width:0;max-width:380px}.items-grid{grid-template-columns:1fr 1fr}@media (min-width:400px){.phone{max-width:420px}}@media (max-width:359px){.app-shell{padding-top:14px;padding-left:max(8px,env(safe-area-inset-left));padding-right:max(8px,env(safe-area-inset-right))}.songs-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:640px) and (max-width:899px){.app-shell .phone{max-width:640px}}.section-grid{display:grid;grid-template-columns:1fr;grid-gap:12px;gap:12px}.reels-grid{display:grid;grid-template-columns:1fr;grid-gap:16px;gap:16px}.songs-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;gap:10px}@media (min-width:640px){.app-shell{padding:40px 24px}.phone{max-width:520px}.items-grid{grid-template-columns:repeat(3,1fr)}.reels-grid,.section-grid{grid-template-columns:repeat(2,1fr)}.songs-grid{grid-template-columns:repeat(4,1fr)}}@media (min-width:1024px){.phone{max-width:1100px}.items-grid{grid-template-columns:repeat(4,1fr)}.reels-grid,.section-grid{grid-template-columns:repeat(3,1fr)}.songs-grid{grid-template-columns:repeat(5,1fr)}}@media (min-width:1440px){.phone{max-width:1150px}.items-grid{grid-template-columns:repeat(5,1fr)}.section-grid{grid-template-columns:repeat(4,1fr)}.reels-grid{grid-template-columns:repeat(3,1fr)}.songs-grid{grid-template-columns:repeat(6,1fr)}}@media (min-width:1800px){.phone{max-width:1300px}.items-grid{grid-template-columns:repeat(6,1fr)}.section-grid{grid-template-columns:repeat(5,1fr)}.reels-grid{grid-template-columns:repeat(3,1fr)}.songs-grid{grid-template-columns:repeat(8,1fr)}}.login-card{max-width:340px}@media (min-width:640px){.login-card{max-width:400px}}.app-layout{display:flex;justify-content:center;align-items:flex-start}.sidebar-toggle-btn{display:inline-flex}@media (min-width:900px){.sidebar-toggle-btn{display:none}}.sidebar-backdrop{position:fixed;inset:0;background:rgba(40,34,26,.4);z-index:59}.sidebar{position:fixed;top:0;left:0;bottom:0;width:240px;background:#fbf9f4;z-index:60;transform:translateX(-100%);transition:transform .25s ease;display:flex;flex-direction:column;overflow-y:auto;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);max-width:86vw}.sidebar.open{transform:translateX(0)}.sidebar-close{display:flex;align-self:flex-end;margin:10px 10px 0 0;background:#fff;border:none;border-radius:50%;width:30px;height:30px;align-items:center;justify-content:center;cursor:pointer}@media (min-width:900px){.sidebar-backdrop{display:none}.sidebar{position:-webkit-sticky;position:sticky;top:20px;transform:none;transition:none;max-height:calc(100vh - 40px);align-self:flex-start;border-radius:20px;margin-right:20px;box-shadow:0 1px 3px rgba(60,50,30,.08)}.sidebar-close{display:none}}.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.ctr-sweep{transform-origin:120px 120px}.ctr-sweep,.ctr-sweep-s{animation:ctrSweep 60s linear infinite}.ctr-sweep-s{transform-origin:60px 60px}.ctr-sweep-x{transform-origin:20px 20px}.ctr-sweep-c,.ctr-sweep-x{animation:ctrSweep 60s linear infinite}.ctr-sweep-c{transform-origin:210px 199.5px}.ctr-fall{animation:ctrFall .7s linear infinite}.ctr-glint{animation:ctrGlint 4s ease-in-out infinite}.ctr-flip{animation:ctrFlip .55s ease-out;transform-origin:50% 50%}@keyframes ctrSweep{to{transform:rotate(1turn)}}@keyframes ctrFall{to{stroke-dashoffset:-7}}@keyframes ctrGlint{0%,to{opacity:.55}50%{opacity:.9}}@keyframes ctrFlip{0%{transform:perspective(300px) rotateX(-80deg);opacity:.25}to{transform:perspective(300px) rotateX(0deg);opacity:1}}@media (prefers-reduced-motion:reduce){.ctr-fall,.ctr-flip,.ctr-glint,.ctr-sweep,.ctr-sweep-c,.ctr-sweep-s,.ctr-sweep-x{animation:none}}@media (min-width:900px){.detail-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);grid-gap:28px;gap:28px;align-items:start}}@keyframes mosaicZoomIn{0%{transform:scale(.6);opacity:.4}to{transform:scale(1);opacity:1}}@media (prefers-reduced-motion:reduce){[aria-hidden=true][style*=mosaicZoomIn]{animation:none!important}}