:root{--font-sans: "Be Vietnam Pro", "Segoe UI", -apple-system, BlinkMacSystemFont, sans-serif;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 32px;--space-8: 40px;--space-9: 48px;--space-10: 56px;--space-11: 64px;--radius-xs: 8px;--radius-sm: 12px;--radius-md: 16px;--radius-lg: 20px;--radius-xl: 28px;--radius-pill: 999px;--bp-sm: 640px;--bp-md: 768px;--bp-lg: 1024px;--bp-xl: 1280px;--z-base: 1;--z-header: 100;--z-dropdown: 1200;--z-drawer: 400;--z-modal: 2000;--background-primary: #f4f3ff;--background-card: rgba(255, 255, 255, .82);--background-elevated: rgba(255, 255, 255, .92);--background-soft: rgba(79, 70, 229, .08);--text-primary: #1e1b4b;--text-secondary: #4c4b6b;--accent-color: #4f46e5;--accent-contrast: #ffffff;--color-bg: var(--background-primary);--color-text: var(--text-primary);--color-card: #ffffff;--color-surface: var(--background-card);--color-muted: var(--text-secondary);--color-primary: var(--accent-color);--color-primary-contrast: var(--accent-contrast);--color-badge-bg: #ede9fe;--color-ghost-border: rgba(79, 70, 229, .22);--color-video-overlay: rgba(244, 243, 255, .55);--shadow-card: 0 10px 34px rgba(79, 70, 229, .12);--shadow-button: 0 12px 24px rgba(79, 70, 229, .25);--app-video-opacity: .55;--app-overlay-opacity: .45;--scrollbar-track: rgba(79, 70, 229, .08);--scrollbar-thumb: rgba(79, 70, 229, .42);--scrollbar-thumb-hover: rgba(79, 70, 229, .62);--surface-1: var(--background-card);--surface-2: var(--background-elevated);--surface-3: var(--background-soft);--accent: var(--accent-color);--border-subtle: rgba(79, 70, 229, .2);--focus-ring: 0 0 0 3px rgba(79, 70, 229, .3)}[data-theme=dark]{--background-primary: #0c0616;--background-card: rgba(25, 16, 40, .82);--background-elevated: rgba(31, 20, 50, .94);--background-soft: rgba(167, 139, 250, .16);--text-primary: #ede9fe;--text-secondary: #b2a8d6;--accent-color: #6d28d9;--accent-contrast: #ffffff;--color-card: #191028;--color-badge-bg: #2b1645;--color-ghost-border: rgba(167, 139, 250, .3);--color-video-overlay: rgba(12, 6, 22, .6);--shadow-card: 0 12px 36px rgba(5, 3, 12, .5);--shadow-button: 0 14px 28px rgba(109, 40, 217, .45);--app-video-opacity: .4;--app-overlay-opacity: .55;--scrollbar-track: rgba(109, 40, 217, .18);--scrollbar-thumb: rgba(167, 139, 250, .45);--scrollbar-thumb-hover: rgba(167, 139, 250, .7);--border-subtle: rgba(167, 139, 250, .32);--focus-ring: 0 0 0 3px rgba(167, 139, 250, .34)}[data-theme=christmas]{--background-primary: #fff7ed;--background-card: rgba(255, 248, 240, .88);--background-elevated: rgba(255, 252, 248, .95);--background-soft: rgba(185, 28, 28, .1);--text-primary: #7c2d12;--text-secondary: #9a3412;--accent-color: #b91c1c;--accent-contrast: #ffffff;--color-card: #ffffff;--color-badge-bg: #fee2e2;--color-ghost-border: rgba(185, 28, 28, .35);--color-video-overlay: rgba(255, 237, 213, .6);--shadow-card: 0 14px 28px rgba(185, 28, 28, .16);--shadow-button: 0 14px 28px rgba(185, 28, 28, .28);--app-video-opacity: .5;--app-overlay-opacity: .4;--scrollbar-track: rgba(185, 28, 28, .1);--scrollbar-thumb: rgba(185, 28, 28, .38);--scrollbar-thumb-hover: rgba(185, 28, 28, .56);--border-subtle: rgba(185, 28, 28, .26);--focus-ring: 0 0 0 3px rgba(185, 28, 28, .26)}[data-theme=lunar]{--background-primary: #ffe8d0;--background-card: rgba(255, 232, 208, .92);--background-elevated: rgba(255, 241, 226, .96);--background-soft: rgba(152, 32, 0, .1);--text-primary: #982000;--text-secondary: #7a2e00;--accent-color: #982000;--accent-contrast: #ffe8d0;--color-card: #ffe8d0;--color-badge-bg: #127253;--color-ghost-border: rgba(7, 124, 148, .55);--color-video-overlay: rgba(152, 32, 0, .45);--shadow-card: 0 16px 30px rgba(152, 32, 0, .2);--shadow-button: 0 18px 34px rgba(241, 178, 50, .45);--app-video-opacity: .45;--app-overlay-opacity: .4;--scrollbar-track: rgba(152, 32, 0, .12);--scrollbar-thumb: rgba(152, 32, 0, .4);--scrollbar-thumb-hover: rgba(152, 32, 0, .6);--border-subtle: rgba(152, 32, 0, .32);--focus-ring: 0 0 0 3px rgba(152, 32, 0, .3)}[data-theme=halloween]{--background-primary: #0b0a1a;--background-card: rgba(24, 14, 38, .9);--background-elevated: rgba(31, 19, 48, .96);--background-soft: rgba(249, 115, 22, .14);--text-primary: #f6e7d6;--text-secondary: #cfb59a;--accent-color: #f97316;--accent-contrast: #120d22;--color-card: #1b102a;--color-badge-bg: #2a123d;--color-ghost-border: rgba(249, 115, 22, .4);--color-video-overlay: rgba(11, 10, 26, .68);--shadow-card: 0 14px 36px rgba(6, 5, 15, .6);--shadow-button: 0 14px 28px rgba(249, 115, 22, .35);--app-video-opacity: .35;--app-overlay-opacity: .58;--scrollbar-track: rgba(249, 115, 22, .12);--scrollbar-thumb: rgba(249, 115, 22, .42);--scrollbar-thumb-hover: rgba(249, 115, 22, .65);--border-subtle: rgba(249, 115, 22, .35);--focus-ring: 0 0 0 3px rgba(249, 115, 22, .32)}[data-theme]{--color-bg: var(--background-primary);--color-text: var(--text-primary);--color-surface: var(--background-card);--color-muted: var(--text-secondary);--color-primary: var(--accent-color);--color-primary-contrast: var(--accent-contrast);--surface-1: var(--background-card);--surface-2: var(--background-elevated);--surface-3: var(--background-soft);--accent: var(--accent-color)}html{font-family:var(--font-sans);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-size:16px;line-height:1.55;color:var(--text-primary)}h1,h2,h3,h4{margin:0;line-height:1.2;letter-spacing:-.02em}p{margin:0}.text-eyebrow{font-size:.76rem;letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:var(--text-secondary)}.text-muted{color:var(--text-secondary)}:root{--motion-fast: .12s;--motion-base: .18s;--motion-slow: .22s;--ease-standard: cubic-bezier(.2, .65, .25, 1)}*{transition-property:color,background-color,border-color,box-shadow,opacity,transform;transition-duration:var(--motion-base);transition-timing-function:var(--ease-standard)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition-duration:0ms!important;scroll-behavior:auto!important}}@keyframes fade-slide-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;min-height:100%}html,body,*{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}html::-webkit-scrollbar,body::-webkit-scrollbar,*::-webkit-scrollbar{width:10px;height:10px}html::-webkit-scrollbar-track,body::-webkit-scrollbar-track,*::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:999px}html::-webkit-scrollbar-thumb,body::-webkit-scrollbar-thumb,*::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:999px;border:2px solid transparent;background-clip:content-box}html::-webkit-scrollbar-thumb:hover,body::-webkit-scrollbar-thumb:hover,*::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover);background-clip:content-box}body{margin:0;min-height:100vh;color:var(--text-primary);background:var(--background-primary);overflow-x:hidden}a{color:inherit}img,video,canvas{max-width:100%;display:block}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:none;box-shadow:var(--focus-ring)}.container{width:min(1200px,calc(100% - var(--space-6)));margin-inline:auto}@media(min-width:768px){.container{width:min(1240px,calc(100% - var(--space-8)))}}.surface{background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.scrollbar-thin{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}.page-enter{animation:fade-slide-up var(--motion-slow) var(--ease-standard)}.ui-button{border:1px solid transparent;border-radius:var(--radius-pill);padding:10px 18px;cursor:pointer;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none}.ui-button--sm{padding:8px 14px;font-size:.9rem}.ui-button--md{padding:10px 18px}.ui-button--lg{padding:12px 22px}.ui-button--primary{background:var(--accent);color:var(--accent-contrast)}.ui-button--ghost{background:transparent;color:var(--text-primary);border-color:var(--border-subtle)}.ui-button--soft{background:var(--surface-3);color:var(--text-primary);border-color:var(--border-subtle)}.ui-card{background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:var(--space-6)}.ui-badge{background:var(--color-badge-bg);color:var(--text-primary);padding:6px 10px;border-radius:var(--radius-pill);display:inline-flex;align-items:center;font-size:.8rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.ui-section-header{display:grid;gap:var(--space-2)}.ui-section-header__title{font-size:clamp(1.4rem,2.2vw,1.9rem)}.ui-section-header__subtitle{color:var(--text-secondary)}.ui-input,.ui-select{width:100%;border-radius:var(--radius-sm);border:1px solid var(--border-subtle);background:var(--surface-2);padding:10px 12px}.ui-empty,.ui-error{text-align:center;display:grid;gap:var(--space-2);padding:var(--space-6);border-radius:var(--radius-md);background:var(--surface-3)}.ui-error{border:1px dashed var(--border-subtle)}.ui-skeleton{width:100%;border-radius:var(--radius-md);background:linear-gradient(110deg,var(--surface-3),rgba(255,255,255,.18),var(--surface-3));background-size:200% 100%;animation:skeleton-shimmer 1.2s ease-in-out infinite}.ui-skeleton--line{height:20px}.ui-skeleton--block{height:140px}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.ui-modal{position:fixed;inset:0;z-index:var(--z-modal);display:grid;place-items:center;padding:var(--space-6)}.ui-modal__backdrop{position:absolute;inset:0;background:#0a08149e;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.ui-modal__panel{position:relative;z-index:1;width:min(960px,94vw);max-height:90vh;overflow:auto;background:var(--surface-2);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);padding:var(--space-6)}@media(max-width:768px){.ui-card{padding:var(--space-5)}.ui-modal{padding:var(--space-4)}.ui-modal__panel{padding:var(--space-5)}}.app-shell{position:relative;min-height:100vh;display:flex;flex-direction:column;padding-block:var(--space-4) var(--space-6)}.app-shell__background,.app-shell__overlay{position:fixed;inset:0}.app-shell__background{z-index:-3;overflow:hidden;background:var(--background-primary)}.app-shell__background video,.app-shell__background img{width:100%;height:100%;object-fit:cover;opacity:var(--app-video-opacity)}.app-shell__overlay{z-index:-2;background:var(--color-video-overlay);opacity:var(--app-overlay-opacity)}.app-shell__content{display:flex;flex-direction:column;gap:var(--space-5);flex:1;position:relative;z-index:var(--z-base);width:100%;max-width:none;padding-inline:var(--space-3);overflow:visible}.app-header{position:sticky;top:var(--space-3);z-index:var(--z-header);display:grid;grid-template-columns:auto auto 1fr auto;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);overflow:visible}.app-header__brand{display:grid;gap:2px;text-decoration:none}.app-header__nav-toggle{display:none;border:1px solid var(--border-subtle);background:var(--surface-3);border-radius:var(--radius-pill);width:40px;height:40px;cursor:pointer}.app-nav{display:flex;justify-content:center;flex-wrap:wrap;gap:var(--space-2)}.app-nav__link{text-decoration:none;padding:8px 12px;border-radius:var(--radius-pill);font-weight:600;color:var(--text-secondary)}.app-nav__link:hover,.app-nav__link:focus-visible{background:var(--surface-3);color:var(--text-primary)}.app-nav__link.router-link-active{background:var(--surface-3);color:var(--accent)}.app-header__settings{justify-self:end}.app-header__settings-menu{position:fixed;z-index:var(--z-dropdown);padding:var(--space-3);min-width:240px;display:grid;gap:var(--space-3);pointer-events:auto}.app-header__field{display:grid;gap:var(--space-1)}.app-header__locales{display:grid;gap:var(--space-2)}.app-header__locale-toggle{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));background:var(--surface-3);border:1px solid var(--border-subtle);border-radius:var(--radius-pill);padding:4px;gap:4px}.app-header__locale-option{border:1px solid transparent;background:transparent;color:var(--text-secondary);border-radius:var(--radius-pill);padding:8px 10px;font-weight:700;letter-spacing:.04em;cursor:pointer}.app-header__locale-option:hover,.app-header__locale-option:focus-visible{color:var(--text-primary);background:#ffffff14}.app-header__locale-option--active{background:var(--surface-2);color:var(--text-primary);border-color:var(--accent);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 45%,transparent)}.app-shell__main-grid{display:grid;gap:var(--space-4);grid-template-columns:1fr;align-items:start;min-height:0}.app-shell__main-grid--no-sidebar{grid-template-columns:1fr}.app-shell__main{min-width:0}.app-sidebar{display:grid;gap:var(--space-4)}.app-sidebar__section{display:grid;gap:var(--space-3)}.app-sidebar__quote{display:grid;gap:var(--space-2);color:var(--text-secondary)}.app-sidebar__stats{display:grid;gap:var(--space-1)}.app-sidebar__pet-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.app-sidebar__pet-image{width:100%;aspect-ratio:4 / 3;object-fit:cover;border-radius:var(--radius-md)}.app-footer{padding:var(--space-3) var(--space-4);text-align:center;margin-top:auto}.app-shell__chibi{position:fixed;right:var(--space-3);bottom:var(--space-3);width:min(140px,26vw);pointer-events:none;opacity:.9;z-index:0}.app-back-to-top{position:fixed;right:var(--space-4);bottom:clamp(76px,8vh,112px);width:46px;height:46px;border:1px solid var(--border-subtle);border-radius:999px;display:grid;place-items:center;background:var(--surface-2);color:var(--text-primary);box-shadow:var(--shadow-card);cursor:pointer;z-index:calc(var(--z-header) + 4);transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.app-back-to-top:hover,.app-back-to-top:focus-visible{transform:translateY(-2px);box-shadow:0 14px 24px color-mix(in srgb,var(--accent) 26%,transparent);background:var(--surface-3)}.back-to-top-enter-active,.back-to-top-leave-active{transition:opacity .2s ease,transform .2s ease}.back-to-top-enter-from,.back-to-top-leave-to{opacity:0;transform:translateY(8px)}@media(min-width:768px){.app-shell__content{padding-inline:var(--space-5)}}@media(min-width:1024px){.app-shell{padding-block:var(--space-5) var(--space-7)}.app-shell__main-grid--with-sidebar{grid-template-columns:1fr 320px;align-items:start}.app-sidebar{position:sticky;top:calc(var(--space-9) + 12px);max-height:calc(100vh - 140px);overflow:auto;padding-right:var(--space-1)}}@media(max-width:920px){.app-header{grid-template-columns:auto auto 1fr}.app-header__nav-toggle{display:inline-grid;place-items:center}.app-nav{display:none;grid-column:1 / -1;justify-content:flex-start;padding-top:var(--space-2)}.app-nav--open{display:flex}.app-header__settings{grid-column:3}}@media(min-width:1600px){.app-shell__content{padding-inline:clamp(56px,5vw,96px)}}.welcome-view[data-v-af00792f]{min-height:100vh;display:grid;place-items:center;padding:var(--space-6);position:relative;cursor:pointer}.welcome-view__background[data-v-af00792f],.welcome-view__overlay[data-v-af00792f]{position:absolute;inset:0}.welcome-view__background video[data-v-af00792f]{width:100%;height:100%;object-fit:cover;opacity:.5}.welcome-view__overlay[data-v-af00792f]{background:#0c0a1e59}.welcome-view__card[data-v-af00792f]{position:relative;z-index:1;width:min(560px,100%);text-align:center;display:grid;gap:var(--space-3);padding:var(--space-7)}.welcome-view__cta[data-v-af00792f]{margin-top:var(--space-2);display:inline-flex;align-items:center;justify-content:center;background:var(--surface-3);border-radius:var(--radius-pill);padding:10px 16px;font-weight:600}.home-view[data-v-eb1d197b],.home-view__hero[data-v-eb1d197b]{display:grid;gap:var(--space-4)}.home-view__hero-actions[data-v-eb1d197b]{display:flex;flex-wrap:wrap;gap:var(--space-2)}.home-view__grid[data-v-eb1d197b]{display:grid;gap:var(--space-4);grid-template-columns:1fr}.home-view__card[data-v-eb1d197b]{display:grid;gap:var(--space-3)}.home-view__link-grid[data-v-eb1d197b]{display:flex;flex-wrap:wrap;gap:var(--space-2)}.home-view__video[data-v-eb1d197b]{width:100%;aspect-ratio:16 / 9;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--border-subtle)}.home-view__video iframe[data-v-eb1d197b]{width:100%;height:100%;border:0}@media(min-width:768px){.home-view__grid[data-v-eb1d197b]{grid-template-columns:repeat(2,minmax(0,1fr))}}.blog-list{display:grid;gap:var(--space-4)}.blog-list__grid{display:grid;gap:var(--space-4);grid-template-columns:1fr}.blog-list__card{display:grid;gap:var(--space-3)}.blog-list__meta{display:flex;flex-wrap:wrap;gap:var(--space-2);color:var(--text-secondary);font-size:.9rem}.blog-list__tags{display:flex;flex-wrap:wrap;gap:var(--space-2)}.blog-list__link{justify-self:start}.blog-detail{display:grid;gap:var(--space-4)}.blog-detail__content{color:var(--text-secondary);line-height:1.7}.blog-detail__related{display:grid;gap:var(--space-3);grid-template-columns:1fr}.blog-detail__related-card{display:grid;gap:var(--space-2)}@media(min-width:768px){.blog-list__grid,.blog-detail__related{grid-template-columns:repeat(2,minmax(0,1fr))}}.snake{display:grid;gap:var(--space-4)}.snake__header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap}.snake__title{margin:0 0 var(--space-1)}.snake__subtitle{color:var(--text-secondary)}.snake__modes{display:flex;gap:var(--space-2);margin-top:var(--space-2);flex-wrap:wrap}.snake__mode,.snake__button{border:1px solid var(--border-subtle);border-radius:var(--radius-pill);padding:8px 14px;background:var(--surface-3);cursor:pointer;font-weight:600}.snake__mode--active,.snake__button{background:var(--accent);color:var(--accent-contrast)}.snake__button--ghost{background:transparent;color:var(--text-primary)}.snake__controls{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.snake__score{display:grid;gap:2px;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);background:var(--surface-3)}.snake__board{position:relative;display:grid;place-items:center;border-radius:var(--radius-md);background:#0f172a99;border:1px solid var(--border-subtle);padding:var(--space-3)}.snake__canvas{width:min(360px,100%);height:auto;border-radius:var(--radius-sm)}.snake__event{position:absolute;left:50%;bottom:var(--space-2);transform:translate(-50%);padding:6px 10px;border-radius:var(--radius-pill);background:#0f172ad1}.snake__overlay{position:absolute;inset:0;display:grid;place-items:center;background:#0f172aa6;border-radius:var(--radius-md)}.snake__overlay-card{padding:var(--space-4);border-radius:var(--radius-md);display:grid;gap:var(--space-2);text-align:center;background:var(--surface-2)}.snake__over-text{color:var(--text-secondary)}.games{display:grid;gap:var(--space-4)}.games__grid{display:grid;gap:var(--space-4);grid-template-columns:1fr}.games__card{display:grid;gap:var(--space-3)}.games__action{justify-self:start}.games__modal-header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.games-view[data-v-724833d4],.music,.music__player-card,.music__video-card,.music__playlist-modal{display:grid;gap:var(--space-4)}.music__top{display:grid;gap:var(--space-3);grid-template-columns:88px 1fr;align-items:center}.music__thumb{width:88px;height:88px;border-radius:var(--radius-md);border:1px solid var(--border-subtle);object-fit:cover;box-shadow:var(--shadow-card)}.music__meta{display:grid;gap:var(--space-1)}.music__title{font-size:1.08rem}.music__timeline{display:grid;gap:var(--space-1)}.music__progress{width:100%;accent-color:var(--accent);cursor:pointer}.music__time-row{display:flex;justify-content:space-between;color:var(--text-secondary);font-size:.84rem}.music__transport{display:flex;justify-content:center;flex-wrap:wrap;gap:var(--space-2)}.music__video-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-3)}.music__video-actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.music__video-frame{width:100%;aspect-ratio:16 / 9;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--border-subtle)}.music__video-frame iframe{width:100%;height:100%;border:0}.music__video-grid{display:grid;gap:var(--space-2);grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.music__video-item{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--text-primary);display:grid;gap:var(--space-2);padding:var(--space-2);text-align:left;cursor:pointer}.music__video-item:hover,.music__video-item:focus-visible{transform:translateY(-1px);box-shadow:var(--shadow-button)}.music__video-item--active{background:var(--surface-3);border-color:var(--accent)}.music__video-item img{width:100%;aspect-ratio:16 / 9;border-radius:var(--radius-xs);object-fit:cover}.music__playlist-list{display:grid;gap:var(--space-2)}.music__playlist-item{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--surface-2);text-align:left;padding:10px 12px;cursor:pointer;color:var(--text-primary)}.music__playlist-item:hover,.music__playlist-item:focus-visible{background:var(--surface-3)}.music__playlist-item--active{background:var(--surface-3);border-color:var(--accent)}@media(max-width:640px){.music__top{grid-template-columns:1fr}.music__thumb{width:72px;height:72px}.music__transport{justify-content:flex-start}}