.toast{position:fixed;bottom:2rem;right:2rem;display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;background:var(--surface-elevated);border:1px solid var(--border);border-radius:.5rem;box-shadow:0 10px 25px #0003,0 4px 12px #00000026;z-index:9999;opacity:0;transform:translateY(1rem);transition:all .3s ease;pointer-events:none}.toast-visible{opacity:1;transform:translateY(0);pointer-events:auto}.toast-icon{width:1.5rem;height:1.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.875rem;flex-shrink:0}.toast-success .toast-icon{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.toast-error .toast-icon{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.toast-info .toast-icon{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.toast-message{font-size:.9375rem;color:var(--text-primary);font-weight:500}@media(max-width:768px){.toast{bottom:1rem;right:1rem;left:1rem;max-width:calc(100% - 2rem)}}.dashboard{min-height:100vh;background:var(--background);transition:background-color .3s ease}.dashboard-content{max-width:1400px;margin:0 auto;padding:2rem}.dashboard-welcome-section{margin-bottom:2rem}.dashboard-welcome-section h1{font-size:2rem;font-weight:700;color:#111827;margin-bottom:.5rem}.dashboard-welcome-section p{font-size:1rem;color:#6b7280;margin-bottom:1.5rem}.dashboard-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-top:1.5rem}.stat-card{background:var(--surface-elevated);border:1px solid var(--border);border-radius:12px;padding:1.25rem;transition:all .2s;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100px}.stat-card:hover{border-color:#ff6f26;box-shadow:0 4px 6px -1px #0000001a}.stat-value{font-size:2.5rem;font-weight:700;color:#ff6f26;line-height:1;margin-bottom:.5rem}.dashboard-stats .stat-label{font-size:.875rem;color:#374151!important;font-weight:600;text-align:center}.dashboard-add-section{margin-bottom:2rem}.add-article-form-modern{display:flex;gap:.75rem;background:var(--surface-elevated);border:2px solid var(--border);border-radius:12px;padding:.5rem;transition:border-color .2s}.add-article-form-modern:focus-within{border-color:#ff6f26}.url-input{flex:1;border:none;outline:none;padding:.75rem 1rem;font-size:1rem;background:transparent}.url-input::placeholder{color:#9ca3af}.add-article-form-modern .add-button{display:flex;align-items:center;gap:.5rem;background:#ff6f26;color:#fff;border:none;border-radius:8px;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap;width:auto!important;height:auto!important}.add-article-form-modern .add-button:hover:not(:disabled){background:#e66520;transform:translateY(-1px)}.add-article-form-modern .add-button:disabled{opacity:.6;cursor:not-allowed}.add-article-form-modern .add-button svg{flex-shrink:0}.dashboard-controls{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.controls-right{display:flex;align-items:center;gap:1rem}.view-toggle{display:flex;gap:.25rem;background:#f3f4f6;padding:.25rem;border-radius:8px}.view-toggle button{padding:.5rem;border:none;background:transparent;border-radius:6px;color:#6b7280;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.view-toggle button:hover{color:#111827}.view-toggle button.active{background:#fff;color:#ff6f26;box-shadow:0 1px 3px #0000001a}.filter-tabs{display:flex;gap:.5rem;background:#f3f4f6;padding:.25rem;border-radius:8px}.filter-tabs button{padding:.5rem 1rem;border:none;background:transparent;border-radius:6px;font-size:.875rem;font-weight:500;color:#6b7280;cursor:pointer;transition:all .2s}.filter-tabs button:hover{color:#111827}.filter-tabs button.active{background:#fff;color:#ff6f26;box-shadow:0 1px 3px #0000001a}.search-container{display:flex;align-items:center;gap:.5rem;background:var(--surface-elevated);border:1px solid var(--border);border-radius:8px;padding:.5rem 1rem;min-width:300px}.search-container svg{color:#9ca3af;flex-shrink:0}.search-container .search-input{flex:1;border:none;outline:none;font-size:.875rem;background:transparent}.search-container .search-input::placeholder{color:#9ca3af}.articles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1rem}.articles-grid.list-view{grid-template-columns:1fr}.articles-grid.list-view .article-card-modern{display:grid;grid-template-columns:auto 1fr auto;gap:1rem;align-items:center;padding:1rem}.articles-grid.list-view .article-card-header{flex-direction:row;align-items:flex-start;order:1;margin:0}.articles-grid.list-view .article-title{-webkit-line-clamp:2}.articles-grid.list-view .article-excerpt{margin:.375rem 0 0;-webkit-line-clamp:1}.articles-grid.list-view .article-meta{display:flex;gap:1rem;align-items:center;order:2}.articles-grid.list-view .reading-progress{order:0;width:100px}.articles-grid.list-view .read-button{order:3;width:auto;white-space:nowrap;padding:.625rem 1rem}.article-card-modern{background:var(--surface-elevated);border:1px solid var(--border);border-radius:12px;padding:1rem;transition:all .2s;display:flex;flex-direction:column;gap:.75rem}.article-card-modern:hover{border-color:#d1d5db;box-shadow:0 4px 6px -1px #0000000d;transform:translateY(-1px)}.article-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem}.article-title{font-size:1rem;font-weight:600;color:#111827;line-height:1.5;margin:0;flex:1;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;min-height:0}.article-actions{display:flex;gap:.5rem;flex-shrink:0;margin-top:.125rem}.action-button{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;border-radius:6px;cursor:pointer;transition:all .2s;color:#9ca3af}.action-button:hover{background:#f3f4f6;color:#374151}.action-button.favorite.active,.action-button.favorite:hover,.action-button.favorite.active:hover,.action-button.delete:hover{color:#ef4444}.article-excerpt{font-size:.875rem;color:#6b7280;line-height:1.5;margin:0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:0}.article-meta{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;margin:0;font-size:.8125rem;min-height:24px}.article-author{color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.tag{background:#f3f4f6;color:#4b5563;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500}.reading-progress{margin:0}.progress-bar{height:3px;background:#e5e7eb;border-radius:9999px;overflow:hidden;margin-bottom:.375rem}.progress-fill{height:100%;background:#ff6f26;border-radius:9999px;transition:width .3s}.progress-text{font-size:.75rem;color:#6b7280}.read-button{display:flex;align-items:center;justify-content:center;gap:.5rem;background:#ff6f26;color:#fff;border:none;border-radius:6px;padding:.625rem .875rem;font-size:.8125rem;font-weight:600;cursor:pointer;transition:all .2s;text-decoration:none;margin-top:auto}.read-button:hover{background:#e66520}.read-button svg{flex-shrink:0}.dashboard-empty{text-align:center;padding:4rem 2rem;color:#6b7280}.dashboard-empty svg{margin:0 auto 1.5rem;color:#d1d5db}.dashboard-empty h2{font-size:1.5rem;color:#111827;margin-bottom:.5rem}.dashboard-empty p{font-size:1rem}.dashboard-loading{text-align:center;padding:4rem 2rem}.dashboard-error{text-align:center;padding:2rem;background:#fee2e2;border:1px solid #fecaca;border-radius:8px;color:#991b1b}.loading-spinner{width:48px;height:48px;border:4px solid #f3f4f6;border-top-color:#ff6f26;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}@media(max-width:768px){.dashboard-content{padding:1rem}.dashboard-welcome-section h1{font-size:1.5rem}.dashboard-stats{grid-template-columns:repeat(2,1fr)}.dashboard-controls{flex-direction:column;align-items:stretch}.filter-tabs{justify-content:center}.search-container{min-width:auto}.articles-grid{grid-template-columns:1fr}.add-article-form-modern{flex-direction:column}.add-article-form-modern .add-button{justify-content:center}}@media(max-width:480px){.dashboard-stats{grid-template-columns:1fr}.stat-value{font-size:2rem}}.sidebar-overlay{position:fixed;inset:0;background:#00000080;z-index:100;animation:fadeIn .3s ease-out}.dashboard-sidebar{position:fixed;top:0;left:0;bottom:0;width:280px;max-width:80vw;background:var(--surface-elevated);box-shadow:4px 0 6px -1px #0000001a;z-index:101;animation:slideInLeft .3s ease-out;display:flex;flex-direction:column;overflow-y:auto}@keyframes slideInLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid #e5e7eb}.sidebar-header h2{font-size:1.125rem;font-weight:600;color:#111827;margin:0}.sidebar-close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:#6b7280;cursor:pointer;border-radius:6px;transition:all .2s}.sidebar-close:hover{background:#f3f4f6;color:#111827}.sidebar-nav{padding:1rem;flex:1}.sidebar-section{display:flex;flex-direction:column;gap:.25rem}.sidebar-item{display:flex;align-items:center;gap:.875rem;padding:.875rem 1rem;border:none;background:transparent;text-align:left;color:#374151;font-size:.9375rem;font-weight:500;border-radius:8px;cursor:pointer;transition:all .15s ease-in-out;width:100%;position:relative}.sidebar-item:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:0;background:#ff6f26;border-radius:0 2px 2px 0;transition:height .2s ease}.sidebar-item:hover{background:#f9fafb;color:#111827}.sidebar-item:active{background:#f3f4f6;transform:scale(.98)}.sidebar-item.active{background:#fff7ed;color:#ff6f26;font-weight:600}.sidebar-item.active:before{height:60%}.sidebar-item svg{flex-shrink:0;color:#9ca3af;transition:all .15s}.sidebar-item:hover svg{color:#6b7280}.sidebar-item.active svg{color:#ff6f26}.sidebar-divider{height:1px;background:linear-gradient(to right,transparent,#e5e7eb 10%,#e5e7eb 90%,transparent);margin:.75rem .5rem}.pagination{display:flex;justify-content:space-between;align-items:center;margin-top:3rem;padding:1.5rem;background:var(--surface-elevated);border-radius:12px;border:1px solid var(--border);flex-wrap:wrap;gap:1rem}.pagination-info{display:flex;align-items:center;gap:1.5rem;font-size:.875rem;color:#6b7280;font-weight:500;flex-wrap:wrap}.pagination-page-size{display:flex;align-items:center;gap:.5rem}.pagination-page-size label{font-size:.875rem;color:#6b7280;font-weight:500}.pagination-page-size select{padding:.375rem .75rem;border:1px solid var(--border);border-radius:6px;background:var(--surface-elevated);color:var(--text-primary);font-size:.875rem;cursor:pointer;transition:all .2s;touch-action:manipulation}.pagination-page-size select:focus{outline:none;border-color:#ff6f26;box-shadow:0 0 0 3px #ff6f261a}.pagination-page-size select:focus,.pagination-page-size select:active{position:relative;z-index:1000}.pagination-controls{display:flex;align-items:center;gap:.5rem}.pagination-button{min-width:36px;height:36px;display:flex;align-items:center;justify-content:center;padding:0 .75rem;border:1px solid var(--border);background:var(--surface-elevated);border-radius:8px;font-size:.875rem;font-weight:500;color:var(--text-primary);cursor:pointer;transition:all .2s}.pagination-button:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db}.pagination-button:active:not(:disabled){background:#f3f4f6;transform:scale(.95)}.pagination-button:disabled{opacity:.5;cursor:not-allowed}.pagination-button.page-number.active{background:linear-gradient(135deg,#ff6f26,#ff8c42);color:#fff;border-color:#ff6f26}.pagination-ellipsis{display:flex;align-items:center;justify-content:center;min-width:36px;height:36px;color:#9ca3af;font-weight:500}@media(max-width:640px){.pagination{flex-direction:column;align-items:stretch}.pagination-info{text-align:center}.pagination-controls{justify-content:center}.view-toggle{display:none}.articles-grid{grid-template-columns:1fr!important}.articles-grid .article-card-modern{padding:.875rem}.search-container{min-width:100%}.dashboard-controls{flex-direction:column;align-items:stretch}.controls-right{flex-direction:column;gap:.75rem}.filter-tabs{width:100%;justify-content:space-between}.filter-tabs button{flex:1;text-align:center}}.reader{min-height:100vh;background:var(--background);position:relative;transition:background-color .3s ease}.reader-notification{position:fixed;top:0;left:0;right:0;z-index:1000;padding:1rem 2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:slideDown .3s ease-out}.reader-notification.loading{background:linear-gradient(135deg,#ff6f26f2,#ff8c32f2);color:#fff;box-shadow:0 4px 12px #ff6f264d}.reader-notification.error{background:linear-gradient(135deg,#ef4444f2,#dc2626f2);color:#fff;box-shadow:0 4px 12px #ef44444d}.notification-content{max-width:800px;margin:0 auto;display:flex;align-items:center;gap:.75rem;font-size:.9375rem;font-weight:500}.notification-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}.notification-icon{font-size:1.25rem;line-height:1}.notification-close{margin-left:auto;background:#fff3;border:none;color:#fff;font-size:1.5rem;width:28px;height:28px;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s;line-height:1;padding:0}.notification-close:hover{background:#ffffff4d}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.reader-header{position:sticky;top:0;background:var(--surface-elevated);border-bottom:1px solid var(--border);padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;z-index:100;box-shadow:0 1px 3px #0000000d;transition:background-color .3s ease,border-color .3s ease}.back-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:transparent;border:1px solid var(--border);border-radius:8px;color:var(--text-primary);font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .2s}.back-button:hover{background:var(--surface);border-color:var(--border-hover)}.reader-actions{display:flex;gap:.5rem}.action-btn{display:flex;align-items:center;gap:.25rem;padding:.5rem .75rem;background:transparent;border:1px solid var(--border);border-radius:8px;color:var(--text-primary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;text-decoration:none}.action-btn:hover:not(:disabled){background:#ff6f26;border-color:#ff6f26;color:#fff}.action-btn:disabled{opacity:.5;cursor:not-allowed}.reader-content{max-width:800px;margin:0 auto;padding:3rem 2rem}.article-header{margin-bottom:3rem;padding-bottom:2rem;border-bottom:1px solid var(--border)}.article-header h1{font-size:3rem;font-weight:800;color:var(--text-primary);line-height:1.1;margin-bottom:1.5rem;letter-spacing:-.03em}.article-meta-stack{display:flex;flex-direction:column;gap:.5rem}.article-date{font-size:.875rem;color:#6b7280;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.article-author{font-size:1rem;color:#374151;font-weight:500;display:flex;align-items:center;gap:.375rem;margin:0}.author-prefix{color:#9ca3af;font-weight:400}.article-stats{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#6b7280;font-weight:500}.article-image{width:100%;border-radius:12px;margin-bottom:2rem;box-shadow:0 4px 6px -1px #0000001a}.article-body{font-size:1.125rem;line-height:1.8;color:var(--text-primary)}.article-body h1{font-size:2rem;font-weight:700;color:var(--text-primary);margin:2.5rem 0 1rem;line-height:1.3}.article-body h2{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin:2rem 0 1rem;line-height:1.3}.article-body h3{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:1.75rem 0 .75rem;line-height:1.4}.article-body p{margin-bottom:1.5rem}.article-body a{color:#ff6f26;text-decoration:underline;transition:color .2s}.article-body a:hover{color:#e55a0f}.article-body strong{font-weight:700;color:#111827}.article-body em{font-style:italic}.article-body img{max-width:100%;height:auto;border-radius:8px;margin:2rem 0}.article-body blockquote{border-left:4px solid #FF6F26;padding-left:1.5rem;margin:2rem 0;font-style:italic;color:#6b7280}.article-body code{background:var(--surface);color:var(--text-primary);padding:.25rem .5rem;border-radius:4px;font-family:Monaco,Courier New,monospace;font-size:.9em}.article-body pre{background:#1f2937;color:#f9fafb;padding:1.5rem;border-radius:8px;overflow-x:auto;margin:2rem 0}.article-body pre code{background:transparent;padding:0;color:inherit}.article-body ul,.article-body ol{margin:1.5rem 0;padding-left:2rem}.article-body li{margin-bottom:.75rem}.reader-loading,.reader-error{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center}.reader-loading p,.reader-error p{color:#6b7280;margin-top:1rem}.reader-error h2{font-size:1.5rem;font-weight:700;color:#111827;margin-bottom:.5rem}.loading-spinner{width:40px;height:40px;border:3px solid #e5e7eb;border-top-color:#ff6f26;border-radius:50%;animation:spin .6s linear infinite}@media(max-width:768px){.reader-notification{padding:.75rem 1rem}.notification-content{font-size:.875rem}.notification-close{width:24px;height:24px;font-size:1.25rem}.reader-header{padding:1rem;flex-wrap:wrap;gap:.75rem}.reader-actions{width:100%;justify-content:space-between}.action-btn{flex:1;justify-content:center;font-size:.75rem;padding:.5rem}.reader-content{padding:2rem 1rem}.article-header h1{font-size:2rem;letter-spacing:-.015em;line-height:1.2}.article-author{font-size:1rem}.article-meta{flex-direction:column;align-items:flex-start;gap:.5rem;margin-bottom:1.5rem}.article-body{font-size:1rem}}.landing-page{min-height:100vh;background:linear-gradient(to bottom,#fff,#f9fafb);transition:background .3s ease}[data-theme=dark] .landing-page{background:linear-gradient(to bottom,#0f172a,#1e293b)}.hero{position:relative;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:6rem 0 8rem;overflow:hidden;transition:background .3s ease}[data-theme=dark] .hero{background:linear-gradient(135deg,#1e293b,#334155)}.hero:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"><defs><pattern id="grid" width="40" height="40" patternUnits="userSpaceOnUse"><path d="M 40 0 L 0 0 0 40" fill="none" stroke="rgba(255,255,255,0.05)" stroke-width="1"/></pattern></defs><rect width="100%" height="100%" fill="url(%23grid)" /></svg>');opacity:.3;pointer-events:none}.hero-nav{position:sticky;top:0;z-index:100;padding:1.5rem 2rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;box-shadow:0 2px 10px #0000001a}[data-theme=dark] .hero-nav{background:linear-gradient(135deg,#1e293b,#334155);box-shadow:0 2px 10px #0000004d}@media(max-width:640px){.hero-nav{padding:1rem}}.nav-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:1rem}.hero-nav svg path{fill:#fff!important}.hero-nav span{color:#fff!important}.logo{flex-shrink:0;color:#fff}.nav-actions{display:flex;gap:.75rem;align-items:center}.hero-nav .theme-toggle{color:#fff;width:36px;height:36px;padding:0;border:none;background:#ffffff1a;cursor:pointer;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .2s}.hero-nav .theme-toggle:hover{background:#fff3}.mobile-menu-theme-toggle{display:flex;justify-content:center;padding:.5rem 0;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:.5rem}.mobile-menu-theme-toggle .theme-toggle{color:#fff;width:36px;height:36px;padding:0;border:none;background:#ffffff1a;cursor:pointer;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .2s}.mobile-menu-theme-toggle .theme-toggle:hover{background:#fff3}.hamburger-menu{display:none;flex-direction:column;gap:4px;background:transparent;border:none;padding:.5rem;cursor:pointer;z-index:150;position:relative}.hamburger-menu span{display:block;width:24px;height:2px;background:#fff;border-radius:2px;transition:all .3s}.hamburger-menu:hover span{background:#fffc}@media(max-width:640px){.hamburger-menu{display:flex}.nav-actions .btn-text,.nav-actions .btn-primary{display:none}}.mobile-menu-overlay{position:fixed;inset:0;background:#00000080;z-index:110;animation:fadeIn .3s ease-out}.mobile-menu{position:absolute;top:100%;left:0;right:0;background:#667eeafa;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:1rem;display:flex;flex-direction:column;gap:.5rem;animation:slideDown .3s ease-out;box-shadow:0 4px 12px #0000001a;z-index:120;transition:background .3s ease}[data-theme=dark] .mobile-menu{background:#1e293bfa}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.mobile-menu-item{background:#ffffff1a;color:#fff;border:none;padding:.75rem 1rem;border-radius:.5rem;font-size:.9375rem;font-weight:500;cursor:pointer;text-align:left;text-decoration:none;display:block;transition:background .2s}.mobile-menu-item:hover{background:#fff3}.btn-text{background:transparent;color:#fff;border:none;padding:.625rem 1.25rem;border-radius:.5rem;font-size:.9375rem;font-weight:500;cursor:pointer;transition:background .2s;white-space:nowrap}.btn-text:hover{background:#ffffff1a}.btn-primary{background:#fff;color:#667eea;border:none;padding:.625rem 1.5rem;border-radius:.5rem;font-size:.9375rem;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s;white-space:nowrap}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}@media(max-width:640px){.nav-actions{gap:.5rem}}.hero-content{position:relative;z-index:10;max-width:900px;margin:0 auto;padding:2rem 2rem 4rem;text-align:center}.hero-badge{display:inline-block;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:.5rem 1.25rem;border-radius:2rem;margin-bottom:2rem;border:1px solid rgba(255,255,255,.3)}.badge-text{font-size:.875rem;font-weight:500}.hero-title{font-size:3.5rem;font-weight:800;line-height:1.2;margin-bottom:1.5rem}.gradient-text{background:linear-gradient(to right,#fbbf24,#f59e0b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-description{font-size:1.25rem;line-height:1.6;opacity:.95;margin-bottom:2.5rem;max-width:700px;margin-left:auto;margin-right:auto}.hero-actions{display:flex;gap:1rem;justify-content:center;margin-bottom:4rem}.btn-hero-primary,.btn-hero-secondary{padding:1rem 2rem;border-radius:.75rem;font-size:1.125rem;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.5rem;border:none}.btn-hero-primary{background:#fff;color:#667eea}.btn-hero-primary:hover{transform:translateY(-3px);box-shadow:0 10px 25px #0003}.btn-hero-secondary{background:#ffffff1a;color:#fff;border:2px solid rgba(255,255,255,.3)}.btn-hero-secondary:hover{background:#fff3}.btn-arrow,.play-icon{font-size:1.25rem}.hero-stats{display:flex;justify-content:center;gap:4rem}.stat{text-align:center}.stat-number{font-size:2.5rem;font-weight:800;margin-bottom:.25rem;color:#fff}.stat-label{font-size:.9375rem;font-weight:600;color:#fff}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.section-header{text-align:center;margin-bottom:4rem}.section-title{font-size:2.5rem;font-weight:700;color:#111827;margin-bottom:1rem;transition:color .3s ease}[data-theme=dark] .section-title{color:#f1f5f9}.section-description{font-size:1.125rem;color:#6b7280;max-width:600px;margin:0 auto;transition:color .3s ease}[data-theme=dark] .section-description{color:#cbd5e1}.features{padding:6rem 0;transition:background .3s ease}[data-theme=dark] .features{background:#0f172a}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.feature-card{background:#fff;padding:2rem;border-radius:1rem;border:1px solid #e5e7eb;transition:all .3s}[data-theme=dark] .feature-card{background:#1e293b;border-color:#334155}.feature-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0000001a;border-color:#667eea}[data-theme=dark] .feature-card:hover{box-shadow:0 10px 30px #0000004d}.feature-icon{font-size:3rem;margin-bottom:1rem}.feature-title{font-size:1.25rem;font-weight:600;color:#111827;margin-bottom:.75rem;transition:color .3s ease}[data-theme=dark] .feature-title{color:#f1f5f9}.feature-description{color:#6b7280;line-height:1.6;transition:color .3s ease}[data-theme=dark] .feature-description{color:#cbd5e1}.how-it-works{padding:6rem 0;background:#fff;transition:background .3s ease}[data-theme=dark] .how-it-works{background:#1e293b}.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:3rem}.step{text-align:center}.step-number{width:4rem;height:4rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:1.5rem;font-weight:700;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem}.step-title{font-size:1.25rem;font-weight:600;color:#111827;margin-bottom:.75rem;transition:color .3s ease}[data-theme=dark] .step-title{color:#f1f5f9}.step-description{color:#6b7280;line-height:1.6;transition:color .3s ease}[data-theme=dark] .step-description{color:#cbd5e1}.pricing{padding:6rem 0;background:#f9fafb;transition:background .3s ease}[data-theme=dark] .pricing{background:#0f172a}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;max-width:1000px;margin:0 auto}.pricing-card{background:#fff;border:2px solid #e5e7eb;border-radius:1rem;padding:2.5rem;position:relative;transition:all .3s}[data-theme=dark] .pricing-card{background:#1e293b;border-color:#334155}.pricing-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0000001a}[data-theme=dark] .pricing-card:hover{box-shadow:0 10px 30px #0000004d}.pricing-card.featured{border-color:#667eea;box-shadow:0 10px 40px #667eea33}.pricing-badge{position:absolute;top:-1rem;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:.5rem 1.5rem;border-radius:2rem;font-size:.875rem;font-weight:600}.pricing-name{font-size:1.5rem;font-weight:700;color:#111827;margin-bottom:1rem;transition:color .3s ease}[data-theme=dark] .pricing-name{color:#f1f5f9}.pricing-price{margin-bottom:2rem}.price-amount{font-size:3rem;font-weight:800;color:#111827;transition:color .3s ease}[data-theme=dark] .price-amount{color:#f1f5f9}.price-period{font-size:1rem;color:#6b7280;transition:color .3s ease}[data-theme=dark] .price-period{color:#cbd5e1}.pricing-features{list-style:none;margin-bottom:2rem}.feature-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 0;color:#374151;transition:color .3s ease}[data-theme=dark] .feature-item{color:#cbd5e1}.feature-item.disabled{color:#9ca3af}[data-theme=dark] .feature-item.disabled{color:#64748b}.feature-check{font-weight:700;color:#10b981}.feature-item.disabled .feature-check{color:#d1d5db}.btn-pricing{width:100%;padding:1rem;border:2px solid #e5e7eb;background:#fff;color:#374151;border-radius:.75rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}[data-theme=dark] .btn-pricing{background:#334155;border-color:#475569;color:#f1f5f9}.btn-pricing:hover{border-color:#667eea;color:#667eea}[data-theme=dark] .btn-pricing:hover{background:#475569}.btn-pricing.primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none}.btn-pricing.primary:hover{transform:translateY(-2px);box-shadow:0 5px 15px #667eea4d}.cta{padding:6rem 0;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;transition:background .3s ease}[data-theme=dark] .cta{background:linear-gradient(135deg,#1e293b,#334155)}.cta-content{text-align:center;max-width:700px;margin:0 auto}.cta-title{font-size:2.5rem;font-weight:700;margin-bottom:1rem}.cta-description{font-size:1.125rem;margin-bottom:2rem;opacity:.95}.btn-cta{background:#fff;color:#667eea;border:none;padding:1rem 2.5rem;border-radius:.75rem;font-size:1.125rem;font-weight:600;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:.5rem}.btn-cta:hover{transform:translateY(-3px);box-shadow:0 10px 25px #0003}.footer{background:#111827;color:#9ca3af;padding:4rem 0 2rem}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;margin-bottom:3rem}.footer-logo{display:flex;align-items:center;gap:.75rem;font-size:1.25rem;font-weight:700;color:#fff;margin-bottom:1rem}.footer-description{font-size:.875rem;line-height:1.6}.footer-title{color:#fff;font-size:1rem;font-weight:600;margin-bottom:1rem}.footer-links{list-style:none}.footer-links li{margin-bottom:.75rem}.footer-links a{color:#9ca3af;text-decoration:none;font-size:.875rem;transition:color .2s}.footer-links a:hover{color:#fff}.footer-bottom{border-top:1px solid #374151;padding-top:2rem;display:flex;justify-content:space-between;align-items:center}.footer-copyright{font-size:.875rem}.footer-social{display:flex;gap:1.5rem}.footer-social a{color:#9ca3af;text-decoration:none;transition:color .2s}.footer-social a:hover{color:#fff}@media(max-width:768px){.hero-title{font-size:2.5rem}.hero-description{font-size:1rem}.hero-actions{flex-direction:column}.hero-stats{flex-direction:column;gap:2rem}.section-title{font-size:2rem}.features-grid,.pricing-grid,.footer-content{grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:1rem;text-align:center}}:root{--primary-color: #FF6F26;--primary-hover: #e66520;--secondary-color: #8b5cf6;--background: #ffffff;--surface: #f9fafb;--surface-elevated: #ffffff;--text-primary: #111827;--text-secondary: #6b7280;--text-tertiary: #9ca3af;--border: #e5e7eb;--border-hover: #d1d5db;--error: #ef4444;--success: #10b981;--warning: #f59e0b;--info: #3b82f6}[data-theme=dark]{--primary-color: #FF6F26;--primary-hover: #FF8C42;--secondary-color: #a78bfa;--background: #0f172a;--surface: #1e293b;--surface-elevated: #334155;--text-primary: #f1f5f9;--text-secondary: #cbd5e1;--text-tertiary: #94a3b8;--border: #334155;--border-hover: #475569;--error: #f87171;--success: #34d399;--warning: #fbbf24;--info: #60a5fa}*{margin:0;padding:0;box-sizing:border-box}body{font-family:system-ui,-apple-system,sans-serif;line-height:1.5;color:var(--text-primary);background:var(--background);transition:background-color .3s ease,color .3s ease}.app{min-height:100vh;display:flex;flex-direction:column}.app-header{background:var(--surface);border-bottom:1px solid var(--border);padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center}.app-main{flex:1;padding:2rem;max-width:1200px;margin:0 auto;width:100%}.article-list{display:flex;flex-direction:column;gap:2rem}.add-article-form{display:flex;gap:1rem;margin-bottom:2rem}.add-article-form input{flex:1;padding:.75rem;border:1px solid var(--border);border-radius:.5rem;font-size:1rem}.add-article-form button{padding:.75rem 1.5rem;background:var(--primary-color);color:#fff;border:none;border-radius:.5rem;font-size:1rem;cursor:pointer;transition:opacity .2s}.add-article-form button:hover{opacity:.9}.add-article-form button:disabled{opacity:.5;cursor:not-allowed}.articles{display:flex;flex-direction:column;gap:1rem}.article-card{background:var(--surface);border:1px solid var(--border);border-radius:.5rem;padding:1.5rem}.article-header{display:flex;justify-content:space-between;align-items:start;margin-bottom:.5rem}.article-header h2{font-size:1.25rem;font-weight:600;margin:0}.article-actions{display:flex;gap:.5rem}.article-actions button{background:none;border:none;font-size:1.25rem;cursor:pointer;padding:.25rem;opacity:.6;transition:opacity .2s}.article-actions button:hover{opacity:1}.article-actions .favorite.active{color:#fbbf24;opacity:1}.article-excerpt{color:var(--text-secondary);margin:.5rem 0}.article-author{color:var(--text-secondary);font-size:.875rem;margin:.25rem 0}.article-meta{margin-top:1rem;display:flex;flex-wrap:wrap;gap:1rem;align-items:center}.article-tags{display:flex;flex-wrap:wrap;gap:.5rem}.tag{background:var(--primary-color);color:#fff;padding:.25rem .75rem;border-radius:1rem;font-size:.75rem}.reading-progress{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--text-secondary)}.progress-bar{width:100px;height:4px;background:var(--border);border-radius:2px;overflow:hidden}.progress-fill{height:100%;background:var(--success);transition:width .3s}.loading,.error,.empty-state{text-align:center;padding:2rem;color:var(--text-secondary)}.error{color:var(--error)}.user-info{display:flex;align-items:center;gap:1rem}.user-info button{padding:.5rem 1rem;background:transparent;border:1px solid var(--border);border-radius:.5rem;cursor:pointer;transition:background .2s}.user-info button:hover{background:var(--surface)}.app-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.loading-spinner{width:50px;height:50px;border:4px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}@keyframes spin{to{transform:rotate(360deg)}}.app-loading p{font-size:1.125rem;font-weight:500}.header{position:sticky;top:0;z-index:50;background:var(--surface-elevated);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:background-color .3s ease,border-color .3s ease}.header-content{max-width:1440px;margin:0 auto;padding:0 1.5rem;height:64px;display:flex;align-items:center;justify-content:space-between;gap:2rem}.header-left{display:flex;align-items:center;gap:1rem}.header-logo{display:flex;align-items:center;gap:.75rem;text-decoration:none;color:inherit;transition:opacity .2s}.header-logo:hover{opacity:.8}.header-nav{display:flex;align-items:center;gap:.5rem}@media(max-width:768px){.header-nav{display:none}}.nav-link{padding:.5rem .875rem;text-decoration:none;color:var(--text-secondary);font-size:.875rem;font-weight:500;border-radius:8px;transition:all .2s}.nav-link:hover{color:var(--text-primary);background:var(--surface)}.nav-link.active{color:#ff6f26;background:#fff7ed}.header-right{display:flex;align-items:center;gap:.75rem}.menu-button-mobile{display:none;width:36px;height:36px;padding:0;border:none;background:transparent;color:#9ca3af;cursor:pointer;border-radius:8px;transition:all .2s}.menu-button-mobile:hover{background:#f3f4f6;color:#374151}@media(max-width:768px){.menu-button-mobile{display:flex}}.search-button,.add-button,.theme-toggle{width:36px;height:36px;padding:0;border:none;background:transparent;color:var(--text-tertiary);cursor:pointer;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .2s}.search-button:hover,.theme-toggle:hover{background:var(--surface);color:var(--text-primary)}.add-button{background:#ff6f26;color:#fff}.add-button:hover{background:#e66520;color:#fff}.user-menu-container{position:relative}.user-menu-button{border:none;background:transparent;cursor:pointer;padding:0}.user-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#ff6f26,#ff8c42);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem;transition:all .2s}.user-avatar.large{width:48px;height:48px;font-size:1.125rem}.user-menu-button:hover .user-avatar{opacity:.9}.user-menu-overlay{position:fixed;inset:0;z-index:40;background:transparent}.user-menu-dropdown{position:absolute;top:calc(100% + .5rem);right:0;z-index:50;min-width:280px;background:var(--surface-elevated);border:1px solid var(--border);border-radius:12px;box-shadow:0 20px 60px #00000026;animation:slideDown .2s ease-out;overflow:hidden}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.user-menu-header{padding:1rem;display:flex;align-items:center;gap:.75rem;background:var(--surface);border-bottom:1px solid var(--border)}.user-info{flex:1;min-width:0}.user-name{font-size:.875rem;font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-email{font-size:.75rem;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-menu-divider{height:1px;background:var(--border);margin:.5rem .75rem}.user-menu-nav{padding:.25rem .5rem}.user-menu-section-label{padding:.5rem .75rem .25rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#9ca3af}.user-menu-item{display:flex;align-items:center;gap:.75rem;padding:.625rem .875rem;width:100%;border:none;background:transparent;text-align:left;text-decoration:none;color:var(--text-primary);font-size:.875rem;font-weight:500;border-radius:8px;cursor:pointer;transition:all .2s}.user-menu-item:hover{background:var(--surface);color:var(--text-primary)}.user-menu-item:active{transform:scale(.98)}.user-menu-item svg{flex-shrink:0;color:#9ca3af;transition:color .2s}.user-menu-item:hover svg{color:#374151}.user-menu-item.danger{color:#dc2626}.user-menu-item.danger:hover{background:#fef2f2;color:#b91c1c}.user-menu-item.danger svg{opacity:.8}@media(max-width:640px){.header-content{padding:0 .75rem}.search-button{display:none}.user-menu-dropdown{right:-1rem}}.footer{background:var(--surface);border-top:1px solid var(--border);padding:3rem 0 1.5rem;margin-top:auto;transition:background-color .3s ease,border-color .3s ease}.footer-container{max-width:1440px;margin:0 auto;padding:0 1.5rem}.footer-content{display:grid;grid-template-columns:2fr 1fr;gap:3rem;margin-bottom:2.5rem}@media(max-width:768px){.footer-content{grid-template-columns:1fr;gap:2rem}}@media(max-width:640px){.footer-content{grid-template-columns:1fr}}.footer-section{display:flex;flex-direction:column}.footer-brand{gap:1rem}.footer-logo{margin-bottom:.5rem}.footer-logo svg{flex-shrink:0}.footer-description{color:var(--text-secondary);font-size:.875rem;line-height:1.6;max-width:300px}.footer-social{display:flex;align-items:center;gap:.75rem;margin-top:1rem}.social-link{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:var(--surface-elevated);border:1px solid var(--border);color:var(--text-secondary);transition:all .2s}.social-link:hover{background:#2563eb;border-color:#2563eb;color:#fff;transform:translateY(-2px)}.footer-title{font-size:.875rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem;text-transform:uppercase;letter-spacing:.05em}.footer-links{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.footer-links li a{color:var(--text-secondary);text-decoration:none;font-size:.875rem;transition:color .2s}.footer-links li a:hover{color:#2563eb}.footer-bottom{display:flex;align-items:center;justify-content:space-between;padding-top:1.5rem;border-top:1px solid var(--border)}@media(max-width:640px){.footer-bottom{flex-direction:column;gap:1rem;text-align:center}}.footer-copyright{color:var(--text-secondary);font-size:.875rem;margin:0}.footer-bottom-links{display:flex;align-items:center;gap:1.5rem}.footer-bottom-links a{color:var(--text-secondary);text-decoration:none;font-size:.875rem;transition:color .2s}.footer-bottom-links a:hover{color:#2563eb}.footer-minimal{background:var(--surface-elevated);border-top:1px solid var(--border);padding:1.5rem 0;margin-top:auto;transition:background-color .3s ease,border-color .3s ease}.footer-minimal-content{max-width:1440px;margin:0 auto;padding:0 1.5rem;display:flex;align-items:center;justify-content:space-between}@media(max-width:640px){.footer-minimal-content{flex-direction:column;gap:1rem;text-align:center}}.footer-minimal-links{display:flex;align-items:center;gap:1.5rem}.footer-minimal-links a{color:var(--text-secondary);text-decoration:none;font-size:.875rem;transition:color .2s}.footer-minimal-links a:hover{color:#2563eb}.modal-overlay{position:fixed;inset:0;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:1rem;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--surface-elevated);border-radius:12px;width:100%;padding:1.5rem;position:relative;box-shadow:0 20px 60px #0000004d;animation:slideUp .25s ease-out;border:1px solid var(--border);transition:background-color .3s ease,border-color .3s ease}.modal-content-sm{max-width:400px}.modal-content-md{max-width:480px}.modal-content-lg{max-width:640px}@keyframes slideUp{0%{transform:translateY(16px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-close{position:absolute;top:1rem;right:1rem;background:transparent;border:none;font-size:1.5rem;color:#9ca3af;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s;line-height:1}.modal-close:hover{background:var(--surface);color:var(--text-primary)}.modal-icon{display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;width:64px;height:64px;border-radius:50%}.modal-icon-info{background:#eff6ff;color:#3b82f6}.modal-icon-success{background:#f0fdf4;color:#22c55e}.modal-icon-warning{background:#fffbeb;color:#f59e0b}.modal-icon-danger{background:#fef2f2;color:#ef4444}.modal-header{text-align:center;margin-bottom:1rem}.modal-title{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem;line-height:1.4}.modal-subtitle{color:#6b7280;font-size:.875rem;margin:0;line-height:1.5}.modal-body{margin-bottom:1rem;color:var(--text-primary);font-size:.9375rem;line-height:1.6}.modal-actions{display:flex;gap:.75rem;margin-top:1.5rem}.modal-actions-left{justify-content:flex-start}.modal-actions-center{justify-content:center}.modal-actions-right{justify-content:flex-end}.modal-actions-space-between{justify-content:space-between}.modal-button{padding:.625rem 1.25rem;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s;border:none;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-width:80px}.modal-button:disabled{opacity:.5;cursor:not-allowed}.modal-button-primary{background:#ff6f26;color:#fff;border:1px solid transparent}.modal-button-primary:hover:not(:disabled){background:#e66520}.modal-button-secondary{background:#f3f4f6;color:#374151;border:1px solid #e5e7eb}.modal-button-secondary:hover:not(:disabled){background:#e5e7eb}.modal-button-danger{background:#ef4444;color:#fff;border:1px solid transparent}.modal-button-danger:hover:not(:disabled){background:#dc2626}.modal-button-ghost{background:transparent;color:#6b7280;border:1px solid transparent}.modal-button-ghost:hover:not(:disabled){background:#f3f4f6;color:#374151}.modal-form{margin-bottom:1.5rem}.form-group{margin-bottom:1.25rem}.form-label{display:block;font-size:.875rem;font-weight:600;color:#374151;margin-bottom:.5rem}.form-input{width:100%;padding:.625rem .875rem;border:1px solid var(--border);background:var(--surface-elevated);color:var(--text-primary);border-radius:8px;font-size:.875rem;transition:all .2s}.form-input:focus{outline:none;border-color:#ff6f26;box-shadow:0 0 0 3px #ff6f261a}.form-input:disabled{background:#f9fafb;cursor:not-allowed;opacity:.6}.form-hint{font-size:.75rem;color:#6b7280;margin-top:.375rem}.form-error{background:#fef2f2;color:#991b1b;padding:.75rem 1rem;border-radius:8px;font-size:.875rem;margin-bottom:1rem;border:1px solid #fecaca}.btn-submit{width:100%;padding:.625rem 1rem;background:#ff6f26;color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-submit:hover:not(:disabled){background:#e66520}.btn-submit:disabled{opacity:.6;cursor:not-allowed}.modal-divider{position:relative;text-align:center;margin:1.5rem 0}.modal-divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:#e5e7eb}.modal-divider span{position:relative;background:var(--surface-elevated);padding:0 1rem;color:var(--text-tertiary);font-size:.875rem}.modal-oauth{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.btn-oauth{width:100%;padding:.625rem 1rem;border:1px solid var(--border);background:var(--surface-elevated);color:var(--text-primary);border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.75rem;transition:all .2s}.btn-oauth:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db}.btn-oauth:disabled{opacity:.5;cursor:not-allowed}.oauth-icon{font-size:1.25rem;font-weight:700}.modal-footer{text-align:center;margin-bottom:1rem}.modal-footer-text{color:#6b7280;font-size:.875rem}.link-button{background:transparent;border:none;color:#ff6f26;font-weight:600;cursor:pointer;padding:0;font-size:.875rem}.link-button:hover{text-decoration:underline}.modal-terms{text-align:center;font-size:.75rem;color:#9ca3af}.modal-terms a{color:#ff6f26;text-decoration:none}.modal-terms a:hover{text-decoration:underline}@media(max-width:640px){.modal-content{padding:1.25rem;margin:1rem}.modal-title{font-size:1.125rem}.modal-actions{flex-direction:column}.modal-button{width:100%}.modal-icon{width:56px;height:56px}.modal-icon svg{width:40px;height:40px}}