@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Lilita+One&display=swap";:root{--font-heading:"Lilita One", sans-serif;--font-body:"DM Sans", sans-serif;--color-series:#ebc65e;--color-films:#43c5e8;--color-books:#b18af4;--color-shows:#f2955d;--color-theater:#e477ba;--color-games:#559bfa;--color-music:#ed6879;--color-danger:#a64d62;--color-danger-hover:#873b50;--color-danger-text:#fff;--radius-small:8px;--radius-medium:14px;--radius-large:20px}.app-shell[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-background:#202326;--color-surface:#292d31;--color-surface-secondary:#353a40;--color-surface-tertiary:#424850;--color-text:#e8e8e6;--color-text-secondary:#a6a8aa;--color-border:#41464c;--color-highlight:#e8e8e6}.app-shell[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-background:#f0f0ec;--color-surface:#fafaf7;--color-surface-secondary:#e6e7e3;--color-surface-tertiary:#d9dbd7;--color-text:#292d31;--color-text-secondary:#696e73;--color-border:#d3d5d1;--color-highlight:#555b63}*{box-sizing:border-box}html{min-width:320px;min-height:100%}body{min-width:320px;min-height:100vh;font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}#root{min-height:100vh}.profile-menu{position:relative}.profile-menu__trigger{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);border-radius:30px;align-items:center;gap:9px;padding:7px 12px 7px 7px;font-size:13px;font-weight:600;transition:background .2s;display:flex}.profile-menu__trigger:hover{background:var(--color-surface-secondary)}.profile-menu__avatar{background:var(--color-surface-tertiary);width:32px;height:32px;color:var(--color-highlight);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.profile-menu__avatar svg{stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:19px;height:19px}.profile-menu__arrow{color:var(--color-text-secondary);font-size:15px}.profile-menu__panel{z-index:20;border:1px solid var(--color-border);border-radius:var(--radius-medium);background:var(--color-surface);width:290px;color:var(--color-text);padding:22px;position:absolute;top:calc(100% + 12px);right:0;box-shadow:0 14px 36px #0000002e}.profile-menu__heading{flex-direction:column;gap:6px;display:flex}.profile-menu__heading strong{font-size:15px}.profile-menu__heading span{color:var(--color-text-secondary);font-size:12px}.profile-menu__divider{background:var(--color-border);height:1px;margin:20px 0}.profile-menu__section{flex-direction:column;gap:13px;display:flex}.profile-menu__label{color:var(--color-text-secondary);letter-spacing:1.2px;font-size:10px;font-weight:700}.profile-menu__preference-title{font-size:13px}.profile-menu__theme-options{grid-template-columns:1fr 1fr;gap:9px;display:grid}.profile-menu__theme-options button{border:1px solid var(--color-border);border-radius:var(--radius-small);background:var(--color-background);color:var(--color-text-secondary);padding:11px;font-size:12px;transition:background .2s,color .2s}.profile-menu__theme-options button:hover{background:var(--color-surface-secondary)}.profile-menu__theme-options button.is-selected{border-color:var(--color-highlight);background:var(--color-surface-secondary);color:var(--color-highlight);font-weight:700}.profile-menu__note{color:var(--color-text-secondary);font-size:11px;line-height:1.6}@media (width<=600px){.profile-menu__trigger{background:0 0;border:none;justify-content:center;width:38px;height:38px;padding:2px}.profile-menu__trigger:hover{background:var(--color-surface-secondary)}.profile-menu__avatar{width:34px;height:34px}.profile-menu__username,.profile-menu__arrow{display:none}}.app-header{z-index:10;border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:24px;width:100%;min-height:92px;padding:20px 0;display:flex;position:relative}.app-header__brand{align-items:center;gap:13px;display:flex}.app-header__mark{background:var(--color-surface-secondary);width:46px;height:46px;color:var(--color-highlight);font-family:var(--font-heading);border-radius:13px;flex-shrink:0;place-items:center;font-size:27px;display:grid}.app-header__brand-text{flex-direction:column;gap:4px;display:flex}.app-header__name{font-family:var(--font-heading);letter-spacing:.4px;font-size:22px}.app-header__subtitle{color:var(--color-text-secondary);letter-spacing:1.3px;font-size:9px;font-weight:700}.app-header__actions{align-items:center;gap:24px;display:flex}.app-header__year{color:var(--color-text-secondary);letter-spacing:1px;align-items:center;gap:10px;font-size:11px;font-weight:700;display:flex}.app-header__year input{border:1px solid var(--color-border);border-radius:var(--radius-small);background:var(--color-surface);width:64px;color:var(--color-text);text-align:right;padding:10px 3px;font-weight:600}@media (width<=600px){.app-header{flex-direction:row;align-items:center;gap:8px;min-height:72px;padding:12px 0}.app-header__brand{gap:8px;min-width:0}.app-header__mark{border-radius:11px;width:38px;height:38px;font-size:23px}.app-header__name{font-size:18px}.app-header__subtitle{display:none}.app-header__actions{flex-shrink:0;gap:8px}.app-header__year{gap:5px;font-size:9px}.app-header__year input{width:54px;padding:8px 2px;font-size:12px}}.main-navigation{grid-column:1/span 5;grid-template-columns:repeat(5,minmax(0,1fr));align-items:center;min-width:0;display:grid}.main-navigation__item{border-radius:var(--radius-small);min-width:0;min-height:58px;color:var(--color-text-secondary);background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:6px 2px;transition:background .2s,color .2s;display:flex}.main-navigation__item:hover{background:var(--color-surface-secondary);color:var(--color-text)}.main-navigation__item.is-active{color:var(--color-highlight)}.main-navigation__icon{font-size:21px;line-height:1.2}.main-navigation__label{white-space:nowrap;font-size:10px;font-weight:600}.main-navigation__item.is-active .main-navigation__label{font-weight:700}@media (width<=700px){.main-navigation__item{gap:0;min-height:56px}.main-navigation__icon{font-size:23px}.main-navigation__label{display:none}}.dashboard{flex-direction:column;gap:24px;display:flex}.dashboard__overview{grid-template-columns:.8fr 1.7fr;gap:24px;display:grid}.dashboard__total-card,.dashboard__distribution,.dashboard__music{border:1px solid var(--color-border);border-radius:var(--radius-large);background:var(--color-surface);padding:28px}.dashboard__total-card{flex-direction:column;justify-content:center;min-height:310px;display:flex}.dashboard__section-label{color:var(--color-text-secondary);letter-spacing:1.3px;font-size:10px;font-weight:700}.dashboard__total-number{font-family:var(--font-heading);margin-top:20px;font-size:76px;font-weight:400;line-height:1}.dashboard__supporting-text{color:var(--color-text-secondary);margin-top:12px;font-size:13px}.dashboard__section-heading,.dashboard__music-heading{justify-content:space-between;align-items:center;display:flex}.dashboard__section-heading h2,.dashboard__music-heading h2{font-family:var(--font-heading);margin:9px 0 0;font-size:23px;font-weight:400}.dashboard__distribution-content{justify-content:space-around;align-items:center;gap:28px;min-height:215px;padding-top:18px;display:flex}.dashboard__donut{background:conic-gradient(var(--color-surface-tertiary) 0% 100%);border-radius:50%;flex-shrink:0;place-items:center;width:172px;height:172px;display:grid}.dashboard__donut-center{background:var(--color-surface);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:126px;height:126px;display:flex}.dashboard__donut-center strong{font-family:var(--font-heading);font-size:35px;font-weight:400}.dashboard__donut-center span{color:var(--color-text-secondary);font-size:11px}.dashboard__category-list{flex-direction:column;flex:1;gap:14px;max-width:190px;display:flex}.dashboard__category{grid-template-columns:10px 1fr auto;align-items:center;gap:9px;font-size:12px;display:grid}.dashboard__category-dot{border-radius:50%;width:9px;height:9px}.dashboard__category-name{color:var(--color-text-secondary)}.dashboard__category-count{font-weight:600}.dashboard__music{padding:26px 28px}.dashboard__music-period{color:var(--color-text-secondary);letter-spacing:1px;font-size:11px;font-weight:600}.dashboard__music-content{align-items:center;gap:60px;margin-top:26px;display:flex}.dashboard__music-number{flex-direction:column;gap:5px;display:flex}.dashboard__music-number strong{font-family:var(--font-heading);font-size:42px;font-weight:400}.dashboard__music-number span,.dashboard__music-progress span{color:var(--color-text-secondary);font-size:11px}.dashboard__music-progress{flex-direction:column;flex:1;gap:10px;display:flex}.dashboard__progress-track{background:var(--color-surface-tertiary);border-radius:10px;width:100%;height:7px;overflow:hidden}.dashboard__progress-fill{border-radius:inherit;background:var(--color-music);width:0%;height:100%}@media (width<=850px){.dashboard__overview{grid-template-columns:1fr}.dashboard__total-card{min-height:200px}}@media (width<=550px){.dashboard__total-card,.dashboard__distribution,.dashboard__music{padding:22px}.dashboard__distribution-content{flex-direction:column;padding-top:25px}.dashboard__category-list{width:100%;max-width:none}.dashboard__music-content{flex-direction:column;align-items:flex-start;gap:22px}.dashboard__music-progress{width:100%}}.records{flex-direction:column;gap:24px;display:flex}.records__toolbar,.records__list{border:1px solid var(--color-border);border-radius:var(--radius-large);background:var(--color-surface);padding:26px 28px}.records__filters-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.records__label{color:var(--color-text-secondary);letter-spacing:1.3px;font-size:10px;font-weight:700}.records__filter-count,.records__sort-label{color:var(--color-text-secondary);font-size:11px}.records__filters{flex-wrap:wrap;gap:9px;display:flex}.records__filter{border:1px solid var(--color-border);background:var(--color-background);color:var(--color-text-secondary);cursor:pointer;border-radius:30px;align-items:center;gap:8px;padding:9px 13px;font-size:12px;font-weight:500;transition:background .2s,color .2s;display:flex}.records__filter:hover{background:var(--color-surface-secondary);color:var(--color-text)}.records__filter.is-active{border-color:var(--color-highlight);background:var(--color-surface-secondary);color:var(--color-text);font-weight:700}.records__filter-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.records__list-heading{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:24px;display:flex}.records__list-heading h2{font-family:var(--font-heading);margin:9px 0 0;font-size:23px;font-weight:400}.records__sort-label{padding-bottom:3px}.records__empty{border:1px dashed var(--color-border);border-radius:var(--radius-medium);text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:240px;padding:30px;display:flex}.records__empty-icon{color:var(--color-highlight);margin-bottom:12px;font-size:27px}.records__empty h3{margin:0;font-size:15px;font-weight:600}.records__empty p{max-width:380px;color:var(--color-text-secondary);margin:9px 0 0;font-size:12px;line-height:1.7}.records__items{flex-direction:column;display:flex}.records__item{border:none;border-bottom:1px solid var(--color-border);width:100%;min-width:0;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;align-items:center;gap:14px;padding:15px 8px;transition:background .2s;display:flex}.records__item:hover{background:var(--color-surface-secondary)}.records__item:focus-visible{outline:2px solid var(--color-highlight);outline-offset:-2px;border-radius:6px}.records__item:first-child{padding-top:4px}.records__item:last-child{border-bottom:none;padding-bottom:4px}.records__item-indicator{border-radius:50%;flex-shrink:0;width:9px;height:9px}.records__item-main{flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.records__item-title{color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;overflow:hidden}.records__item-category{color:var(--color-text-secondary);font-size:10px}.records__item-date{color:var(--color-text-secondary);font-variant-numeric:tabular-nums;flex-shrink:0;font-size:11px}@media (width<=550px){.records__toolbar,.records__list{padding:21px}.records__list-heading{flex-direction:column;align-items:flex-start;gap:9px}.records__filters{gap:7px}.records__filter{padding:8px 11px;font-size:11px}.records__item{gap:10px}.records__item-title{font-size:12px}.records__item-date{font-size:10px}}.music{flex-direction:column;gap:24px;display:flex}.music__summary,.music__week-section,.music__list-section{border:1px solid var(--color-border);border-radius:var(--radius-large);background:var(--color-surface);padding:26px 28px}.music__summary{justify-content:space-between;align-items:center;gap:24px;display:flex}.music__label{color:var(--color-text-secondary);letter-spacing:1.3px;font-size:10px;font-weight:700}.music__summary h2,.music__week-navigation h2,.music__list-heading h2{font-family:var(--font-heading);margin:9px 0 0;font-size:23px;font-weight:400}.music__summary p{color:var(--color-text-secondary);margin:9px 0 0;font-size:12px;line-height:1.6}.music__summary-number{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:4px;display:flex}.music__summary-number strong{color:var(--color-music);font-family:var(--font-heading);font-size:42px;font-weight:400}.music__summary-number span{color:var(--color-text-secondary);font-size:11px}.music__week-navigation,.music__list-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.music__arrows{gap:8px;display:flex}.music__arrows button{border:1px solid var(--color-border);border-radius:var(--radius-small);background:var(--color-background);width:38px;height:38px;color:var(--color-text);place-items:center;font-size:24px;line-height:1;display:grid}.music__arrows button:hover:not(:disabled){background:var(--color-surface-secondary)}.music__arrows button:disabled{cursor:not-allowed;opacity:.35}.music__selected-week{border:1px dashed var(--color-border);border-radius:var(--radius-medium);background:color-mix(in srgb, var(--color-music) 5%, transparent);align-items:center;gap:16px;min-height:110px;margin-top:24px;padding:18px 22px;display:flex}.music__selected-icon,.music__selected-cover{border-radius:var(--radius-medium);background:color-mix(in srgb, var(--color-music) 16%, transparent);width:64px;height:64px;color:var(--color-music);flex-shrink:0;place-items:center;display:grid;overflow:hidden}.music__selected-cover{object-fit:cover;display:block}.music__selected-content{flex-direction:column;flex:auto;gap:5px;min-width:0;display:flex}.music__selected-content strong{color:var(--color-text);text-overflow:ellipsis;font-size:14px;font-weight:700;overflow:hidden}.music__selected-content span{color:var(--color-text-secondary);text-overflow:ellipsis;font-size:12px;overflow:hidden}.music__selected-content .music__selected-album{font-size:10px}.music__edit-link{border:1px solid var(--color-music);border-radius:var(--radius-small);color:var(--color-music);background:0 0;flex:none;align-items:center;gap:7px;padding:8px 10px;font-size:11px;font-weight:600;display:inline-flex}.music__edit-link:hover{background:color-mix(in srgb, var(--color-music) 12%, transparent)}.music__edit-link span{font-size:18px;line-height:.8}.music__message{color:var(--color-text-secondary);margin-top:12px;font-size:12px}.music__message--error{color:var(--color-danger)}.music__week-count{color:var(--color-text-secondary);font-size:11px}.music__week-list{flex-direction:column;margin-top:20px;display:flex}.music__week-row{border:none;border-bottom:1px solid var(--color-border);width:100%;color:var(--color-text);text-align:left;background:0 0;grid-template-columns:42px minmax(0,1fr) 16px;align-items:center;gap:14px;padding:13px 12px;transition:background .2s;display:grid}.music__week-row:last-child{border-bottom:none}.music__week-row:hover,.music__week-row.is-selected{background:var(--color-surface-secondary)}.music__week-number{border-radius:var(--radius-small);background:var(--color-background);width:34px;height:34px;color:var(--color-text-secondary);place-items:center;font-size:11px;font-weight:700;display:grid}.music__week-row.is-selected .music__week-number{background:color-mix(in srgb, var(--color-music) 16%, transparent);color:var(--color-music)}.music__week-information{flex-direction:column;gap:5px;min-width:0;display:flex}.music__week-heading{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.music__week-description{font-size:12px;font-weight:600}.music__current-label{color:var(--color-music);font-size:10px;font-weight:700}.music__week-track{color:var(--color-text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:11px;display:block;overflow:hidden}.music__week-track strong{color:var(--color-text);font-weight:600}.music__week-status{color:var(--color-text-secondary);font-size:11px}.music__week-arrow{color:var(--color-text-secondary);font-size:20px}@media (width<=600px){.music{gap:16px}.music__summary,.music__week-section,.music__list-section{padding:21px}.music__summary{align-items:flex-start;gap:12px}.music__summary h2{max-width:220px}.music__summary-number strong{font-size:34px}.music__selected-week{flex-wrap:wrap;gap:12px;padding:15px}.music__selected-icon,.music__selected-cover{width:52px;height:52px}.music__edit-link{margin-left:64px}.music__week-row{grid-template-columns:36px minmax(0,1fr) 14px;gap:9px;padding:13px 5px}.music__week-track,.music__week-status{font-size:10px}.music__week-description{font-size:11px}}.calendar{flex-direction:column;flex:1;width:100%;min-height:0;display:flex}.calendar__content{aspect-ratio:1;flex-direction:column;flex:0 auto;align-self:center;width:auto;max-width:100%;height:100%;min-height:0;max-height:100%;display:flex}.calendar__navigation{flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;width:100%;margin-bottom:14px;display:flex}.calendar__week-controls{align-items:center;gap:10px;display:flex}.calendar__week-controls strong{color:var(--color-text);font-size:14px;font-weight:600}.calendar__nav-button,.calendar__today-button{border:1px solid var(--color-border);border-radius:var(--radius-small);background:var(--color-surface);height:34px;color:var(--color-text);cursor:pointer;justify-content:center;align-items:center;font-family:inherit;display:flex}.calendar__nav-button{width:34px;font-size:22px}.calendar__today-button{padding:0 16px;font-size:12px;font-weight:600}.calendar__grid{flex:1;grid-template-rows:repeat(3,minmax(0,1fr));grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:100%;min-height:0;display:grid}.calendar__card{border:1px solid var(--color-border);border-radius:var(--radius-large);background:var(--color-surface);flex-direction:column;min-width:0;min-height:0;padding:12px;display:flex;overflow:hidden}.calendar__mini-month{grid-area:1/1}.calendar__day--monday{grid-area:1/2}.calendar__day--tuesday{grid-area:1/3}.calendar__day--wednesday{grid-area:2/1}.calendar__day--thursday{grid-area:2/2}.calendar__day--friday{grid-area:2/3}.calendar__day--saturday{grid-area:3/1}.calendar__day--sunday{grid-area:3/2}.calendar__music{grid-area:3/3}.calendar__card-label{color:var(--color-text-secondary);letter-spacing:1.2px;flex-shrink:0;margin-bottom:10px;font-size:10px;font-weight:700}.calendar__empty{border:1px dashed var(--color-border);border-radius:var(--radius-medium);min-height:0;color:var(--color-text-secondary);text-align:center;flex:1;justify-content:center;align-items:center;padding:8px;font-size:11px;line-height:1.5;display:flex}.calendar__mini-content{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.calendar__month-navigation{flex-shrink:0;grid-template-columns:24px minmax(0,1fr) 24px;align-items:center;gap:3px;margin-bottom:7px;display:grid}.calendar__month-title{justify-content:center;align-items:baseline;gap:5px;min-width:0;display:flex}.calendar__month-title strong{color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:700;overflow:hidden}.calendar__month-title span{color:var(--color-text-secondary);opacity:.65;flex-shrink:0;font-size:10px;font-weight:500}.calendar__month-arrow{border-radius:var(--radius-small);width:24px;height:23px;color:var(--color-text-secondary);cursor:pointer;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;padding:0;font-family:Arial,sans-serif;font-size:20px;line-height:1;display:flex}.calendar__month-arrow:hover{border-color:var(--color-border);background:var(--color-background);color:var(--color-text)}.calendar__mini-grid{flex:1;grid-template-rows:18px repeat(6,minmax(0,1fr));grid-template-columns:repeat(7,minmax(0,1fr));gap:2px;min-width:0;min-height:0;display:grid}.calendar__mini-weekday{color:var(--color-text-secondary);justify-content:center;align-items:center;font-size:8px;font-weight:700;display:flex}.calendar__mini-day{border-radius:var(--radius-small);min-width:0;min-height:0;color:var(--color-text);cursor:pointer;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;padding:0;font-family:inherit;font-size:10px;display:flex}.calendar__mini-day:hover{border-color:var(--color-border);background:var(--color-background)}.calendar__mini-day.outside-month{color:var(--color-text-secondary);opacity:.45}.calendar__mini-day.selected-week{background:var(--color-background)}.calendar__mini-day.today{border-color:var(--color-text-secondary);font-weight:700}.calendar__mini-day.selected-date{border-color:var(--color-text);background:var(--color-text);color:var(--color-surface);font-weight:700}.calendar__day-heading{flex-shrink:0;justify-content:space-between;align-items:center;gap:4px;margin-bottom:10px;display:flex}.calendar__day-heading span{color:var(--color-text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:600;overflow:hidden}.calendar__day-heading strong{color:var(--color-text);font-size:18px;font-weight:600}.calendar__day-works{flex:1;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;min-height:0;display:grid}.calendar__work{cursor:pointer;background:0 0;border:0;grid-template-rows:minmax(0,1fr) auto;row-gap:4px;width:100%;min-width:0;min-height:0;padding:0;font-family:inherit;display:grid}.calendar__work:nth-child(n+3){display:none}.calendar__poster{aspect-ratio:2/3;border-radius:var(--radius-small);background:var(--color-background);width:auto;min-width:0;max-width:100%;height:100%;min-height:0;color:var(--color-text-secondary);letter-spacing:1px;justify-content:center;place-self:center;align-items:center;font-size:9px;display:flex;overflow:hidden}.calendar__poster img{object-fit:cover;width:100%;height:100%;display:block}.calendar__work:hover .calendar__poster{outline:2px solid var(--color-border);outline-offset:2px}.calendar__work-title{width:100%;height:2.8em;min-height:2.8em;max-height:2.8em;color:var(--color-text);text-align:center;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:11px;font-weight:500;line-height:1.4;display:-webkit-box;overflow:hidden}.calendar__category-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px;margin:0 4px 1px 0;display:inline-block}.calendar__overflow{border:1px solid var(--color-border);border-radius:var(--radius-small);background:var(--color-background);color:var(--color-text-secondary);cursor:pointer;flex-shrink:0;align-self:center;margin-top:5px;padding:3px 8px;font-family:inherit;font-size:10px;font-weight:600}.calendar__overflow:hover{color:var(--color-text)}.calendar__overflow--wide{display:none}.calendar__music-content{min-height:0;color:var(--color-text);text-align:left;cursor:pointer;background:0 0;border:0;flex:1;align-items:center;gap:10px;padding:0;font-family:inherit;display:flex}.calendar__music-cover,.calendar__music-icon{border-radius:var(--radius-small);object-fit:cover;flex-shrink:0;width:64px;height:64px}.calendar__music-icon{background:var(--color-background);color:var(--color-text-secondary);justify-content:center;align-items:center;font-size:30px;display:flex}.calendar__music-information{flex-direction:column;gap:4px;min-width:0;display:flex}.calendar__music-information strong,.calendar__music-information span{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.calendar__music-information strong{color:var(--color-text);font-size:12px;font-weight:600;line-height:1.4}.calendar__music-information span{color:var(--color-text-secondary);font-size:10px;line-height:1.4}.calendar__music-information .calendar__music-album{opacity:.7}.calendar__modal-backdrop{z-index:1000;background:#000000a6;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.calendar__modal{border:1px solid var(--color-border);border-radius:var(--radius-large);background:var(--color-surface);flex-direction:column;width:min(100%,460px);max-height:min(80vh,600px);padding:20px;display:flex;overflow:hidden;box-shadow:0 18px 60px #00000040}.calendar__modal-heading{flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.calendar__modal-heading .calendar__card-label{margin-bottom:6px;display:block}.calendar__modal-heading h2{color:var(--color-text);margin:0;font-size:17px;font-weight:600}.calendar__modal-close{border:1px solid var(--color-border);border-radius:var(--radius-small);width:32px;height:32px;color:var(--color-text);cursor:pointer;background:0 0;flex-shrink:0;justify-content:center;align-items:center;font-size:23px;display:flex}.calendar__modal-list{flex-direction:column;gap:6px;min-height:0;display:flex;overflow-y:auto}.calendar__modal-item{border:1px solid var(--color-border);border-radius:var(--radius-medium);background:var(--color-background);width:100%;color:var(--color-text);text-align:left;cursor:pointer;align-items:center;gap:10px;padding:12px;display:flex}.calendar__modal-item:hover{border-color:var(--color-text-secondary)}.calendar__modal-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.calendar__modal-item-text{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.calendar__modal-item-text strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600;overflow:hidden}.calendar__modal-item-text span{color:var(--color-text-secondary);font-size:10px}.calendar__modal-arrow{color:var(--color-text-secondary);font-size:20px}.calendar__load-error,.calendar__load-message{color:var(--color-text-secondary);text-align:center;margin:8px 0 0;font-size:11px}.calendar__load-error{color:var(--color-danger,#d66)}@media (width>=651px) and (orientation:landscape){.calendar__content{aspect-ratio:auto;align-self:center;width:min(100%,135vh - 256.5px);max-width:100%;height:100%}.calendar__day-works{grid-template-columns:repeat(3,minmax(0,1fr))}.calendar__work:nth-child(3){display:grid}.calendar__overflow--compact{display:none}.calendar__overflow--wide{display:block}}@media (width<=650px){.calendar{flex:initial;min-height:auto}.calendar__content{aspect-ratio:auto;flex:initial;align-self:stretch;width:100%;max-width:none;height:auto;max-height:none}.calendar__grid{flex:initial;grid-template-rows:auto;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.calendar__mini-month{aspect-ratio:2;grid-area:1/1/auto/-1}.calendar__music{grid-area:2/1}.calendar__day--monday{grid-area:2/2}.calendar__day--tuesday{grid-area:3/1}.calendar__day--wednesday{grid-area:3/2}.calendar__day--thursday{grid-area:4/1}.calendar__day--friday{grid-area:4/2}.calendar__day--saturday{grid-area:5/1}.calendar__day--sunday{grid-area:5/2}.calendar__card:not(.calendar__mini-month){aspect-ratio:.95;padding:10px}.calendar__day-heading span{font-size:10px}.calendar__day-heading strong{font-size:16px}.calendar__work-title{font-size:10px}.calendar__mini-grid{grid-template-rows:16px repeat(6,minmax(0,1fr));gap:1px}.calendar__mini-weekday{font-size:9px}.calendar__mini-day{font-size:11px}.calendar__music-cover,.calendar__music-icon{width:48px;height:48px}}.statistics-navigation{border-bottom:1px solid var(--color-border);align-items:center;gap:8px;width:100%;margin-bottom:28px;padding-bottom:12px;display:flex;overflow-x:auto}.statistics-navigation__item{border-radius:var(--radius-medium);width:42px;height:42px;color:var(--color-text-secondary);cursor:pointer;background:0 0;border:1px solid #0000;flex:0 0 42px;justify-content:center;align-items:center;transition:background .2s,color .2s,border-color .2s;display:flex;position:relative}.statistics-navigation__item:hover{background:var(--color-surface);color:var(--color-text)}.statistics-navigation__item--active{border-color:var(--color-border);background:var(--color-surface);color:var(--color-text)}.statistics-navigation__tooltip{z-index:5;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);white-space:nowrap;opacity:0;pointer-events:none;border-radius:6px;padding:6px 9px;font-size:11px;transition:opacity .15s;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%)}.statistics-navigation__item:hover .statistics-navigation__tooltip,.statistics-navigation__item:focus-visible .statistics-navigation__tooltip{opacity:1}@media (width<=600px){.statistics-navigation{gap:5px}.statistics-navigation__item{flex-basis:40px;width:40px;height:40px}}.stat-card{border:1px solid var(--color-border);border-radius:var(--radius-large);background:var(--color-surface);flex-direction:column;gap:9px;min-width:0;padding:20px;display:flex}.stat-card__label{color:var(--color-text-secondary);font-size:12px}.stat-card__value{color:var(--color-text);font-family:var(--font-heading);font-size:32px;font-weight:500;line-height:1}.stat-card__description{color:var(--color-text-secondary);font-size:11px}.statistics-overview{flex-direction:column;gap:20px;display:flex}.statistics-overview__cards,.statistics-overview__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.overview-panel{border:1px solid var(--color-border);border-radius:var(--radius-large);background:var(--color-surface);min-width:0;padding:20px}.overview-panel h3{color:var(--color-text);margin:0 0 20px;font-size:14px;font-weight:600}.overview-panel__list{flex-direction:column;gap:16px;display:flex}.overview-distribution{flex-direction:column;gap:7px;display:flex}.overview-distribution__heading{color:var(--color-text-secondary);justify-content:space-between;align-items:center;gap:12px;font-size:12px;display:flex}.overview-distribution__heading strong{color:var(--color-text);font-size:12px;font-weight:600}.overview-distribution__track{background:var(--color-border);border-radius:99px;height:6px;overflow:hidden}.overview-distribution__fill{border-radius:inherit;background:var(--color-accent,var(--color-text-secondary));height:100%;display:block}.overview-months{grid-template-columns:repeat(12,minmax(0,1fr));align-items:end;gap:10px;min-height:115px;display:grid}.overview-month{flex-direction:column;align-items:center;gap:7px;min-width:0;display:flex}.overview-month__name{color:var(--color-text-secondary);text-transform:uppercase;font-size:10px}.overview-month__total{color:var(--color-text);font-size:11px;font-weight:600}.overview-month__bar{background:var(--color-border);border-radius:99px;width:100%;height:9px;display:flex;overflow:hidden}.overview-month__bar span{min-width:0;height:100%}@media (width<=700px){.statistics-overview__grid{grid-template-columns:1fr}.overview-months{grid-template-columns:repeat(6,minmax(0,1fr));row-gap:18px}}@media (width<=420px){.statistics-overview__cards{grid-template-columns:1fr}}.films-statistics{flex-direction:column;gap:20px;display:flex}.films-statistics__cards,.films-statistics__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.films-panel{border:1px solid var(--color-border);border-radius:var(--radius-large);background:var(--color-surface);min-width:0;padding:20px}.films-panel h3{color:var(--color-text);margin:0 0 20px;font-size:14px;font-weight:600}.films-panel__list{flex-direction:column;gap:16px;display:flex}.films-distribution{flex-direction:column;gap:7px;display:flex}.films-distribution__heading{color:var(--color-text-secondary);justify-content:space-between;align-items:center;gap:12px;font-size:12px;display:flex}.films-distribution__heading strong{color:var(--color-text);font-size:12px;font-weight:600}.films-distribution__track{background:var(--color-border);border-radius:99px;height:6px;overflow:hidden}.films-distribution__fill{border-radius:inherit;background:var(--color-accent,var(--color-text-secondary));height:100%;display:block}.films-months{grid-template-columns:repeat(12,minmax(0,1fr));align-items:end;gap:10px;min-height:125px;display:grid}.films-month{flex-direction:column;justify-content:flex-end;align-items:center;gap:7px;min-width:0;height:125px;display:flex}.films-month__name{color:var(--color-text-secondary);text-transform:uppercase;font-size:10px}.films-month__total{color:var(--color-text);font-size:11px;font-weight:600}.films-month__bar{background:var(--color-border);border-radius:5px 5px 0 0;align-items:flex-end;width:100%;height:75px;display:flex;overflow:hidden}.films-month__bar span{background:var(--color-films);border-radius:5px 5px 0 0;width:100%;min-height:0}@media (width<=700px){.films-statistics__grid{grid-template-columns:1fr}.films-months{grid-template-columns:repeat(6,minmax(0,1fr));row-gap:18px}}@media (width<=420px){.films-statistics__cards{grid-template-columns:1fr}}.series-statistics{flex-direction:column;gap:20px;display:flex}.series-statistics__cards,.series-statistics__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.series-panel{border:1px solid var(--color-border);border-radius:var(--radius-large);background:var(--color-surface);min-width:0;padding:20px}.series-panel h3{color:var(--color-text);margin:0 0 20px;font-size:14px;font-weight:600}.series-panel__list{flex-direction:column;gap:16px;display:flex}.series-distribution{flex-direction:column;gap:7px;display:flex}.series-distribution__heading{color:var(--color-text-secondary);justify-content:space-between;align-items:center;gap:12px;font-size:12px;display:flex}.series-distribution__heading strong{color:var(--color-text);font-size:12px;font-weight:600}.series-distribution__track{background:var(--color-border);border-radius:99px;height:6px;overflow:hidden}.series-distribution__fill{border-radius:inherit;background:var(--color-accent,var(--color-text-secondary));height:100%;display:block}.series-months{grid-template-columns:repeat(12,minmax(0,1fr));align-items:end;gap:10px;min-height:125px;display:grid}.series-month{flex-direction:column;justify-content:flex-end;align-items:center;gap:7px;min-width:0;height:125px;display:flex}.series-month__name{color:var(--color-text-secondary);text-transform:uppercase;font-size:10px}.series-month__total{color:var(--color-text);font-size:11px;font-weight:600}.series-month__bar{background:var(--color-border);border-radius:5px 5px 0 0;align-items:flex-end;width:100%;height:75px;display:flex;overflow:hidden}.series-month__bar span{background:var(--color-series);border-radius:5px 5px 0 0;width:100%;min-height:0}@media (width<=700px){.series-statistics__grid{grid-template-columns:1fr}.series-months{grid-template-columns:repeat(6,minmax(0,1fr));row-gap:18px}}@media (width<=420px){.series-statistics__cards{grid-template-columns:1fr}}.books-statistics{flex-direction:column;gap:20px;display:flex}.books-statistics__cards,.books-statistics__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.books-panel{border:1px solid var(--color-border);border-radius:var(--radius-large);background:var(--color-surface);min-width:0;padding:20px}.books-panel h3{color:var(--color-text);margin:0 0 20px;font-size:14px;font-weight:600}.books-panel__list{flex-direction:column;gap:16px;display:flex}.books-distribution{flex-direction:column;gap:7px;display:flex}.books-distribution__heading{color:var(--color-text-secondary);justify-content:space-between;align-items:center;gap:12px;font-size:12px;display:flex}.books-distribution__heading strong{color:var(--color-text);font-size:12px;font-weight:600}.books-distribution__track{background:var(--color-border);border-radius:99px;height:6px;overflow:hidden}.books-distribution__fill{border-radius:inherit;background:var(--color-accent,var(--color-text-secondary));height:100%;display:block}.books-months{grid-template-columns:repeat(12,minmax(0,1fr));align-items:end;gap:10px;min-height:125px;display:grid}.books-month{flex-direction:column;justify-content:flex-end;align-items:center;gap:7px;min-width:0;height:125px;display:flex}.books-month__name{color:var(--color-text-secondary);text-transform:uppercase;font-size:10px}.books-month__total{color:var(--color-text);font-size:11px;font-weight:600}.books-month__bar{background:var(--color-border);border-radius:5px 5px 0 0;align-items:flex-end;width:100%;height:75px;display:flex;overflow:hidden}.books-month__bar span{background:var(--color-books);border-radius:5px 5px 0 0;width:100%;min-height:0}@media (width<=700px){.books-statistics__grid{grid-template-columns:1fr}.books-months{grid-template-columns:repeat(6,minmax(0,1fr));row-gap:18px}}@media (width<=420px){.books-statistics__cards{grid-template-columns:1fr}}.shows-statistics{flex-direction:column;gap:20px;display:flex}.shows-statistics__cards,.shows-statistics__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.shows-panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:20px;min-width:0;padding:20px}.shows-panel__title{margin:0 0 18px;font-size:15px;font-weight:600}.shows-panel__list{flex-direction:column;gap:14px;display:flex}.shows-distribution{flex-direction:column;gap:7px;display:flex}.shows-distribution__heading{justify-content:space-between;align-items:center;gap:12px;font-size:13px;display:flex}.shows-distribution__heading span:last-child{flex-shrink:0;font-weight:600}.shows-distribution__track{background:var(--color-border);border-radius:20px;width:100%;height:6px;overflow:hidden}.shows-distribution__fill{background:var(--color-shows);border-radius:20px;height:100%;transition:width .3s}.shows-panel--monthly{min-width:0}.shows-months{grid-template-columns:repeat(12,minmax(0,1fr));gap:8px;min-height:150px;display:grid}.shows-month{flex-direction:column;justify-content:flex-end;align-items:center;gap:8px;min-width:0;display:flex}.shows-month__total{font-size:11px;font-weight:600}.shows-month__bar-container{background:0 0;align-items:flex-end;width:100%;height:100px;display:flex}.shows-month__bar{background:var(--color-shows);border-radius:5px 5px 2px 2px;width:100%;min-height:0;transition:height .3s}.shows-month__name{text-transform:uppercase;color:var(--color-text-secondary);font-size:11px}@media (width<=700px){.shows-statistics__grid{grid-template-columns:1fr}.shows-months{grid-template-columns:repeat(6,minmax(0,1fr));row-gap:18px}}@media (width<=420px){.shows-statistics__cards{grid-template-columns:1fr}}.theater-statistics{flex-direction:column;gap:20px;display:flex}.theater-statistics__cards,.theater-statistics__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.theater-panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:20px;min-width:0;padding:20px}.theater-panel__title{margin:0 0 18px;font-size:15px;font-weight:600}.theater-panel__list{flex-direction:column;gap:14px;display:flex}.theater-distribution{flex-direction:column;gap:7px;display:flex}.theater-distribution__heading{justify-content:space-between;align-items:center;gap:12px;font-size:13px;display:flex}.theater-distribution__heading span:last-child{flex-shrink:0;font-weight:600}.theater-distribution__track{background:var(--color-border);border-radius:20px;width:100%;height:6px;overflow:hidden}.theater-distribution__fill{background:var(--color-theater);border-radius:20px;height:100%;transition:width .3s}.theater-panel--monthly{min-width:0}.theater-months{grid-template-columns:repeat(12,minmax(0,1fr));gap:8px;min-height:150px;display:grid}.theater-month{flex-direction:column;justify-content:flex-end;align-items:center;gap:8px;min-width:0;display:flex}.theater-month__total{font-size:11px;font-weight:600}.theater-month__bar-container{background:0 0;align-items:flex-end;width:100%;height:100px;display:flex}.theater-month__bar{background:var(--color-theater);border-radius:5px 5px 2px 2px;width:100%;min-height:0;transition:height .3s}.theater-month__name{text-transform:uppercase;color:var(--color-text-secondary);font-size:11px}@media (width<=700px){.theater-statistics__grid{grid-template-columns:1fr}.theater-months{grid-template-columns:repeat(6,minmax(0,1fr));row-gap:18px}}@media (width<=420px){.theater-statistics__cards{grid-template-columns:1fr}}.games-statistics{flex-direction:column;gap:20px;display:flex}.games-statistics__cards,.games-statistics__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.games-panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:20px;min-width:0;padding:20px}.games-panel__title{margin:0 0 18px;font-size:15px;font-weight:600}.games-panel__list{flex-direction:column;gap:14px;display:flex}.games-distribution{flex-direction:column;gap:7px;display:flex}.games-distribution__heading{justify-content:space-between;align-items:center;gap:12px;font-size:13px;display:flex}.games-distribution__heading span:last-child{flex-shrink:0;font-weight:600}.games-distribution__track{background:var(--color-border);border-radius:20px;width:100%;height:6px;overflow:hidden}.games-distribution__fill{background:var(--color-games);border-radius:20px;height:100%;transition:width .3s}.games-panel--monthly{min-width:0}.games-months{grid-template-columns:repeat(12,minmax(0,1fr));gap:8px;min-height:150px;display:grid}.games-month{flex-direction:column;justify-content:flex-end;align-items:center;gap:8px;min-width:0;display:flex}.games-month__total{font-size:11px;font-weight:600}.games-month__bar-container{background:0 0;align-items:flex-end;width:100%;height:100px;display:flex}.games-month__bar{background:var(--color-games);border-radius:5px 5px 2px 2px;width:100%;min-height:0;transition:height .3s}.games-month__name{text-transform:uppercase;color:var(--color-text-secondary);font-size:11px}@media (width<=700px){.games-statistics__grid{grid-template-columns:1fr}.games-months{grid-template-columns:repeat(6,minmax(0,1fr));row-gap:18px}}@media (width<=420px){.games-statistics__cards{grid-template-columns:1fr}}.music-statistics{flex-direction:column;gap:20px;display:flex}.music-statistics__cards,.music-statistics__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.music-statistics-panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:20px;min-width:0;padding:20px}.music-statistics-panel__title{margin:0 0 18px;font-size:15px;font-weight:600}.music-statistics-panel__list{flex-direction:column;gap:14px;display:flex}.music-statistics-distribution{flex-direction:column;gap:7px;display:flex}.music-statistics-distribution__heading{justify-content:space-between;align-items:center;gap:12px;font-size:13px;display:flex}.music-statistics-distribution__heading span:last-child{flex-shrink:0;font-weight:600}.music-statistics-distribution__track{background:var(--color-border);border-radius:20px;width:100%;height:6px;overflow:hidden}.music-statistics-distribution__fill{background:var(--color-music);border-radius:20px;height:100%;transition:width .3s}@media (width<=700px){.music-statistics__grid{grid-template-columns:1fr}}@media (width<=420px){.music-statistics__cards{grid-template-columns:1fr}}.statistics{width:100%}.statistics__intro{margin-bottom:24px}.statistics__eyebrow{color:var(--color-text-secondary);letter-spacing:1.4px;margin-bottom:8px;font-size:11px;font-weight:700;display:block}.statistics__intro h2{color:var(--color-text);font-family:var(--font-heading);margin:0;font-size:25px;font-weight:400}.statistics__intro p{color:var(--color-text-secondary);margin:7px 0 0;font-size:14px}.statistics__message{color:var(--color-text-secondary);text-align:center;padding:24px;font-size:13px}.statistics__placeholder{border:1px dashed var(--color-border);border-radius:var(--radius-large);background:var(--color-surface);text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:220px;padding:32px;display:flex}.statistics__placeholder-icon{color:var(--color-text-secondary);margin-bottom:16px;font-size:32px}.statistics__placeholder strong{color:var(--color-text);font-size:15px}.statistics__placeholder p{max-width:340px;color:var(--color-text-secondary);margin:8px 0 0;font-size:13px;line-height:1.6}.page-container{width:100%;padding:52px 0 80px}.page-container__heading{margin-bottom:40px}.page-container__eyebrow{color:var(--color-highlight);letter-spacing:1.5px;font-size:11px;font-weight:700}.page-container__heading h1{color:var(--color-text);font-family:var(--font-heading);margin:14px 0 10px;font-size:clamp(34px,5vw,48px);font-weight:400;line-height:1.2}.page-container__heading p{max-width:600px;color:var(--color-text-secondary);font-size:14px;line-height:1.7}.page-container__placeholder{border:1px dashed var(--color-border);border-radius:var(--radius-large);background:var(--color-surface);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:14px;min-height:300px;padding:32px;display:flex}.page-container__placeholder-mark{color:var(--color-highlight);font-size:30px}.page-container__placeholder p{color:var(--color-text-secondary);font-size:13px;line-height:1.6}.page-container--calendar{flex-direction:column;height:100%;min-height:0;padding:12px 0;display:flex}@media (width<=650px){.page-container--calendar{height:auto;min-height:100%;padding:12px 0 24px}}.category-selector{flex-direction:column;width:100%;height:100%;min-height:0;display:flex}.category-selector__grid{--category-grid-gap:12px;gap:var(--category-grid-gap);flex:auto;grid-template-rows:repeat(4,minmax(76px,1fr));grid-template-columns:repeat(2,minmax(0,1fr));min-height:0;display:grid}.category-selector__item{border:1px solid var(--color-border);border-radius:var(--radius-medium);background:var(--color-surface);min-width:0;min-height:0;color:var(--color-text);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:10px;transition:border-color .2s,background .2s,transform .2s;display:flex}.category-selector__item:hover{border-color:var(--category-color);background:var(--color-surface-secondary)}.category-selector__item:active{transform:scale(.98)}.category-selector__item:focus-visible{outline:2px solid var(--category-color);outline-offset:3px}.category-selector__icon{background:color-mix(in srgb, var(--category-color) 16%, transparent);width:52px;height:52px;color:var(--category-color);border-radius:13px;flex:0 0 52px;place-items:center;display:grid}.category-selector__label{font-size:13px;font-weight:700;line-height:1.2}.category-selector__item:last-child{width:calc((100% - var(--category-grid-gap)) / 2);grid-column:1/-1;justify-self:center}@media (width<=360px){.category-selector__grid{--category-grid-gap:9px}.category-selector__item{gap:6px;padding:7px}.category-selector__icon{flex-basis:46px;width:46px;height:46px}.category-selector__label{font-size:12px}}@media (height<=520px){.category-selector__grid{grid-template-rows:repeat(4,minmax(62px,1fr));gap:8px}.category-selector__item{gap:5px;padding:5px}.category-selector__icon{flex-basis:38px;width:38px;height:38px}.category-selector__label{font-size:11px}}.confirmation-dialog__overlay{z-index:1100;background:#000000a6;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.confirmation-dialog{border:1px solid var(--color-border);border-radius:var(--radius-large);background:var(--color-surface);text-align:center;width:100%;max-width:400px;padding:30px}.confirmation-dialog__icon{background:var(--color-surface-secondary);width:42px;height:42px;color:var(--color-text);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 18px;font-size:23px;font-weight:700;display:flex}.confirmation-dialog__icon.is-destructive{background:color-mix(in srgb, var(--color-danger) 16%, transparent);color:var(--color-danger)}.confirmation-dialog h2{color:var(--color-text);font-family:var(--font-heading);margin:0;font-size:24px;font-weight:400}.confirmation-dialog p{color:var(--color-text-secondary);white-space:pre-line;margin:12px 0 25px;font-size:13px;line-height:1.7}.confirmation-dialog__actions{justify-content:center;gap:10px;display:flex}.confirmation-dialog__actions button{border:1px solid var(--color-border);border-radius:var(--radius-small);min-width:110px;font-family:var(--font-heading);letter-spacing:.4px;text-transform:uppercase;padding:11px 16px;font-size:13px;font-weight:400}.confirmation-dialog__cancel{background:var(--color-background);color:var(--color-text)}.confirmation-dialog__confirm{background:var(--color-highlight);color:var(--color-background)}.confirmation-dialog__confirm.is-destructive{border-color:var(--color-danger);background:var(--color-danger);color:var(--color-danger-text)}.confirmation-dialog__confirm.is-destructive:hover{border-color:var(--color-danger-hover);background:var(--color-danger-hover)}@media (width<=360px){.confirmation-dialog{padding:24px 18px}.confirmation-dialog__actions{flex-direction:column-reverse}.confirmation-dialog__actions button{width:100%}}.record-form__field input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.record-form__field input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}@media (width<=520px){.record-form__header{margin-bottom:12px}.record-form__header h2{font-size:15px}.record-form__scroll{gap:11px}.record-form__required-layout{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:9px}.record-form__poster{aspect-ratio:2/3;height:auto}.record-form__poster svg{width:30px;height:30px}.record-form__required-fields{gap:7px;min-height:216px}.record-form__year-country{grid-template-columns:minmax(55px,.55fr) minmax(0,1.45fr);gap:6px}.record-form__section{gap:9px;padding-top:10px}.record-form__basic-info{gap:6px}.record-form__experience-grid{gap:8px}.record-form__field,.record-form__label{font-size:9px}.record-form__field input{height:32px;min-height:32px;padding:0 6px;font-size:10px}.record-form__select-arrow{height:32px}.record-form__date-control{gap:5px}.record-form__date-control button{flex-basis:32px;width:32px;height:32px}.record-form__field textarea{padding:7px;font-size:10px}.record-form__actions{gap:6px;padding-top:10px}.record-form__actions button{min-height:38px;padding:7px 3px;font-size:12px}}.record-form__field input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.record-form__field input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}@media (width<=520px){.record-form__header{margin-bottom:12px}.record-form__header h2{font-size:15px}.record-form__scroll{gap:11px}.record-form__required-layout{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:9px}.record-form__poster{aspect-ratio:2/3;height:auto}.record-form__poster svg{width:30px;height:30px}.record-form__required-fields{gap:7px;min-height:216px}.record-form__year-country{grid-template-columns:minmax(55px,.55fr) minmax(0,1.45fr);gap:6px}.record-form__section{gap:9px;padding-top:10px}.record-form__basic-info{gap:6px}.record-form__experience-grid{gap:8px}.record-form__field,.record-form__label{font-size:9px}.record-form__field input{height:32px;min-height:32px;padding:0 6px;font-size:10px}.record-form__select-arrow{height:32px}.record-form__date-control{gap:5px}.record-form__date-control button{flex-basis:32px;width:32px;height:32px}.record-form__field textarea{padding:7px;font-size:10px}.record-form__actions{gap:6px;padding-top:10px}.record-form__actions button{min-height:38px;padding:7px 3px;font-size:12px}}.record-form__series-meta{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:9px;min-width:0;display:grid}.record-form__series-meta.is-season>.record-form__field:first-child{grid-column:1}.record-form__season-fields{grid-column:2;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;min-width:0;display:grid}.record-form__series-meta.is-season>.record-form__field:last-child{grid-column:3}.record-form__series-meta.is-other>.record-form__field:first-child{grid-column:1/span 2}.record-form__series-meta.is-other>.record-form__field:last-child{grid-column:3}.record-form__field select{border:1px solid var(--color-border);appearance:none;background-color:var(--color-surface-secondary);width:100%;min-width:0;height:34px;color:var(--color-text);font-family:var(--font-body);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='m3.5 6 4.5 4 4.5-4' stroke='%23A6A8AA' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 7px center;background-repeat:no-repeat;border-radius:7px;outline:none;padding:0 25px 0 8px;font-size:11px;font-weight:400;display:block}.record-form__field select:focus{border-color:var(--form-accent);box-shadow:0 0 0 2px color-mix(in srgb, var(--form-accent) 15%, transparent)}.record-form__field select option{background:var(--color-surface);color:var(--color-text)}.record-form__field input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.record-form__field input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.record-form__select-arrow.is-open{color:var(--form-accent)}@media (width<=520px){.record-form__series-meta,.record-form__season-fields{gap:6px}.record-form__field select{background-position:right 4px center;height:32px;padding:0 20px 0 6px;font-size:10px}.record-form__series-meta .record-form__label{font-size:9px}}.record-form__field input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.record-form__field input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}@media (width<=520px){.record-form__header{margin-bottom:12px}.record-form__header h2{font-size:15px}.record-form__scroll{gap:11px}.record-form__required-layout{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:9px}.record-form__poster{aspect-ratio:2/3;height:auto}.record-form__poster svg{width:30px;height:30px}.record-form__required-fields{gap:7px;min-height:216px}.record-form__year-country{grid-template-columns:minmax(55px,.55fr) minmax(0,1.45fr);gap:6px}.record-form__section{gap:9px;padding-top:10px}.record-form__basic-info{gap:6px}.record-form__experience-grid{gap:8px}.record-form__field,.record-form__label{font-size:9px}.record-form__field input{height:32px;min-height:32px;padding:0 6px;font-size:10px}.record-form__select-arrow{height:32px}.record-form__date-control{gap:5px}.record-form__date-control button{flex-basis:32px;width:32px;height:32px}.record-form__field textarea{padding:7px;font-size:10px}.record-form__actions{gap:6px;padding-top:10px}.record-form__actions button{min-height:38px;padding:7px 3px;font-size:12px}}.record-form__book-cover{overflow:hidden}.record-form__book-cover img{object-fit:cover;width:100%;height:100%;display:block}.record-form__book-cover svg{width:42px;height:42px}.record-form__book-required-fields{grid-template-columns:minmax(0,1fr);align-content:start;gap:8px;min-width:0;display:grid}.record-form__book-info{flex-direction:column;gap:10px;min-width:0;display:flex}.record-form__book-info-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;min-width:0;display:grid}.record-form__book-info-row-two{grid-template-columns:repeat(2,minmax(0,1fr))}.record-form__book-edition-grid{flex-direction:column;gap:10px;min-width:0;display:flex}.record-form__book-edition-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;min-width:0;display:grid}.record-form__book-experience-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;min-width:0;display:grid}@media (width<=520px){.record-form__book-required-fields{gap:7px}.record-form__book-cover svg{width:30px;height:30px}.record-form__book-info{gap:8px}.record-form__book-info-row{gap:6px}.record-form__book-edition-grid{gap:8px}.record-form__book-edition-row{gap:6px}.record-form__book-experience-grid{gap:8px}}.record-form__field input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.record-form__field input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}@media (width<=520px){.record-form__header{margin-bottom:12px}.record-form__header h2{font-size:15px}.record-form__scroll{gap:11px}.record-form__required-layout{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:9px}.record-form__poster{aspect-ratio:2/3;height:auto}.record-form__poster svg{width:30px;height:30px}.record-form__required-fields{gap:7px;min-height:216px}.record-form__year-country{grid-template-columns:minmax(55px,.55fr) minmax(0,1.45fr);gap:6px}.record-form__section{gap:9px;padding-top:10px}.record-form__basic-info{gap:6px}.record-form__experience-grid{gap:8px}.record-form__field,.record-form__label{font-size:9px}.record-form__field input{height:32px;min-height:32px;padding:0 6px;font-size:10px}.record-form__select-arrow{height:32px}.record-form__date-control{gap:5px}.record-form__date-control button{flex-basis:32px;width:32px;height:32px}.record-form__field textarea{padding:7px;font-size:10px}.record-form__actions{gap:6px;padding-top:10px}.record-form__actions button{min-height:38px;padding:7px 3px;font-size:12px}}.record-form__game-cover{overflow:hidden}.record-form__game-cover img{object-fit:cover;width:100%;height:100%;display:block}.record-form__game-cover svg{width:42px;height:42px}.record-form__game-info{flex-direction:column;gap:10px;min-width:0;display:flex}.record-form__game-info-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;min-width:0;display:grid}.record-form__game-experience{flex-direction:column;gap:10px;min-width:0;display:flex}.record-form__game-experience-row-three{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;min-width:0;display:grid}.record-form__game-experience-row-two{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;min-width:0;display:grid}@media (width<=520px){.record-form__game-cover svg{width:30px;height:30px}.record-form__game-info{gap:8px}.record-form__game-info-row{gap:6px}.record-form__game-experience{gap:8px}.record-form__game-experience-row-three,.record-form__game-experience-row-two{gap:6px}}.record-form__field input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.record-form__field input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}@media (width<=520px){.record-form__header{margin-bottom:12px}.record-form__header h2{font-size:15px}.record-form__scroll{gap:11px}.record-form__required-layout{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:9px}.record-form__poster{aspect-ratio:2/3;height:auto}.record-form__poster svg{width:30px;height:30px}.record-form__required-fields{gap:7px;min-height:216px}.record-form__year-country{grid-template-columns:minmax(55px,.55fr) minmax(0,1.45fr);gap:6px}.record-form__section{gap:9px;padding-top:10px}.record-form__basic-info{gap:6px}.record-form__experience-grid{gap:8px}.record-form__field,.record-form__label{font-size:9px}.record-form__field input{height:32px;min-height:32px;padding:0 6px;font-size:10px}.record-form__select-arrow{height:32px}.record-form__date-control{gap:5px}.record-form__date-control button{flex-basis:32px;width:32px;height:32px}.record-form__field textarea{padding:7px;font-size:10px}.record-form__actions{gap:6px;padding-top:10px}.record-form__actions button{min-height:38px;padding:7px 3px;font-size:12px}}.record-form__show-cover{overflow:hidden}.record-form__show-cover img{object-fit:cover;width:100%;height:100%;display:block}.record-form__show-cover svg{width:42px;height:42px}.record-form__show-info-row{grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:8px;min-width:0;display:grid}.record-form__show-experience{flex-direction:column;gap:10px;min-width:0;display:flex}.record-form__show-experience-primary-row{gap:9px;min-width:0;display:grid}.record-form__show-experience-primary-row.is-live{grid-template-columns:repeat(3,minmax(0,1fr))}.record-form__show-experience-primary-row.is-remote{grid-template-columns:repeat(2,minmax(0,1fr))}.record-form__show-experience-primary-row.is-empty{grid-template-columns:minmax(0,1fr)}.record-form__show-experience-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;min-width:0;display:grid}@media (width<=520px){.record-form__show-cover svg{width:30px;height:30px}.record-form__show-info-row{gap:6px}.record-form__show-experience{gap:8px}.record-form__show-experience-primary-row,.record-form__show-experience-row{gap:6px}}.record-form__field input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.record-form__field input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}@media (width<=520px){.record-form__header{margin-bottom:12px}.record-form__header h2{font-size:15px}.record-form__scroll{gap:11px}.record-form__required-layout{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:9px}.record-form__poster{aspect-ratio:2/3;height:auto}.record-form__poster svg{width:30px;height:30px}.record-form__required-fields{gap:7px;min-height:216px}.record-form__year-country{grid-template-columns:minmax(55px,.55fr) minmax(0,1.45fr);gap:6px}.record-form__section{gap:9px;padding-top:10px}.record-form__basic-info{gap:6px}.record-form__experience-grid{gap:8px}.record-form__field,.record-form__label{font-size:9px}.record-form__field input{height:32px;min-height:32px;padding:0 6px;font-size:10px}.record-form__select-arrow{height:32px}.record-form__date-control{gap:5px}.record-form__date-control button{flex-basis:32px;width:32px;height:32px}.record-form__field textarea{padding:7px;font-size:10px}.record-form__actions{gap:6px;padding-top:10px}.record-form__actions button{min-height:38px;padding:7px 3px;font-size:12px}}.record-form__theater-cover{overflow:hidden}.record-form__theater-cover img{object-fit:cover;width:100%;height:100%;display:block}.record-form__theater-cover svg{width:42px;height:42px}.record-form__theater-required-fields{grid-template-columns:minmax(0,1fr);align-content:start;gap:8px;min-width:0;display:grid}.record-form__theater-people-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;min-width:0;display:grid}.record-form__theater-info{flex-direction:column;gap:10px;min-width:0;display:flex}.record-form__theater-info-row-three{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;min-width:0;display:grid}.record-form__theater-info-row-two{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;min-width:0;display:grid}.record-form__theater-experience{flex-direction:column;gap:10px;min-width:0;display:flex}.record-form__theater-experience-row-three{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;min-width:0;display:grid}.record-form__theater-experience-row-two{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;min-width:0;display:grid}@media (width<=520px){.record-form__theater-cover svg{width:30px;height:30px}.record-form__theater-required-fields{gap:7px}.record-form__theater-people-row{gap:6px}.record-form__theater-info{gap:8px}.record-form__theater-info-row-three,.record-form__theater-info-row-two{gap:6px}.record-form__theater-experience{gap:8px}.record-form__theater-experience-row-three,.record-form__theater-experience-row-two{gap:6px}}.record-form{width:100%;height:100%;min-height:0;color:var(--color-text);flex-direction:column;display:flex}.record-form__header{flex:0 0 34px;grid-template-columns:34px minmax(0,1fr) 34px;align-items:center;gap:8px;margin-bottom:15px;display:grid}.record-form__header h2{color:var(--form-accent);font-family:var(--font-heading);letter-spacing:.8px;text-align:center;margin:0;font-size:17px;font-weight:400}.record-form__header-button{width:32px;height:32px;color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;border-radius:7px;place-items:center;padding:0;display:grid}.record-form__header-button:hover{background:var(--color-surface-secondary);color:var(--color-text)}.record-form__header-button svg{stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:21px;height:21px}.record-form__scroll{scrollbar-width:thin;scrollbar-color:#555a60 transparent;scrollbar-gutter:stable;flex-direction:column;flex:auto;gap:13px;min-height:0;padding:0 3px 12px 0;display:flex;overflow-y:auto}.record-form__required-layout{grid-template-columns:149px minmax(0,1fr);align-items:start;gap:13px;min-width:0;display:grid}.record-form__poster{border:2px solid var(--form-accent);background:color-mix(in srgb, var(--form-accent) 16%, transparent);width:100%;height:224px;color:var(--form-accent);border-radius:8px;justify-content:center;align-items:center;display:flex}.record-form__poster svg{width:42px;height:42px}.record-form__required-fields{grid-template-rows:repeat(4,minmax(0,1fr));gap:8px;min-width:0;min-height:224px;display:grid}.record-form__year-country{grid-template-columns:minmax(55px,.55fr) minmax(0,1.45fr);gap:8px;min-width:0;display:grid}.record-form__field{min-width:0;color:var(--color-text-secondary);flex-direction:column;gap:4px;font-size:10px;font-weight:600;display:flex}.record-form__label{min-height:13px;line-height:13px;display:block}.record-form__required{color:var(--form-accent)}.record-form__field input,.record-form__field textarea{border:1px solid var(--color-border);background:var(--color-surface-secondary);width:100%;min-width:0;color:var(--color-text);font-family:var(--font-body);border-radius:7px;outline:none;padding:0 8px;font-size:11px;font-weight:400;display:block}.record-form__field input{height:34px;min-height:34px}.record-form__field textarea{resize:vertical;min-height:52px;padding:8px 9px;line-height:1.5}.record-form__field input:focus,.record-form__field textarea:focus{border-color:var(--form-accent);box-shadow:0 0 0 2px color-mix(in srgb, var(--form-accent) 15%, transparent)}.record-form__field input::placeholder,.record-form__field textarea::placeholder{color:var(--color-text-secondary);opacity:.7}.record-form__date-control{align-items:center;gap:7px;width:100%;min-width:0;display:flex}.record-form__date-control input{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;flex:auto;width:0;min-width:0;padding-right:8px}.record-form__date-control input::-webkit-calendar-picker-indicator{opacity:0;pointer-events:none}.record-form__date-control button{border:1px solid var(--color-border);background:var(--color-surface-secondary);width:34px;height:34px;color:var(--form-accent);cursor:pointer;border-radius:7px;flex:0 0 34px;place-items:center;padding:0;display:grid;position:static}.record-form__date-control button:hover{border-color:var(--form-accent);background:var(--color-surface)}.record-form__date-control button svg{stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:17px;height:17px}.record-form__select{width:100%;min-width:0;display:flex;position:relative}.record-form__select input{padding-right:34px}.record-form__select-arrow{width:32px;height:34px;color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;border-radius:0 7px 7px 0;place-items:center;padding:0;display:grid;position:absolute;top:0;right:0}.record-form__select-arrow:hover,.record-form__select-arrow.is-open{color:var(--form-accent)}.record-form__select-arrow svg{stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:15px;height:15px;transition:transform .2s}.record-form__select-arrow.is-open svg{transform:rotate(180deg)}.record-form__options{z-index:30;border:1px solid var(--color-border);background:var(--color-surface);border-radius:7px;flex-direction:column;max-height:180px;padding:4px;display:flex;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;box-shadow:0 8px 20px #00000040}.record-form__options button{width:100%;color:var(--color-text);font-family:var(--font-body);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:8px 9px;font-size:11px}.record-form__options button:hover,.record-form__options button[aria-selected=true]{background:var(--color-surface-secondary);color:var(--form-accent)}.record-form__no-options{color:var(--color-text-secondary);margin:0;padding:8px;font-size:10px;font-weight:400;line-height:1.5}.record-form__section{border-top:1px solid var(--color-border);flex-direction:column;gap:12px;padding-top:13px;display:flex}.record-form__basic-info{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;display:grid}.record-form__experience-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.record-form__actions{background:0 0;flex:none;gap:8px;padding:12px 3px 0 0;display:flex}.record-form__actions button{min-width:0;min-height:40px;font-family:var(--font-heading);letter-spacing:.4px;text-transform:uppercase;border-radius:7px;flex:1 1 0;padding:8px 5px;font-size:13px;font-weight:400;transition:background .2s,opacity .2s}.record-form__cancel,.record-form__delete{border:1px solid var(--color-border);color:var(--color-text-secondary);background:0 0}.record-form__cancel:hover{background:var(--color-surface-secondary);color:var(--color-text)}.record-form__delete{border-color:var(--color-danger);background:var(--color-danger);color:var(--color-danger-text)}.record-form__delete:hover{border-color:var(--color-danger-hover);background:var(--color-danger-hover);color:var(--color-danger-text)}.record-form__save{border:1px solid var(--form-accent);background:var(--form-accent);color:#102a32}.record-form__save:hover:not(:disabled){opacity:.85}.record-form__save:disabled{cursor:not-allowed;opacity:.5}.record-form__error{color:#e58b94;border:1px solid #d95c68;border-radius:7px;margin:0;padding:10px;font-size:12px;line-height:1.5}.record-form__heading{margin-bottom:24px}.record-form__category{color:var(--color-text-secondary);letter-spacing:1.2px;font-size:11px;font-weight:700}.record-form__heading h3{color:var(--color-text);font-family:var(--font-heading);margin:8px 0;font-size:24px;font-weight:400}.record-form__heading p{color:var(--color-text-secondary);margin:0;font-size:13px;line-height:1.6}.record-form__field input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.record-form__field input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.record-form__field input[type=number]{appearance:textfield}@media (width<=520px){.record-form__header{margin-bottom:12px}.record-form__header h2{font-size:15px}.record-form__scroll{gap:11px}.record-form__required-layout{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:9px}.record-form__poster{aspect-ratio:2/3;height:auto}.record-form__poster svg{width:30px;height:30px}.record-form__required-fields{gap:7px;min-height:216px}.record-form__year-country{grid-template-columns:minmax(55px,.55fr) minmax(0,1.45fr);gap:6px}.record-form__section{gap:9px;padding-top:10px}.record-form__basic-info{gap:6px}.record-form__experience-grid{gap:8px}.record-form__field,.record-form__label{font-size:9px}.record-form__field input{height:32px;min-height:32px;padding:0 6px;font-size:10px}.record-form__select-arrow{height:32px}.record-form__date-control{gap:5px}.record-form__date-control button{flex-basis:32px;width:32px;height:32px}.record-form__field textarea{padding:7px;font-size:10px}.record-form__actions{gap:6px;padding-top:10px}.record-form__actions button{min-height:38px;padding:7px 3px;font-size:12px}}.music-form__main-layout{grid-template-columns:169px minmax(0,1fr);align-items:stretch}.record-form__poster.music-form__cover{aspect-ratio:1;background:color-mix(in srgb, var(--form-accent) 16%, transparent);align-self:stretch;width:100%;height:auto;min-height:0;overflow:hidden}.music-form__cover img{object-fit:cover;width:100%;height:100%;display:block}.music-form__cover svg{width:42px;height:42px;color:var(--form-accent)}.music-form__main-fields{grid-template-columns:minmax(0,1fr);align-content:start;gap:8px;min-width:0;display:grid}.music-form__week-control{align-items:center;gap:7px;min-width:0;display:flex;position:relative}.music-form__week-control select{border:1px solid var(--color-border);background:var(--color-surface-secondary);width:100%;min-width:0;height:34px;color:var(--color-text);font-family:var(--font-body);cursor:pointer;border-radius:7px;outline:none;flex:auto;padding:0 30px 0 8px;font-size:11px;display:block}.music-form__week-control select:focus{border-color:var(--form-accent);box-shadow:0 0 0 2px color-mix(in srgb, var(--form-accent) 15%, transparent)}.music-form__week-control button{border:1px solid var(--color-border);background:var(--color-surface-secondary);width:34px;height:34px;color:var(--form-accent);cursor:pointer;border-radius:7px;flex:0 0 34px;place-items:center;padding:0;display:grid}.music-form__week-control button:hover{border-color:var(--form-accent);background:var(--color-surface)}.music-form__calendar-input{opacity:0;pointer-events:none;border:0;width:1px;height:1px;padding:0;position:absolute;bottom:0;right:0}.music-form__info{flex-direction:column;gap:10px;min-width:0;display:flex}.music-form__info-row-two{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;min-width:0;display:grid}.music-form__info-row-three{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;min-width:0;display:grid}@media (width<=520px){.music-form__main-layout{grid-template-columns:161px minmax(0,1fr);gap:9px}.music-form__cover svg{width:30px;height:30px}.music-form__main-fields{gap:7px}.music-form__week-control{gap:5px}.music-form__week-control select{height:32px;padding:0 5px;font-size:10px}.music-form__week-control button{flex-basis:32px;width:32px;height:32px}.music-form__info{gap:8px}.music-form__info-row-two,.music-form__info-row-three{gap:6px}}.record-manager__overlay{z-index:1000;background:#000000b8;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0;overflow-y:auto}.record-manager{border:1px solid var(--color-border);background:var(--color-surface);border-radius:13px;flex-direction:column;width:min(480px,100vw - 32px);height:min(620px,100dvh - 32px);max-height:calc(100dvh - 32px);display:flex;overflow:hidden;box-shadow:0 15px 50px #00000080}.record-manager__header{flex:0 0 34px;grid-template-columns:34px minmax(0,1fr) 34px;align-items:center;gap:8px;margin:16px 22px 15px;display:grid}.record-manager__header-spacer{width:32px;height:32px}.record-manager__header h2{color:var(--color-text);font-family:var(--font-heading);letter-spacing:.8px;text-align:center;margin:0;font-size:17px;font-weight:400}.record-manager__close{width:32px;height:32px;color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;border-radius:7px;flex-shrink:0;place-items:center;padding:0;display:grid}.record-manager__close:hover{background:var(--color-surface-secondary);color:var(--color-text)}.record-manager__close svg{stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:21px;height:21px}.record-manager__content{flex-direction:column;flex:auto;min-height:0;padding:16px 22px 18px;display:flex;overflow:hidden}.record-manager__content--categories{scrollbar-width:thin;scrollbar-color:var(--color-surface-tertiary) transparent;padding-top:0;overflow:hidden auto}@media (width<=520px){.record-manager__overlay{padding:14px}.record-manager{width:calc(100vw - 28px);height:min(620px,100dvh - 28px)}.record-manager__header{flex-basis:34px;margin:13px 19px 12px}.record-manager__header h2{font-size:16px}.record-manager__close{right:19px}.record-manager__content{padding:13px 19px 15px}}@media (height<=650px){.record-manager{height:calc(100dvh - 24px)}}.app-shell{background:var(--color-background);width:100%;height:100dvh;color:var(--color-text);transition:background .25s,color .25s;overflow:hidden}.app-layout{flex-direction:column;width:100%;max-width:1200px;height:100%;margin:0 auto;padding:0 40px;display:flex;overflow:hidden}.app-content{overscroll-behavior:contain;flex:1;min-height:0;overflow:hidden auto}.app-footer{border-top:1px solid var(--color-border);background:var(--color-background);flex-shrink:0}.app-footer__inner{grid-template-columns:repeat(6,minmax(0,1fr));align-items:center;min-height:78px;display:grid}.app-footer__new-record{border-radius:var(--radius-small);background:var(--color-highlight);width:44px;height:44px;color:var(--color-background);border:none;grid-column:6;justify-content:center;justify-self:center;align-items:center;padding:0;transition:opacity .2s,transform .2s;display:flex}.app-footer__new-record:hover{opacity:.88;transform:translateY(-2px)}.app-footer__plus{font-size:27px;font-weight:400;line-height:1}@media (width<=700px){.app-layout{padding:0 12px}.app-footer__inner{min-height:68px}.app-footer__new-record{width:40px;height:40px}}
