*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0a0a0a;--fg: #f0f0f0;--fg-muted: #999;--surface: #161616;--surface-raised: #1e1e1e;--radius: 12px;--safe-bottom: env(safe-area-inset-bottom, 0px)}html,body,#root{height:100%;overflow:hidden;background:var(--bg);color:var(--fg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;touch-action:pan-y;user-select:none}.app{display:flex;flex-direction:column;height:100%;max-width:430px;margin:0 auto;position:relative;overflow:hidden}.title-bar{flex:0 0 auto;padding:16px 20px 8px;z-index:10;display:flex;align-items:center;justify-content:space-between}.title-bar__logo-btn{background:none;border:none;padding:0;cursor:pointer;-webkit-tap-highlight-color:transparent}.title-bar__logo{display:inline-flex;align-items:center;gap:6px;font-size:28px;font-weight:800;letter-spacing:-1px;background:linear-gradient(135deg,#ff7088,#da8ff5,#7dd4f0,#ffc870);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.title-bar__status{display:flex;align-items:center;gap:6px}.title-bar__percent{font-size:12px;font-weight:600;color:var(--fg-muted);font-variant-numeric:tabular-nums}.title-bar__dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.title-bar__dot--red{background:#d7263d}.title-bar__dot--green{background:#2f9e44}.title-bar__dot--pulse{animation:dot-pulse 1.5s ease-in-out infinite}@keyframes dot-pulse{0%,to{opacity:1}50%{opacity:.3}}.app__main{flex:1 1 0;display:flex;flex-direction:column;align-items:stretch;padding:0 12px calc(45px + var(--safe-bottom));overflow:hidden;position:relative}.app__loader,.app__error{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:var(--fg-muted)}.app__error-detail{font-size:12px;max-width:260px;text-align:center;line-height:1.4}.app__error button{padding:8px 20px;border:1px solid var(--fg-muted);border-radius:var(--radius);background:transparent;color:var(--fg);cursor:pointer;font-size:14px}.spinner{width:32px;height:32px;border:3px solid var(--surface-raised);border-top-color:#d7263d;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.carousel{flex:1 1 0;display:flex;flex-direction:column;touch-action:pan-y;overflow:hidden;position:relative}.carousel__track{flex:1 1 0;display:flex;flex-direction:column;gap:8px;overflow:hidden;padding:4px 0}.carousel__slot{flex:1 1 0;min-height:0;display:flex}.carousel-card{display:flex;flex-direction:row;background:var(--surface);border-radius:var(--radius);overflow:hidden;flex:1}.carousel-card__image{width:86px;flex-shrink:0;object-fit:cover;display:block}.carousel-card__body{display:flex;flex-direction:column;gap:3px;padding:6px 10px 8px;min-width:0;overflow:hidden;flex:1}.carousel-card__meta{display:flex;align-items:center;gap:6px}.carousel-card__chip{display:inline-block;padding:1px 7px;border-radius:10px;font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.4px;color:#fff}.carousel-card__counter{font-size:9px;font-weight:600;color:var(--fg-muted);font-variant-numeric:tabular-nums}.carousel-card__title{font-size:13px;font-weight:700;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.carousel-card__summary{font-size:11px;line-height:1.4;color:var(--fg-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.carousel-card__footer{display:flex;justify-content:space-between;align-items:center;margin-top:2px}.carousel-card__actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.carousel-card__source{font-size:10px;color:var(--fg-muted);text-transform:uppercase;letter-spacing:.3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.carousel-card__link{flex-shrink:0;padding:3px 10px;border-radius:8px;background:#d7263d;color:#fff;font-size:10px;font-weight:600;text-decoration:none;transition:opacity .15s}.carousel-card__link:active{opacity:.8}.carousel-card__play{flex-shrink:0;display:inline-flex;align-items:center;gap:3px;padding:3px 10px;border-radius:8px;background:red;color:#fff;font-size:10px;font-weight:600;text-decoration:none;transition:opacity .15s}.carousel-card__play:active{opacity:.8}.carousel-card__gemini{flex-shrink:0;display:inline-flex;align-items:center;gap:3px;padding:3px 10px;border:none;border-radius:8px;background:#f18f01;color:#fff;font-size:10px;font-weight:600;text-decoration:none;cursor:pointer;transition:opacity .15s;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.carousel-card__gemini:active{opacity:.8}.carousel-card__openai{flex-shrink:0;display:inline-flex;align-items:center;gap:3px;padding:3px 10px;border:none;border-radius:8px;background:#6b6b6b;color:#fff;font-size:10px;font-weight:600;text-decoration:none;cursor:pointer;transition:opacity .15s;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.carousel-card__openai:active{opacity:.8}.carousel__arrows{display:flex;align-items:center;justify-content:center;gap:20px;padding:8px 0 4px;flex-shrink:0}.carousel__arrow{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border:none;border-radius:50%;background:transparent;color:#fff;cursor:pointer;transition:opacity .15s;-webkit-tap-highlight-color:transparent}.carousel__arrow:active{opacity:.7}.carousel__arrow--disabled{color:#444;cursor:default;pointer-events:none}.carousel__counter{font-size:11px;color:var(--fg-muted);font-variant-numeric:tabular-nums;min-width:80px;text-align:center}.category-handle{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:430px;display:flex;flex-direction:column;align-items:center;padding:6px 0 calc(10px + var(--safe-bottom));background:linear-gradient(transparent,var(--bg) 40%);cursor:pointer;z-index:20;touch-action:none}.category-handle__pill{width:36px;height:4px;border-radius:2px;background:var(--fg-muted);margin-bottom:4px}.category-handle__label{font-size:11px;color:var(--fg-muted);text-transform:uppercase;letter-spacing:1px}.category-sheet{position:fixed;inset:0;background:var(--bg);z-index:50;display:flex;flex-direction:column;padding:0 20px calc(20px + var(--safe-bottom))}.category-sheet__backdrop{position:fixed;inset:0;background:#00000080;z-index:40}.category-sheet__header{display:flex;justify-content:space-between;align-items:center;padding:20px 0 16px}.category-sheet__title{font-size:22px;font-weight:700}.category-sheet__actions{display:flex;align-items:center;gap:8px}.category-sheet__select-all{padding:8px 14px;border:1px solid var(--fg-muted);border-radius:var(--radius);background:transparent;color:var(--fg-muted);font-size:13px;font-weight:600;cursor:pointer}.category-sheet__close{padding:8px 16px;border:none;border-radius:var(--radius);background:var(--surface-raised);color:var(--fg);font-size:14px;font-weight:600;cursor:pointer}.category-sheet__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;flex:1;align-content:center;padding:0 8px}.category-chip{padding:14px 8px;border:2px solid;border-radius:var(--radius);font-size:14px;font-weight:600;cursor:pointer;transition:background-color .15s,color .15s;text-align:center}.category-chip:active{transform:scale(.96)}.status-backdrop{position:fixed;inset:0;background:#0009;z-index:60}.status-panel{position:fixed;top:8%;left:50%;transform:translate(-50%);width:calc(100% - 32px);max-width:400px;max-height:80vh;overflow-y:auto;background:var(--surface);border-radius:var(--radius);z-index:70;padding:20px;box-shadow:0 8px 40px #0009}.status-panel__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.status-panel__title{font-size:18px;font-weight:700}.status-panel__close{padding:6px 14px;border:none;border-radius:8px;background:var(--surface-raised);color:var(--fg);font-size:13px;font-weight:600;cursor:pointer}.status-panel__loading{display:flex;justify-content:center;padding:24px}.status-panel__message{text-align:center;padding:16px 0;color:var(--fg-muted)}.status-panel__sub{font-size:12px;margin-top:4px;color:var(--fg-muted)}.status-panel__code{display:block;margin-top:8px;padding:8px 12px;background:var(--surface-raised);border-radius:6px;font-family:SF Mono,Fira Code,monospace;font-size:11px;color:var(--fg);word-break:break-all}.status-panel__body{display:flex;flex-direction:column;gap:16px}.status-panel__summary{display:flex;flex-direction:column;gap:8px;padding-bottom:12px;border-bottom:1px solid var(--surface-raised)}.status-panel__stat{display:flex;justify-content:space-between;align-items:center;font-size:13px}.status-panel__stat-label{color:var(--fg-muted)}.status-panel__stat-value{font-weight:600}.status-panel__badge{display:inline-block;padding:2px 8px;border-radius:10px;font-size:11px;font-weight:600;text-transform:uppercase}.status-panel__badge--green{background:#2f9e4433;color:#2f9e44}.status-panel__badge--red{background:#d7263d33;color:#d7263d}.status-panel__categories{display:flex;flex-direction:column;gap:8px}.status-row{display:flex;align-items:center;gap:8px}.status-row__chip{flex:0 0 auto;width:82px;padding:3px 0;border-radius:10px;font-size:10px;font-weight:600;color:#fff;text-align:center;text-transform:uppercase;letter-spacing:.3px}.status-row__bar-track{flex:1 1 0;height:6px;background:var(--surface-raised);border-radius:3px;overflow:hidden}.status-row__bar-fill{height:100%;border-radius:3px;transition:width .3s ease}.status-row__count{flex:0 0 auto;width:52px;text-align:right;font-size:11px;font-weight:600;color:var(--fg-muted);font-variant-numeric:tabular-nums}@media(prefers-reduced-motion:reduce){.spinner{animation:none;border-top-color:transparent}}