.bottom-nav{z-index:var(--z-nav);background:var(--color-surface);border-top:1px solid var(--color-border-light);padding-bottom:env(safe-area-inset-bottom,0px);position:fixed;bottom:0;left:0;right:0}.bottom-nav-inner{justify-content:space-around;align-items:center;max-width:600px;height:52px;margin:0 auto;padding:0;display:flex}.bottom-nav-item{min-height:44px;transition:color var(--duration-fast);color:var(--color-text-tertiary);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;padding:6px 0;display:flex}.bottom-nav-item.active{color:var(--color-text-primary)}.bottom-nav-icon{justify-content:center;align-items:center;height:22px;display:flex;position:relative}.bottom-nav-dot{background:var(--color-live);border:2px solid var(--color-surface);width:8px;height:8px;box-shadow:0 0 0 1px var(--color-live);border-radius:50%;position:absolute;top:-2px;right:-5px}.bottom-nav-label{font-size:var(--t-micro);font-weight:var(--fw-semibold);letter-spacing:.2px}.bottom-nav-item:hover{color:var(--color-text-secondary)}.bottom-nav-item.active:hover{color:var(--color-text-primary)}.bottom-nav-item:active{transform:scale(.92)}@media (width>=900px){.bottom-nav{display:none}}.shell-page{max-width:var(--layout-narrow);background:var(--color-bg);min-height:100dvh;margin:0 auto}.shell-header{align-items:center;gap:var(--space-12);padding:var(--space-12) max(var(--page-px), calc((100% - var(--layout-narrow)) / 2 + var(--page-px)));background:var(--color-surface-overlay);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--color-border-light);z-index:var(--z-sticky);display:flex;position:sticky;top:0}.shell-back{border-radius:var(--radius-full);width:36px;height:36px;color:var(--color-text-primary);transition:background var(--duration-fast);justify-content:center;align-items:center;display:flex}.shell-back:hover{background:var(--color-surface-muted)}.shell-title{font-size:var(--t-subtitle);font-weight:var(--fw-bold);letter-spacing:-.4px}.page-subtitle{max-width:var(--layout-narrow);padding:var(--space-12) var(--page-px) 0;font-size:var(--t-small);color:var(--color-text-tertiary);letter-spacing:-.1px;margin:0 auto}@media (width>=768px){.page-subtitle{max-width:var(--layout-wide);font-size:var(--t-small)}}.shell-empty{text-align:center;padding:var(--space-48) var(--page-px);flex-direction:column;justify-content:center;align-items:center;min-height:60dvh;display:flex}.shell-empty-icon{color:var(--color-text-tertiary);margin-bottom:var(--space-16);opacity:.4}.shell-empty h2{font-size:var(--t-subtitle);font-weight:var(--fw-bold);color:var(--color-text-primary);margin-bottom:var(--space-8)}.shell-empty p{font-size:var(--t-body);color:var(--color-text-tertiary);margin-bottom:var(--space-24);line-height:1.6}.btn-lg{padding:var(--space-12) 18px;font-size:var(--t-body);font-weight:var(--fw-bold);border-radius:var(--radius-md);min-height:40px;transition:opacity var(--duration-fast);cursor:pointer;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.btn-md{padding:var(--space-10) var(--space-16);font-size:var(--t-small);font-weight:var(--fw-bold);border-radius:var(--radius-md);min-height:40px;transition:opacity var(--duration-fast);cursor:pointer;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.btn-sm{padding:var(--space-4) var(--space-10);font-size:var(--t-micro);font-weight:var(--fw-bold);border-radius:var(--radius-md);min-height:32px;transition:opacity var(--duration-fast);cursor:pointer;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.btn-primary{background:var(--color-accent);color:var(--color-text-inverse)}.btn-secondary{color:var(--color-text-secondary);border:1px solid var(--color-border);background:0 0}.btn-ghost{color:var(--color-text-secondary);background:0 0}.btn-lg:hover,.btn-md:hover,.btn-sm:hover{opacity:.9}.btn-lg:disabled,.btn-md:disabled,.btn-sm:disabled{opacity:.4;cursor:not-allowed}.shell-cta{padding:var(--space-12) 18px;font-size:var(--t-body);font-weight:var(--fw-bold);min-height:40px;color:var(--color-text-inverse);background:var(--color-accent);border-radius:var(--radius-md);transition:opacity var(--duration-fast);justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.shell-cta:hover{opacity:.9}.shell-cta:disabled{opacity:.4;cursor:not-allowed}.card-wide{padding:var(--space-20);background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-md)}.card-narrow{padding:var(--space-16);background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-md)}.input-default{padding:var(--space-12) var(--space-14);font-size:var(--t-body);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);transition:border-color var(--duration-fast)}.input-default:focus{border-color:var(--color-accent);outline:none}.input-small{padding:var(--space-8) var(--space-12);font-size:var(--t-small);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);transition:border-color var(--duration-fast)}.input-small:focus{border-color:var(--color-accent);outline:none}.skeleton{max-width:var(--content-max);padding:var(--space-20) var(--page-px);margin:0 auto}.skeleton-row{gap:var(--card-gap);flex-direction:column;display:flex}.skeleton-card{background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-md);padding:16px}.skeleton-line{border-radius:var(--radius-md);background:var(--color-surface-muted);height:12px;animation:1.5s ease-in-out infinite shimmer}.skeleton-line.w60{width:60%}.skeleton-line.w80{width:80%}.skeleton-line.w40{width:40%}.skeleton-line.w100{width:100%}.skeleton-line.h20{height:20px}.skeleton-line.h8{height:8px}.skeleton-line+.skeleton-line{margin-top:var(--space-8)}@keyframes shimmer{0%{opacity:1}50%{opacity:.4}to{opacity:1}}.home-empty{text-align:center;padding:var(--space-40) var(--page-px);max-width:var(--content-max);margin:0 auto}.home-empty p{font-size:var(--t-body);color:var(--color-text-tertiary);margin-bottom:var(--space-16)}.home-empty a{font-size:var(--t-small);font-weight:var(--fw-bold);color:var(--color-upcoming)}.error-state{text-align:center;padding:var(--space-40) var(--page-px)}.error-state p{font-size:var(--t-body);color:var(--color-text-secondary);margin-bottom:var(--space-16)}.error-state button{font-size:var(--t-small);font-weight:var(--fw-bold);padding:var(--space-10) var(--space-20);border-radius:var(--radius-md);background:var(--color-accent);color:var(--color-text-inverse)}.shell-toast{padding:var(--space-10) var(--space-20);background:var(--color-button);color:var(--color-text-inverse);border-radius:var(--radius-full);font-size:var(--t-small);font-weight:var(--fw-semibold);z-index:var(--z-toast);white-space:nowrap;animation:.2s ease-out shell-toast-in;position:fixed;top:80px;left:50%;transform:translate(-50%)}@keyframes shell-toast-in{0%{opacity:0;transform:translate(-50%)translateY(-8px)}to{opacity:1;transform:translate(-50%)translateY(0)}}