@layer reset, tokens, components, features, states;@layer reset{*{box-sizing:border-box}body,html{margin:0;min-height:100%}body{background:var(--app-color-page)}[hidden]{display:none}}@layer reset{@scope ([data-ui-domain="app"]) to ([data-ui-domain="hoxy"], [data-ui-domain="zergling"]){:scope{color:var(--app-color-text-primary);font-family:var(--app-font-family-ui);font-size:var(--app-font-size-body);line-height:var(--app-line-height-body);color-scheme:light}h1,h2,h3,p{margin:0}h1{font-size:var(--app-font-size-page-title);line-height:var(--app-line-height-page-title);font-weight:var(--app-font-weight-emphasis)}h2{line-height:var(--app-line-height-section-title)}h2,h3{font-size:var(--app-font-size-section-title);font-weight:var(--app-font-weight-heading)}h3{line-height:1.4}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}input,select,textarea{accent-color:var(--app-color-brand)}img{max-width:100%}:is(button,a,input,select,textarea,[tabindex]):focus-visible{outline:2px solid var(--app-color-focus);outline-offset:2px}small{font-size:var(--app-font-size-meta)}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap}}}:root[data-app-theme=dark] [data-ui-domain=app]{color-scheme:dark}@layer tokens{:root{--app-color-page:#ffffff;--app-color-text-primary:#222222;--app-color-sidebar:#F9F9F9;--app-color-sidebar-text:var(--app-color-text-primary);--app-color-sidebar-hover:#F1F0EE;--app-color-account-surface:#2B304D;--app-color-account-text:#ffffff;--app-color-profile-surface:#F9F9F9;--app-color-profile-hover:#F1F0EE;--app-header-profile-hover:#f4f4f4;--app-color-notice-arrow:#8E8B86;--app-color-notice-arrow-hover:#222222;--app-color-notice-nav-hover-bg:var(--app-header-profile-hover);--app-notice-nav-surface:var(--app-color-surface-raised);--app-notice-nav-text:var(--app-color-text-secondary);--app-notice-nav-hover-surface:var(--app-header-profile-hover);--app-notice-nav-hover-text:var(--app-color-text-primary);--app-notice-nav-disabled-surface:var(--app-color-disabled-surface);--app-notice-nav-disabled-text:var(--app-color-disabled-text);--app-notice-nav-transition:150ms ease;--app-notice-nav-button-size:36px;--app-notice-nav-icon-size:17px;--app-notice-nav-icon-stroke-width:2;--app-notice-nav-radius:10px;--app-profile-radius:999px;--app-profile-menu-item-radius:10px;--app-color-popover:#FFFFFF;--app-color-text-secondary:#959595;--app-color-border:#E7E5E2;--app-color-interactive:#F1F0EE;--app-color-selected:#E8F2FC;--app-color-brand:#0083FF;--app-color-brand-text:#FFFFFF;--app-color-brand-action-text:#000000;--app-color-danger:#B83D36;--app-color-success:#287A50;--app-color-warning:#946500;--app-color-live:#FA423E;--app-color-favorite:#FFD43B;--app-color-toggle-thumb:#FFFFFF;--app-color-editor-surface:var(--app-color-interactive);--app-color-overlay:rgb(15 15 15/35%);--app-color-section:var(--app-color-page);--app-color-surface:var(--app-color-page);--app-color-raised:var(--app-color-popover);--app-color-surface-raised:var(--app-color-popover);--app-color-surface-interactive:var(--app-color-interactive);--app-color-deep:var(--app-color-sidebar);--app-color-surface-deep:#f6f6f9;--app-color-card:#F9F9F9;--app-color-card-hover:#F1F0EE;--app-color-notice-card-hover:#f4f4f4;--app-color-youtube-card-hover:#f4f4f4;--app-color-youtube-channel-view-hover:#222222;--app-color-calendar-editor-palette:#F1F0EE;--app-rich-editor-link-popover-width:360px;--app-color-surface-inverse:var(--app-color-text-primary);--app-color-text-inverse:var(--app-color-page);--app-color-text-muted:var(--app-color-text-secondary);--app-color-placeholder:var(--app-color-text-secondary);--app-color-brand-action:var(--app-color-brand);--app-color-brand-action-hover:var(--app-color-brand);--app-color-focus:var(--app-color-brand);--app-color-disabled-surface:var(--app-color-interactive);--app-color-disabled-text:var(--app-color-text-secondary);--app-color-info:var(--app-color-brand);--app-color-highlight:var(--app-color-warning);--app-color-editor-gray:var(--app-color-text-secondary);--app-color-rich-text-default:var(--app-color-text-primary);--app-color-editor-tone-black:#000000;--app-color-editor-tone-white:#FFFFFF;--app-color-editor-tone-red:#DC2626;--app-color-editor-tone-orange:#EA580C;--app-color-editor-tone-yellow:#FFD639;--app-color-editor-tone-green:#16A34A;--app-color-editor-tone-blue:#2563EB;--app-color-editor-tone-indigo:#533BF2;--app-color-editor-tone-purple:#9333EA;--app-color-calendar-grid-line:var(--app-color-border);--app-color-calendar-day-surface:var(--app-color-page);--app-color-calendar-outside-surface:var(--app-color-sidebar);--app-color-calendar-hover:var(--app-color-interactive);--app-color-calendar-today-surface:#EB6A65;--app-color-calendar-today-text:#FFFFFF;--app-color-calendar-event-surface:var(--app-color-surface-raised);--app-color-calendar-event-border:var(--app-color-calendar-grid-line);--app-color-calendar-event-hover:var(--app-color-card-hover);--app-shadow-calendar-event:0 1px 2px rgb(24 24 24/8%);--app-calendar-detail-width:800px;--app-calendar-detail-accent:var(--app-color-brand);--app-calendar-detail-accent-surface:color-mix(in srgb,var(--app-color-brand) 9%,var(--app-color-popover));--app-calendar-detail-meta-surface:color-mix(in srgb,var(--app-color-brand) 6%,var(--app-color-popover));--app-calendar-detail-meta-border:color-mix(in srgb,var(--app-color-brand) 18%,var(--app-color-border));--app-calendar-detail-note-surface:var(--app-color-surface-deep);--app-calendar-detail-note-border:var(--app-color-border);--app-calendar-detail-accent-width:3px;--app-calendar-detail-meta-radius:var(--app-button-radius);--app-calendar-detail-note-radius:var(--app-card-radius);--app-calendar-detail-icon-size:18px;--app-calendar-detail-icon-stroke-width:1.5;--app-calendar-detail-decorative-opacity:0.2;--app-calendar-detail-entry-scale:0.98;--app-calendar-editor-layout-gap:var(--app-space-2);--app-calendar-editor-mobile-content-min-height:200px;--app-calendar-editor-label-control-gap:var(--app-space-2);--app-calendar-editor-attendee-avatar-size:32px;--app-calendar-editor-attendee-min-width:140px;--app-calendar-editor-attendee-visible-rows:3;--app-calendar-editor-attendee-row-gap:var(--app-space-2);--app-calendar-editor-attendee-list-padding:10px;--app-calendar-editor-attendee-list-surface:var(--app-color-calendar-editor-form-surface);--app-calendar-editor-attendee-list-radius:10px;--app-calendar-editor-attendee-list-max-height:calc((var(--app-calendar-editor-attendee-list-padding) * 2) + (var(--app-calendar-editor-attendee-avatar-size) * var(--app-calendar-editor-attendee-visible-rows)) + (var(--app-calendar-editor-attendee-row-gap) * (var(--app-calendar-editor-attendee-visible-rows) - 1)) + (var(--app-border-width) * 2));--app-calendar-editor-attendee-padding:var(--app-space-2);--app-calendar-editor-attendee-surface:transparent;--app-color-calendar-editor-surface:#ffffff;--app-color-calendar-editor-form-surface:#F9F9F9;--app-color-calendar-editor-form-border:#ECECEC;--app-color-calendar-editor-cancel-border:var(--app-color-calendar-editor-form-border);--app-calendar-detail-overlay-blur:6px;--app-shadow-calendar-detail:0 18px 40px rgb(24 24 24/18%),0 0 0 1px var(--app-color-border);--app-calendar-timeline-card-create-size:var(--app-control-height);--app-calendar-timeline-card-create-icon-size:var(--app-font-size-section-title);--app-calendar-timeline-card-create-icon-stroke-width:var(--app-notice-nav-icon-stroke-width);--app-calendar-timeline-card-create-offset:var(--app-space-3);--app-calendar-timeline-card-create-radius:10px;--app-calendar-timeline-card-create-surface:var(--app-color-surface-raised);--app-calendar-timeline-card-create-border:#ECECEC;--app-calendar-timeline-card-create-text:var(--app-color-text-primary);--app-calendar-timeline-card-create-hover-surface:var(--app-color-surface-interactive);--app-calendar-header-month-padding-inline:12px;--app-calendar-header-month-radius:10px;--app-calendar-header-month-font-size:15px;--app-calendar-header-controls-gap:var(--app-space-0);--app-calendar-header-nav-icon:#222222;--app-color-calendar-header-hover:#F9F9F9;--app-color-race-zerg:var(--app-color-danger);--app-color-race-terran:var(--app-color-brand);--app-color-race-protoss:var(--app-color-warning);--app-color-tier-0:var(--app-color-danger);--app-color-tier-1:var(--app-color-danger);--app-color-tier-2:var(--app-color-warning);--app-color-tier-3:var(--app-color-warning);--app-color-tier-4:var(--app-color-success);--app-color-tier-5:var(--app-color-success);--app-color-tier-6:var(--app-color-success);--app-color-tier-7:var(--app-color-success);--app-color-tier-8:var(--app-color-brand);--app-color-tier-9:var(--app-color-brand);--app-color-tier-10:var(--app-color-brand);--app-color-tier-11:var(--app-color-brand);--app-color-tier-12:var(--app-color-text-secondary);--app-color-tier-13:var(--app-color-text-secondary);--app-color-tier-14:var(--app-color-danger);--app-color-tier-15:var(--app-color-danger);--app-font-family-ui:ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI Variable Display","Segoe UI",Helvetica,"Apple Color Emoji","Noto Sans Arabic","Noto Sans Hebrew",Arial,sans-serif,"Segoe UI Emoji","Segoe UI Symbol";--app-font-family-content:ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI Variable Display","Segoe UI",Helvetica,"Apple Color Emoji","Noto Sans Arabic","Noto Sans Hebrew",Arial,sans-serif,"Segoe UI Emoji","Segoe UI Symbol";--app-font-size-document-body:16px;--app-line-height-document-body:24px;--app-font-size-micro:12px;--app-font-size-label:13px;--app-font-size-meta:13px;--app-font-size-body:14px;--app-font-size-card-title:14px;--app-font-size-rich:16px;--app-font-size-emphasis:20px;--app-font-size-subheading:20px;--app-font-size-section-title:18px;--app-font-size-header-title:22px;--app-font-size-document-title:30px;--app-font-size-page-title:24px;--app-font-size-page-title-mobile:32px;--app-font-size-section-title-mobile:24px;--app-font-weight-body:400;--app-font-weight-medium:500;--app-font-weight-label:500;--app-font-weight-heading:600;--app-font-weight-emphasis:700;--app-line-height-body:20px;--app-line-height-label:18px;--app-line-height-micro:16px;--app-line-height-rich:24px;--app-line-height-tight:1.2;--app-line-height-page-title:48px;--app-line-height-section-title:32px;--app-line-height-document-title:39px;--app-text-line-body:20px;--app-text-line-rich:24px;--app-text-line-tight:1.2;--app-letter-spacing-title:normal;--app-letter-spacing-korean:normal;--app-page-title-accent-width:6px;--app-page-title-accent-height:24px;--app-page-title-accent-gap:var(--app-space-2);--app-space-0:0px;--app-space-1:4px;--app-space-2:8px;--app-space-3:12px;--app-space-4:16px;--app-card-padding:18px;--app-space-5:20px;--app-space-6:24px;--app-space-7:32px;--app-space-8:40px;--app-space-9:48px;--app-space-10:64px;--app-privacy-table-min-width:640px;--app-privacy-contact-label-width:120px;--app-privacy-contact-label-width-mobile:100px;--app-border-width:1px;--app-control-height:32px;--app-sidebar-nav-item-height:30px;--app-sidebar-nav-radius:8px;--app-control-radius:4px;--app-button-height:36px;--app-button-radius:12px;--app-button-padding-x:12px;--app-button-gap:6px;--app-input-height:var(--app-control-height);--app-input-radius:var(--app-control-radius);--app-input-padding-x:10px;--app-select-height:var(--app-button-height);--app-select-radius:var(--app-editor-modal-control-radius);--app-select-surface:var(--app-color-calendar-editor-form-surface);--app-select-border:var(--app-color-calendar-editor-form-border);--app-select-chevron-size:var(--app-icon-size);--app-select-chevron-stroke-width:var(--app-notice-nav-icon-stroke-width);--app-select-hidden-size:var(--app-border-width);--app-select-menu-surface:var(--app-color-popover);--app-select-menu-border:var(--app-color-border);--app-select-menu-radius:var(--app-select-radius);--app-select-menu-shadow:var(--app-shadow-panel);--app-select-menu-z-index:var(--app-z-popover);--app-select-menu-dialog-z-index:calc(var(--app-z-dialog) + 10);--app-select-menu-max-height:320px;--app-select-menu-offset:var(--app-space-1);--app-select-menu-padding:var(--app-space-1);--app-select-menu-option-height:var(--app-button-height);--app-select-menu-option-padding-x:var(--app-space-3);--app-select-menu-option-padding-y:var(--app-space-1);--app-select-option-radius:var(--app-control-radius);--app-select-option-hover-surface:var(--app-color-interactive);--app-select-option-selected-surface:#BFE1F6;--app-select-option-selected-text:#0A53A8;--app-select-option-disabled-text:var(--app-color-disabled-text);--app-pill-height:var(--app-control-height);--app-pill-radius:var(--app-control-radius);--app-filter-height:var(--app-control-height);--app-filter-radius:var(--app-control-radius);--app-filter-navigation-radius:var(--app-control-radius);--app-filter-padding-x:8px;--app-filter-navigation-padding-x:8px;--app-filter-gap:4px;--app-filter-navigation-gap:4px;--app-control-height-sm:var(--app-control-height);--app-control-height-md:var(--app-control-height);--app-control-height-primary:var(--app-control-height);--app-control-radius-pill:var(--app-control-radius);--app-icon-size:16px;--app-icon-size-large:20px;--app-icon-size-close:20px;--app-layout-content-width:none;--app-layout-document-width:900px;--app-layout-page-gutter:clamp(20px,4vw,64px);--app-layout-header-height:110px;--app-layout-header-height-mobile:64px;--app-layout-sidebar-width:200px;--app-layout-page-top:24px;--app-layout-content-gap:32px;--app-layout-footer-gap:60px;--app-layout-toolbar-gap:8px;--app-layout-split-sidebar-width:180px;--app-layout-section-gap:32px;--app-layout-panel-padding:0px;--app-layout-panel-radius:4px;--app-dialog-radius:12px;--app-editor-modal-width:800px;--app-editor-modal-min-height:90dvh;--app-editor-modal-control-radius:8px;--app-card-radius:14px;--app-motion-fast:120ms ease;--app-shadow-panel:0 4px 24px rgb(0 0 0/12%),0 0 0 1px var(--app-color-border);--app-shadow-toggle-thumb:0 1px 2px rgb(0 0 0/20%);--app-z-header:1990;--app-z-sidebar:2000;--app-z-popover:2080;--app-z-dialog:2100;--app-z-toast:2120;--app-button-primary-surface:var(--app-color-brand);--app-button-primary-text:var(--app-color-brand-action-text);--app-button-primary-hover-surface:color-mix(in srgb,var(--app-color-brand) 90%,var(--app-color-text-primary));--app-button-primary-hover-text:var(--app-color-brand-action-text);--app-button-secondary-surface:transparent;--app-button-secondary-text:var(--app-color-text-primary);--app-button-secondary-hover-surface:var(--app-color-interactive);--app-button-secondary-hover-text:var(--app-color-text-primary);--app-button-danger-surface:transparent;--app-button-danger-text:var(--app-color-danger);--app-button-danger-hover-surface:var(--app-color-interactive);--app-button-danger-hover-text:var(--app-color-danger);--app-button-ghost-surface:transparent;--app-button-ghost-text:var(--app-color-text-primary);--app-button-ghost-hover-surface:var(--app-color-interactive);--app-button-ghost-hover-text:var(--app-color-text-primary);--app-button-cancel-surface:#F9F9F9;--app-button-cancel-border:#F1F0EE;--app-button-cancel-hover-surface:#F1F0EE;--app-button-navigation-surface:transparent;--app-button-navigation-text:var(--app-color-text-primary);--app-button-navigation-hover-surface:var(--app-color-interactive);--app-button-navigation-hover-text:var(--app-color-text-primary);--app-button-icon-surface:transparent;--app-button-icon-text:var(--app-color-text-primary);--app-button-icon-hover-surface:var(--app-color-interactive);--app-button-icon-hover-text:var(--app-color-text-primary);--app-button-secondary-border:var(--app-color-border);--app-button-disabled-border:var(--app-color-border);--app-button-disabled-surface:var(--app-color-disabled-surface);--app-button-disabled-text:var(--app-color-disabled-text);--app-filter-surface:transparent;--app-filter-navigation-surface:transparent;--app-filter-text:var(--app-color-text-secondary);--app-filter-navigation-text:var(--app-color-text-secondary);--app-filter-hover-surface:var(--app-color-interactive);--app-filter-navigation-hover-surface:var(--app-color-interactive);--app-filter-hover-text:var(--app-color-text-primary);--app-filter-navigation-hover-text:var(--app-color-text-primary);--app-filter-active-surface:var(--app-color-interactive);--app-filter-navigation-active-surface:var(--app-color-interactive);--app-filter-active-text:var(--app-color-text-primary);--app-filter-navigation-active-text:var(--app-color-text-primary);--app-color-primary-action:var(--app-color-brand);--app-color-primary-action-text:var(--app-color-brand-action-text);--app-color-primary-action-hover:var(--app-color-brand);--app-color-calendar-timeline-surface:var(--app-color-page);--app-color-calendar-timeline-date-surface:var(--app-color-sidebar);--app-color-calendar-timeline-card-surface:#F9F9F9;--app-color-calendar-timeline-card-border:#ECECEC;--app-color-calendar-timeline-card-text:#494949;--app-color-calendar-timeline-card-strong:#222222;--app-color-calendar-timeline-card-muted:#96999D;--app-color-calendar-timeline-card-hover:#FAFAFA;--app-color-calendar-timeline-avatar-border:#FFFFFF;--app-color-calendar-timeline-avatar-count-surface:#222222;--app-color-calendar-timeline-avatar-count-text:var(--app-color-card);--app-color-calendar-timeline-today-surface:var(--app-color-selected);--app-color-calendar-timeline-today-accent:var(--app-color-brand);--app-color-calendar-timeline-empty-text:var(--app-color-text-secondary);--app-calendar-timeline-date-width:108px;--app-calendar-timeline-date-width-mobile:72px;--app-calendar-timeline-card-min-height:100px;--app-calendar-timeline-card-padding-block:var(--app-space-5);--app-calendar-timeline-card-padding-inline:30px;--app-calendar-timeline-day-min-height:var(--app-calendar-timeline-card-min-height);--app-calendar-timeline-card-gap:15px;--app-calendar-timeline-gap:var(--app-calendar-timeline-card-gap);--app-calendar-timeline-event-inline-gap:var(--app-space-3);--app-calendar-timeline-event-icon-size:16px;--app-calendar-timeline-event-icon-gap:var(--app-space-1);--app-calendar-timeline-event-row-gap:var(--app-space-2);--app-calendar-timeline-event-title-font-weight:var(--app-font-weight-medium);--app-calendar-timeline-status-min-height:var(--app-layout-section-gap);--app-calendar-timeline-event-min-height:var(--app-calendar-timeline-card-min-height);--app-calendar-timeline-event-font-size:15px;--app-calendar-timeline-weekday-font-size:12px;--app-calendar-timeline-date-font-size:28px;--app-calendar-timeline-date-font-family:"Pretendard Variable",var(--app-font-family-ui);--app-calendar-timeline-date-font-weight:800;--app-calendar-timeline-card-radius:10px;--app-calendar-timeline-event-radius:0px;--app-calendar-timeline-event-button-border-width:var(--app-space-0);--app-calendar-timeline-event-button-radius:8px;--app-color-calendar-timeline-event-button-border:transparent;--app-color-calendar-timeline-event-button-surface:transparent;--app-calendar-timeline-date-number-size:auto;--app-calendar-timeline-event-column-width:1.2fr;--app-calendar-timeline-rest-column-width:1.2fr;--app-calendar-timeline-avatar-size:24px;--app-calendar-timeline-avatar-border-width:2px;--app-calendar-timeline-avatar-overlap:-4px;--app-calendar-timeline-avatar-count-font-size:11px;--app-calendar-timeline-date-number-radius:var(--app-profile-radius);--app-shadow-calendar-timeline-card:var(--app-shadow-panel)}:root[data-app-theme=dark]{--app-color-page:#191919;--app-color-text-primary:#FFFFFF;--app-color-text-secondary:#BCBCBC;--app-color-disabled-text:#7F7F7F;--app-color-sidebar:#202020;--app-color-sidebar-text:var(--app-color-text-primary);--app-color-sidebar-hover:var(--app-color-interactive);--app-color-account-surface:var(--app-color-popover);--app-color-account-text:var(--app-color-text-primary);--app-color-profile-surface:var(--app-color-sidebar);--app-color-profile-hover:var(--app-color-interactive);--app-header-profile-hover:var(--app-color-interactive);--app-color-notice-arrow:var(--app-color-text-secondary);--app-color-notice-arrow-hover:var(--app-color-text-primary);--app-color-notice-nav-hover-bg:var(--app-color-interactive);--app-notice-nav-surface:var(--app-color-popover);--app-notice-nav-text:var(--app-color-text-secondary);--app-notice-nav-hover-surface:var(--app-color-interactive);--app-notice-nav-hover-text:var(--app-color-text-primary);--app-notice-nav-disabled-surface:var(--app-color-disabled-surface);--app-notice-nav-disabled-text:var(--app-color-disabled-text);--app-color-surface-deep:var(--app-color-sidebar);--app-color-card:var(--app-color-sidebar);--app-color-card-hover:var(--app-color-interactive);--app-color-notice-card-hover:var(--app-color-interactive);--app-color-youtube-card-hover:var(--app-color-interactive);--app-color-youtube-channel-view-hover:var(--app-color-text-primary);--app-color-popover:#252525;--app-color-calendar-editor-palette:var(--app-color-interactive);--app-color-calendar-editor-surface:var(--app-color-popover);--app-color-calendar-editor-form-surface:var(--app-color-card);--app-color-calendar-editor-form-border:var(--app-color-border);--app-color-calendar-editor-cancel-border:var(--app-color-border);--app-button-cancel-surface:var(--app-color-card);--app-button-cancel-border:var(--app-color-border);--app-button-cancel-hover-surface:var(--app-color-interactive);--app-color-border:#353535;--app-color-interactive:#2A2A2A;--app-color-selected:#0B1F31;--app-select-option-selected-surface:var(--app-color-selected);--app-select-option-selected-text:var(--app-color-text-primary);--app-color-calendar-timeline-card-surface:var(--app-color-card);--app-color-calendar-timeline-card-border:var(--app-color-border);--app-color-calendar-timeline-card-text:var(--app-color-text-primary);--app-color-calendar-timeline-card-strong:var(--app-color-text-primary);--app-color-calendar-timeline-card-muted:var(--app-color-text-secondary);--app-color-calendar-timeline-card-hover:var(--app-color-interactive);--app-color-calendar-header-hover:var(--app-color-interactive);--app-color-calendar-timeline-avatar-border:var(--app-color-popover);--app-calendar-timeline-card-create-surface:var(--app-color-popover);--app-calendar-timeline-card-create-border:var(--app-color-border);--app-shadow-panel:0 8px 24px rgb(0 0 0/40%),0 0 0 1px var(--app-color-border);--app-shadow-calendar-event:0 1px 2px rgb(0 0 0/32%);--app-shadow-calendar-detail:0 18px 40px rgb(0 0 0/48%),0 0 0 1px var(--app-color-border);--app-color-brand:#0083FF;--app-color-brand-text:#FFFFFF;--app-color-brand-action-text:#000000;--app-color-danger:#F08B82;--app-color-success:#84C7A1;--app-color-warning:#DFC17C;--app-color-live:#FA423E;--app-color-favorite:#FFD43B;--app-color-toggle-thumb:var(--app-color-text-primary);--app-color-calendar-timeline-avatar-count-surface:var(--app-color-interactive);--app-color-calendar-timeline-avatar-count-text:var(--app-color-text-primary);--app-color-editor-surface:var(--app-color-card);--app-shadow-toggle-thumb:0 1px 2px rgb(0 0 0/40%);--app-color-overlay:rgb(0 0 0/72%)}@media (pointer:coarse){:root{--app-control-height:40px}}@media (max-width:760px){:root{--app-layout-page-gutter:20px;--app-font-size-page-title:32px;--app-line-height-page-title:40px;--app-calendar-timeline-card-padding-block:var(--app-space-5);--app-calendar-timeline-card-padding-inline:16px}}}@layer components{.app-shell{color:var(--app-color-text-primary)}.app-shell,.app-shell__main{min-height:100dvh;background:var(--app-color-page)}.app-shell__main{display:flex;flex-direction:column;min-width:0;margin-left:var(--app-layout-sidebar-width)}.app-shell__content{flex:1 0 auto;min-width:0;padding-top:var(--app-layout-header-height);padding-bottom:var(--app-layout-footer-gap)}.sidebar{position:fixed;inset:0 auto 0 0;z-index:var(--app-z-sidebar);flex-direction:column;width:var(--app-layout-sidebar-width);min-height:100dvh;overflow-y:auto;background:var(--app-color-sidebar);border-right:var(--app-border-width) solid var(--app-color-border)}.sidebar,.site-title{display:flex;color:var(--app-color-sidebar-text)}.site-title{flex-direction:row;align-items:center;width:100%;height:50px;margin:30px 0;padding:0 22px}.site-title h1{display:flex;flex-direction:column;justify-content:space-between;height:100%;color:inherit;font-weight:var(--app-font-weight-emphasis)}.site-title__hello{font-size:14px;line-height:16px}.site-title__brain{color:var(--app-color-sidebar-text);font-size:30px;line-height:30px}.site-title__logo{display:inline-flex;flex:0 0 50px;align-items:center;justify-content:center;width:50px;height:50px;margin-left:var(--app-space-3);overflow:hidden;border-radius:50%;background:var(--app-color-brand);color:var(--app-color-brand-text);font-size:16px;font-weight:var(--app-font-weight-emphasis);letter-spacing:-2px;line-height:1;white-space:nowrap}.sidebar-nav{display:flex;flex-direction:column;align-items:flex-start;width:100%;padding:0 10px}.sidebar-nav ul{width:100%;padding:0;margin:0;list-style:none}.sidebar-nav li{display:block;width:100%;height:var(--app-sidebar-nav-item-height);margin:0;padding:0;border-radius:var(--app-sidebar-nav-radius);font-weight:700}.sidebar-nav li:focus-within,.sidebar-nav li:hover{background:var(--app-color-sidebar-hover)}.sidebar-nav li.sidebar-nav__item--active{background:var(--app-color-sidebar-hover)}.sidebar-nav li.sidebar-nav__item--active a,.sidebar-nav li.sidebar-nav__item--active:focus-within a,.sidebar-nav li.sidebar-nav__item--active:hover a{color:var(--app-color-sidebar-text)}.sidebar-nav a{display:flex;align-items:center;width:100%;height:100%;padding:0 12px;border-radius:inherit;color:var(--app-color-sidebar-text);font-size:var(--app-font-size-body);font-weight:700;line-height:var(--app-line-height-body)}.sidebar-nav a:focus-visible{outline:2px solid var(--app-color-focus);outline-offset:-2px}.app-header{position:fixed;inset:0 0 auto var(--app-layout-sidebar-width);z-index:var(--app-z-header);background:var(--app-color-page)}.contents__header-wrap{min-height:var(--app-layout-header-height);color:var(--app-color-text-primary)}.contents__header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;height:var(--app-layout-header-height);padding:0}.contents__header-heading,.contents__title-wrap{display:flex;min-width:0;align-items:center;gap:var(--app-space-8)}.contents__title{min-width:0;margin:0;padding-left:0;overflow:hidden;color:var(--app-color-text-primary);font-size:var(--app-font-size-header-title);font-weight:var(--app-font-weight-heading);line-height:var(--app-line-height-section-title);text-overflow:ellipsis;white-space:nowrap}.contents__title--latin{letter-spacing:var(--app-letter-spacing-title)}.page__title{position:relative;min-width:0;margin:0;-webkit-padding-start:calc(var(--app-page-title-accent-width) + var(--app-page-title-accent-gap));padding-inline-start:calc(var(--app-page-title-accent-width) + var(--app-page-title-accent-gap));overflow:hidden;color:var(--app-color-text-primary);font-size:var(--app-font-size-header-title);font-weight:700;text-overflow:ellipsis;white-space:nowrap}.page__title:before{position:absolute;inset-block-start:50%;inset-inline-start:0;width:var(--app-page-title-accent-width);height:var(--app-page-title-accent-height);transform:translateY(-50%);background:var(--app-color-brand);content:""}.page__title--latin{letter-spacing:var(--app-letter-spacing-title)}.contents__admin-nav{flex:1 1 auto}.admin-nav__group{position:static;display:inline-flex;flex:0 0 auto;align-items:center}.admin-nav__group-trigger{font:inherit}.admin-nav__menu{position:fixed;z-index:var(--app-z-popover);display:grid;min-width:220px;max-width:calc(100vw - 24px);grid-gap:var(--app-space-1);gap:var(--app-space-1);padding:var(--app-space-2);border:1px solid var(--app-color-border);background:var(--app-color-popover);box-shadow:var(--app-shadow-panel);font-family:var(--app-font-family-ui)}.admin-nav__menu,.admin-nav__menu a{overflow:hidden;border-radius:var(--app-control-radius);color:var(--app-color-text-primary)}.admin-nav__menu a{display:block;min-width:0;padding:var(--app-space-2) var(--app-space-3);font-size:var(--app-font-size-body);font-weight:var(--app-font-weight-medium);line-height:var(--app-line-height-body);text-overflow:ellipsis;text-decoration:none;white-space:nowrap}.admin-nav__menu a.is-active,.admin-nav__menu a:focus-visible,.admin-nav__menu a:hover{background:var(--app-color-interactive);color:var(--app-color-text-primary)}.admin-nav__group-trigger:focus-visible,.admin-nav__menu a:focus-visible{outline:2px solid var(--app-color-focus);outline-offset:2px}.tier-header__status{display:inline-flex;align-items:center;gap:var(--app-space-4);color:var(--app-color-text-secondary);font-size:var(--app-font-size-label);white-space:nowrap}.tier-header__status>span:first-child{color:var(--app-color-text-primary);font-weight:var(--app-font-weight-medium)}.tier-header__status>span:first-child strong{margin-left:10px;color:var(--app-color-text-primary);font-weight:var(--app-font-weight-heading)}.tier-header__status-live{color:var(--app-color-live)}.app-header .app-header__mobile-menu{display:none}.app-account{position:relative;flex:0 0 auto;border-radius:12px}.app-account--header{border-radius:var(--app-profile-radius)}.app-account__trigger{display:inline-flex;align-items:center;gap:14px;max-width:240px;padding:8px 12px;border:0;border-radius:12px;background:transparent;color:var(--app-color-text-primary);font:inherit;cursor:pointer}.app-account--header .app-account__trigger{border:var(--app-border-width) solid var(--app-color-border);border-radius:var(--app-profile-radius);background:var(--app-color-profile-surface)}.app-account__trigger:hover{color:var(--app-color-text-primary)}.app-account--header .app-account__trigger:hover,.app-account__trigger:hover{background:var(--app-header-profile-hover)}.app-account__balance{display:inline-flex;align-items:center;gap:6px;font-size:var(--app-font-size-body);font-weight:700;line-height:var(--app-line-height-body);white-space:nowrap}.app-account__balance,.app-account__trigger:hover .app-account__balance{color:var(--app-color-text-primary)}.app-account__balance img{width:18px;height:18px;object-fit:contain}.header-profile__minerals{font-weight:700}.app-account__avatar{width:30px;height:30px;flex:0 0 30px;border-radius:50%;object-fit:cover}.app-account .header-profile__login{height:40px;padding-inline:12px;border:var(--app-border-width) solid var(--app-color-border);border-radius:12px;background:var(--app-color-profile-surface)}.app-account .header-profile__login:hover:not(:disabled){background:var(--app-header-profile-hover)}.app-account__menu{position:absolute;top:calc(100% + var(--app-space-2));right:0;z-index:var(--app-z-popover);display:grid;width:max-content;min-width:0;max-width:calc(100vw - var(--app-space-6));padding:var(--app-space-3);border:0;border-radius:10px;background:var(--app-color-account-surface);color:var(--app-color-account-text);box-shadow:var(--app-shadow-panel)}.app-account__menu.header-profile__menu{width:max-content;min-width:0;padding:var(--app-space-3) var(--app-space-2);background:var(--app-color-profile-surface);border:var(--app-border-width) solid var(--app-color-border);color:var(--app-color-text-primary)}.app-account__menu>.app-account__menu-item{display:flex;width:100%;align-items:center;gap:var(--app-space-2);padding:var(--app-space-2) var(--app-space-3);border:0;border-radius:var(--app-control-radius);background:transparent;color:var(--app-color-account-text);font:inherit;font-weight:700;text-align:left;white-space:nowrap}.app-account__menu>.app-account__menu-item:hover{background:var(--app-color-interactive)}.app-account__menu.header-profile__menu>.app-account__menu-item{border-radius:var(--app-profile-menu-item-radius);color:var(--app-color-text-primary);font-weight:var(--app-font-weight-medium)}.app-account__menu.header-profile__menu>.app-account__menu-item:hover{background:var(--app-color-profile-hover)}.app-sidebar-backdrop{display:none}.app-header .bgm-player{position:relative;z-index:var(--app-z-popover);display:flex;align-items:center;height:40px;padding:0 var(--app-space-3);border-radius:999px;background:var(--app-color-interactive);color:var(--app-color-text-primary)}.app-header .bgm-player img{width:auto;height:20px;margin-right:10px}.app-header .bgm-player__title{max-width:240px;height:40px;margin-right:var(--app-space-4);overflow:hidden;padding:0;border:0;background:transparent;color:inherit;font:inherit;text-overflow:ellipsis;white-space:nowrap}.app-header .bgm-player__control,.app-header .bgm-player__title{display:flex;align-items:center}.app-header .bgm-player__icon-btn{display:inline-flex;align-items:center;justify-content:center;width:30px;height:40px;padding:0 5px;border:0;background:transparent;color:inherit}.app-header .bgm-player__icon-btn svg{width:20px;height:20px;fill:currentColor}.app-header .volume-control{width:70px}.app-header .bgm-player__list{position:absolute;top:calc(100% + var(--app-space-2));left:0;display:none;min-width:240px;padding:var(--app-space-2);border-radius:var(--app-control-radius);background:var(--app-color-popover);box-shadow:var(--app-shadow-panel)}.app-header .bgm-player__list.show{display:block}.app-header .bgm-player__list ul{margin:0;padding:0;list-style:none}.app-header .bgm-player__list li{padding:var(--app-space-2);border-radius:var(--app-control-radius);cursor:pointer}.app-header .bgm-player__list li:hover{background:var(--app-color-interactive)}@media (max-width:760px){.app-shell>.sidebar{display:none}.app-shell>.app-shell__main{margin-left:0}.app-shell--mobile-open>.sidebar{display:flex}.app-sidebar-backdrop{position:fixed;display:block;inset:0;z-index:calc(var(--app-z-sidebar) - 1);border:0;background:var(--app-color-overlay)}.app-shell__content{padding-top:var(--app-layout-header-height-mobile)}.app-header{left:0}.contents__header,.contents__header-wrap{min-height:var(--app-layout-header-height-mobile)}.contents__header{height:auto;padding-block:var(--app-space-2)}.contents__header-heading{flex:1 1;min-width:0;gap:var(--app-space-2)}.app-header .app-header__mobile-menu{display:inline-flex}.contents__title-wrap{flex:1 1;min-width:0;gap:var(--app-space-2)}.contents__title{padding-left:0;line-height:var(--app-line-height-section-title)}.contents__title,.page__title{font-size:var(--app-font-size-header-title)}.page__title{-webkit-padding-start:calc(var(--app-page-title-accent-width) + var(--app-page-title-accent-gap));padding-inline-start:calc(var(--app-page-title-accent-width) + var(--app-page-title-accent-gap))}.tier-header__status{display:none}.app-account__trigger{gap:var(--app-space-2);padding:6px 8px}.app-account__balance{font-size:var(--app-font-size-label)}.app-account__avatar{width:30px;height:30px}.app-header .bgm-player{max-width:180px}.app-header .bgm-player__title{max-width:72px;margin-right:var(--app-space-2)}.app-header .volume-control{display:none}}}@layer features{.dashboard__feed{display:grid;grid-gap:var(--app-space-8);gap:var(--app-space-8)}.star-notices__heading{display:flex;align-items:center;justify-content:space-between;gap:var(--app-space-3);margin-bottom:var(--app-space-4)}.star-notices__controls{display:flex;gap:var(--app-space-1)}.star-notices__controls button{display:grid;place-items:center;width:var(--app-notice-nav-button-size);height:var(--app-notice-nav-button-size);aspect-ratio:1;border:0;border-radius:var(--app-notice-nav-radius);background:var(--app-notice-nav-surface);color:var(--app-notice-nav-text);transition:background-color var(--app-notice-nav-transition),color var(--app-notice-nav-transition)}.star-notices__controls button:focus,.star-notices__controls button:focus-visible,.star-notices__controls button:hover:not(:disabled){background:var(--app-notice-nav-hover-surface);color:var(--app-notice-nav-hover-text)}.star-notices__controls button:focus,.star-notices__controls button:focus-visible{outline:none;box-shadow:none}.star-notices__controls button:disabled{background:var(--app-notice-nav-disabled-surface);color:var(--app-notice-nav-disabled-text);cursor:not-allowed;opacity:1}.star-notices__controls svg{width:var(--app-notice-nav-icon-size);height:var(--app-notice-nav-icon-size);fill:none;stroke:currentColor}.star-notices{width:100%;min-width:0}.star-notices__viewport{width:100%;max-width:100%;overflow:hidden}.star-notices__track{--star-notices-gap:var(--app-space-6);display:flex;width:100%;max-width:100%}.star-notices__item{display:grid;flex:0 0 calc((100% - (var(--star-notices-gap) * 2)) / 3);align-content:start;min-width:0;-webkit-margin-end:var(--star-notices-gap);margin-inline-end:var(--star-notices-gap);padding:var(--app-card-padding);border:var(--app-border-width) solid var(--app-color-border);border-radius:var(--app-card-radius);background:var(--app-color-card);color:var(--app-color-text-primary);text-decoration:none;transition:background-color var(--app-motion-fast),border-color var(--app-motion-fast)}.star-notices__item:hover{background:var(--app-color-interactive)}.star-notices__item:focus-visible{outline:2px solid var(--app-color-focus);outline-offset:2px}.star-notices__author{display:flex;align-items:center;gap:var(--app-space-2);margin-bottom:var(--app-space-3)}.star-notices__profile{width:24px;height:24px;border-radius:50%;object-fit:cover}.star-notices__member{font-size:var(--app-font-size-body);font-weight:var(--app-font-weight-emphasis);color:var(--app-color-text-primary)}.star-notices__author time{margin-left:auto;color:var(--app-color-text-secondary);font-size:var(--app-font-size-label);font-weight:var(--app-font-weight-medium)}.star-notices__item>strong{display:block;margin-bottom:var(--app-space-2);font-size:var(--app-font-size-body);font-weight:var(--app-font-weight-medium);color:var(--app-color-text-primary)}.star-notices__item>p{color:var(--app-color-text-secondary);font-size:var(--app-font-size-body);font-weight:var(--app-font-weight-body);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.youtube-dashboard{display:grid;grid-gap:var(--app-space-6);gap:var(--app-space-6)}.youtube-dashboard__groups{display:grid;grid-gap:var(--app-space-8);gap:var(--app-space-8)}.youtube-dashboard__group-block{display:grid;grid-gap:var(--app-space-4);gap:var(--app-space-4)}.youtube-dashboard__group-heading{display:flex;align-items:center;gap:var(--app-space-2)}.youtube-dashboard__group-heading img{width:24px;height:24px;object-fit:contain}.youtube-dashboard__channels{display:grid;grid-gap:var(--app-space-6);gap:var(--app-space-6)}.youtube-dashboard__channel{display:grid;grid-gap:var(--app-space-3);gap:var(--app-space-3);min-width:0}.youtube-dashboard__channel-name{display:flex;align-items:center;gap:var(--app-space-2);width:100%;color:var(--app-color-text-primary)}.youtube-dashboard__channel-name img{width:24px;height:24px;border-radius:50%;object-fit:cover}.youtube-dashboard__channel-name span{margin-left:auto;color:var(--app-color-text-secondary);transition:color var(--app-motion-fast)}.youtube-dashboard__channel-name:hover span{color:var(--app-color-youtube-channel-view-hover)}.youtube-dashboard__videos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:var(--app-space-6);gap:var(--app-space-6)}.youtube-dashboard__video{min-width:0;display:grid;align-content:start;grid-gap:0;gap:0;overflow:hidden;border:var(--app-border-width) solid var(--app-color-border);border-radius:var(--app-card-radius);background:var(--app-color-card);transition:background-color var(--app-motion-fast),color var(--app-motion-fast)}.youtube-dashboard__video:hover{background:var(--app-color-interactive)}.youtube-dashboard__video img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:0}.youtube-dashboard__video>div{display:grid;grid-gap:var(--app-space-2);gap:var(--app-space-2);align-content:start;padding:var(--app-card-padding);box-sizing:border-box}.youtube-dashboard__video strong{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:var(--app-font-size-body);font-weight:var(--app-font-weight-medium);line-height:var(--app-line-height-body);color:var(--app-color-text-primary)}.youtube-dashboard__video small,.youtube-dashboard__video span{color:var(--app-color-text-secondary);font-size:var(--app-font-size-label);font-weight:var(--app-font-weight-medium)}.tier-board__layout{display:grid;grid-template-columns:var(--app-layout-split-sidebar-width) minmax(0,1fr);grid-gap:var(--app-space-7);gap:var(--app-space-7);align-items:start}.tier-board__sidebar{position:-webkit-sticky;position:sticky;top:var(--app-space-4);display:grid;grid-gap:var(--app-space-3);gap:var(--app-space-3);padding:16px;border-radius:12px;background:var(--app-color-card)}.tier-board__sidebar p{color:var(--app-color-text-secondary)}.tier-board__sidebar nav,.tier-board__tiers{display:grid;grid-gap:var(--app-space-2);gap:var(--app-space-2)}.tier-board__nav-row{display:flex;align-items:center;gap:var(--app-space-1)}.tier-board__tier-link{flex:1 1;padding:var(--app-space-2);border-radius:var(--app-button-radius)}.tier-board__tier-link.is-active,.tier-board__tier-link:hover{background:var(--app-color-interactive)}.tier-board__favorite,.tier-board__live-toggle{border:0;background:transparent;color:var(--app-color-text-secondary);border-radius:var(--app-control-radius);min-height:var(--app-control-height)}.tier-board__favorite{position:relative;z-index:2;pointer-events:auto}.tier-board__favorite.is-favorite,.tier-board__favorite[aria-pressed=true]{color:var(--app-color-favorite);background:transparent}.tier-board__tier{padding-block:var(--app-space-4);border-bottom:1px solid var(--app-color-border);scroll-margin-top:var(--app-layout-header-height)}.tier-board__tier-name,.tier-board__tier>header{display:flex;align-items:center;gap:var(--app-space-2)}.tier-board__tier-name img{width:24px;height:24px;object-fit:contain}.tier-board__races{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:var(--app-space-4);gap:var(--app-space-4);margin-top:var(--app-space-4)}.tier-race{min-width:0}.tier-race h3{display:flex;align-items:center;gap:var(--app-space-2);font-size:16px;color:var(--app-color-text-secondary);margin-bottom:var(--app-space-2)}.tier-race--zerg h3{color:var(--app-color-race-zerg)}.tier-race--terran h3{color:var(--app-color-race-terran)}.tier-race--protoss h3{color:var(--app-color-race-protoss)}.tier-race__icon{width:18px;height:18px;object-fit:contain}.tier-race__cards{display:grid;grid-gap:var(--app-space-2);gap:var(--app-space-2);grid-row-gap:var(--app-space-5);row-gap:var(--app-space-5)}.tier-member{display:flex;flex-direction:column;align-items:stretch;min-width:0;position:relative;overflow:hidden;border-radius:0 0 10px 10px;background:var(--app-color-surface-deep);transition:background-color var(--app-motion-fast),color var(--app-motion-fast)}.tier-member:focus,.tier-member:focus-visible,.tier-member:hover{background:var(--app-color-interactive);outline:none;box-shadow:none}.tier-member__media{position:relative;display:block;width:100%;aspect-ratio:16/9;overflow:hidden;background:var(--app-color-surface-interactive)}.tier-member__media img{display:block;width:100%;height:100%;object-fit:cover}.tier-member__media--profile .tier-member__media-foreground{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.tier-member__media--offline-profile .tier-member__media-foreground{filter:grayscale(1)}.tier-member__identity{display:flex;align-items:center;gap:14px;min-width:0;padding:var(--app-space-4)}.tier-member__avatar-wrap{position:relative;flex:0 0 40px;width:40px;height:40px}.tier-member__avatar{width:40px;height:40px;border-radius:50%;object-fit:cover}.tier-member--offline .tier-member__avatar{filter:grayscale(1);opacity:.66}.tier-member__body{min-width:0;flex:1 1 auto;display:flex;flex-wrap:nowrap;align-items:stretch;justify-content:space-between;gap:var(--app-space-2)}.tier-member__details{display:grid;min-width:0;flex:1 1 auto;align-content:center;grid-gap:var(--app-space-2);gap:var(--app-space-2)}.tier-member__nickname{min-width:0;overflow:hidden;color:var(--app-color-text-primary);font-size:14px;font-weight:var(--app-font-weight-medium);line-height:1.2;text-align:left;text-overflow:ellipsis;white-space:nowrap}.tier-member__badges{display:flex;flex-wrap:wrap;min-width:0;gap:var(--app-space-2);overflow:hidden}.tier-member__badge{display:inline-flex;min-width:0;max-width:100%;min-height:24px;align-items:center;box-sizing:border-box;overflow:hidden;padding:0 var(--app-space-2);border:1px solid var(--app-color-border);border-radius:var(--app-button-radius);background:var(--app-color-interactive);color:var(--app-color-text-secondary);font-size:13px;font-weight:var(--app-font-weight-medium);line-height:1.2;text-align:left;text-overflow:ellipsis;white-space:nowrap}.tier-member__badge--crew,.tier-member__badge--role{color:var(--app-color-text-primary)}.tier-member__viewer-count{flex:0 0 auto;min-width:52px;overflow:hidden;color:var(--app-color-text-secondary);font-size:13px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;line-height:1.2;text-align:right;text-overflow:ellipsis;white-space:nowrap}.tier-race__empty{color:var(--app-color-text-secondary);font-size:var(--app-font-size-label)}.tier-member--live .tier-member__avatar{outline:3px solid var(--app-color-success)}.tier-race--zerg .tier-member--live .tier-member__avatar{outline-color:var(--app-color-race-zerg)}.tier-race--terran .tier-member--live .tier-member__avatar{outline-color:var(--app-color-race-terran)}.tier-race--protoss .tier-member--live .tier-member__avatar{outline-color:var(--app-color-race-protoss)}.tier-count__live{color:var(--app-color-live)}.tier-board__favorite svg{width:20px;height:20px;fill:currentColor;pointer-events:none}.tier-board__favorite.is-favorite path,.tier-board__favorite[aria-pressed=true] path{fill:var(--app-color-favorite);stroke:var(--app-color-favorite)}.tier-board__crew{display:flex;flex-wrap:wrap;gap:var(--app-space-2);margin-bottom:var(--app-space-5)}.tier-board__crew button{min-height:34px;padding:0 var(--app-space-4);border:0;border-radius:12px;background:var(--app-color-card);color:var(--app-color-text-primary);font:inherit;cursor:pointer;transition:background-color var(--app-motion-fast),color var(--app-motion-fast)}.tier-board__crew button.is-active,.tier-board__crew button:focus-visible,.tier-board__crew button:hover{background:var(--app-color-interactive);color:var(--app-color-text-primary);box-shadow:none}.app-page-frame.tier-board .tier-board__crew button{border-radius:12px;background-color:var(--app-color-card);color:var(--app-color-text-primary)}.app-page-frame.tier-board .tier-board__crew button.is-active,.app-page-frame.tier-board .tier-board__crew button:focus-visible,.app-page-frame.tier-board .tier-board__crew button:hover{background-color:var(--app-color-interactive);color:var(--app-color-text-primary)}.tier-board__tier>h2{display:flex;align-items:center;gap:var(--app-space-3)}.tier-board__tier>h2 small{font-size:var(--app-font-size-label);font-weight:var(--app-font-weight-body);color:var(--app-color-text-secondary)}.tier-board__live-toggle{position:relative;display:flex;min-width:0;align-items:center;justify-content:space-between;gap:var(--app-space-3);margin-top:var(--app-space-3);padding:var(--app-space-3) var(--app-space-2) var(--app-space-1);color:var(--app-color-text-primary);cursor:pointer}.tier-board__live-toggle>span{min-width:0;white-space:nowrap}.tier-board__live-toggle input{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap}.tier-board__live-toggle-track{position:relative;display:block;flex:0 0 36px;width:36px;height:20px;box-sizing:border-box;border-radius:999px;background:var(--app-color-border);transition:background-color var(--app-motion-fast)}.tier-board__live-toggle-track:after{position:absolute;top:3px;left:3px;width:14px;height:14px;border-radius:50%;background:var(--app-color-toggle-thumb);box-shadow:var(--app-shadow-toggle-thumb);content:"";transition:transform var(--app-motion-fast)}.tier-board__live-toggle input:checked+.tier-board__live-toggle-track{background:var(--app-color-brand)}.tier-board__live-toggle input:checked+.tier-board__live-toggle-track:after{transform:translateX(16px)}.tier-board__live-toggle input:focus-visible+.tier-board__live-toggle-track{outline:2px solid var(--app-color-focus);outline-offset:2px}.tier-board__live-toggle:hover .tier-board__live-toggle-track{background:var(--app-color-border-strong,var(--app-color-text-secondary))}.tier-board__live-toggle:hover input:checked+.tier-board__live-toggle-track{background:var(--app-color-brand-action-hover,var(--app-color-brand))}.tier-board__live-toggle input:disabled+.tier-board__live-toggle-track{cursor:not-allowed;opacity:.62}.tier-member--promotion-candidate:after{position:absolute;top:var(--app-space-2);right:var(--app-space-2);z-index:1;content:"↑";color:var(--app-color-warning)}.tier-board__empty,.tier-board__message{padding:var(--app-space-6);color:var(--app-color-text-secondary)}.mypage__prediction summary{display:flex;justify-content:space-between;gap:var(--app-space-3);cursor:pointer}.mypage__prediction summary>span:first-child{display:grid;grid-gap:var(--app-space-1);gap:var(--app-space-1)}.mypage__prediction-summary>div{display:flex;justify-content:space-between}.mypage__panel{display:grid;grid-gap:var(--app-space-7);gap:var(--app-space-7);width:100%;margin-inline:auto}.mypage__profile{display:flex;align-items:center;gap:var(--app-space-4);padding-block:var(--app-space-4);border-bottom:1px solid var(--app-color-border)}.mypage__avatar{width:64px;height:64px;border-radius:var(--app-dialog-radius);object-fit:cover}.mypage__identity{display:grid;grid-gap:var(--app-space-2);gap:var(--app-space-2)}.mypage__nickname{font-size:var(--app-font-size-section-title);font-weight:var(--app-font-weight-heading)}.mypage__minerals{margin-left:auto;font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.mypage__minerals img{width:20px;height:20px}.mypage__bet-list,.mypage__prediction-list,.mypage__predictions{display:grid;grid-gap:var(--app-space-3);gap:var(--app-space-3)}.mypage__bet,.mypage__prediction{display:grid;grid-gap:var(--app-space-2);gap:var(--app-space-2);padding-block:var(--app-space-4);border-bottom:1px solid var(--app-color-border)}.mypage__prediction-link{display:flex;justify-content:space-between;gap:var(--app-space-3)}.mypage__prediction-summary{color:var(--app-color-text-secondary)}@media (max-width:1000px){.youtube-dashboard__videos{grid-template-columns:repeat(2,minmax(0,1fr))}.tier-board__races{grid-template-columns:1fr}.tier-race__cards{grid-template-columns:repeat(2,minmax(0,1fr))}.star-notices__item{flex-basis:calc((100% - var(--star-notices-gap)) / 2)}}@media (max-width:760px){.tier-board__layout{grid-template-columns:1fr;gap:var(--app-space-4)}.tier-board__tier{scroll-margin-top:var(--app-layout-header-height-mobile)}.tier-board__sidebar{position:static}.tier-board__sidebar nav{display:flex;overflow-x:auto}.tier-board__nav-row{flex-shrink:0}.star-notices__item{flex-basis:100%}.youtube-dashboard__videos{grid-template-columns:1fr}.mypage__profile{flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){.tier-board__live-toggle-track,.tier-board__live-toggle-track:after{transition:none}}}@layer components{.site-loading{display:grid;min-height:50dvh;place-items:center;background:var(--app-color-page);color:var(--app-color-text-secondary)}}@layer features{.tier-board__tier-name{color:var(--app-color-text-primary)}.tier-board__tier--0{--tier-color:var(--app-color-tier-0)}.tier-board__tier--1{--tier-color:var(--app-color-tier-1)}.tier-board__tier--2{--tier-color:var(--app-color-tier-2)}.tier-board__tier--3{--tier-color:var(--app-color-tier-3)}.tier-board__tier--4{--tier-color:var(--app-color-tier-4)}.tier-board__tier--5{--tier-color:var(--app-color-tier-5)}.tier-board__tier--6{--tier-color:var(--app-color-tier-6)}.tier-board__tier--7{--tier-color:var(--app-color-tier-7)}.tier-board__tier--8{--tier-color:var(--app-color-tier-8)}.tier-board__tier--9{--tier-color:var(--app-color-tier-9)}.tier-board__tier--10{--tier-color:var(--app-color-tier-10)}.tier-board__tier--11{--tier-color:var(--app-color-tier-11)}.tier-board__tier--12{--tier-color:var(--app-color-tier-12)}.tier-board__tier--13{--tier-color:var(--app-color-tier-13)}.tier-board__tier--14{--tier-color:var(--app-color-tier-14)}.tier-board__tier--15{--tier-color:var(--app-color-tier-15)}}@layer components{.mypage__section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--app-space-4)}.mypage__danger-zone h2,.mypage__section-heading h2{margin:0;color:var(--app-color-text-primary);font-size:var(--app-font-size-section-title);font-weight:var(--app-font-weight-heading)}.mypage__danger-zone p,.mypage__section-heading p{margin:var(--app-space-2) 0 0;color:var(--app-color-text-secondary);font-size:var(--app-font-size-body);line-height:var(--app-line-height-rich)}.mypage__balance{display:inline-flex;align-items:center;gap:var(--app-space-2);color:var(--app-color-warning);font-size:var(--app-font-size-emphasis);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap}.mypage__balance img{width:var(--app-icon-size-large);height:var(--app-icon-size-large);object-fit:contain}.mypage__account-card,.mypage__danger-zone{gap:var(--app-space-4)}.mypage__account-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:var(--app-space-4);gap:var(--app-space-4);margin:0;padding:var(--app-space-4) 0;border-block:var(--app-border-width) solid var(--app-color-border)}.mypage__account-details div{display:grid;grid-gap:var(--app-space-1);gap:var(--app-space-1);min-width:0}.mypage__account-details dt{color:var(--app-color-text-secondary);font-size:var(--app-font-size-label)}.mypage__account-details dd{margin:0;overflow:hidden;color:var(--app-color-text-primary);font-size:var(--app-font-size-body);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap}.mypage__mineral-row-copy a,.mypage__privacy-link{color:var(--app-color-brand);font-size:var(--app-font-size-label);font-weight:var(--app-font-weight-medium)}.mypage__danger-zone{border-color:color-mix(in srgb,var(--app-color-danger) 35%,var(--app-color-border))}.mypage__danger-zone>.app-button{justify-self:start}.mypage__delete-dialog{display:grid;grid-gap:var(--app-space-3);gap:var(--app-space-3);color:var(--app-color-text-secondary);line-height:var(--app-line-height-rich)}.mypage__delete-dialog p{margin:0}.mypage__delete-dialog ul{display:grid;grid-gap:var(--app-space-2);gap:var(--app-space-2);margin:0;-webkit-padding-start:var(--app-space-5);padding-inline-start:var(--app-space-5)}.mypage__delete-error{color:var(--app-color-danger);font-weight:var(--app-font-weight-medium)}.mypage__mineral-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:var(--app-space-3);gap:var(--app-space-3)}.mypage__mineral-summary div{display:grid;grid-gap:var(--app-space-1);gap:var(--app-space-1);padding:var(--app-space-4);border:var(--app-border-width) solid var(--app-color-border);border-radius:var(--app-card-radius);background:var(--app-color-surface-raised)}.mypage__mineral-summary span{color:var(--app-color-text-secondary);font-size:var(--app-font-size-label)}.mypage__mineral-summary strong{color:var(--app-color-text-primary);font-size:var(--app-font-size-emphasis);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.mypage__month-navigation{display:flex;align-items:center;justify-content:space-between;gap:var(--app-space-3)}.mypage__month-navigation strong{color:var(--app-color-text-primary);font-size:var(--app-font-size-body)}.mypage__mineral-list{display:grid;grid-gap:var(--app-space-6);gap:var(--app-space-6)}.mypage__mineral-day{display:grid;grid-gap:var(--app-space-2);gap:var(--app-space-2)}.mypage__mineral-day h3{margin:0;color:var(--app-color-text-secondary);font-size:var(--app-font-size-label);font-weight:var(--app-font-weight-medium)}.mypage__mineral-row{display:flex;align-items:center;justify-content:space-between;gap:var(--app-space-4);padding:var(--app-space-3) 0;border-bottom:var(--app-border-width) solid var(--app-color-border)}.mypage__mineral-row-amount,.mypage__mineral-row-copy{display:grid;grid-gap:var(--app-space-1);gap:var(--app-space-1);min-width:0}.mypage__mineral-row-copy strong{overflow:hidden;color:var(--app-color-text-primary);font-size:var(--app-font-size-body);text-overflow:ellipsis;white-space:nowrap}.mypage__mineral-row-amount small,.mypage__mineral-row-copy small{color:var(--app-color-text-secondary);font-size:var(--app-font-size-meta)}.mypage__mineral-row-amount{flex:0 0 auto;text-align:right}.mypage__mineral-row-amount strong{font-size:var(--app-font-size-emphasis);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.mypage__mineral-row-amount strong.is-credit{color:var(--app-color-success)}.mypage__mineral-row-amount strong.is-debit{color:var(--app-color-danger)}.mypage__load-more{justify-self:center}@media (max-width:760px){.mypage__section-heading{flex-direction:column}.mypage__balance{align-self:flex-start}.mypage__account-details,.mypage__mineral-row,.mypage__mineral-summary{grid-template-columns:1fr}.mypage__mineral-row{display:grid;align-items:start}.mypage__mineral-row-amount{text-align:left}}}