:root{--spacing-xs:4px;--spacing-sm:8px;--spacing-md:12px;--spacing-lg:16px;--spacing-xl:20px;--spacing-2xl:28px;--spacing-3xl:36px;--spacing-4xl:48px;--radius-xs:8px;--radius-sm:12px;--radius-md:16px;--radius-lg:20px;--radius-xl:24px;--radius-pill:999px;--text-xs:11px;--text-sm:13px;--text-base:15px;--text-lg:17px;--text-xl:20px;--text-2xl:26px;--text-3xl:34px;--bg-primary:#080b14;--bg-secondary:#101624;--bg-tertiary:#171f33;--bg-overlay:rgba(12,18,32,0.78);--text-primary:#f6f7ff;--text-secondary:#c6cbe7;--text-tertiary:#8f95b4;--text-inverse:#080b14;--border-subtle:rgba(134,144,174,0.16);--border-default:rgba(134,144,174,0.26);--border-strong:rgba(134,144,174,0.4);--accent-primary:#9a7dff;--accent-secondary:#4de2ff;--accent-gradient:linear-gradient(135deg,#9a7dff,#4de2ff);--accent-soft:rgba(154,125,255,0.16);--team-primary:var(--accent-primary);--team-secondary:var(--accent-secondary);--team-gradient:linear-gradient(150deg,rgba(154,125,255,0.22),rgba(77,226,255,0.22));--team-card-glow:rgba(154,125,255,0.35);--shadow-sm:0 8px 18px rgba(4,8,20,0.35);--shadow-md:0 16px 30px rgba(4,8,20,0.38);--shadow-lg:0 28px 60px rgba(4,8,20,0.44);--transition-fast:140ms cubic-bezier(0.4,0,0.2,1);--transition-base:220ms cubic-bezier(0.4,0,0.2,1);--transition-slow:340ms cubic-bezier(0.4,0,0.2,1)}*{box-sizing:border-box}body{font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:var(--bg-primary,#000000);color:var(--text-primary);font-size:var(--text-base);line-height:1.55;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0}a{color:var(--accent-secondary);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;display:block}.btn,.btn-back,.btn-ghost,.btn-icon,.btn-primary,.btn-secondary{border:none;display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);font-weight:600;font-size:var(--text-base);cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast),background-color var(--transition-fast),color var(--transition-fast);border-radius:var(--radius-pill);outline:none;user-select:none}.btn,.btn-primary{padding:var(--spacing-lg) var(--spacing-3xl);background:var(--accent-gradient);color:var(--text-inverse);box-shadow:var(--shadow-sm)}.btn-primary:hover,.btn:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-primary:active,.btn:active{transform:scale(.97)}.btn-secondary{padding:var(--spacing-lg) var(--spacing-3xl);background:rgba(255,255,255,.04);color:var(--text-primary);border-radius:var(--radius-pill);box-shadow:inset 0 0 0 1px var(--border-default)}.btn-secondary:hover{background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px var(--border-strong)}.btn-ghost{padding:var(--spacing-sm) var(--spacing-xl);border-radius:var(--radius-pill);background:transparent;color:var(--text-tertiary)}.btn-ghost:hover{background:rgba(255,255,255,.06);color:var(--text-primary)}.btn-back{padding:var(--spacing-lg) var(--spacing-3xl);background:var(--accent-gradient);color:var(--text-inverse);box-shadow:var(--shadow-sm);border-radius:var(--radius-pill)}.btn-back:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-back:active{transform:scale(.97)}.btn-icon{width:38px;height:38px;border-radius:var(--radius-md);background:transparent;color:var(--text-tertiary)}.btn-icon:hover{background:rgba(255,255,255,.08);color:var(--accent-secondary)}.btn-icon.active{color:var(--accent-primary);background:rgba(154,125,255,.18)}.btn-icon:active{transform:scale(.9)}.btn-link{background:none;border:none;color:var(--accent-secondary);padding:0}.panel{background:var(--bg-primary);width:100%;position:relative}.panel-header{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.panel-header__main{display:flex;justify-content:space-between;align-items:baseline;gap:var(--spacing-md)}.panel-header__title{display:flex;flex-direction:column;gap:2px}.panel-header__title span:first-child{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--accent-primary)}.panel-header__subtitle{font-size:var(--text-xs);color:var(--text-secondary)}.panel-header__meta{font-size:var(--text-xs);color:var(--text-tertiary)}.panel-header__hint{font-size:var(--text-sm);color:var(--text-secondary)}.panel-status{font-size:var(--text-sm);color:var(--accent-primary);margin-bottom:var(--spacing-md)}.chat-messages{display:flex;flex-direction:column;gap:var(--spacing-md);max-height:none;overflow-y:visible;padding:var(--spacing-sm)}.chat-message{max-width:95%;padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md)}.chat-message.user{align-self:flex-end;background:var(--accent-subtle);border:1px solid var(--accent-primary)}.chat-message.assistant{align-self:flex-start;background:transparent}.chat-message__timestamp{font-size:var(--text-xs);opacity:.7;margin-bottom:var(--spacing-xs);color:var(--text-tertiary)}.chat-message__tools{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-top:var(--spacing-sm)}.chat-typing{display:flex;flex-direction:column;gap:var(--spacing-sm)}.chat-typing__tools,.typing-dots{display:flex;gap:var(--spacing-xs)}.chat-typing__tools{align-items:center;font-size:var(--text-xs);color:var(--accent-primary);font-weight:500}.panel-error{color:#ff8080;background:rgba(239,68,68,.1);border-radius:var(--radius-sm);border:1px solid rgba(239,68,68,.3)}.panel-error,.panel-feedback{font-size:var(--text-sm);padding:var(--spacing-sm);margin-bottom:var(--spacing-md)}.panel-feedback{border-radius:var(--radius-sm)}.panel-feedback.success{background:rgba(16,185,129,.1);border:1px solid rgba(16,185,129,.3);color:#4ade80}.panel-feedback.error{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);color:#ff8080}.chat-form{flex-direction:column;margin-top:auto}.chat-form,.chat-input-container{display:flex;gap:var(--spacing-sm)}.chat-input-container{position:relative;align-items:center}.chat-input{flex:1;padding:var(--spacing-md) var(--spacing-lg);background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-base);outline:none;transition:border-color var(--transition-fast)}.chat-input:focus{border-color:var(--accent-primary)}.chat-help-button{background:var(--bg-tertiary)}.chat-send-button{background:var(--accent-primary);color:var(--text-inverse)}.chat-help{background:transparent;padding:var(--spacing-lg);gap:var(--spacing-sm)}.chat-help>div{font-size:var(--text-sm)}.chat-help>div:first-child{color:var(--text-primary)}.chat-help>div:last-child{color:var(--text-secondary)}.simple-chat-messages{display:flex;flex-direction:column;gap:var(--spacing-md);flex:1;overflow-y:auto;padding:var(--spacing-sm)}.simple-chat-welcome{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-3xl);padding:var(--spacing-4xl);text-align:center}.simple-chat-welcome__header h2{font-size:var(--text-2xl);font-weight:700;color:var(--text-primary);margin:0}.simple-chat-welcome__header p{font-size:var(--text-base);color:var(--text-secondary);margin:0}.simple-chat-welcome__commands{display:flex;flex-direction:column;gap:var(--spacing-lg);width:100%}.simple-chat-welcome__commands h3{font-size:var(--text-lg);font-weight:700;color:var(--text-primary);margin:0}.simple-chat-welcome__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--spacing-md)}.simple-chat-command{padding:var(--spacing-lg);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);cursor:pointer;border:1px solid var(--border-default);border-radius:var(--radius-md);background:transparent;transition:all var(--transition-fast);text-align:center}.simple-chat-command:hover{border-color:var(--accent-primary);transform:translateY(-2px)}.simple-chat-command span{font-size:var(--text-base);font-weight:600;color:var(--text-primary)}.simple-chat-command small{font-size:var(--text-xs);color:var(--text-secondary)}.simple-message-container{display:flex;flex-direction:column;gap:var(--spacing-sm)}.simple-chat-message{max-width:95%;padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md)}.simple-chat-message.user{align-self:flex-end;background:var(--accent-subtle);border:1px solid var(--accent-primary)}.simple-chat-message.assistant{align-self:flex-start;background:transparent}.simple-message-timestamp{font-size:var(--text-xs);opacity:.7;margin-bottom:var(--spacing-xs);color:var(--text-tertiary)}.simple-typing-dots{display:flex;gap:var(--spacing-xs)}.simple-chat-help,.simple-chat-typing-indicator{background:transparent}.simple-chat-help{padding:var(--spacing-xl);max-height:none;overflow-y:visible}.simple-chat-form{display:flex;align-items:center;gap:var(--spacing-sm);margin-top:auto}.simple-chat-input{flex:1;padding:var(--spacing-md) var(--spacing-lg);background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-base);outline:none;transition:border-color var(--transition-fast)}.simple-chat-input:focus{border-color:var(--accent-primary)}.simple-chat-help-button{background:var(--bg-tertiary)}.simple-chat-send-button{background:var(--accent-primary);color:var(--text-inverse)}.community-highlights{width:100%;max-width:900px;display:flex;flex-direction:column;gap:16px;padding:0 20px;margin:0 auto}.community-card{background:transparent;padding:var(--spacing-lg)}.community-card__header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.community-card__header strong{font-size:var(--text-lg);color:var(--text-primary)}.community-card__text{font-size:var(--text-sm);color:var(--text-secondary);margin:0 0 var(--spacing-lg) 0}.community-card__label{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--accent-primary)}.community-card__header h3{font-size:var(--text-xl);font-weight:700;color:var(--text-primary);margin:0}.community-card__subtitle{font-size:var(--text-sm);color:var(--text-secondary);margin:0}.community-friends{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--spacing-md)}.community-friend{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-md)}.community-friend__info{display:flex;flex-direction:column;gap:var(--spacing-xs)}.community-friend__info strong{font-size:var(--text-base);color:var(--text-primary)}.community-friend__info span{font-size:var(--text-sm);color:var(--text-tertiary)}.ai-assistant__panel,.card,.genz-feed-card,.minimal-card,.onboarding-taste-test,.taste-test-card{background:transparent;border-radius:0;border:none;box-shadow:none;transition:none}.genz-feed-card,.minimal-card,.taste-test-card{margin:0 var(--spacing-lg) var(--spacing-lg)}.ai-assistant__panel-content,.card-content,.card-overlay,.genz-feed-card__content,.taste-test-card__content{padding:var(--spacing-lg)}.genz-feed-card__media,.minimal-card__image{position:relative;aspect-ratio:16/9;background:var(--bg-tertiary);overflow:hidden}.genz-feed-card__image,.minimal-card__image{width:100%;height:100%;object-fit:cover}.card-title,.genz-feed-card__title,.taste-test-card__title{font-size:var(--text-xl);font-weight:700;color:var(--text-primary);margin:0 0 var(--spacing-sm)}.card-content-full,.genz-feed-card__summary,.taste-test-card__summary{font-size:var(--text-base);line-height:1.6;color:var(--text-secondary);overflow:visible;max-height:none}.card-sources{margin-top:var(--spacing-lg);padding-top:var(--spacing-md);border-top:1px solid var(--border)}.card-sources-label{font-size:var(--text-xs);font-weight:600;color:var(--text-tertiary);margin:0 0 var(--spacing-sm) 0;text-transform:uppercase;letter-spacing:.5px}.card-source-link{display:block;font-size:var(--text-sm);color:var(--accent-primary);text-decoration:none;margin-bottom:var(--spacing-xs);padding:4px 0;word-wrap:break-word;overflow-wrap:break-word;transition:color .2s ease}.card-source-link:hover{color:var(--accent-hover);text-decoration:underline}.genz-feed-card__meta,.taste-test-card__source{font-size:var(--text-sm);color:var(--text-tertiary);margin-top:var(--spacing-sm)}.card-actions,.genz-feed-card__actions,.taste-test-card__actions{display:flex;gap:var(--spacing-xl)}.genz-feed-card--placeholder,.minimal-card--placeholder,.taste-test-card--placeholder{position:relative}.card-placeholder-overlay,.genz-feed-card__placeholder-overlay{position:absolute;inset:0;background:rgba(8,11,20,.92);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md);color:var(--text-secondary)}.card-placeholder-spinner,.genz-feed-card__placeholder-spinner{width:28px;height:28px;border-radius:50%;border:3px solid rgba(154,125,255,.28);border-top:3px solid var(--accent-primary);animation:spinner .8s linear infinite}@keyframes spinner{to{transform:rotate(1turn)}}.badge,.genz-feed-card__type-badge,.genz-feed-card__video-badge,.progress-dot,.taste-test-card__media-type,.taste-test-card__tag{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-pill);font-size:var(--text-xs);font-weight:600;letter-spacing:.06em;text-transform:uppercase;background:rgba(255,255,255,.06);color:var(--text-secondary)}.badge--accent,.genz-feed-card__ai-badge,.genz-feed-card__video-badge{background:var(--accent-soft);color:var(--accent-secondary)}.badge--success{background:rgba(59,130,246,.15);border-color:rgba(59,130,246,.3);color:rgba(147,197,253,.9)}.badge--error{background:rgba(239,68,68,.15);border-color:rgba(239,68,68,.3);color:rgba(252,165,165,.9)}.badge--pending{background:rgba(156,163,175,.15);border-color:rgba(156,163,175,.3);color:rgba(209,213,219,.9)}.badge--live{background:rgba(239,68,68,.15);border-color:rgba(239,68,68,.3);color:rgba(252,165,165,.9)}.nav-indicator,.progress-dot{width:6px;height:6px;padding:0;background:rgba(255,255,255,.1);border-radius:var(--radius-pill);border:none;transition:all var(--transition-fast)}.nav-indicator--current,.progress-dot.active{width:28px;background:var(--accent-primary);box-shadow:0 0 0 4px rgba(154,125,255,.2)}.nav-indicator--visited{background:rgba(154,125,255,.25)}.onboarding-taste-test{background:#000000;border-radius:var(--radius-xl);border:1px solid var(--border-default);padding:var(--spacing-3xl);display:flex;flex-direction:column;gap:var(--spacing-2xl)}.onboarding-taste-test__header{display:flex;align-items:center;gap:var(--spacing-lg);color:var(--text-tertiary)}.onboarding-taste-test__progress{flex:1;height:4px;background:rgba(255,255,255,.08);border-radius:var(--radius-pill);overflow:hidden}.onboarding-taste-test__progress-fill{height:100%;background:var(--accent-gradient);transition:width var(--transition-base)}.taste-test-card__actions{justify-content:center}.bottom-nav,.bottom-navigation{width:100%;height:72px;background:rgba(14,18,30,.92);border-top:1px solid rgba(255,255,255,.04);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);display:flex;justify-content:space-around;padding:var(--spacing-md) var(--spacing-lg);box-shadow:0 -10px 30px rgba(4,8,20,.42)}.bottom-nav-container{width:100%;display:flex;justify-content:center;align-items:center;gap:var(--spacing-sm)}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm);color:var(--text-tertiary);border:none;background:transparent;border-radius:var(--radius-sm);transition:all var(--transition-fast);flex:1;max-width:80px}.bottom-nav-item:hover{transform:translateY(-2px);color:var(--accent-secondary)}.bottom-nav-item.active{color:var(--accent-primary)}.bottom-nav-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center}.bottom-nav-label{font-size:var(--text-xs);font-weight:600}.bottom-nav-indicator{display:none}img.bottom-nav-icon-image{width:24px;height:24px;filter:grayscale(20%) brightness(1.2);opacity:.78;transition:filter var(--transition-fast),opacity var(--transition-fast)}.bottom-nav-item.active img.bottom-nav-icon-image{opacity:1;filter:brightness(1.4) drop-shadow(0 0 8px rgba(154,125,255,.32))}.ios-bottom-navigation-shell{width:100%;display:flex;align-items:center;justify-content:center;gap:var(--spacing-lg);padding:var(--spacing-lg) var(--spacing-xl) calc(env(safe-area-inset-bottom, 0px) + var(--spacing-xl));box-sizing:border-box}.ios-bottom-navigation{flex:0 1 auto;max-width:480px;border-radius:28px;border:1px solid rgba(255,255,255,.1);background:rgba(12,18,32,.9);box-shadow:var(--shadow-md);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:6px 12px;height:64px}.ios-bottom-navigation .bottom-nav-container{gap:4px;justify-content:space-evenly;align-items:center;height:100%}.ios-bottom-logo{width:44px;height:44px;border-radius:var(--radius-full);border:1px solid rgba(255,255,255,.08);background:var(--accent-gradient);display:inline-flex;align-items:center;justify-content:center;box-shadow:var(--shadow-md);transition:transform var(--transition-fast),box-shadow var(--transition-fast);color:var(--text-inverse)}.ios-bottom-logo:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.ios-bottom-logo.active{box-shadow:0 18px 40px var(--team-card-glow)}.ios-bottom-logo img{width:24px;height:24px}.ios-scroll-area,.ios-scroll-area--full-app,.scroll-area{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.ios-scroll-area--full-app::-webkit-scrollbar,.ios-scroll-area::-webkit-scrollbar,.scroll-area::-webkit-scrollbar{width:0;display:none}.flex,.flex-col{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-xs{gap:var(--spacing-xs)}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.gap-xl{gap:var(--spacing-xl)}.gap-2xl{gap:var(--spacing-2xl)}.text-center{text-align:center}.text-muted{color:var(--text-tertiary)}.rounded{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-pill{border-radius:var(--radius-pill)}.surface-soft{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-lg);padding:var(--spacing-2xl)}.badge-live:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}@media (max-width:640px){.genz-feed-card,.minimal-card,.taste-test-card{margin:0 var(--spacing-md) var(--spacing-lg)}}