.header{background:#ffffffeb;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-bottom:1px solid var(--border-light);position:fixed;top:0;left:0;right:0;z-index:var(--z-fixed);height:72px;box-shadow:var(--shadow-md);transition:all var(--transition-normal);min-width:320px}[data-theme=dark] .header{background:#141414f2;border-bottom:1px solid rgba(255,255,255,.08);box-shadow:var(--shadow-lg)}.header-container{max-width:1440px;margin:0 auto;padding:0 var(--spacing-lg);display:flex;align-items:center;justify-content:space-between;height:100%;gap:var(--spacing-md);flex-wrap:nowrap;min-width:320px}.header-left{display:flex;align-items:center;gap:var(--spacing-md);flex-shrink:1;flex-wrap:nowrap;flex:1 1 auto;white-space:nowrap}.logo-nav-container{display:flex;align-items:center;gap:var(--spacing-md);flex-shrink:0;flex-wrap:nowrap}.logo-title-container{display:flex;align-items:center;gap:var(--spacing-2);flex-shrink:0;flex-wrap:nowrap}.header-logo{width:36px;height:36px;object-fit:contain;border-radius:var(--radius-lg);transition:transform var(--transition-normal)}.header-logo:hover{transform:scale(1.08)}.header-title{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin:0;letter-spacing:var(--letter-spacing-tight);white-space:nowrap;flex-shrink:0;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;transition:opacity var(--transition-fast)}.header-title:hover{opacity:.9}.search-form{width:100%;position:relative;max-width:500px;min-width:100px;flex:1;flex-shrink:1}.search-input-container{position:relative;width:100%}.search-icon{position:absolute;left:14px!important;top:50%!important;transform:translateY(-50%)!important;width:18px!important;height:18px!important;color:var(--text-secondary);pointer-events:none;transition:color var(--transition-fast);z-index:10}.search-input{width:100%!important;height:44px!important;padding:0 24px 0 56px!important;border:1px solid var(--input-border);border-radius:var(--radius-xl);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);outline:none;transition:all var(--transition-fast);background:var(--input-bg);color:var(--text-primary)}.search-input:focus{border-color:var(--primary-500);background:var(--background-primary);box-shadow:0 0 0 3px var(--primary-100),0 8px 24px #3b82f61f;transform:translateY(-1px)}.search-input:hover{border-color:var(--border-secondary);background:var(--background-primary)}.search-input::placeholder{color:var(--input-placeholder)}.clear-button{position:absolute;right:var(--spacing-6);top:50%;transform:translateY(-50%);background:#0000000a;border:none;padding:6px;cursor:pointer;color:var(--text-muted);display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all var(--transition-fast)}[data-theme=dark] .clear-button{background:#ffffff0a}.clear-button:hover{background:#00000014;color:var(--text-color)}[data-theme=dark] .clear-button:hover{background:#ffffff14}.clear-button svg{width:14px;height:14px}.search-dropdown{position:absolute;top:calc(100% + 12px);left:0;right:0;background:var(--card-background);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--border-primary);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);padding:var(--spacing-4) 0;max-height:400px;overflow-y:auto;z-index:var(--z-dropdown);max-width:100%;box-sizing:border-box;animation:scaleIn var(--transition-fast)}.dropdown-section{padding:var(--spacing-sm) 0}.dropdown-section:not(:last-child){border-bottom:1px solid var(--border-light)}.section-title{padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.dropdown-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);cursor:pointer;transition:all var(--transition-fast);font-size:var(--font-size-sm);color:var(--text-color)}.dropdown-item:hover{background:var(--primary-light)}.item-icon{width:18px;height:18px;color:var(--text-muted);flex-shrink:0}.dropdown-item span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.remove-btn{background:#0000000a;border:none;padding:5px;cursor:pointer;color:var(--text-muted);display:flex;align-items:center;justify-content:center;border-radius:50%;opacity:0;transition:all var(--transition-fast)}.dropdown-item:hover .remove-btn{opacity:1}.remove-btn:hover{background:#ef444414;color:var(--error-color)}.remove-btn svg{width:12px;height:12px}.header-right{display:flex;align-items:center;gap:var(--spacing-sm);flex:1;min-width:120px;justify-content:flex-end;flex-shrink:999}.avatar-button{background:none;border:none;padding:2px;cursor:pointer;border-radius:50%;transition:all var(--transition-normal);flex-shrink:0}.avatar-button:hover{transform:scale(1.08);box-shadow:0 4px 16px #3b82f626}.avatar-button:active{transform:scale(.96)}.avatar-image{width:44px;height:44px;border-radius:50%;object-fit:cover;border:2px solid rgba(0,0,0,.06);transition:all var(--transition-normal)}[data-theme=dark] .avatar-image{border-color:#ffffff0f}.avatar-placeholder{width:44px;height:44px;border-radius:50%;background:var(--accent-gradient);display:flex;align-items:center;justify-content:center;font-size:20px;border:2px solid rgba(0,0,0,.06);transition:all var(--transition-normal)}.avatar-button:hover .avatar-image,.avatar-button:hover .avatar-placeholder{border-color:var(--primary-color)}.nav-container{display:flex;align-items:center;flex-shrink:0;flex-wrap:nowrap;white-space:nowrap}.main-tab-nav{display:flex;align-items:center;gap:var(--spacing-xs);flex-shrink:0;flex-wrap:nowrap;white-space:nowrap}.sub-tab-nav{display:flex;align-items:center;gap:var(--spacing-sm);padding-top:var(--spacing-sm)}.main-tab-btn{background:transparent;border:none;padding:var(--spacing-2) var(--spacing-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);position:relative;display:inline-flex;align-items:center;gap:var(--spacing-1);border-radius:var(--radius-lg);flex-shrink:0;white-space:nowrap}.main-tab-btn:hover{color:var(--text-primary);background:var(--hover-bg);transform:translateY(-1px)}.main-tab-btn.active{color:var(--primary-600);background:var(--primary-50);box-shadow:0 2px 8px #3b82f61f}.dropdown-arrow{font-size:10px;transition:transform var(--transition-fast)}.dropdown-arrow.expanded{transform:rotate(180deg)}.main-tab-item{position:relative}.sub-tab-dropdown{position:absolute;top:calc(100% + 8px);left:0;background:var(--card-background);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);padding:var(--spacing-2) 0;z-index:var(--z-dropdown);min-width:140px;animation:scaleIn .18s var(--transition-fast)}.sub-tab-dropdown .sub-tab-btn{display:block;width:100%;text-align:left;padding:var(--spacing-3) var(--spacing-6);border-radius:var(--radius-lg);margin:0 var(--spacing-2)}.sub-tab-dropdown .sub-tab-btn:hover{background:var(--hover-bg)}.sub-tab-dropdown .sub-tab-btn.active{background:var(--primary-50);color:var(--primary-600)}.sub-tab-container{display:flex;align-items:center;gap:var(--spacing-xs)}.sub-tab-btn{background:none;border:none;padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-md);transition:all var(--transition-fast);white-space:nowrap}.sub-tab-btn:hover{color:var(--text-primary);background:var(--hover-bg)}.sub-tab-btn.active{color:var(--primary-600);background:var(--primary-50);font-weight:var(--font-weight-semibold)}@media(max-width:1024px){.header-container{padding:0 var(--spacing-lg);gap:var(--spacing-md)}.logo-nav-container{gap:var(--spacing-lg)}.header-right{max-width:350px;min-width:200px}.search-form{min-width:180px}}@media(max-width:900px){.header-container{padding:0 var(--spacing-md);gap:var(--spacing-sm)}.logo-nav-container{gap:var(--spacing-md)}.header-right{max-width:280px;min-width:180px}.search-form{min-width:160px}.main-tab-btn{padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-sm)}}@media(max-width:768px){.header-container{padding:0 var(--spacing-sm);gap:var(--spacing-xs)}.header-right{max-width:240px;min-width:150px}.search-form{min-width:140px}.main-tab-btn{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs)}.header-title{font-size:var(--font-size-lg)}.header-logo{width:32px;height:32px}.search-input{height:38px;font-size:var(--font-size-xs)}}@media(max-width:640px){.header-container{padding:0 var(--spacing-xs);gap:var(--spacing-xs)}.header-right{max-width:200px;min-width:120px}.search-form{min-width:120px}.main-tab-btn{padding:var(--spacing-xs) var(--spacing-sm);font-size:10px}.header-title{font-size:var(--font-size-base)}.search-input::placeholder{font-size:10px}}@media(max-width:768px){.search-input{padding:0 20px 0 50px!important}.search-icon{left:12px!important}}@media(max-width:640px){.header-container{padding:0 var(--spacing-sm);gap:var(--spacing-xs)}.header-title{font-size:var(--font-size-base)}.logo-nav-container{flex-wrap:nowrap;gap:var(--spacing-md)}.logo-title-container{flex-wrap:nowrap;gap:var(--spacing-1)}.nav-container{flex-wrap:nowrap}.main-tab-nav{gap:2px}.main-tab-btn{padding:4px var(--spacing-sm);font-size:11px;gap:2px}.header-logo{width:28px;height:28px}.search-input{height:36px;font-size:11px;padding:0 18px 0 48px!important}.search-input::placeholder{font-size:10px}.search-icon{left:12px!important;width:14px;height:14px}.avatar-image,.avatar-placeholder{width:36px;height:36px}}@media(max-width:480px){.header-logo{width:26px;height:26px}.header-title{font-size:var(--font-size-sm)}.main-tab-btn{padding:3px var(--spacing-xs);font-size:10px}.search-input{height:32px;font-size:10px;padding:0 16px 0 44px!important}.search-icon{left:10px!important;width:14px;height:14px}.clear-button{right:var(--spacing-3)}.avatar-image,.avatar-placeholder{width:32px;height:32px}}.tabbed-content{width:100%;min-height:calc(100vh - 136px);display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;padding:var(--spacing-xl) 0 0;margin:0}.tab-content{width:100%;min-height:600px;animation:fadeIn var(--transition-normal);display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;max-width:none;padding:var(--spacing-xl) 0 0!important;margin:0;margin-top:0!important}.platforms-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:16px;width:100%;max-width:none}.platform-card{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-4);background:var(--card-background);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-2xl);padding:var(--spacing-10) var(--spacing-8) var(--spacing-12);text-decoration:none;box-shadow:var(--shadow-md);transition:all var(--transition-slow);border:1px solid var(--border-light);position:relative;overflow:hidden;width:100%;text-align:center}[data-theme=dark] .platform-card{box-shadow:var(--shadow-md)}.platform-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--platform-color);border-radius:var(--radius-md) 0 0 var(--radius-md);transition:width var(--transition-normal)}.platform-card:hover:before{width:8px}.platform-card:hover{transform:translateY(0);box-shadow:var(--shadow-lg);border-color:#3b82f640}.platform-card:hover .platform-arrow{transform:translate(10px);color:var(--platform-color)}.platform-card:hover .platform-avatar{transform:scale(1.08);box-shadow:0 4px 16px #00000026}.platform-avatar{width:72px;height:72px;border-radius:50%;background:var(--platform-color);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all var(--transition-slow);box-shadow:var(--shadow-lg);position:relative}.platform-avatar:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;padding:3px;background:linear-gradient(135deg,rgba(255,255,255,.25) 0%,transparent 50%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.avatar-icon{font-size:2.5rem;color:#fff;position:relative;z-index:1}.platform-info{flex:1;min-width:0}.platform-username{font-size:var(--font-size-xl);color:var(--text-primary);margin-bottom:var(--spacing-2);font-weight:var(--font-weight-bold);transition:all var(--transition-normal);letter-spacing:var(--letter-spacing-tight)}.platform-description{color:var(--text-secondary);font-size:var(--font-size-sm);transition:all var(--transition-normal);font-weight:var(--font-weight-normal);line-height:var(--line-height-relaxed)}.platform-arrow{font-size:1.25rem;color:var(--text-muted);transition:all var(--transition-slow);flex-shrink:0;position:relative;z-index:1;margin-top:var(--spacing-2)}.blog-card{display:flex;align-items:center;gap:var(--spacing-8);background:var(--card-background);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-2xl);padding:var(--spacing-8);text-decoration:none;box-shadow:var(--shadow-md);transition:all var(--transition-slow);border:1px solid var(--border-light);position:relative;overflow:hidden;width:100%;max-width:none}[data-theme=dark] .blog-card{box-shadow:var(--shadow-md)}.blog-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--gradient-primary);border-radius:var(--radius-md) 0 0 var(--radius-md);transition:width var(--transition-normal)}.blog-card:hover:before{width:8px}.blog-card:hover{transform:translateY(-8px) scale(1.005);box-shadow:var(--shadow-xl);border-color:#06b6d440}.blog-card:hover .blog-arrow{transform:translate(10px);color:var(--accent-color)}.blog-card:hover .blog-icon{transform:scale(1.15);box-shadow:0 0 0 16px #06b6d414}.blog-content{display:flex;align-items:center;gap:var(--spacing-2xl)}.blog-icon{width:88px;height:88px;border-radius:50%;background:var(--accent-gradient);display:flex;align-items:center;justify-content:center;font-size:2.75rem;flex-shrink:0;transition:all var(--transition-slow);box-shadow:0 8px 24px #06b6d44d;color:#fff}.blog-info{flex:1}.blog-title{font-size:var(--font-size-2xl);color:var(--text-color);margin-bottom:var(--spacing-md);font-weight:var(--font-weight-bold);transition:all var(--transition-normal);letter-spacing:-.5px}.blog-description{color:var(--text-secondary);font-size:var(--font-size-base);transition:all var(--transition-normal);line-height:1.6}.blog-arrow{font-size:2.4rem;color:var(--text-muted);transition:all var(--transition-slow)}.resources-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:32px!important;row-gap:32px!important;column-gap:32px!important;width:100%;max-width:none;padding-bottom:0}.resource-category{background:var(--card-background);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-2xl);padding:var(--spacing-8) var(--spacing-2xl)!important;padding-left:calc(var(--spacing-2xl) + 16px)!important;padding-right:var(--spacing-2xl)!important;box-shadow:var(--shadow-md);transition:all var(--transition-slow);border:1px solid var(--border-light);position:relative;overflow:hidden!important;width:100%;box-sizing:border-box}[data-theme=dark] .resource-category{box-shadow:var(--shadow-md)}.resource-category:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--gradient-primary);border-radius:var(--radius-md) 0 0 var(--radius-md);z-index:1}.resource-category:hover{transform:translateY(-6px);box-shadow:var(--shadow-xl);border-color:#06b6d433}.category-title{font-size:var(--font-size-xl);color:var(--text-color);margin-bottom:var(--spacing-xl);display:flex;align-items:center;gap:var(--spacing-md);font-weight:var(--font-weight-bold);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--border-light);transition:all var(--transition-normal);letter-spacing:-.3px}.category-icon{font-size:1.5rem;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.resource-items{display:flex;flex-direction:column;gap:var(--spacing-md);padding-left:var(--spacing-md)!important;margin-left:0!important}.resource-item{display:flex;align-items:center;justify-content:space-between;padding:12px 48px 12px 24px!important;background:var(--background-secondary);border-radius:var(--radius-xl);text-decoration:none;transition:all var(--transition-normal);border:1px solid var(--border-light);position:relative;overflow:visible;margin-left:8px;width:calc(100% - 32px);box-sizing:border-box}.resource-item:hover{background:var(--primary-50);border-color:#3b82f640;box-shadow:0 4px 12px #3b82f61a}.resource-item:hover .resource-arrow{transform:translate(8px);color:var(--primary-color)}.resource-content{display:flex;flex-direction:column;gap:var(--spacing-xs);padding-right:var(--spacing-lg);flex:1;min-width:0}.resource-name{font-weight:var(--font-weight-semibold);color:var(--text-color);font-size:var(--font-size-base);transition:all var(--transition-normal)}.resource-description{font-size:var(--font-size-xs);color:var(--text-secondary);transition:all var(--transition-normal)}.resource-arrow{font-size:1.5rem;color:var(--text-muted);transition:all var(--transition-normal)}@media(max-width:768px){.platforms-grid{grid-template-columns:1fr;gap:16px}.resources-grid{grid-template-columns:1fr;gap:32px!important;row-gap:32px!important;padding:0}.resource-category{padding:var(--spacing-md);border-radius:var(--radius-xl);margin-bottom:0}.resource-category:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.category-title{font-size:var(--font-size-lg);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);gap:var(--spacing-sm)}.resource-items{gap:var(--spacing-sm)}.resource-item{padding:var(--spacing-3) var(--spacing-md);border-radius:var(--radius-lg)}.platform-card,.blog-card{padding:var(--spacing-xl);flex-direction:column;text-align:center;gap:var(--spacing-xl)}.platform-avatar,.blog-icon{width:72px;height:72px}.avatar-icon{font-size:2.25rem}.platform-username,.blog-title{font-size:var(--font-size-lg)}.platform-description,.blog-description{font-size:var(--font-size-sm)}.platform-arrow,.blog-arrow{font-size:1.6rem}.resource-category{padding:var(--spacing-xl)}.category-title{font-size:var(--font-size-lg);margin-bottom:var(--spacing-lg)}.resource-item{padding:var(--spacing-md) var(--spacing-lg)}.resource-name{font-size:var(--font-size-sm)}.resource-description{font-size:var(--font-size-xs)}}@media(max-width:480px){.platform-card,.blog-card,.resource-category{padding:var(--spacing-lg)}.platform-avatar,.blog-icon{width:64px;height:64px}.avatar-icon{font-size:2rem}.platform-username,.blog-title{font-size:var(--font-size-base)}}.search-results{margin-top:0;padding:var(--spacing-2xl);background:#ffffff80;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:0;box-shadow:none;transition:all var(--transition-normal);width:100%;box-sizing:border-box;display:flex;flex-direction:column;gap:var(--spacing-xl)}[data-theme=dark] .search-results{background:#14141480}.search-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--text-color);margin-bottom:var(--spacing-3xl);transition:all var(--transition-normal);letter-spacing:-.3px;position:relative;z-index:2}.search-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;position:relative;z-index:1;margin-top:32px}.search-card{background:var(--card-background);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-2xl);padding:var(--spacing-8);box-shadow:var(--shadow-md);border:1px solid var(--border-light);transition:all var(--transition-slow);position:relative;overflow:visible}.search-card:before{content:"";position:absolute;top:50%;left:0;width:4px;height:70%;background:var(--gradient-primary);border-radius:var(--radius-lg) 0 0 var(--radius-lg);transition:all var(--transition-normal);transform:translateY(-50%)}.search-card:hover:before{width:8px;height:80%}.search-card:hover{transform:translateY(-8px) scale(1.01);box-shadow:var(--shadow-xl);border-color:#3b82f640}.search-card-header{display:flex;align-items:center;gap:var(--spacing-6);margin-bottom:var(--spacing-6)}.search-card-icon{font-size:2.5rem;flex-shrink:0;filter:drop-shadow(0 4px 12px rgba(0,0,0,.1))}.search-card-info{flex:1}.search-card-platform{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--spacing-1);transition:all var(--transition-normal);letter-spacing:-.3px}.search-card-username{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0;transition:all var(--transition-normal);display:flex;align-items:center;gap:var(--spacing-1)}.search-card-username strong{color:var(--primary-600);font-weight:var(--font-weight-semibold)}.search-link{display:inline-flex;align-items:center;gap:var(--spacing-2);color:var(--primary-600);font-weight:var(--font-weight-semibold);text-decoration:none;transition:all var(--transition-fast);margin-top:var(--spacing-md);font-size:var(--font-size-sm)}.search-link:hover{color:var(--primary-hover);text-decoration:underline}.search-link:after{content:"→";transition:transform var(--transition-fast)}.search-link:hover:after{transform:translate(4px)}.personal-center{width:100%;padding:var(--spacing-8);box-sizing:border-box}.personal-center-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--spacing-8);transition:all var(--transition-normal);letter-spacing:var(--letter-spacing-tight)}.personal-card{display:flex;align-items:center;gap:var(--spacing-6);background:var(--card-background);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-radius:var(--radius-2xl);padding:var(--spacing-6);box-shadow:var(--shadow-md);border:1px solid var(--border-light);margin-bottom:var(--spacing-6);transition:all var(--transition-slow)}.personal-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.personal-avatar{width:88px;height:88px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative}.personal-avatar:before{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;background:linear-gradient(135deg,var(--primary-400),var(--accent-cyan));opacity:.6;z-index:-1}.personal-avatar .avatar-image{width:88px;height:88px;border-radius:50%;object-fit:cover;border:3px solid var(--background-primary);transition:all var(--transition-normal)}.personal-card:hover .personal-avatar .avatar-image{transform:scale(1.05)}.avatar-icon{font-size:2.75rem}.personal-info{flex:1}.personal-name{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--spacing-1);transition:all var(--transition-normal);letter-spacing:var(--letter-spacing-tight)}.personal-email{font-size:var(--font-size-sm);color:var(--text-secondary);transition:all var(--transition-normal)}.settings-card,.history-card,.about-card{background:var(--card-background);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-xl);padding:var(--spacing-6);box-shadow:var(--shadow-sm);border:1px solid var(--border-light);margin-bottom:var(--spacing-5);transition:all var(--transition-normal)}.settings-card:hover,.history-card:hover,.about-card:hover{box-shadow:var(--shadow-md)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-5)}.card-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0;display:flex;align-items:center;gap:var(--spacing-3)}.card-title:before{content:"";width:4px;height:18px;background:var(--gradient-primary);border-radius:var(--radius-sm)}.settings-items{display:flex;flex-direction:column;gap:var(--spacing-1)}.settings-item{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-4);border-radius:var(--radius-lg);transition:all var(--transition-fast)}.settings-item:hover{background:var(--hover-bg)}.settings-item:not(:last-child){border-bottom:1px solid var(--border-light)}.settings-value-with-button{display:flex;align-items:center;gap:var(--spacing-lg)}.settings-value-with-button .settings-value{white-space:nowrap;margin-right:var(--spacing-sm)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0a0a0ab3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);animation:fadeIn var(--transition-fast)}.modal-content{background:var(--card-background);border-radius:var(--radius-2xl);padding:var(--spacing-6);width:90%;max-width:420px;box-shadow:var(--shadow-2xl);border:1px solid var(--border-light);transition:all var(--transition-normal);animation:scaleIn var(--transition-normal)}.modal-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--spacing-5) 0;text-align:center}.modal-body{margin-bottom:var(--spacing-5)}.modal-label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary);margin-bottom:var(--spacing-2)}.modal-input{width:100%;padding:var(--spacing-4);border:1px solid var(--input-border);border-radius:var(--radius-lg);font-size:var(--font-size-base);color:var(--text-primary);background:var(--input-bg);transition:all var(--transition-fast);box-sizing:border-box}.modal-input:focus{outline:none;border-color:var(--primary-500);background:var(--background-primary);box-shadow:0 0 0 3px var(--primary-100)}.modal-actions{display:flex;gap:var(--spacing-3)}.modal-button{flex:1;padding:var(--spacing-4);border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-fast);border:1px solid var(--border-light)}.modal-button.cancel{background:transparent;color:var(--text-secondary)}.modal-button.cancel:hover{background:var(--hover-bg);color:var(--text-primary)}.modal-button.save{background:var(--gradient-primary);color:#fff;border:none}.modal-button.save:hover{transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}.settings-label{font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:var(--font-weight-medium)}.settings-value{font-size:var(--font-size-sm);color:var(--text-primary);font-weight:var(--font-weight-medium)}.settings-button{background:transparent;color:var(--primary-600);border:1px solid var(--primary-200);padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-lg);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-fast)}.settings-button:hover{background:var(--primary-50);border-color:var(--primary-300)}.theme-options{display:flex;gap:var(--spacing-3)}.theme-option{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-5) var(--spacing-3);border:1px solid var(--border-light);border-radius:var(--radius-xl);background:var(--background-secondary);cursor:pointer;transition:all var(--transition-normal)}.theme-option:hover{border-color:var(--primary-300);background:var(--primary-50)}.theme-option.active{border-color:var(--primary-500);background:#3b82f614;box-shadow:0 0 0 2px var(--primary-100)}.theme-icon{font-size:1.75rem;margin-bottom:var(--spacing-2)}.theme-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--text-secondary)}.theme-option.active .theme-label{color:var(--primary-600)}.history-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-4)}.clear-history-btn{background:transparent;border:1px solid var(--border-light);padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-lg);font-size:var(--font-size-xs);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.clear-history-btn:hover{background:#ef444414;color:var(--error-color);border-color:#ef444433}.history-items{display:flex;flex-direction:column;gap:var(--spacing-2)}.history-item{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-3) var(--spacing-4);background:var(--background-secondary);border-radius:var(--radius-lg);transition:all var(--transition-fast)}.history-item:hover{background:var(--hover-bg)}.history-text{font-size:var(--font-size-sm);color:var(--text-secondary)}.remove-history-btn{background:none;border:none;font-size:1rem;color:var(--text-muted);cursor:pointer;padding:var(--spacing-1);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.remove-history-btn:hover{background:#ef444414;color:var(--error-color)}.empty-history{font-size:var(--font-size-sm);color:var(--text-muted);text-align:center;padding:var(--spacing-8) 0}.about-content{display:flex;flex-direction:column;gap:var(--spacing-3)}.about-text{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.about-version{font-size:var(--font-size-xs);color:var(--text-muted)}.about-description{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.6}@media(max-width:768px){.personal-center{padding:var(--spacing-6);max-width:100%}.personal-center-title{font-size:var(--font-size-xl);margin-bottom:var(--spacing-6)}.personal-card{flex-direction:column;text-align:center;padding:var(--spacing-5);gap:var(--spacing-4)}.personal-avatar,.personal-avatar .avatar-image{width:72px;height:72px}.avatar-icon{font-size:2.25rem}.personal-name{font-size:var(--font-size-lg)}.settings-card,.history-card,.about-card{padding:var(--spacing-4)}.card-title{font-size:var(--font-size-base)}.theme-options{gap:var(--spacing-2)}.theme-option{padding:var(--spacing-4) var(--spacing-2)}.theme-icon{font-size:1.5rem}.theme-label{font-size:var(--font-size-xs)}}@media(max-width:480px){.personal-center,.personal-card{padding:var(--spacing-4)}.personal-avatar,.personal-avatar .avatar-image{width:64px;height:64px}.settings-card,.history-card,.about-card{padding:var(--spacing-3)}.theme-options{flex-direction:column}.theme-option{flex-direction:row;gap:var(--spacing-3);justify-content:flex-start;padding:var(--spacing-3)}.theme-icon{margin-bottom:0}.modal-content{padding:var(--spacing-4);width:95%}.modal-button{padding:var(--spacing-3)}}.landing-page{width:100vw;height:100vh;background:linear-gradient(180deg,#f0f4f8,#e5e9f0,#d6dde6);display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden}.landing-page:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at 30% 20%,rgba(148,163,184,.15) 0%,transparent 50%),radial-gradient(ellipse at 70% 80%,rgba(148,163,184,.1) 0%,transparent 50%);pointer-events:none}.start-button{background:#1e293be6;color:#fff;border:none;padding:16px 48px;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease;letter-spacing:2px;text-transform:uppercase}.start-button:hover{background:#1e293b;transform:translateY(-2px);box-shadow:0 4px 16px #1e293b33}.quote-container{text-align:center;margin-bottom:4rem;max-width:500px;padding:0 24px}.quote-text{font-size:1.1rem;color:#1e293bcc;line-height:1.8;margin-bottom:1.2rem;font-weight:400;letter-spacing:.3px}.quote-author{font-size:.9rem;color:#64748bb3;font-weight:400;letter-spacing:1px}.login-form{background:#fff;padding:2.5rem;border-radius:16px;box-shadow:0 4px 24px #1e293b14;border:1px solid rgba(226,232,240,.6);width:90%;max-width:380px;color:#1e293be6}.login-form h2{margin-bottom:2rem;text-align:center;font-weight:500;font-size:1.5rem;letter-spacing:1px;color:#1e293bf2}.form-group{margin-bottom:1.5rem}.form-group input{width:100%;padding:1rem;border:1px solid rgba(203,213,224,.6);border-radius:8px;background:#f8fafc;color:#1e293be6;font-size:1rem;transition:all .3s ease}.form-group input::placeholder{color:#94a3b899}.form-group input:focus{outline:none;border-color:#33415566;background:#fff}.login-button{width:100%;background:#1e293bf2;color:#fff;border:none;padding:1rem;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease;margin-top:1.5rem;letter-spacing:1px}.login-button:hover{background:#1e293b;box-shadow:0 4px 12px #1e293b26}.error-message{background:#ef444414;border:1px solid rgba(239,68,68,.2);color:#dc2626cc;padding:.8rem;border-radius:8px;margin-bottom:1rem;font-size:.9rem;text-align:center}.landing-footer{position:absolute;bottom:24px;left:0;right:0;display:flex;flex-direction:column;align-items:center;gap:10px;padding:0 24px}.landing-copyright{color:#94a3b8b3;font-size:13px;text-align:center}.footer-divider{width:100%;height:1px;background:linear-gradient(90deg,transparent,rgba(148,163,184,.3),transparent)}.landing-beian{display:flex;align-items:center;gap:12px;font-size:11px;color:#94a3b899}.landing-beian a{color:#94a3b899;text-decoration:none;transition:color .3s ease;display:flex;align-items:center;gap:4px}.landing-beian a:hover{color:#334155cc}.beian-divider{color:#94a3b866}.beian-icon{width:14px;height:14px;object-fit:contain}@media(max-width:768px){.start-button{padding:14px 36px;font-size:.9rem}.quote-container{margin-bottom:3rem;max-width:400px}.quote-text{font-size:1rem}.login-form{padding:2rem}}@media(max-width:480px){.start-button{padding:12px 28px;font-size:.85rem}.quote-container{margin-bottom:2.5rem}.quote-text{font-size:.95rem;line-height:1.6}.landing-footer{bottom:16px}.landing-copyright{font-size:12px}.landing-beian{flex-direction:column;gap:6px;text-align:center}.beian-divider{display:none}}.footer{background:var(--background-gradient);border-top:1px solid var(--border-light);padding:16px 0!important;margin-top:24px!important;transition:all var(--transition-normal)}.footer-content{display:flex;flex-direction:column;gap:var(--spacing-6);max-width:1440px;margin:0 auto;padding:0!important;width:100%}.top-row{display:flex;flex-direction:row!important;justify-content:space-between!important;align-items:center!important;width:100%;padding-bottom:var(--spacing-6);border-bottom:1px solid var(--border-light)}.icp-container{width:100%;display:flex;justify-content:center;align-items:center;gap:var(--spacing-xl)}.copyright{font-size:var(--font-size-sm);color:var(--text-secondary);display:flex;align-items:center;text-align:left;font-weight:var(--font-weight-medium);padding-left:16px!important}.icp-info{font-size:var(--font-size-xs);display:flex;align-items:center;gap:var(--spacing-md);flex-wrap:wrap;justify-content:center}.icp-info a{color:var(--text-secondary);text-decoration:none;display:flex;align-items:center;gap:var(--spacing-xs);transition:all var(--transition-fast)}.icp-info a:hover{color:var(--primary-color);text-decoration:underline}.gongan-icon{width:14px;height:14px;vertical-align:middle}.icp-separator{color:var(--text-muted)}.theme-toggle{display:flex;align-items:center;justify-content:center;padding-right:16px!important}.theme-slider{position:relative;width:110px;height:40px;border-radius:var(--radius-xl);background:var(--background-secondary);box-shadow:var(--shadow-sm);display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);padding:var(--spacing-xs) var(--spacing-sm);transition:all var(--transition-normal);border:1px solid var(--border-light)}.theme-icon{font-size:1.1rem;cursor:pointer;padding:4px;border-radius:50%;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;width:30px;height:30px;box-sizing:border-box;color:var(--text-muted);line-height:1;margin:0}.theme-icon:hover{background:var(--primary-light);color:var(--primary-color);transform:scale(1.1)}.theme-slider.dark .theme-icon.moon,.theme-slider.light .theme-icon.sun,.theme-slider.system .theme-icon.system{background:#3b82f626;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:var(--text-muted);box-shadow:0 2px 8px #3b82f626;border:1px solid rgba(59,130,246,.2)}[data-theme=dark] .theme-slider.dark .theme-icon.moon,[data-theme=dark] .theme-slider.light .theme-icon.sun,[data-theme=dark] .theme-slider.system .theme-icon.system{background:#60a5fa26;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:var(--text-muted);box-shadow:0 2px 8px #60a5fa26;border:1px solid rgba(96,165,250,.2)}@media(max-width:768px){.footer-content{padding:0!important;gap:var(--spacing-md)}.top-row{flex-direction:row!important;justify-content:space-between!important;gap:var(--spacing-md);padding-bottom:var(--spacing-md)}.copyright{font-size:var(--font-size-xs)}.theme-slider{width:90px;height:34px}.theme-icon{font-size:1rem;width:24px;height:24px;padding:var(--spacing-xs)}.icp-container{flex-direction:column;gap:var(--spacing-md)}.icp-info{gap:var(--spacing-sm)}}@media(max-width:480px){.footer-content{padding:0!important}.top-row{flex-direction:row!important;justify-content:space-between!important}.theme-slider{width:80px;height:30px}.theme-icon{font-size:.9rem;width:22px;height:22px}.icp-info{flex-direction:column;gap:var(--spacing-xs)}.icp-separator{display:none}}.app{min-height:100vh;display:flex;flex-direction:column;background:transparent;transition:all var(--transition-normal)}.main-content{flex:1;max-width:none;margin:88px 0 0;padding:var(--spacing-2xl) var(--spacing-xl);width:100%;background:transparent;border-radius:0;box-shadow:none;transition:all var(--transition-normal);min-height:calc(100vh - 88px)}.error-message{background:#ef444414;color:var(--error-color);padding:var(--spacing-lg);border-radius:var(--radius-xl);margin-bottom:var(--spacing-xl);text-align:center;box-shadow:var(--shadow-sm);border:1px solid rgba(239,68,68,.2);animation:slideIn var(--transition-normal)}.loading{text-align:center;padding:var(--spacing-2xl);font-size:var(--font-size-lg);color:var(--text-secondary);background:var(--card-background);border-radius:var(--radius-xl);margin:var(--spacing-xl) 0;box-shadow:var(--shadow-md);animation:pulse 1.5s ease-in-out infinite;transition:all var(--transition-normal)}@keyframes slideIn{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@media(max-width:768px){.main-content{padding:var(--spacing-lg);margin:100px 0 0;border-radius:0;min-height:calc(100vh - 100px)}.loading{padding:var(--spacing-xl);margin:var(--spacing-lg) 0}}@media(max-width:480px){.main-content{padding:var(--spacing-md);margin-top:90px;min-height:calc(100vh - 90px)}}*{margin:0;padding:0;box-sizing:border-box}:root{--background-primary: #ffffff;--background-secondary: #f8fafc;--background-tertiary: #f1f5f9;--background-gradient: linear-gradient(180deg, #f8fafc 0%, #f1f5f9 40%, #e8eef4 100%);--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #94a3b8;--text-disabled: #cbd5e1;--border-primary: #e2e8f0;--border-secondary: #cbd5e1;--border-light: #f1f5f9;--card-background: rgba(255, 255, 255, .92);--card-hover: rgba(255, 255, 255, .98);--hover-bg: #f1f5f9;--active-bg: #e2e8f0;--input-bg: #f8fafc;--input-border: #e2e8f0;--input-focus: #3b82f6;--input-placeholder: #94a3b8;--primary-50: #eff6ff;--primary-100: #dbeafe;--primary-200: #bfdbfe;--primary-300: #93c5fd;--primary-400: #60a5fa;--primary-500: #3b82f6;--primary-600: #2563eb;--primary-700: #1d4ed8;--primary-800: #1e40af;--primary-900: #1e3a8a;--accent-cyan: #06b6d4;--accent-purple: #8b5cf6;--accent-green: #10b981;--accent-orange: #f97316;--accent-pink: #ec4899;--gradient-primary: linear-gradient(135deg, #3b82f6 0%, #06b6d4 100%);--gradient-accent: linear-gradient(135deg, #8b5cf6 0%, #ec4899 100%);--gradient-warm: linear-gradient(135deg, #f97316 0%, #ef4444 100%);--gradient-success: linear-gradient(135deg, #10b981 0%, #06b6d4 100%);--success-color: #10b981;--warning-color: #f59e0b;--error-color: #ef4444;--info-color: #3b82f6;--font-family-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--font-family-mono: "Fira Code", "Fira Mono", "JetBrains Mono", "Consolas", monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--letter-spacing-tight: -.025em;--letter-spacing-normal: 0;--letter-spacing-wide: .025em;--spacing-0: 0;--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-8: 2rem;--spacing-10: 2.5rem;--spacing-12: 3rem;--spacing-16: 4rem;--spacing-20: 5rem;--spacing-24: 6rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-3xl: 2rem;--radius-full: 9999px;--shadow-none: none;--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .03);--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .05), 0 1px 2px -1px rgba(0, 0, 0, .03);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .08), 0 2px 4px -2px rgba(0, 0, 0, .04);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .08), 0 4px 6px -4px rgba(0, 0, 0, .03);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .08), 0 8px 10px -6px rgba(0, 0, 0, .03);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .15);--shadow-glow: 0 0 40px rgba(59, 130, 246, .15);--shadow-glow-intense: 0 0 60px rgba(59, 130, 246, .25);--transition-fast: .1s cubic-bezier(.4, 0, .2, 1);--transition-normal: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1);--transition-slower: .4s cubic-bezier(.4, 0, .2, 1);--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-modal: 400;--z-toast: 500}[data-theme=dark]{--background-primary: #0a0a0a;--background-secondary: #141414;--background-tertiary: #1e1e1e;--background-gradient: #0a0a0a;--text-primary: #f8fafc;--text-secondary: #cbd5e1;--text-muted: #64748b;--text-disabled: #475569;--border-primary: #334155;--border-secondary: #475569;--border-light: #1e293b;--card-background: rgba(30, 30, 30, .95);--card-hover: rgba(45, 45, 45, .98);--hover-bg: #1e1e1e;--active-bg: #2a2a2a;--input-bg: #1e293b;--input-border: #334155;--input-focus: #60a5fa;--input-placeholder: #64748b;--primary-50: rgba(96, 165, 250, .05);--primary-100: rgba(96, 165, 250, .1);--primary-200: rgba(96, 165, 250, .2);--primary-300: rgba(96, 165, 250, .3);--primary-400: #60a5fa;--primary-500: #60a5fa;--primary-600: #93c5fd;--primary-700: #bfdbfe;--primary-800: #dbeafe;--primary-900: #eff6ff;--accent-cyan: #22d3ee;--accent-purple: #a78bfa;--accent-green: #34d399;--accent-orange: #fb923c;--accent-pink: #f472b6;--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .4);--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .5), 0 1px 2px -1px rgba(0, 0, 0, .4);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .5), 0 2px 4px -2px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .5), 0 4px 6px -4px rgba(0, 0, 0, .4);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .5), 0 8px 10px -6px rgba(0, 0, 0, .4);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .6);--shadow-glow: 0 0 40px rgba(96, 165, 250, .2);--shadow-glow-intense: 0 0 60px rgba(96, 165, 250, .3)}html{scroll-behavior:smooth}body{font-family:var(--font-family-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--background-gradient);color:var(--text-primary);min-height:100vh;font-size:var(--font-size-base);line-height:var(--line-height-normal);letter-spacing:var(--letter-spacing-normal);overflow-x:hidden}code{font-family:var(--font-family-mono);font-size:var(--font-size-sm);background:var(--primary-light);color:var(--primary-color);padding:.125rem .375rem;border-radius:var(--radius-sm)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--background-secondary)}::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:var(--radius-lg)}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}::selection{background:var(--primary-light);color:var(--primary-color)}:focus{outline:2px solid var(--primary-color);outline-offset:2px}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}