@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";.wh-button{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;font-family:inherit;font-weight:500;line-height:1.4;text-align:center;text-decoration:none;white-space:nowrap;border:1px solid transparent;border-radius:10px;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:all .2s ease;padding:.55rem 1.15rem;font-size:.875rem}.wh-button:focus-visible{outline:2px solid #6366f1;outline-offset:2px}.wh-button--primary{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-color:transparent;box-shadow:0 2px 8px #6366f14d}.wh-button--primary:hover:not(:disabled){box-shadow:0 4px 16px #6366f166;transform:translateY(-1px)}.wh-button--primary:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 6px #6366f140}.wh-button--secondary{color:#374151;background:#f3f4f6;border-color:#0000000f}.wh-button--secondary:hover:not(:disabled){background:#e5e7eb;border-color:#0000001a}.wh-button--secondary:active:not(:disabled){background:#d1d5db}.wh-button--outline{color:#6366f1;background:transparent;border-color:#6366f1}.wh-button--outline:hover:not(:disabled){background:#6366f10f;border-color:#4f46e5;color:#4f46e5}.wh-button--outline:active:not(:disabled){background:#6366f11f}.wh-button--ghost{color:#6b7280;background:transparent;border-color:transparent}.wh-button--ghost:hover:not(:disabled){color:#374151;background:#0000000a}.wh-button--ghost:active:not(:disabled){background:#00000014}.wh-button--danger{color:#ef4444;background:#ef444414;border-color:#ef444426}.wh-button--danger:hover:not(:disabled){color:#fff;background:#ef4444;border-color:#ef4444;box-shadow:0 2px 8px #ef44444d}.wh-button--danger:active:not(:disabled){background:#dc2626;box-shadow:0 1px 4px #ef444433}.wh-button--sm{padding:.35rem .75rem;font-size:.8rem;border-radius:8px;gap:.3rem}.wh-button--md{padding:.55rem 1.15rem;font-size:.875rem}.wh-button--lg{padding:.7rem 1.5rem;font-size:.95rem;border-radius:12px;gap:.5rem}.wh-button:disabled,.wh-button--disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.wh-button--full{display:flex;width:100%}.wh-button--loading{position:relative;pointer-events:none}.wh-button__spinner{display:inline-flex;align-items:center;margin-right:.3rem}.wh-spinner{width:16px;height:16px;animation:wh-spin .7s linear infinite}.wh-spinner__circle{stroke:currentColor;stroke-dasharray:42;stroke-dashoffset:14;stroke-linecap:round}.wh-button__text--loading{opacity:.7}@media (max-width: 640px){.wh-button--sm{padding:.4rem .8rem;font-size:.78rem}.wh-button--md{padding:.55rem 1rem}}@media (prefers-reduced-motion: reduce){.wh-button{transition:none}.wh-button:hover:not(:disabled){transform:none}}.input-wrapper{display:flex;flex-direction:column;gap:var(--space-2);width:100%}.input-label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary);line-height:var(--leading-tight)}.input-label.required:after{content:" *";color:var(--error-500)}.input{width:100%;font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--font-normal);line-height:var(--leading-normal);color:var(--text-primary);background-color:var(--bg-primary);padding:var(--space-3) var(--space-4);min-height:2.75rem;border:1px solid var(--border-medium);border-radius:var(--radius-lg);transition:all var(--transition-base);appearance:none;-webkit-appearance:none;-moz-appearance:none}.input::placeholder{color:var(--text-tertiary);opacity:1}.input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-light)}.input:hover:not(:disabled):not(:focus){border-color:var(--border-dark)}.input-sm{padding:var(--space-2) var(--space-3);font-size:var(--text-sm);min-height:2.25rem;border-radius:var(--radius-md)}.input-md{padding:var(--space-3) var(--space-4);font-size:var(--text-base);min-height:2.75rem}.input-lg{padding:var(--space-4) var(--space-5);font-size:var(--text-lg);min-height:3.25rem;border-radius:var(--radius-xl)}.input:disabled{background-color:var(--bg-secondary);color:var(--text-tertiary);cursor:not-allowed;opacity:.6}.input.error,.input-wrapper.error .input{border-color:var(--error-500)}.input.error:focus,.input-wrapper.error .input:focus{border-color:var(--error-500);box-shadow:0 0 0 3px var(--error-50)}.input.success,.input-wrapper.success .input{border-color:var(--success-500)}.input.success:focus,.input-wrapper.success .input:focus{border-color:var(--success-500);box-shadow:0 0 0 3px var(--success-50)}.input-group{position:relative;display:flex;align-items:center;width:100%}.input-group .input{flex:1}.input-group.has-icon-left .input{padding-left:var(--space-10)}.input-icon-left{position:absolute;left:var(--space-4);top:50%;transform:translateY(-50%);color:var(--text-tertiary);pointer-events:none;display:flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem}.input-group.has-icon-right .input{padding-right:var(--space-10)}.input-icon-right{position:absolute;right:var(--space-4);top:50%;transform:translateY(-50%);color:var(--text-tertiary);display:flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem}.input-icon-right.interactive{cursor:pointer;pointer-events:auto;transition:color var(--transition-fast)}.input-icon-right.interactive:hover{color:var(--text-primary)}.input-helper{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-snug)}.input-wrapper.error .input-helper,.input-error{color:var(--error-600)}.input-wrapper.success .input-helper,.input-success{color:var(--success-600)}.textarea{min-height:6rem;resize:vertical;padding:var(--space-3) var(--space-4);line-height:var(--leading-relaxed)}.textarea-sm{min-height:4rem;padding:var(--space-2) var(--space-3)}.textarea-lg{min-height:8rem;padding:var(--space-4) var(--space-5)}.select{cursor:pointer;padding-right:var(--space-10);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M4 6L8 10L12 6' stroke='%23737373' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-4) center;background-size:1rem}.select:focus{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M4 6L8 10L12 6' stroke='%230284c7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.checkbox-wrapper,.radio-wrapper{display:flex;align-items:center;gap:var(--space-3);cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox,.radio{width:1.25rem;height:1.25rem;cursor:pointer;border:2px solid var(--border-medium);background-color:var(--bg-primary);transition:all var(--transition-fast);flex-shrink:0}.checkbox{border-radius:var(--radius-sm)}.radio{border-radius:var(--radius-full)}.checkbox:checked,.radio:checked{background-color:var(--accent-primary);border-color:var(--accent-primary);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M3 8L6.5 11.5L13 4.5' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:.875rem}.radio:checked{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Ccircle cx='8' cy='8' r='3' fill='white'/%3E%3C/svg%3E")}.checkbox:focus,.radio:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-light)}.checkbox:hover:not(:disabled),.radio:hover:not(:disabled){border-color:var(--accent-primary)}.checkbox:disabled,.radio:disabled{opacity:.5;cursor:not-allowed}.checkbox-wrapper.disabled,.radio-wrapper.disabled{opacity:.5;cursor:not-allowed}.checkbox-label,.radio-label{font-size:var(--text-base);color:var(--text-primary);line-height:var(--leading-snug);cursor:pointer}.input-search{padding-left:var(--space-10);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M9 17A8 8 0 1 0 9 1a8 8 0 0 0 0 16zM19 19l-4.35-4.35' stroke='%23737373' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:left var(--space-4) center;background-size:1.25rem}.input-search:focus{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M9 17A8 8 0 1 0 9 1a8 8 0 0 0 0 16zM19 19l-4.35-4.35' stroke='%230284c7' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.input:-webkit-autofill,.input:-webkit-autofill:hover,.input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 1000px var(--bg-primary) inset;-webkit-text-fill-color:var(--text-primary);transition:background-color 5000s ease-in-out 0s}@media (max-width: 640px){.input,.textarea,.select{font-size:16px;min-height:3rem}.input-sm{font-size:16px;min-height:2.5rem}.input-lg{min-height:3.5rem}}@media (prefers-contrast: high){.input,.textarea,.select,.checkbox,.radio{border-width:2px}}@media (prefers-reduced-motion: reduce){.input,.textarea,.select,.checkbox,.radio{transition:none}}.card{background-color:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-xl);padding:var(--space-6);transition:all var(--transition-base);box-shadow:var(--shadow-sm)}.card-default{background-color:var(--bg-primary);border:1px solid var(--border-light)}.card-default:hover{border-color:var(--border-medium);box-shadow:var(--shadow-md)}.card-elevated{background-color:var(--bg-primary);border:none;box-shadow:var(--shadow-lg)}.card-elevated:hover{box-shadow:var(--shadow-xl);transform:translateY(-2px)}.card-flat{background-color:var(--bg-secondary);border:none;box-shadow:none}.card-flat:hover{background-color:var(--bg-tertiary)}.card-outlined{background-color:transparent;border:2px solid var(--border-medium);box-shadow:none}.card-outlined:hover{border-color:var(--accent-primary);background-color:var(--accent-light)}.card-interactive{cursor:pointer;-webkit-user-select:none;user-select:none}.card-interactive:hover{border-color:var(--accent-primary);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.card-interactive:active{transform:translateY(0);box-shadow:var(--shadow-md)}.card-sm{padding:var(--space-4);border-radius:var(--radius-lg)}.card-md{padding:var(--space-6);border-radius:var(--radius-xl)}.card-lg{padding:var(--space-8);border-radius:var(--radius-2xl)}.card-xl{padding:var(--space-10);border-radius:var(--radius-2xl)}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--border-light)}.card-header-title{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--text-primary);margin:0}.card-header-subtitle{font-size:var(--text-sm);color:var(--text-secondary);margin-top:var(--space-1)}.card-header-actions{display:flex;align-items:center;gap:var(--space-2)}.card-body{color:var(--text-secondary);line-height:var(--leading-relaxed)}.card-body p:last-child{margin-bottom:0}.card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--border-light)}.card-image{width:100%;height:auto;border-radius:var(--radius-lg);margin-bottom:var(--space-4);object-fit:cover}.card-image-top{border-radius:var(--radius-xl) var(--radius-xl) 0 0;margin:calc(var(--space-6) * -1);margin-bottom:var(--space-4);width:calc(100% + var(--space-6) * 2)}.card-grid{display:grid;gap:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}@media (max-width: 640px){.card-grid{grid-template-columns:1fr;gap:var(--space-4)}}.card-stat{text-align:center;padding:var(--space-6)}.card-stat-value{font-size:var(--text-4xl);font-weight:var(--font-bold);color:var(--accent-primary);line-height:var(--leading-tight);margin-bottom:var(--space-2)}.card-stat-label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.card-stat-change{font-size:var(--text-sm);margin-top:var(--space-2);display:flex;align-items:center;justify-content:center;gap:var(--space-1)}.card-stat-change.positive{color:var(--success-600)}.card-stat-change.negative{color:var(--error-600)}.card-profile{text-align:center}.card-profile-avatar{width:5rem;height:5rem;border-radius:var(--radius-full);margin:0 auto var(--space-4);object-fit:cover;border:3px solid var(--border-light)}.card-profile-name{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:var(--space-1)}.card-profile-bio{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-4)}.card-feature{text-align:center;padding:var(--space-8)}.card-feature-icon{width:3rem;height:3rem;margin:0 auto var(--space-4);display:flex;align-items:center;justify-content:center;background-color:var(--accent-light);color:var(--accent-primary);border-radius:var(--radius-xl);font-size:var(--text-2xl)}.card-feature-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:var(--space-2)}.card-feature-description{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-relaxed)}.card-loading{position:relative;pointer-events:none;opacity:.6}.card-loading:after{content:"";position:absolute;top:50%;left:50%;width:2rem;height:2rem;margin-left:-1rem;margin-top:-1rem;border:3px solid var(--border-light);border-top-color:var(--accent-primary);border-radius:var(--radius-full);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.card-disabled{opacity:.5;pointer-events:none;cursor:not-allowed}.card-selected{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-light)}.card-badge{position:absolute;top:var(--space-4);right:var(--space-4);padding:var(--space-1) var(--space-3);background-color:var(--accent-primary);color:var(--neutral-0);font-size:var(--text-xs);font-weight:var(--font-semibold);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em}.card-badge.success{background-color:var(--success-500)}.card-badge.error{background-color:var(--error-500)}.card-badge.warning{background-color:var(--warning-500)}@media (max-width: 640px){.card{padding:var(--space-4);border-radius:var(--radius-lg)}.card-sm{padding:var(--space-3)}.card-md{padding:var(--space-4)}.card-lg{padding:var(--space-6)}.card-xl{padding:var(--space-8)}.card-header{flex-direction:column;align-items:flex-start;gap:var(--space-3)}.card-header-actions{width:100%;justify-content:flex-end}.card-footer{flex-direction:column;gap:var(--space-3);align-items:stretch}}@media (prefers-contrast: high){.card{border-width:2px}}@media (prefers-reduced-motion: reduce){.card,.card-interactive,.card-elevated{transition:none}.card-interactive:hover,.card-elevated:hover{transform:none}.card-loading:after{animation:none;border-top-color:var(--accent-primary);opacity:.5}}.card-interactive:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.avatar{position:relative;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;overflow:hidden;flex-shrink:0;-webkit-user-select:none;user-select:none;transition:transform .2s ease,box-shadow .2s ease}.avatar--xs{width:28px;height:28px}.avatar--sm{width:36px;height:36px}.avatar--md{width:44px;height:44px}.avatar--lg{width:80px;height:80px}.avatar--xl{width:120px;height:120px}.avatar--bordered{box-shadow:0 0 0 3px var(--wh-primary, #667eea),0 0 0 5px #667eea33}.avatar--clickable{cursor:pointer}.avatar--clickable:hover{transform:scale(1.05);box-shadow:0 4px 15px #667eea4d}.avatar--clickable:active{transform:scale(.98)}.avatar__image{width:100%;height:100%;object-fit:cover;display:block}.avatar__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.avatar__initials{color:#fff;font-weight:700;text-transform:uppercase;line-height:1;letter-spacing:.02em}.avatar--xs .avatar__initials{font-size:11px}.avatar--sm .avatar__initials{font-size:13px}.avatar--md .avatar__initials{font-size:16px}.avatar--lg .avatar__initials{font-size:28px}.avatar--xl .avatar__initials{font-size:40px}@media (prefers-reduced-motion: reduce){.avatar{transition:none}}.donation-wrapper{position:fixed;bottom:8.5rem;right:2rem;z-index:1000;display:inline-flex;pointer-events:auto;transition:all .2s cubic-bezier(.4,0,.2,1)}.donation-button{display:flex;align-items:center;gap:.6rem;padding:.6rem 1rem;background:#ffffff0d;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);border-radius:9999px;color:var(--text-secondary, #999);text-decoration:none;font-size:.85rem;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 6px #0000000d}.donation-wrapper:hover .donation-button{background:#ffffff1a;transform:translateY(-2px);box-shadow:0 8px 12px #0000001a;color:#fd0;border-color:#ffdd004d}.donation-icon{font-size:1.25rem;filter:drop-shadow(0 2px 2px rgba(0,0,0,.1))}.donation-close-btn{position:absolute;top:-3px;right:2px;width:20px;height:20px;border-radius:50%;background:transparent;border:none;color:#ffffff8c;display:flex;align-items:center;justify-content:center;padding:0;cursor:pointer;box-shadow:none;transition:all .2s cubic-bezier(.4,0,.2,1);z-index:1001}.donation-wrapper:hover .donation-close-btn{transform:translateY(-2px)}.donation-close-btn:hover{background:transparent;color:#ef4444;transform:translateY(-2px) scale(1.2)!important}.donation-close-icon{width:10px;height:10px}@media (max-width: 640px){.donation-wrapper{bottom:11rem;right:2.5rem}.donation-button{padding:0;width:48px;height:48px;justify-content:center;border-radius:50%}.donation-text{display:none}}.skeleton{background-color:#2d292614;border-radius:var(--radius-md);position:relative;overflow:hidden}.skeleton:after{position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background-image:linear-gradient(90deg,#fff0 0,#ffffff80 40%,#fff9,#ffffff80 60%,#fff0);animation:shimmer 1.8s infinite cubic-bezier(.4,0,.2,1);content:""}@keyframes shimmer{to{transform:translate(100%)}}.skeleton-text{height:1em;margin-bottom:.5em;border-radius:var(--radius-sm);width:100%}.skeleton-text--short{width:60%}.skeleton-circle{border-radius:50%}.skeleton-feed-card{padding:1.5rem;margin-bottom:1.5rem;background:#fff6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,183,0,.15);border-radius:var(--radius-3xl)}.skeleton-feed-header{display:flex;flex-direction:row;align-items:flex-start;gap:1rem;margin-bottom:1rem}@media (max-width: 768px){.skeleton-feed-header{flex-direction:column;align-items:center;text-align:center}.skeleton-avatar-wrapper{margin-bottom:.5rem}}.skeleton-feed-poster{aspect-ratio:16 / 9;border-radius:var(--radius-2xl);margin-bottom:1rem}.skeleton-feed-insight{background:#ffb7000d;border:1px solid rgba(255,183,0,.1);border-radius:var(--radius-2xl);padding:1rem;display:flex;gap:.75rem;margin-bottom:.75rem}.skeleton-feed-timestamp{display:flex;justify-content:flex-end;margin-bottom:1rem}.skeleton-feed-actions{display:flex;align-items:center;justify-content:space-between;margin-top:1.5rem;padding-top:1rem;border-top:1px solid rgba(45,41,38,.05)}.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-8);text-align:center;background:#dc26260d;border:1px solid rgba(220,38,38,.1);border-radius:var(--radius-lg);color:var(--text-primary)}.error-icon{color:var(--error-400);margin-bottom:var(--space-4)}.error-title{font-size:var(--text-lg);font-weight:700;margin-bottom:var(--space-2)}.error-message{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-6);max-width:400px}.error-actions{display:flex;gap:var(--space-4)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12);text-align:center;color:var(--text-secondary)}.empty-icon{font-size:3rem;margin-bottom:var(--space-4);opacity:.5}.empty-title{font-size:var(--text-xl);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-2)}.empty-message{font-size:var(--text-base);max-width:400px;margin-bottom:var(--space-6)}.offline-banner{position:fixed;bottom:0;left:0;right:0;background:#ef4444;color:#fff;text-align:center;padding:var(--space-3);font-size:var(--text-sm);font-weight:600;z-index:9999;display:flex;align-items:center;justify-content:center;gap:var(--space-2);box-shadow:0 -4px 12px #0003;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.watchlist-btn{display:inline-flex!important;align-items:center;gap:var(--space-2);font-weight:700!important;letter-spacing:.02em;text-transform:uppercase;font-size:.7rem!important;transition:all var(--transition-base)!important;border-radius:var(--radius-full)!important}.wh-button--primary.watchlist-btn{background:#ffb700!important;box-shadow:0 4px 12px #ffb70033;border:none!important;color:#fff!important}.wh-button--primary.watchlist-btn:hover{transform:translateY(-2px);box-shadow:0 6px 15px #ffb7004d;filter:brightness(1.05)}.wh-button--secondary.watchlist-btn{background:#ffb7001a!important;color:#ffb700!important;border:1px solid rgba(255,183,0,.3)!important;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.wh-button--secondary.watchlist-btn:hover{background:#ffb70026!important}.watchlist-btn-icon{width:32px;height:32px;border-radius:50%!important;display:flex;align-items:center;justify-content:center;background:#fff;border:none;color:#2d292699;font-size:18px;cursor:pointer;transition:all var(--transition-base);box-shadow:0 4px 12px #0000001a;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.watchlist-btn-icon:hover{background:#fff;color:#ffb700;transform:translateY(-2px);box-shadow:0 6px 15px #ffb70033}.watchlist-btn-icon.active{background:#ffb700;color:#fff;border:none;box-shadow:0 4px 12px #ffb70040}.watchlist-btn-icon.active:hover{background:#e3a300;box-shadow:0 4px 12px #e3a3004d;transform:translateY(-2px)}.wh-spinner-sm{width:14px;height:14px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:wh-spin .6s linear infinite}@keyframes wh-spin{to{transform:rotate(360deg)}}.wh-badge-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:var(--space-4);background:#2d292666;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fadeIn var(--transition-base) ease-out}.wh-badge-modal__container{background:var(--neutral-0);width:92%;max-width:380px;border-radius:var(--radius-xl);overflow:hidden;box-shadow:0 20px 40px #0003;border:1px solid var(--border-light);animation:slideUp .3s ease-out;position:relative;z-index:10000}.wh-badge-modal__header{padding:var(--space-6);background:var(--neutral-0);border-bottom:1px solid var(--border-light);display:flex;align-items:center;justify-content:space-between}.wh-badge-modal__title{font-size:var(--text-lg);font-weight:var(--font-extrabold);color:var(--text-primary);margin:0}.wh-badge-modal__subtitle{font-size:.7rem;font-weight:var(--font-medium);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin-top:2px}.wh-badge-modal__close{width:2rem;height:2rem;border-radius:var(--radius-full);border:none;background:var(--neutral-100);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-secondary);transition:all var(--transition-fast)}.wh-badge-modal__close:hover{background:var(--neutral-200);color:var(--text-primary)}.wh-badge-modal__content{padding:var(--space-6);max-height:50vh;overflow-y:auto}.wh-badge-grid{display:grid;grid-template-columns:1fr;gap:var(--space-4)}.wh-badge-item{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-3);border-radius:var(--radius-xl);border:1px solid var(--border-light);transition:all var(--transition-base)}.wh-badge-item--earned{background:var(--primary-50);border-color:var(--primary-200)}.wh-badge-item--locked{background:var(--neutral-50);opacity:.7}.wh-badge-item__icon-box{width:2.75rem;height:2.75rem;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center}.wh-badge-item__icon-box--earned{background:var(--primary-500);color:var(--neutral-0);box-shadow:0 4px 10px #ffb70033}.wh-badge-item__icon-box--locked{background:var(--neutral-200);color:var(--neutral-400)}.wh-badge-item__details{flex:1}.wh-badge-item__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2px}.wh-badge-item__name{font-size:var(--text-sm);font-weight:var(--font-bold);color:var(--text-primary);margin:0}.wh-badge-item__name--locked{color:var(--text-tertiary)}.wh-badge-item__tag{font-size:.6rem;font-weight:var(--font-bold);color:var(--primary-600);background:var(--neutral-0);padding:1px 6px;border-radius:var(--radius-full)}.wh-badge-item__description{font-size:.8rem;line-height:normal;color:var(--text-secondary);margin:0}.wh-badge-item__description--locked{color:var(--text-tertiary)}.wh-badge-modal__footer{padding:var(--space-4);background:var(--neutral-50);border-top:1px solid var(--border-light);text-align:center}.wh-badge-modal__footer-text{font-size:.65rem;font-weight:var(--font-bold);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.1em;margin:0}.wh-badge-modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.bee-loader-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;gap:1rem}.bee-loader-small{padding:.5rem;gap:.5rem}.bee-loader-small .bee-emoji{font-size:1.5rem}.bee-loader-medium .bee-emoji{font-size:3rem}.bee-loader-large .bee-emoji{font-size:5rem}.bee-animation-wrapper{position:relative;display:flex;justify-content:center;align-items:center;animation:float 2s ease-in-out infinite}.bee-emoji{display:inline-block;filter:drop-shadow(0 4px 6px rgba(0,0,0,.1));position:relative;z-index:10}.bee-message{color:#ffb700;font-weight:700;font-size:.875rem;letter-spacing:.05em;animation:pulse-text 2s ease-in-out infinite}@keyframes float{0%{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-15px) rotate(5deg)}to{transform:translateY(0) rotate(-5deg)}}@keyframes pulse-text{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}.notification-list{display:flex;flex-direction:column;max-height:500px}.notification-list-header{padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.05);display:flex;justify-content:space-between;align-items:center}.notification-list-header h3{margin:0;font-size:1rem;font-weight:700}.mark-all-btn{background:transparent;border:none;color:#ffb700;font-size:.725rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;padding:4px 8px;border-radius:6px;transition:background .2s}.mark-all-btn:hover{background:#ffb7001a}.notification-items{overflow-y:auto;flex:1}.notification-item-container{display:flex;flex-direction:column;border-bottom:1px solid rgba(255,255,255,.03)}.notification-item{display:flex;padding:12px 20px;gap:12px;text-decoration:none;color:var(--text-primary);transition:background .2s;position:relative}.notification-actions{display:flex;gap:8px;padding:0 20px 12px 52px}.accept-btn,.reject-btn{padding:4px 12px;border-radius:6px;font-size:.75rem;font-weight:700;cursor:pointer;transition:all .2s}.accept-btn{background:var(--primary-500);border:none;color:#fff}.accept-btn:hover{background:var(--primary-600)}.reject-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--text-secondary)}.reject-btn:hover{background:#ef44441a;border-color:#ef44444d;color:#ef4444}.notification-item:hover{background:#ffffff0d}.notification-item-container.unread{background:#ffb70008}.notification-icon{font-size:1.25rem;flex-shrink:0}.notification-content{flex:1}.notification-content p{margin:0;font-size:.85rem;line-height:1.4;color:var(--text-secondary)}.notification-item.unread .notification-content p{color:var(--text-primary)}.actor-name{font-weight:800;color:#ffb700}.notification-time{display:block;margin-top:4px;font-size:.7rem;color:var(--text-muted)}.unread-indicator{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:7px;height:7px;background:#ffb700;border-radius:50%}.notification-empty{padding:40px 20px;text-align:center;color:var(--text-muted);font-size:.9rem}.notification-list-footer{padding:12px 20px;text-align:center;border-top:1px solid rgba(255,255,255,.05);background:#0000001a}.notification-list-footer a{color:var(--text-secondary);text-decoration:none;font-size:.8rem;font-weight:600;transition:color .2s}.notification-list-footer a:hover{color:#ffb700}.notification-items::-webkit-scrollbar{width:6px}.notification-items::-webkit-scrollbar-track{background:transparent}.notification-items::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}.notification-bell-container{position:relative;display:flex;align-items:center}.notification-bell-button{background:#ffffff1a;border:1px solid rgba(255,255,255,.1);width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;position:relative;font-size:1.2rem}.notification-bell-button:hover,.notification-bell-button.active{background:#fff3;transform:translateY(-2px);border-color:var(--primary-400)}.notification-badge{position:absolute;top:-5px;right:-5px;background:#ffb700;color:#fff;font-size:.65rem;font-weight:800;padding:2px 6px;border-radius:8px;border:2px solid var(--bg-primary);box-shadow:0 2px 4px #0003}.notification-dropdown{position:absolute;top:calc(100% + 12px);right:0;width:350px;background:#0f172ad9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:20px;box-shadow:0 10px 25px -5px #0006,0 8px 10px -6px #0006;z-index:1000;overflow:hidden;animation:slideUp .3s cubic-bezier(.16,1,.3,1);transform-origin:top right}@keyframes slideUp{0%{opacity:0;transform:translateY(10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 480px){.notification-dropdown{position:fixed;top:70px;right:10px;left:10px;width:auto}}.wh-nav{position:sticky;top:0;z-index:1000;width:100%;background:#ffffffd1;backdrop-filter:blur(18px) saturate(180%);-webkit-backdrop-filter:blur(18px) saturate(180%);border-bottom:1px solid rgba(0,0,0,.06);box-shadow:0 1px 3px #0000000a;transition:background .3s ease,box-shadow .3s ease}.wh-nav__inner{display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin:0 auto;padding:0 1.5rem;height:60px;gap:2rem}.wh-nav__brand{display:flex;align-items:center;gap:.6rem;text-decoration:none;flex-shrink:0;transition:opacity .2s ease}.wh-nav__brand:hover{opacity:.85;text-decoration:none}.wh-nav__logo-img{width:34px;height:34px;object-fit:contain;border-radius:8px}.wh-nav__brand-text{font-size:1.25rem;font-weight:700;letter-spacing:-.02em;background:linear-gradient(135deg,#6366f1,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.wh-nav__links{display:flex;align-items:center;gap:.25rem}.wh-nav__link{display:flex;align-items:center;gap:.4rem;padding:.45rem .9rem;font-size:.875rem;font-weight:500;color:#6b7280;text-decoration:none;border-radius:10px;transition:all .2s ease;position:relative;white-space:nowrap}.wh-nav__link:hover{color:#374151;background:#6366f10f;text-decoration:none}.wh-nav__link--active{color:#6366f1;background:#6366f11a;font-weight:600}.wh-nav__link--active:after{content:"";position:absolute;bottom:-11px;left:50%;transform:translate(-50%);width:24px;height:2.5px;background:linear-gradient(90deg,#6366f1,#a855f7);border-radius:2px}.wh-nav__link-icon{width:16px;height:16px;flex-shrink:0}.wh-nav__right{display:flex;align-items:center;gap:.75rem;margin-left:auto;flex-shrink:0}.wh-nav__profile{position:relative}.wh-nav__profile-trigger{display:flex;align-items:center;gap:.5rem;padding:.35rem .6rem .35rem .35rem;background:transparent;border:1px solid rgba(0,0,0,.08);border-radius:50px;cursor:pointer;transition:all .2s ease;font-family:inherit;color:inherit}.wh-nav__profile-trigger:hover{background:#6366f10d;border-color:#6366f133}.wh-nav__profile-name{font-size:.85rem;font-weight:500;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#374151}.wh-nav__chevron{width:14px;height:14px;color:#9ca3af;transition:transform .25s ease;flex-shrink:0}.wh-nav__chevron--open{transform:rotate(180deg)}.wh-nav__chevron-btn{display:flex;align-items:center;justify-content:center;background:transparent;border:none;padding:4px;border-radius:4px;cursor:pointer;color:#9ca3af;transition:background .15s ease}.wh-nav__chevron-btn:hover{background:#0000000d}.wh-nav__dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:220px;background:#fffffff2;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(0,0,0,.08);border-radius:14px;box-shadow:0 4px 6px -1px #0000000f,0 10px 30px -5px #0000001f;padding:.4rem;animation:wh-dropdown-in .18s ease-out;z-index:1001}@keyframes wh-dropdown-in{0%{opacity:0;transform:translateY(-6px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.wh-nav__dropdown-header{padding:.6rem .75rem;display:flex;flex-direction:column;gap:.15rem}.wh-nav__dropdown-name{font-size:.85rem;font-weight:600;color:#111827}.wh-nav__dropdown-email{font-size:.75rem;color:#9ca3af;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wh-nav__dropdown-divider{height:1px;background:#0000000f;margin:.3rem .5rem}.wh-nav__dropdown-item{display:flex;align-items:center;gap:.6rem;padding:.55rem .75rem;font-size:.825rem;font-weight:450;color:#374151;text-decoration:none;border-radius:10px;cursor:pointer;transition:all .15s ease;background:none;border:none;width:100%;font-family:inherit;text-align:left}.wh-nav__dropdown-item:hover{background:#6366f112;color:#6366f1;text-decoration:none}.wh-nav__dropdown-item--danger{color:#ef4444}.wh-nav__dropdown-item--danger:hover{background:#ef444414;color:#dc2626}.wh-nav__dropdown-item--install{color:#b07d00;align-items:flex-start}.wh-nav__dropdown-item--install:hover{background:#ffb7001a;color:#92660a}.wh-nav__dropdown-item--installed{color:#16a34a;opacity:.85;align-items:flex-start}.wh-nav__install-text{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.wh-nav__install-sub{font-size:.68rem;font-weight:500;color:#b07d00;opacity:.75;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wh-nav__install-chevron{width:14px;height:14px;flex-shrink:0;color:#b07d00;opacity:.6;transition:transform .2s ease;margin-top:2px}.wh-nav__install-chevron--open{transform:rotate(180deg)}.wh-nav__mobile-link--install{color:#b07d00}.wh-nav__mobile-link--install:hover{background:#ffb7001a;color:#92660a}.wh-nav__install-badge{margin-left:auto;flex-shrink:0;font-size:.6rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#92660a;background:#ffb7002e;border:1px solid rgba(255,183,0,.4);border-radius:4px;padding:2px 6px;line-height:1.4;align-self:center}.wh-nav__install-panel{margin:.2rem .25rem .4rem;padding:.65rem .75rem;background:#ffb7000f;border:1px solid rgba(255,183,0,.2);border-radius:10px;animation:wh-dropdown-in .15s ease-out}.wh-nav__install-panel-title{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#b07d00;margin:0 0 .4rem}.wh-nav__install-benefits{display:flex;flex-wrap:wrap;gap:.3rem;margin-bottom:.1rem}.wh-nav__install-benefit{font-size:.68rem;font-weight:600;color:#92660a;background:#ffb70024;border-radius:5px;padding:2px 7px;white-space:nowrap}.wh-nav__install-steps{display:flex;flex-direction:column;gap:.3rem}.wh-nav__install-step{display:flex;align-items:baseline;gap:.4rem}.wh-nav__install-step-label{font-size:.65rem;font-weight:700;color:#b07d00;white-space:nowrap;min-width:80px}.wh-nav__install-step-desc{font-size:.68rem;color:#6b7280;line-height:1.4}.wh-nav__install-step-desc strong{color:#374151;font-weight:700}.wh-nav__dropdown-icon{width:16px;height:16px;flex-shrink:0;opacity:.7}.wh-nav__auth{display:flex;align-items:center;gap:.6rem}.wh-nav__auth-link{font-size:.875rem;font-weight:500;color:#6b7280;text-decoration:none;padding:.45rem .9rem;border-radius:10px;transition:all .2s ease}.wh-nav__auth-link:hover{color:#374151;background:#0000000a;text-decoration:none}.wh-nav__auth-cta{display:inline-flex;align-items:center;font-size:.85rem;font-weight:600;color:#fff;background:linear-gradient(135deg,#6366f1,#a855f7);padding:.5rem 1.1rem;border-radius:10px;text-decoration:none;transition:all .2s ease;box-shadow:0 2px 8px #6366f14d}.wh-nav__auth-cta:hover{box-shadow:0 4px 16px #6366f166;transform:translateY(-1px);text-decoration:none}.wh-nav__burger{display:none;align-items:center;justify-content:center;width:38px;height:38px;padding:0;border:1px solid rgba(0,0,0,.08);border-radius:10px;background:transparent;cursor:pointer;transition:all .2s ease;flex-direction:column;gap:4px}.wh-nav__burger:hover{background:#0000000a}.wh-nav__burger span{display:block;width:18px;height:2px;background:#6b7280;border-radius:2px;transition:all .25s ease}.wh-nav__burger--open span:nth-child(1){transform:translateY(6px) rotate(45deg)}.wh-nav__burger--open span:nth-child(2){opacity:0}.wh-nav__burger--open span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.wh-nav__mobile{display:none;flex-direction:column;padding:.5rem 1rem 1rem;border-top:1px solid rgba(0,0,0,.05);animation:wh-mobile-slide .2s ease-out}@keyframes wh-mobile-slide{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.wh-nav__mobile-link{display:flex;align-items:center;padding:.65rem .85rem;font-size:.925rem;font-weight:500;color:#6b7280;text-decoration:none;border-radius:10px;transition:all .15s ease;background:none;border:none;font-family:inherit;cursor:pointer;width:100%;text-align:left}.wh-nav__mobile-link:hover,.wh-nav__mobile-link--active{color:#6366f1;background:#6366f114;text-decoration:none}.wh-nav__mobile-link--danger{color:#ef4444}.wh-nav__mobile-link--danger:hover{color:#dc2626;background:#ef444414}.wh-nav__mobile-divider{height:1px;background:#0000000f;margin:.4rem .5rem}@media (max-width: 768px){.wh-nav__inner{padding:0 1rem;height:54px}.wh-nav__links{display:none}.wh-nav__burger,.wh-nav__mobile{display:flex}.wh-nav__profile-name{display:none}.wh-nav__profile-trigger{padding:.25rem;border:none}.wh-nav__chevron{display:none}}@media (min-width: 769px){.wh-nav__mobile{display:none!important}}@media (prefers-reduced-motion: reduce){.wh-nav,.wh-nav__link,.wh-nav__dropdown,.wh-nav__mobile{transition:none;animation:none}}.wh-sidebar{width:256px;height:100vh;position:fixed;top:0;left:0;z-index:1000;background:#ffffff4d;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-right:1px solid rgba(255,183,0,.1);display:flex;flex-direction:column;overflow-y:auto}.wh-sidebar__content{display:flex;flex-direction:column;justify-content:space-between;height:100%;padding:1.5rem}.wh-sidebar__top{display:flex;flex-direction:column;gap:2rem}.wh-sidebar__brand{display:flex;align-items:center;gap:.75rem;padding:0 .5rem}.wh-sidebar__logo{width:2rem;height:2rem;display:flex;align-items:center;justify-content:center}.wh-sidebar__title{font-size:1.25rem;font-weight:700;letter-spacing:-.025em;color:var(--text-primary);margin:0}.wh-sidebar__nav{display:flex;flex-direction:column;gap:.25rem}.wh-sidebar__link{display:flex;align-items:center;gap:1rem;padding:.75rem;border-radius:var(--radius-xl);color:#2d292699;font-weight:600;text-decoration:none;transition:all var(--transition-base)}.wh-sidebar__link:hover{background:#ffb7001a;color:var(--accent-primary)}.wh-sidebar__link--active{background:#ffb70026;color:var(--accent-primary)}.wh-sidebar__link .material-symbols-outlined{font-size:1.25rem}.wh-sidebar__bottom{display:flex;flex-direction:column;gap:1rem}.wh-sidebar__honey-level{padding:1rem;border-radius:var(--radius-2xl);background:#ffb7001a;border:1px solid rgba(255,183,0,.1)}.wh-sidebar__honey-title{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--accent-primary);margin:0 0 .5rem}.wh-sidebar__progress-bar{height:10px;background-color:var(--neutral-100);border-radius:var(--radius-full);overflow:hidden;margin-bottom:var(--space-2);border:1px solid rgba(255,183,0,.1)}.wh-sidebar__progress-fill{height:100%;background:linear-gradient(90deg,var(--primary-400),var(--primary-500));border-radius:var(--radius-full);transition:width var(--transition-slow) ease-in-out;box-shadow:inset 0 1px 2px #ffffff4d}.wh-sidebar__honey-text{font-size:.7rem;color:var(--text-tertiary);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:.025em;margin:0}.wh-sidebar__user{display:flex;align-items:center;gap:.75rem;padding:.5rem}.wh-sidebar__user-info{flex:1;min-width:0;display:flex;flex-direction:column}.wh-sidebar__user-name{font-size:.875rem;font-weight:600;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wh-sidebar__user-role{font-size:.75rem;color:#2d292680;margin:0}.wh-sidebar__settings-btn{background:none;border:none;color:var(--text-tertiary);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:.25rem;border-radius:var(--radius-md);transition:color var(--transition-fast)}.wh-sidebar__settings-btn:hover{color:var(--accent-primary)}.wh-sidebar__settings-btn .material-symbols-outlined{font-size:.875rem}@media (max-width: 768px){.wh-sidebar{display:none}}.wh-sidebar__honey-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-2)}.wh-sidebar__honey-hint{position:relative;width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;padding:0;transition:transform var(--transition-fast)}.wh-sidebar__honey-hint:hover{transform:scale(1.1)}.wh-sidebar__honey-hint-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--primary-500);opacity:.2;clip-path:polygon(25% 0%,75% 0%,100% 50%,75% 100%,25% 100%,0% 50%);transition:opacity var(--transition-fast)}.wh-sidebar__honey-hint:hover .wh-sidebar__honey-hint-bg{opacity:.3}.wh-sidebar__honey-hint-icon{position:relative;z-index:1;font-size:1rem!important;color:var(--primary-500);animation:wh-pulse-subtle 3s ease-in-out infinite}@keyframes wh-pulse-subtle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(.9)}}.wh-bottom-nav{position:fixed;bottom:0;left:0;width:100%;z-index:1000;background:#ffffffbf;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-top:1px solid rgba(255,183,0,.15);padding-bottom:env(safe-area-inset-bottom);display:none;box-shadow:0 -4px 20px -5px #0000000d}.wh-bottom-nav__content{display:flex;justify-content:space-around;align-items:center;height:4.5rem;max-width:500px;margin:0 auto}.wh-bottom-nav__link{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35rem;color:var(--text-tertiary);text-decoration:none;flex:1;height:100%;transition:transform .2s cubic-bezier(.34,1.56,.64,1),color .2s ease;position:relative}.wh-bottom-nav__link:active{transform:scale(.9)}.wh-bottom-nav__link .material-symbols-outlined{font-size:1.6rem;transition:all .25s cubic-bezier(.34,1.56,.64,1)}.wh-bottom-nav__label{font-size:.55rem;font-weight:800;text-transform:uppercase;letter-spacing:0;opacity:.8;line-height:1}.wh-bottom-nav__link--active{color:var(--accent-primary)}.wh-bottom-nav__link--active .material-symbols-outlined{transform:translateY(-2px);font-variation-settings:"FILL" 1}.wh-bottom-nav__link--active:after{content:"";position:absolute;bottom:.6rem;width:4px;height:4px;background:var(--accent-primary);border-radius:50%;box-shadow:0 0 10px var(--accent-primary)}@media (max-width: 768px){.wh-bottom-nav{display:block}}.wh-topbar{position:sticky;top:0;z-index:100;width:100%;height:var(--header-height);display:flex;align-items:center;border-bottom:1px solid rgba(255,183,0,.1);transition:all .2s ease}.glass-header{background:#fff9f0cc;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%)}.wh-topbar__content{width:100%;max-width:var(--container-7xl);margin:0 auto;padding:0 var(--space-8);display:flex;align-items:center;justify-content:space-between}.wh-topbar__left{display:flex;align-items:center;gap:12px;min-width:0}.wh-topbar__icon{font-size:24px;color:var(--primary-500);flex-shrink:0}.wh-topbar__title{font-size:1.25rem;font-weight:800;color:var(--text-primary);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.01em}.wh-topbar__right{display:flex;align-items:center;gap:16px;flex-shrink:0}@media (max-width: 768px){.wh-topbar{height:var(--header-height-mobile)}.wh-topbar__content{padding:0 var(--space-4)}.wh-topbar__title{font-size:1.125rem}.wh-topbar__icon{font-size:20px}}.watchlist-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--space-5);padding:var(--space-4) 0}.watchlist-card{position:relative;background:var(--bg-secondary);border-radius:var(--radius-xl);overflow:hidden;transition:all var(--transition-base);border:1px solid var(--border-light);box-shadow:var(--shadow-sm);display:flex;flex-direction:column}.watchlist-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--primary-300)}.watchlist-card__poster-wrapper{position:relative;aspect-ratio:2/3;overflow:hidden;border-radius:var(--radius-lg);margin:var(--space-2)}.watchlist-card__poster{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow);border-radius:var(--radius-md)}.watchlist-card:hover .watchlist-card__poster{transform:scale(1.05)}.watchlist-card__no-poster{width:100%;height:100%;background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);font-size:var(--text-sm);text-align:center;padding:var(--space-2)}.watchlist-card__overlay{position:absolute;top:8px;right:8px;opacity:0;transition:opacity var(--transition-base);z-index:10}.watchlist-card:hover .watchlist-card__overlay{opacity:1}.watchlist-card__hover-action{position:absolute;bottom:0;left:0;right:0;padding:var(--space-4);background:linear-gradient(to top,rgba(0,0,0,.9) 0%,transparent 100%);display:flex;justify-content:center;opacity:0;transform:translateY(10px);transition:all var(--transition-base);z-index:5}.watchlist-card:hover .watchlist-card__hover-action{opacity:1;transform:translateY(0)}.watchlist-mark-btn{background:#ffb700;color:#fff;border:none;padding:8px 16px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:800;cursor:pointer;box-shadow:0 4px 12px #ffb7004d;display:flex;align-items:center;gap:6px;transition:all var(--transition-fast);text-transform:uppercase;letter-spacing:.05em}.watchlist-mark-btn:hover{filter:brightness(1.1);transform:scale(1.05)}.watchlist-mark-btn:active{transform:scale(.95)}.watchlist-mark-btn:disabled{background:var(--neutral-500);cursor:not-allowed;opacity:.7}.watchlist-card__info{padding:var(--space-3) var(--space-3) var(--space-4);position:relative;flex:1;display:flex;flex-direction:column}.watchlist-card__title{font-size:var(--text-sm);font-weight:700;color:var(--text-primary);margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.watchlist-card__meta{display:flex;justify-content:space-between;align-items:center;font-size:var(--text-xs);color:var(--text-secondary);margin-top:auto}.watchlist-card__rating{display:flex;align-items:center;gap:4px;font-weight:600;color:var(--warning-600)}.watchlist-card.skeleton{height:280px;background:var(--bg-tertiary);animation:pulse 1.5s cubic-bezier(.4,0,.6,1) infinite;border:none}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.profile-page__section h2{font-size:var(--text-xl);font-weight:800;margin-bottom:var(--space-6);display:flex;align-items:center;gap:var(--space-3);color:var(--text-primary);border-bottom:2px solid var(--border-light);padding-bottom:var(--space-4)}@media (hover: none) and (pointer: coarse){.watchlist-card__overlay{opacity:1}.watchlist-card__hover-action{opacity:1;transform:translateY(0)}.watchlist-card:hover,.watchlist-card:hover .watchlist-card__poster{transform:none}.watchlist-card:active{transform:scale(.98);transition:transform .1s ease}.watchlist-mark-btn:hover{filter:none;transform:none}}@media (max-width: 768px){.watchlist-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:var(--space-3)}.watchlist-card__info{padding:var(--space-2) var(--space-2) var(--space-3)}.watchlist-card__title{font-size:.8rem}}.feed-card{position:relative;background:#fff6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,183,0,.15);border-radius:var(--radius-3xl);padding:1.5rem;transition:all var(--transition-base);box-shadow:0 4px 20px #0000000d}.feed-card:hover{border-color:#ffb7004d}.feed-card--suggestion{border-style:dashed;border-color:#ffb70066}.feed-card-header{display:flex;gap:1rem;margin-bottom:1rem}.feed-card-avatar-wrapper{width:3rem;height:3rem;border-radius:50%;flex-shrink:0;overflow:hidden;box-shadow:0 0 0 2px var(--bg-primary),0 0 0 4px var(--accent-primary)}.feed-card-header-info{flex:1;display:flex;align-items:center}.feed-card-header-text{font-size:.95rem;line-height:1.4;margin:0;word-break:break-word}@media (max-width: 768px){.feed-card-header-text{font-size:.9rem}}.feed-card-time{font-size:.75rem;color:var(--text-tertiary);flex-shrink:0}.feed-card-timestamp{font-size:.72rem;color:#2d292666;font-weight:500;padding:0 1rem .5rem;margin:0;letter-spacing:.01em}.feed-card-poster-container{position:relative;border-radius:var(--radius-2xl);overflow:hidden;aspect-ratio:16 / 9;margin-bottom:1rem;background:var(--bg-tertiary)}.feed-card-poster-gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);z-index:1}.feed-card-poster-img{width:100%;height:100%;object-fit:cover;object-position:center 20%;display:block}.feed-card-poster-badges{position:absolute;bottom:1rem;left:1rem;right:1rem;display:flex;align-items:center;justify-content:space-between;z-index:2}.feed-card-rating{display:flex;align-items:center;gap:.5rem}.feed-card-tags{display:flex;gap:.5rem}.feed-card-tag{font-size:.7rem;font-weight:700;padding:.25rem .5rem;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-full);color:#fff}.feed-card-insight-box{background:#ffb7001a;border:1px solid rgba(255,183,0,.1);border-radius:var(--radius-2xl);padding:1rem;display:flex;align-items:flex-start;gap:.75rem}.insight-title{font-size:.75rem;font-weight:700;color:var(--accent-primary);text-transform:uppercase;letter-spacing:.1em;margin:0 0 .25rem}.insight-text{font-size:.875rem;color:var(--text-secondary);font-style:italic;margin:0;line-height:var(--leading-relaxed)}.feed-card-actions-bar{display:flex;align-items:center;justify-content:space-between;margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--border-light)}.action-btn{display:flex;align-items:center;gap:.5rem;color:var(--text-tertiary);background:none;border:none;cursor:pointer;transition:color var(--transition-fast)}.action-btn:hover,.action-btn--liked{color:var(--accent-primary)}.icon-only-btn{display:flex;align-items:center;color:var(--text-tertiary);background:none;border:none;cursor:pointer;transition:color var(--transition-fast)}.icon-only-btn:hover{color:var(--accent-primary)}.filled{font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24!important}.action-btn--commented{color:var(--accent-primary)}.feed-card-timestamp-footer{display:flex;align-items:center;justify-content:flex-end;gap:.4rem;margin-top:.75rem;padding-right:.25rem}.timestamp-label{font-size:.65rem;font-weight:800;color:#2d29264d;text-transform:uppercase;letter-spacing:.15em}.timestamp-value{font-size:.75rem;font-weight:700;color:#2d292673}@media (max-width: 768px){.feed-card-timestamp-footer{margin-top:.5rem}}.feed-page-layout{display:flex;flex:1;min-width:0;height:100vh}.feed-page-main{flex:1;display:flex;flex-direction:column;min-width:0;max-width:100%;margin:0;position:relative}.feed-page-header{position:sticky;top:0;z-index:10;padding:1rem 2rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,183,0,.1)}.glass-header{background:#ffffffd9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.feed-page-header h2{font-size:1.125rem;font-weight:700;margin:0}.feed-page-header-actions{display:flex;align-items:center;gap:.5rem}.feed-profile-dropdown{position:relative}.feed-profile-trigger{display:flex;align-items:center;justify-content:center;background:transparent;border:none;padding:2px;border-radius:50%;cursor:pointer;transition:box-shadow .2s ease,transform .15s ease}.feed-profile-trigger:hover{box-shadow:0 0 0 3px #ffb70059;transform:scale(1.05)}.feed-profile-menu{position:absolute;top:calc(100% + 10px);right:0;min-width:200px;background:#fffffff7;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(255,183,0,.2);border-radius:16px;box-shadow:0 8px 32px #2d29261f;overflow:hidden;z-index:100;animation:feedMenuIn .18s ease}@keyframes feedMenuIn{0%{opacity:0;transform:translateY(-8px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.feed-profile-menu__header{padding:12px 16px;display:flex;flex-direction:column;gap:2px}.feed-profile-menu__name{font-size:.875rem;font-weight:700;color:#2d2926;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.feed-profile-menu__email{font-size:.75rem;color:#2d292673;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.feed-profile-menu__divider{height:1px;background:#ffb70026;margin:0}.feed-profile-menu__item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 16px;font-size:.875rem;font-weight:600;color:#2d2926;background:transparent;border:none;cursor:pointer;text-decoration:none;transition:background .15s ease}.feed-profile-menu__item:hover{background:#ffb70014}.feed-profile-menu__item .material-symbols-outlined{font-size:18px;color:#ffb700}.feed-profile-menu__item--danger,.feed-profile-menu__item--danger .material-symbols-outlined{color:#dc2626}.feed-profile-menu__item--danger:hover{background:#dc26260f}.icon-btn{width:2.5rem;height:2.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#1e293b80;border:1px solid rgba(255,183,0,.05);color:var(--text-primary);cursor:pointer;transition:all var(--transition-base)}.icon-btn:hover{background:#ffb70033}.feed-container{padding:2rem 1.5rem;display:flex;flex-direction:column;gap:1.5rem}.feed-right-sidebar{width:320px;min-width:320px;display:flex;flex-direction:column;gap:2rem;position:sticky;top:calc(var(--header-height) + 2rem);height:fit-content}.widget-section{background:#fff6;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(255,183,0,.1);border-radius:24px;padding:1.5rem;box-shadow:0 4px 24px #2d29260a;transition:all .3s ease}.widget-section:hover{border-color:#ffb7004d;transform:translateY(-2px);box-shadow:0 8px 32px #2d292614}@media (max-width: 1100px){.feed-right-sidebar{display:none}}.search-widget .search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--text-tertiary);font-size:1.125rem}.search-input{width:100%;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-xl);padding:.625rem 1rem .625rem 2.5rem;font-size:.875rem;color:var(--text-primary);transition:all var(--transition-base)}.search-input:focus{outline:none;box-shadow:0 0 0 2px #ffb70033}.widget-header h3{font-size:1rem;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.widget-content{display:flex;flex-direction:column;gap:1rem}.trending-item{cursor:pointer}.trending-context{font-size:.75rem;color:var(--text-tertiary);margin:0}.trending-title{font-size:.875rem;font-weight:600;color:var(--text-primary);margin:.125rem 0;transition:color var(--transition-fast)}.trending-item:hover .trending-title{color:var(--accent-primary)}.trending-stats{font-size:.75rem;color:var(--text-tertiary);margin:0}.suggestion-item{display:flex;align-items:center;gap:.75rem}.suggestion-info{flex:1;min-width:0}.suggestion-name{font-size:.875rem;font-weight:600;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.suggestion-role{font-size:.75rem;color:var(--text-tertiary);margin:0}.btn-follow{padding:.375rem 1rem;border-radius:var(--radius-full);background:var(--accent-primary);color:var(--bg-primary);font-size:.75rem;font-weight:700;border:none;cursor:pointer;transition:transform var(--transition-fast)}.btn-follow:hover{transform:scale(1.05)}.btn-follow-outline{padding:.375rem 1rem;border-radius:var(--radius-full);background:#ffb70033;color:var(--accent-primary);border:1px solid rgba(255,183,0,.2);font-size:.75rem;font-weight:700;cursor:pointer;transition:background .2s}.btn-follow-outline:hover{background:#ffb7004d}.btn-show-more{width:100%;text-align:center;font-size:.75rem;color:var(--accent-primary);font-weight:600;margin-top:1rem;background:none;border:none;cursor:pointer}.btn-show-more:hover{text-decoration:underline}.quick-add-fab{position:fixed;bottom:2rem;right:2rem;width:4rem;height:4rem;background:var(--accent-primary);color:var(--bg-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 30px #ffb7004d;transition:all var(--transition-base);z-index:20;cursor:pointer;text-decoration:none;overflow:hidden}.quick-add-fab:hover{transform:scale(1.1)}.quick-add-fab:active{transform:scale(.95)}.fab-glow{position:absolute;top:0;right:0;bottom:0;left:0;background:#ffffff1a;opacity:0;transition:opacity var(--transition-base)}.quick-add-fab:hover .fab-glow{opacity:1}.fab-tooltip{position:absolute;right:calc(100% + 1rem);padding:.375rem .75rem;border-radius:var(--radius-lg);background:var(--bg-primary);border:1px solid rgba(255,183,0,.2);color:var(--accent-primary);font-size:.75rem;font-weight:700;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity var(--transition-base)}.quick-add-fab:hover .fab-tooltip{opacity:1}@media (max-width: 768px){.feed-page-layout{height:auto;min-height:100vh;min-height:100dvh}.feed-page-header{padding:.75rem 1rem;position:sticky;top:0;z-index:20}.feed-page-header h2{font-size:1.125rem}.icon-btn{width:2.75rem;height:2.75rem;background:#ffb70014;border:1px solid rgba(255,183,0,.1)}.icon-btn:active{transform:scale(.9);background:#ffb70033}.feed-container{padding:1rem;gap:1rem}.feed-page-main{max-width:100%}.quick-add-fab{bottom:calc(5.5rem + env(safe-area-inset-bottom));right:1rem;width:3.5rem;height:3.5rem;box-shadow:0 6px 24px #ffb70059}.quick-add-fab .material-symbols-outlined{font-size:1.5rem}.fab-tooltip{display:none}}.stacks-page{position:relative;max-width:1200px;margin:0 auto}.stack-card{background:#fff6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,183,0,.1);padding:1.25rem 1.5rem;border-radius:var(--radius-2xl);transition:all var(--transition-base);min-width:140px;display:flex;flex-direction:column;gap:.5rem;cursor:pointer;box-shadow:var(--shadow-sm)}.stack-card--active{background:var(--text-primary);border-color:var(--accent-primary);transform:translateY(-4px);box-shadow:var(--shadow-lg)}.stack-card__name{font-family:var(--font-display);font-weight:800;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-primary)}.stack-card--active .stack-card__name{color:#fff}.stack-card__count{font-size:10px;font-weight:700;color:var(--accent-primary);opacity:.8}.ranked-item-card{position:relative;display:flex;align-items:center;gap:1.5rem;padding:.75rem 1rem;background:#ffffff80;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(255,183,0,.1);border-radius:var(--radius-3xl);box-shadow:var(--shadow-sm);transition:all var(--transition-base)}.ranked-item-card:hover{border-color:#ffb7004d;background:#ffffffb3}.ranked-item__rank{position:absolute;left:-12px;top:50%;transform:translateY(-50%);width:36px;height:36px;background:var(--accent-primary);color:var(--text-primary);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:900;font-size:1rem;border-radius:12px;box-shadow:var(--shadow-md);z-index:10;border:2px solid white}.ranked-item__poster-wrap{width:64px;height:96px;border-radius:var(--radius-xl);overflow:hidden;flex-shrink:0;box-shadow:var(--shadow-md);background:var(--neutral-100)}.ranked-item__poster{width:100%;height:100%;object-fit:cover}.ranked-item__content{flex:1;min-width:0}.ranked-item__title{font-family:var(--font-display);font-weight:800;font-size:1rem;color:var(--text-primary);margin:0 0 .25rem;line-height:1.2}.ranked-item__meta{display:flex;align-items:center;gap:.5rem;font-size:10px;font-weight:700;color:#2d292666;text-transform:uppercase;letter-spacing:.05em}.ranked-item__badge{padding:2px 6px;border-radius:4px;background:#ffb7001a;color:var(--accent-primary);font-size:8px}.drag-handle{cursor:grab;color:#2d292626;transition:color var(--transition-fast)}.drag-handle:hover{color:var(--accent-primary)}.drag-handle:active{cursor:grabbing}.stacks-search-container{position:sticky;top:1rem;z-index:100;margin-bottom:2rem}.stacks-search-bar{display:flex;align-items:center;background:#fff;border:2px solid rgba(255,183,0,.1);padding:.5rem 1rem;border-radius:var(--radius-full);box-shadow:var(--shadow-xl);transition:all var(--transition-base)}.stacks-search-bar:focus-within{border-color:var(--accent-primary);box-shadow:0 10px 30px #ffb70026;transform:translateY(-2px)}.stacks-search-input{border:none;outline:none;flex:1;padding:.75rem;font-weight:700;font-size:.875rem;color:var(--text-primary)}.stacks-empty-hero{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;background:linear-gradient(135deg,#ffb7000d,#ffffff80);border-radius:var(--radius-3xl);border:1px dashed rgba(255,183,0,.2)}.stacks-empty-icon{font-size:4rem;margin-bottom:1.5rem;filter:drop-shadow(0 10px 10px rgba(255,183,0,.2))}@media (max-width: 640px){.stacks-page{padding-left:.75rem;padding-right:.75rem}.stack-card{padding:.5rem .75rem;min-width:80px;border-radius:var(--radius-xl)}.stack-card__name{font-size:.65rem}.ranked-item-card{gap:.5rem;padding:.5rem .5rem .5rem 1.25rem;border-radius:var(--radius-xl);width:100%}.ranked-item__poster-wrap{width:44px;height:66px;border-radius:var(--radius-md)}.ranked-item__rank{width:22px;height:22px;font-size:.7rem;left:-4px;top:50%;transform:translateY(-50%);border-width:1.5px;border-radius:8px}.ranked-item__title{font-size:.8rem;margin-bottom:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ranked-item__meta{font-size:.55rem;gap:.25rem}.ranked-item__badge{font-size:.5rem;padding:1px 4px}.ranked-item__content{flex:1;min-width:0;overflow:hidden}}:root{--primary-50: #fffbea;--primary-100: #fff5c4;--primary-200: #ffeb89;--primary-300: #ffda40;--primary-400: #ffc70b;--primary-500: #ffb700;--primary-600: #e59700;--primary-700: #bf7100;--primary-800: #995700;--primary-900: #7e4600;--neutral-0: #ffffff;--neutral-50: #fafafa;--neutral-100: #f5f5f5;--neutral-200: #e5e5e5;--neutral-300: #d4d4d4;--neutral-400: #a3a3a3;--neutral-500: #737373;--neutral-600: #525252;--neutral-700: #404040;--neutral-800: #262626;--neutral-900: #171717;--neutral-950: #0a0a0a;--success-50: #f0fdf4;--success-500: #22c55e;--success-600: #16a34a;--success-700: #15803d;--error-50: #fef2f2;--error-500: #ef4444;--error-600: #dc2626;--error-700: #b91c1c;--warning-50: #fffbeb;--warning-500: #f59e0b;--warning-600: #d97706;--info-50: #eff6ff;--info-500: #3b82f6;--info-600: #2563eb;--font-sans: "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display: "Manrope", var(--font-sans);--text-xs: clamp(.75rem, .7rem + .25vw, .875rem);--text-sm: clamp(.875rem, .8rem + .375vw, 1rem);--text-base: clamp(1rem, .95rem + .25vw, 1.125rem);--text-lg: clamp(1.125rem, 1.05rem + .375vw, 1.25rem);--text-xl: clamp(1.25rem, 1.15rem + .5vw, 1.5rem);--text-2xl: clamp(1.5rem, 1.35rem + .75vw, 1.875rem);--text-3xl: clamp(1.875rem, 1.65rem + 1.125vw, 2.25rem);--text-4xl: clamp(2.25rem, 1.95rem + 1.5vw, 3rem);--font-light: 300;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--font-extrabold: 800;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--leading-loose: 2;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-3xl: 1.5rem;--radius-full: 9999px;--shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .25);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1);--transition-slower: .5s cubic-bezier(.4, 0, .2, 1);--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--container-xs: 20rem;--container-sm: 24rem;--container-md: 28rem;--container-lg: 32rem;--container-xl: 36rem;--container-2xl: 42rem;--container-3xl: 48rem;--container-4xl: 56rem;--container-5xl: 64rem;--container-6xl: 72rem;--container-7xl: 80rem;--bg-primary: #FFF9F0;--bg-secondary: rgba(255, 255, 255, .3);--bg-tertiary: var(--neutral-100);--text-primary: #2D2926;--text-secondary: var(--neutral-600);--text-tertiary: var(--neutral-500);--text-inverse: var(--neutral-0);--border-light: var(--neutral-200);--border-medium: var(--neutral-300);--border-dark: var(--neutral-400);--accent-primary: var(--primary-500);--accent-hover: var(--primary-600);--accent-light: var(--primary-50);--header-height: 72px;--header-height-mobile: 64px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;scroll-behavior:smooth;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--font-normal);line-height:var(--leading-normal);color:var(--text-primary);background-color:var(--bg-primary);min-height:100vh;min-height:100dvh;overflow-x:hidden;overscroll-behavior-y:contain;padding-top:env(safe-area-inset-top);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.app-layout{display:flex;min-height:100vh}.app-main{flex:1;display:flex;flex-direction:column;min-height:100vh;min-width:0;transition:margin-left var(--transition-base);background-color:var(--bg-primary)}.app-main--with-sidebar{margin-left:256px}.page-container{width:100%;margin:0 auto;padding:var(--space-8) var(--space-4);display:flex;flex-direction:column;gap:var(--space-8)}@media (max-width: 768px){.app-main--with-sidebar{margin-left:0;padding-bottom:calc(5rem + env(safe-area-inset-bottom))}}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:var(--font-bold);line-height:var(--leading-tight);color:var(--text-primary);margin-bottom:var(--space-4)}h1{font-size:var(--text-4xl);font-weight:var(--font-extrabold);letter-spacing:-.025em}h2{font-size:var(--text-3xl);font-weight:var(--font-bold);letter-spacing:-.025em}h3{font-size:var(--text-2xl);font-weight:var(--font-semibold)}h4{font-size:var(--text-xl);font-weight:var(--font-semibold)}h5{font-size:var(--text-lg);font-weight:var(--font-medium)}h6{font-size:var(--text-base);font-weight:var(--font-medium)}p{margin-bottom:var(--space-4);color:var(--text-secondary)}a{color:var(--accent-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--accent-hover);text-decoration:underline}a:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px;border-radius:var(--radius-sm)}strong,b{font-weight:var(--font-semibold)}small{font-size:var(--text-sm)}.container{width:100%;max-width:var(--container-7xl);margin-left:auto;margin-right:auto;padding-left:var(--space-4);padding-right:var(--space-4)}@media (min-width: 640px){.container{padding-left:var(--space-6);padding-right:var(--space-6)}}@media (min-width: 1024px){.container{padding-left:var(--space-8);padding-right:var(--space-8)}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--neutral-400);border-radius:var(--radius-full);border:2px solid var(--bg-secondary)}::-webkit-scrollbar-thumb:hover{background:var(--neutral-500)}*{scrollbar-width:thin;scrollbar-color:var(--neutral-400) var(--bg-secondary)}::selection{background-color:var(--primary-200);color:var(--primary-900)}:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.hidden{display:none}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.ml-auto{margin-left:auto}.mr-auto{margin-right:auto}.w-full{width:100%}.max-w-sm{max-width:var(--container-sm)}.max-w-md{max-width:var(--container-md)}.max-w-lg{max-width:var(--container-lg)}.max-w-xl{max-width:var(--container-xl)}.max-w-2xl{max-width:var(--container-2xl)}.max-w-3xl{max-width:var(--container-3xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-5xl{max-width:var(--container-5xl)}.max-w-6xl{max-width:var(--container-6xl)}.max-w-7xl{max-width:var(--container-7xl)}.max-w-full{max-width:100%}.max-w-none{max-width:none}@media (max-width: 768px){.mobile-hidden{display:none!important}}@media (min-width: 769px){.desktop-hidden{display:none!important}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn var(--transition-base) ease-out}.animate-slide-up{animation:slideUp var(--transition-slow) ease-out}.animate-slide-down{animation:slideDown var(--transition-slow) ease-out}@keyframes skeletonPulse{0%{background-color:var(--neutral-100);opacity:.6}50%{background-color:var(--neutral-200);opacity:1}to{background-color:var(--neutral-100);opacity:.6}}.skeleton{animation:skeletonPulse 1.5s ease-in-out infinite;background-color:var(--neutral-100)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media print{*,*:before,*:after{background:transparent!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}img{page-break-inside:avoid}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}}@media (hover: none) and (pointer: coarse){a:hover{text-decoration:none;color:var(--accent-primary)}button:hover{filter:none;transform:none}}@media (max-width: 768px){button,a,[role=button],input[type=submit],input[type=button]{min-height:44px;min-width:44px}input,textarea,select{font-size:16px!important}h1{font-size:clamp(1.75rem,1.5rem + 1.25vw,2.25rem)}h2{font-size:clamp(1.5rem,1.3rem + 1vw,1.875rem)}h3{font-size:clamp(1.25rem,1.1rem + .75vw,1.5rem)}::-webkit-scrollbar{display:none}*{scrollbar-width:none}}.pull-to-refresh{position:relative;overflow-y:auto;-webkit-overflow-scrolling:touch}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.scroll-strip{display:flex;overflow-x:auto;gap:var(--space-3);padding-bottom:var(--space-2);scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.scroll-strip>*{flex-shrink:0;scroll-snap-align:start}@media (hover: none){.tap-active:active{transform:scale(.97);opacity:.8;transition:transform .1s ease,opacity .1s ease}}