.sl-overlay{z-index:var(--z-modal);background:var(--color-bg);padding-top:env(safe-area-inset-top,0);flex-direction:column;animation:.16s ease-out sl-fade-in;display:flex;position:fixed;inset:0}@keyframes sl-fade-in{0%{opacity:0}to{opacity:1}}.sl-modal{flex-direction:column;flex:1;width:100%;max-width:720px;min-height:0;margin:0 auto;display:flex}.sl-input-row{align-items:center;gap:var(--space-10);padding:var(--space-12) var(--page-px);border-bottom:1px solid var(--color-border-light);display:flex}.sl-cancel{font-size:var(--t-body);font-weight:var(--fw-semibold);color:var(--color-text-secondary);padding:var(--space-4) var(--space-4);flex-shrink:0}.sl-cancel:hover{color:var(--color-text-primary)}.sl-input-wrap{align-items:center;gap:var(--space-8);background:var(--color-filter);border-radius:var(--radius-md);padding:var(--space-8) var(--space-12);flex:1;display:flex}.sl-input-icon{color:var(--color-text-tertiary);flex-shrink:0}.sl-input{font-size:var(--t-subtitle);font-weight:var(--fw-medium);color:var(--color-text-primary);background:0 0;border:none;outline:none;flex:1;min-width:0}.sl-input::placeholder{color:var(--color-text-tertiary)}.sl-input-clear{color:var(--color-text-tertiary);flex-shrink:0;align-items:center;padding:2px;display:flex}.sl-input-clear:hover{color:var(--color-text-primary)}.sl-body{-webkit-overflow-scrolling:touch;flex:1;min-height:0;overflow-y:auto}.sl-hint{font-size:var(--t-body);color:var(--color-text-tertiary);text-align:center;padding:var(--space-32) var(--page-px)}.sl-idle{gap:var(--space-24);padding:var(--space-20) var(--page-px);flex-direction:column;display:flex}.sl-idle-hint{font-size:var(--t-body);color:var(--color-text-tertiary);text-align:center;padding:var(--space-20) 0}.sl-section{gap:var(--space-10);flex-direction:column;display:flex}.sl-section-header{justify-content:space-between;align-items:center;display:flex}.sl-section-label{font-size:var(--t-body);font-weight:var(--fw-semibold);color:var(--color-text);letter-spacing:.2px;text-transform:uppercase}.sl-section-action{font-size:var(--t-micro);font-weight:var(--fw-medium);color:var(--color-text-tertiary);padding:2px 4px}.sl-section-action:hover{color:var(--color-text-secondary)}.sl-recent-list{flex-direction:column;display:flex}.sl-recent-item{align-items:center;gap:var(--space-10);padding:var(--space-10) var(--space-4);text-align:left;border-bottom:1px solid var(--color-divider);width:100%;display:flex}.sl-recent-item:last-child{border-bottom:none}.sl-recent-item:hover{background:var(--color-surface-muted)}.sl-recent-icon{color:var(--color-text-tertiary);flex-shrink:0}.sl-recent-text{font-size:var(--t-body);font-weight:var(--fw-medium);color:var(--color-text-primary);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.sl-recent-x{color:var(--color-text-tertiary);flex-shrink:0;align-items:center;padding:4px;display:flex}.sl-recent-x:hover{color:var(--color-text-primary)}.sl-follow-scroll{gap:var(--space-12);padding-bottom:var(--space-4);-webkit-overflow-scrolling:touch;scrollbar-width:none;display:flex;overflow-x:auto}.sl-follow-scroll::-webkit-scrollbar{display:none}.sl-follow-chip{align-items:center;gap:var(--space-6);flex-direction:column;flex-shrink:0;min-width:56px;display:flex}.sl-follow-circle{background:var(--color-button);width:44px;height:44px;color:var(--color-text-inverse);font-size:var(--t-subtitle);font-weight:var(--fw-bold);border-radius:50%;justify-content:center;align-items:center;display:flex}.sl-follow-chip:hover .sl-follow-circle{opacity:.8}.sl-follow-name{font-size:var(--t-micro);font-weight:var(--fw-medium);color:var(--color-text-secondary);text-overflow:ellipsis;white-space:nowrap;text-align:center;max-width:60px;overflow:hidden}.sl-cat-bar{gap:var(--space-6);padding:var(--space-12) var(--page-px);border-bottom:1px solid var(--color-border-light);scrollbar-width:none;display:flex;overflow-x:auto}.sl-cat-bar::-webkit-scrollbar{display:none}.sl-cat-chip{font-size:var(--t-small);font-weight:var(--fw-semibold);border-radius:var(--radius-full);color:var(--color-text-secondary);border:1px solid var(--color-border-light);transition:all var(--duration-fast);background:0 0;flex-shrink:0;padding:6px 14px}.sl-cat-chip:hover{border-color:var(--color-border)}.sl-cat-chip.active{background:var(--color-button);color:var(--color-text-inverse);border-color:var(--color-button)}.sl-result-section{padding:var(--space-16) var(--page-px) var(--space-8)}.sl-result-label{font-size:var(--t-body);font-weight:var(--fw-semibold);color:var(--color-text);letter-spacing:.2px;text-transform:uppercase;margin-bottom:var(--space-12);display:block}.sl-brand-list{flex-direction:column;display:flex}.sl-brand-item{align-items:center;gap:var(--space-12);padding:var(--space-10) var(--space-4);text-align:left;border-bottom:1px solid var(--color-divider);width:100%;display:flex}.sl-brand-item:last-child{border-bottom:none}.sl-brand-item:hover{background:var(--color-surface-muted)}.sl-brand-circle{background:var(--color-button);width:36px;height:36px;color:var(--color-text-inverse);font-size:var(--t-body);font-weight:var(--fw-bold);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.sl-brand-name{font-size:var(--t-body);font-weight:var(--fw-semibold);color:var(--color-text-primary);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.sl-brand-count{font-size:var(--t-small);font-weight:var(--fw-medium);color:var(--color-text-tertiary);flex-shrink:0}.sl-drop-list{flex-direction:column;display:flex}.sl-drop-item{padding:var(--space-10) var(--space-4);text-align:left;border-bottom:1px solid var(--color-divider);flex-direction:column;gap:3px;width:100%;display:flex}.sl-drop-item:last-child{border-bottom:none}.sl-drop-item:hover{background:var(--color-surface-muted)}.sl-drop-top{align-items:center;gap:var(--space-6);display:flex}.sl-drop-dot{background:var(--color-pending);border-radius:50%;flex-shrink:0;width:6px;height:6px}.sl-drop-dot.dp-open{background:var(--color-open)}.sl-drop-dot.dp-closing{background:var(--color-imminent)}.sl-drop-dot.dp-upcoming,.sl-drop-dot.dp-awaiting,.sl-drop-dot.dp-result{background:var(--color-pending)}.sl-drop-dot.dp-ended,.sl-drop-dot.dp-soldout{background:var(--color-pending);opacity:.4}.sl-drop-method{font-size:var(--t-micro);font-weight:var(--fw-semibold);color:var(--color-text-tertiary)}.sl-drop-time{font-size:var(--t-micro);font-weight:var(--fw-medium);color:var(--color-text-tertiary)}.sl-drop-status{font-size:var(--t-micro);font-weight:var(--fw-bold);border-radius:var(--radius-full);background:var(--color-pending-bg);color:var(--color-pending);margin-left:auto;padding:2px 8px}.sl-drop-status.dp-open{background:var(--color-open-bg);color:var(--color-open-fg)}.sl-drop-status.dp-closing{background:var(--color-imminent-bg);color:var(--color-imminent)}.sl-drop-status.dp-upcoming,.sl-drop-status.dp-awaiting,.sl-drop-status.dp-result{background:var(--color-pending-bg);color:var(--color-pending)}.sl-drop-status.dp-ended,.sl-drop-status.dp-soldout{background:var(--color-surface-muted);color:var(--color-text-tertiary)}.sl-drop-bottom{align-items:baseline;gap:var(--space-8);padding-left:12px;display:flex}.sl-drop-title{font-size:var(--t-body);font-weight:var(--fw-semibold);color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.sl-drop-brand{font-size:var(--t-small);font-weight:var(--fw-medium);color:var(--color-text-tertiary);flex-shrink:0}.sl-more-btn{width:100%;padding:var(--space-14) 0;font-size:var(--t-small);font-weight:var(--fw-semibold);color:var(--color-text-secondary);text-align:center;border-top:1px solid var(--color-divider);transition:color var(--duration-fast);display:block}.sl-more-btn:hover{color:var(--color-text-primary)}@media (width>=768px){.sl-modal{padding:0 var(--space-20)}}.header{z-index:var(--z-nav);background:var(--color-surface-overlay);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--color-border-light);display:none;position:sticky;top:0}@media (width>=900px){.header{display:block}}.header-inner{max-width:var(--layout-wide);padding:0 var(--page-px);margin:0 auto}.header-top{justify-content:space-between;align-items:center;height:56px;display:flex}.header-logo{font-family:Space Grotesk,sans-serif;font-size:var(--t-h2);font-weight:var(--fw-bold);letter-spacing:-.8px;color:var(--color-text-brand);flex-shrink:0;text-decoration:none}.header-logo:hover{opacity:.7}.header-util{align-items:center;gap:var(--space-16);display:flex}.header-util-link{font-size:var(--t-small);font-weight:var(--fw-semibold);color:var(--color-text-tertiary);transition:color var(--duration-fast);white-space:nowrap;text-decoration:none}.header-util-link:hover{color:var(--color-text-primary)}.header-util-link.active{color:var(--color-text-primary);font-weight:var(--fw-bold)}.header-util-divider{background:var(--color-border-light);flex-shrink:0;width:1px;height:14px}.header-icon-btn{border-radius:var(--radius-full);width:36px;height:36px;color:var(--color-text-secondary);transition:background var(--duration-fast), color var(--duration-fast);justify-content:center;align-items:center;display:flex}.header-icon-btn:hover{background:var(--color-surface-muted);color:var(--color-text-primary)}.header-right{align-items:center;gap:var(--space-8);flex-shrink:0;margin-left:auto;display:flex;position:relative}.header-avatar-btn{width:32px;height:32px;color:var(--color-text-secondary);transition:all var(--duration-fast);border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative}.header-avatar-btn:hover{background:var(--color-surface-muted)}.header-avatar{background:var(--color-accent);width:28px;height:28px;color:var(--color-text-inverse);font-size:var(--t-small);font-weight:var(--fw-bold);border-radius:50%;justify-content:center;align-items:center;display:flex}.header-pner-btn{border-radius:var(--radius-full);background:var(--color-surface-muted);color:var(--color-text-secondary);border:1px solid var(--color-border-light);font-size:var(--t-micro);font-weight:var(--fw-bold);cursor:pointer;transition:all var(--duration-fast);font-variant-numeric:tabular-nums;align-items:center;gap:4px;padding:4px 10px 4px 6px;display:flex}.header-pner-btn:hover{background:var(--color-surface);border-color:var(--color-text-tertiary);color:var(--color-text-primary)}.header-pner-count{letter-spacing:.3px}.header-pner-toast{margin-top:var(--space-6);background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-md);box-shadow:var(--shadow-elevated);font-size:var(--t-small);font-weight:var(--fw-semibold);color:var(--color-text-secondary);white-space:nowrap;z-index:110;padding:6px 12px;animation:.2s ease-out header-pner-toast-in;position:absolute;top:100%;right:0}@keyframes header-pner-toast-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.page-header{z-index:var(--z-header);background:var(--color-surface-overlay);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--color-border-light);position:sticky;top:0}.page-header-inner{max-width:var(--layout-narrow);padding:0 var(--page-px);margin:0 auto}.page-header-top{justify-content:space-between;align-items:center;height:52px;display:flex}.page-header-logo{font-family:Space Grotesk,sans-serif;font-size:var(--t-h1);font-weight:var(--fw-bold);letter-spacing:-1px;color:var(--color-text-brand);flex-shrink:0;text-decoration:none}.page-header-title{font-size:var(--t-subtitle);font-weight:var(--fw-bold);letter-spacing:-.4px;color:var(--color-text-primary)}.page-header-right{align-items:center;gap:var(--space-4);flex-shrink:0;margin-left:auto;display:flex}.page-header-icon-btn{border-radius:var(--radius-full);width:36px;height:36px;color:var(--color-text-secondary);transition:background var(--duration-fast), color var(--duration-fast);justify-content:center;align-items:center;display:flex}.page-header-icon-btn:hover{background:var(--color-surface-muted);color:var(--color-text-primary)}.page-header-icon-btn .ph-bell-dot{background:var(--color-live);border:1.5px solid var(--color-surface);border-radius:50%;width:7px;height:7px;position:absolute;top:6px;right:6px}.page-header-icon-btn{position:relative}.page-header-admin{font-size:var(--t-small);font-weight:var(--fw-semibold);color:var(--color-text-tertiary);padding:var(--space-4) var(--space-8);transition:color var(--duration-fast)}.page-header-admin:hover{color:var(--color-text-primary)}@media (width>=900px){.page-header-inner{max-width:var(--layout-wide)}.page-header{display:none}}