:root{--color-bg: #FAFAF8;--color-bg-elevated: #FFFFFF;--color-bg-hover: #F5F5F3;--color-bg-overlay: rgba(26, 26, 24, .6);--color-text: #1A1A18;--color-text-secondary: #6B6B66;--color-text-tertiary: #9B9B96;--color-accent: #F97316;--color-accent-hover: #EA580C;--color-accent-subtle: rgba(249, 115, 22, .1);--color-border: #E8E8E5;--color-border-strong: #D4D4D0;--color-pro-badge: #8B5CF6;--color-pro-badge-bg: rgba(139, 92, 246, .1);--color-success: #10B981;--color-error: #EF4444;--font-display: "General Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-body: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 2rem;--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;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 12px rgba(0, 0, 0, .06);--shadow-lg: 0 12px 40px rgba(0, 0, 0, .1);--shadow-xl: 0 24px 60px rgba(0, 0, 0, .15);--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;color-scheme:light dark}@media(prefers-color-scheme:dark){:root{--color-bg: #0F0F0E;--color-bg-elevated: #1A1A18;--color-bg-hover: #242422;--color-bg-overlay: rgba(0, 0, 0, .75);--color-text: #F5F5F3;--color-text-secondary: #A3A39E;--color-text-tertiary: #6B6B66;--color-accent: #FB923C;--color-accent-hover: #F97316;--color-accent-subtle: rgba(251, 146, 60, .12);--color-border: #2A2A28;--color-border-strong: #3A3A38;--color-pro-badge: #A78BFA;--color-pro-badge-bg: rgba(167, 139, 250, .15);--color-success: #34D399;--color-error: #F87171;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 12px 40px rgba(0, 0, 0, .5);--shadow-xl: 0 24px 60px rgba(0, 0, 0, .6)}}:root[data-theme=dark]{--color-bg: #0F0F0E;--color-bg-elevated: #1A1A18;--color-bg-hover: #242422;--color-bg-overlay: rgba(0, 0, 0, .75);--color-text: #F5F5F3;--color-text-secondary: #A3A39E;--color-text-tertiary: #6B6B66;--color-accent: #FB923C;--color-accent-hover: #F97316;--color-accent-subtle: rgba(251, 146, 60, .12);--color-border: #2A2A28;--color-border-strong: #3A3A38;--color-pro-badge: #A78BFA;--color-pro-badge-bg: rgba(167, 139, 250, .15);--color-success: #34D399;--color-error: #F87171;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 12px 40px rgba(0, 0, 0, .5);--shadow-xl: 0 24px 60px rgba(0, 0, 0, .6)}:root[data-theme=light]{--color-bg: #FAFAF8;--color-bg-elevated: #FFFFFF;--color-bg-hover: #F5F5F3;--color-bg-overlay: rgba(26, 26, 24, .6);--color-text: #1A1A18;--color-text-secondary: #6B6B66;--color-text-tertiary: #9B9B96;--color-accent: #F97316;--color-accent-hover: #EA580C;--color-accent-subtle: rgba(249, 115, 22, .1);--color-border: #E8E8E5;--color-border-strong: #D4D4D0;--color-pro-badge: #8B5CF6;--color-pro-badge-bg: rgba(139, 92, 246, .1);--color-success: #10B981;--color-error: #EF4444;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 12px rgba(0, 0, 0, .06);--shadow-lg: 0 12px 40px rgba(0, 0, 0, .1);--shadow-xl: 0 24px 60px rgba(0, 0, 0, .15)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);font-size:var(--text-base);font-weight:400;line-height:1.5;color:var(--color-text);background-color:var(--color-bg);min-height:100vh}#root{min-height:100vh;display:flex;flex-direction:column}button{font-family:inherit;font-size:inherit;cursor:pointer;border:none;background:none}input{font-family:inherit;font-size:inherit}a{color:inherit;text-decoration:none}.app{min-height:100vh;display:flex;flex-direction:column}.app.loading{justify-content:center;align-items:center}.spinner{width:40px;height:40px;border:3px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.icon-spin{animation:spin .8s linear infinite}.link-bar{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-6);background:var(--color-bg-elevated);border-bottom:1px solid var(--color-border);animation:slideDown .4s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.link-bar__left{display:flex;align-items:center;gap:var(--space-3);flex:1}.link-bar__url{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-display);font-size:var(--text-sm);font-weight:500}.link-prefix{color:var(--color-accent);font-weight:600}.link-id{color:var(--color-text)}.copy-btn{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);margin-left:var(--space-2);background:var(--color-accent);color:#fff;border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:500;transition:all var(--transition-fast)}.copy-btn:hover{background:var(--color-accent-hover);transform:translateY(-1px)}.copy-btn svg{width:14px;height:14px}.copy-btn.copied{background:var(--color-success)}.quota-indicator{position:relative;display:flex;align-items:center;gap:var(--space-2);margin-left:var(--space-3);padding-left:var(--space-3);border-left:1px solid var(--color-border);background:transparent;border-top:none;border-right:none;border-bottom:none}.quota-indicator--clickable{cursor:pointer;transition:opacity var(--transition-fast)}.quota-indicator--clickable:hover{opacity:.8}.quota-indicator--clickable:hover .quota-badge{background:var(--color-pro-badge-bg);transform:scale(1.05)}.quota-badge{position:static;z-index:1;font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;background:var(--color-pro-badge-bg);padding:2px 6px;border-radius:var(--radius-sm);transition:transform var(--transition-fast),background var(--transition-fast);margin-right:8px}.quota-badge--pro{background:#3d5daa;color:#fff;box-shadow:0 0 8px #3d5daa4d;border:1px solid rgba(255,255,255,.15);transition:background var(--transition-fast)}.quota-badge--pro:hover{background:#324d8f}.quota-indicator__bar{width:60px;height:6px;background:var(--color-bg-hover);border-radius:var(--radius-full);overflow:hidden}.quota-indicator__fill{height:100%;background:var(--color-accent);border-radius:var(--radius-full);transition:width var(--transition-base),background var(--transition-base)}.quota-indicator--warning .quota-indicator__fill{background:#f2b90d}.quota-indicator--full .quota-indicator__fill{background:var(--color-error)}.quota-indicator__text{font-size:var(--text-xs);font-weight:500;color:var(--color-text-secondary);min-width:32px}.quota-indicator--warning .quota-indicator__text{color:#b88f14}.quota-indicator--full .quota-indicator__text{color:var(--color-error)}:root[data-theme=dark] .quota-indicator--warning .quota-indicator__text{color:#edc95e}@media(prefers-color-scheme:dark){.quota-indicator--warning .quota-indicator__text{color:#edc95e}}.link-bar__actions{display:flex;align-items:center;gap:var(--space-2)}.action-btn{position:relative;display:flex;align-items:center;justify-content:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);height:36px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-tertiary);font-size:var(--text-xs);font-weight:500;transition:all var(--transition-fast);cursor:pointer}.action-btn:hover{background:var(--color-bg-hover);border-color:var(--color-border-strong);color:var(--color-text-secondary)}.action-btn svg{width:16px;height:16px;flex-shrink:0}.action-btn__label{white-space:nowrap}.action-btn__chevron{width:12px;height:12px;opacity:.6}.action-btn--toggle{position:relative;padding-right:calc(var(--space-3) + 32px)}.action-btn--toggle:after{content:"";position:absolute;right:var(--space-2);width:28px;height:16px;background:var(--color-bg-hover);border-radius:var(--radius-full);transition:background var(--transition-fast)}.action-btn--toggle:before{content:"";position:absolute;right:calc(var(--space-2) + 14px);width:12px;height:12px;background:var(--color-text-tertiary);border-radius:var(--radius-full);transition:all var(--transition-fast);z-index:1}.action-btn--toggle.action-btn--active:after{background:var(--color-accent)}.action-btn--toggle.action-btn--active:before{right:calc(var(--space-2) + 2px);background:#fff}.action-btn--dropdown{padding-right:var(--space-2)}.action-btn-wrapper{position:relative}.action-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:180px;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:0 4px 12px #00000026;z-index:100;animation:dropdown-appear .15s ease-out;overflow:hidden}.action-dropdown__item{display:block;width:100%;padding:var(--space-2) var(--space-3);background:transparent;border:none;color:var(--color-text);text-align:left;cursor:pointer;font-size:14px;transition:background-color .15s ease}.action-dropdown__item:hover{background:var(--color-bg-hover)}.action-dropdown__separator{height:1px;background:var(--color-border);margin:var(--space-1) 0}.action-dropdown__input-group{display:flex;gap:var(--space-2);padding:var(--space-2)}.action-dropdown__input{flex:1;padding:var(--space-2);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);font-size:14px}.action-dropdown__input:focus{outline:none;border-color:var(--color-primary)}.action-dropdown__submit{display:flex;align-items:center;justify-content:center;padding:var(--space-2);background:var(--color-primary);border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;transition:opacity .15s ease}.action-dropdown__submit:hover{opacity:.9}.action-dropdown__submit:disabled{opacity:.5;cursor:not-allowed}.action-dropdown__submit svg{width:16px;height:16px}.link-bar__nav{flex-shrink:0;display:flex;align-items:center;gap:var(--space-3)}.nav-btn{padding:var(--space-2) var(--space-4);font-family:var(--font-display);font-size:var(--text-sm);font-weight:500;color:var(--color-text-secondary);transition:color var(--transition-fast)}.nav-btn:hover{color:var(--color-text)}.nav-btn--dashboard{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.nav-btn--dashboard:hover{background:var(--color-bg-hover);border-color:var(--color-border-strong)}.nav-btn__icon{width:16px;height:16px}.user-menu{position:relative}.user-menu__trigger{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:var(--color-bg-elevated);border:1px solid var(--color-border);cursor:pointer;transition:all var(--transition-base)}.user-menu__trigger:hover{background:var(--color-bg-hover);border-color:var(--color-border-strong)}.user-menu__avatar{width:20px;height:20px;color:var(--color-text-secondary)}.user-menu__dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:200px;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:0 4px 12px #00000026;z-index:100;animation:dropdown-appear .15s ease-out}@keyframes dropdown-appear{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.user-menu__header{padding:var(--space-3) var(--space-4)}.user-menu__email{font-family:var(--font-display);font-size:var(--text-sm);color:var(--color-text);display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-menu__divider{height:1px;background:var(--color-border);margin:0}.user-menu__item{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-3) var(--space-4);background:none;border:none;font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-base);text-align:left}.user-menu__item:hover{background:var(--color-bg-hover);color:var(--color-text)}.user-menu__item-icon{width:16px;height:16px}.user-menu__item-check{width:14px;height:14px;margin-left:auto;color:var(--color-accent)}.user-menu__item--active,.user-menu__item--upgrade{color:var(--color-accent)}.user-menu__item--upgrade:hover{background:var(--color-accent-subtle)}.user-menu__section-label{padding:var(--space-2) var(--space-3);font-size:var(--text-xs);font-weight:500;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em}.theme-toggle{position:relative}.theme-toggle__trigger{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:none;border-radius:var(--radius-md);background:transparent;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.theme-toggle__trigger:hover{background:var(--color-bg-hover);color:var(--color-text)}.theme-toggle__trigger svg{width:20px;height:20px}.theme-toggle__dropdown{position:absolute;top:100%;right:0;margin-top:var(--space-1);min-width:140px;background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);border:1px solid var(--color-border);overflow:hidden;z-index:1000;animation:fadeInScale .15s ease-out}.theme-toggle__item{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);border:none;background:transparent;color:var(--color-text);font-size:var(--text-sm);text-align:left;cursor:pointer;transition:background var(--transition-fast)}.theme-toggle__item:hover{background:var(--color-bg-hover)}.theme-toggle__item-icon{width:16px;height:16px;color:var(--color-text-secondary)}.theme-toggle__item-check{width:14px;height:14px;margin-left:auto;color:var(--color-accent)}.theme-toggle__item--active{color:var(--color-accent)}.quota-banner{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);gap:var(--space-4);font-size:var(--text-sm)}.quota-banner--warning{background:#fff9e5;color:#916f08}.quota-banner--full{background:#fde7e7;color:#a11212}@media(prefers-color-scheme:dark){.quota-banner--warning{background:#3d320f;color:#f2d98c}.quota-banner--full{background:#3d0f0f;color:#ec9393}}:root[data-theme=dark] .quota-banner--warning{background:#3d320f;color:#f2d98c}:root[data-theme=dark] .quota-banner--full{background:#3d0f0f;color:#ec9393}.quota-banner__content{display:flex;align-items:center;gap:var(--space-2)}.quota-banner__icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:currentColor;color:#fff;font-weight:700;font-size:var(--text-xs)}.quota-banner--full .quota-banner__icon{background:#cf1717}@media(prefers-color-scheme:dark){.quota-banner--full .quota-banner__icon{background:#dd3c3c}}:root[data-theme=dark] .quota-banner--full .quota-banner__icon{background:#dd3c3c}.quota-banner__text{flex:1}.quota-banner__action{flex-shrink:0;padding:var(--space-2) var(--space-3);background:var(--color-accent);color:#fff;border:none;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:background var(--transition-base)}.quota-banner__action:hover{background:var(--color-accent-hover)}.get-started-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);background:var(--color-surface);border-bottom:1px solid var(--color-border)}.get-started-header__brand{font-family:var(--font-display);font-size:var(--text-lg);font-weight:700;letter-spacing:-.02em;color:var(--color-accent)}.get-started-header__nav{display:flex;align-items:center;gap:var(--space-2)}.get-started-banner{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--space-8);position:relative}.get-started-banner:before{content:"";position:absolute;inset:var(--space-6);border:2px dashed var(--color-border);border-radius:var(--radius-lg);pointer-events:none}.get-started-banner__content{display:flex;flex-direction:column;align-items:center;text-align:center;animation:fadeInUp .5s ease-out .2s both}.get-started-banner__title{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:700;letter-spacing:-.02em;margin-bottom:var(--space-3)}.get-started-banner__subtitle{font-size:var(--text-lg);color:var(--color-text-secondary);max-width:400px;line-height:1.6;margin-bottom:var(--space-6)}.features-section{padding:var(--space-8) var(--space-6);max-width:900px;margin:0 auto}.features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-6);margin-bottom:var(--space-8)}@media(max-width:640px){.features-grid{grid-template-columns:1fr}}.feature-card{padding:var(--space-5);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:border-color var(--transition-base),box-shadow var(--transition-base)}.feature-card:hover{border-color:var(--color-accent);box-shadow:0 4px 12px #00000014}.feature-card__header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3)}.feature-card__icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--color-accent-subtle);color:var(--color-accent);border-radius:var(--radius-md);flex-shrink:0}.feature-card__icon svg{width:18px;height:18px}.feature-card__title{font-family:var(--font-display);font-size:var(--text-base);font-weight:600;margin:0;letter-spacing:-.01em}.feature-card__description{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.5}.comparison-section{margin-top:var(--space-8);text-align:center}.comparison-section__title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:700;letter-spacing:-.02em;margin-bottom:var(--space-2)}.comparison-section__subtitle{font-size:var(--text-base);color:var(--color-text-secondary);margin-bottom:var(--space-6)}.comparison-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);max-width:800px;margin:0 auto}@media(max-width:640px){.comparison-grid{grid-template-columns:1fr}}.comparison-card{padding:var(--space-5);border-radius:var(--radius-lg);text-align:left}.comparison-card--problem{background:var(--color-surface);border:1px solid var(--color-border)}.comparison-card--solution{background:var(--color-accent-subtle);border:1px solid var(--color-accent)}.comparison-card__label{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-3)}.comparison-card--problem .comparison-card__label{color:var(--color-text-secondary)}.comparison-card--solution .comparison-card__label{color:var(--color-accent)}.comparison-card__list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-2)}.comparison-card__list li{font-size:var(--text-sm);line-height:1.5;padding-left:var(--space-5);position:relative}.comparison-card--problem .comparison-card__list li:before{content:"✕";position:absolute;left:0;color:var(--color-error, #ef4444);font-weight:600}.comparison-card--solution .comparison-card__list li:before{content:"✓";position:absolute;left:0;color:var(--color-success, #22c55e);font-weight:600}.pricing-section{display:flex;gap:var(--space-4);justify-content:center;margin-top:var(--space-8);max-width:700px;margin-left:auto;margin-right:auto}@media(max-width:640px){.pricing-section{flex-direction:column;align-items:center}}.pricing-card{flex:1;max-width:320px;padding:var(--space-6);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);text-align:center;position:relative}.pricing-card--pro{border-color:var(--color-accent);box-shadow:0 4px 24px #f9731626}.pricing-card__badge{position:absolute;top:0;left:50%;transform:translate(-50%,-50%);background:var(--color-accent);color:#fff;font-size:var(--text-xs);font-weight:600;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em}.pricing-card__header{margin-bottom:var(--space-4)}.pricing-card__tier{display:block;font-size:var(--text-sm);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary);margin-bottom:var(--space-1)}.pricing-card--pro .pricing-card__tier{color:var(--color-accent)}.pricing-card__price{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:700;letter-spacing:-.03em}.pricing-card__period{font-size:var(--text-base);font-weight:500;color:var(--color-text-secondary)}.pricing-card__features{list-style:none;padding:0;margin:0 0 var(--space-5) 0;display:flex;flex-direction:column;gap:var(--space-2);text-align:left}.pricing-card__features li{font-size:var(--text-sm);line-height:1.5;padding-left:var(--space-5);position:relative}.pricing-card__features li:before{content:"✓";position:absolute;left:0;color:var(--color-success, #22c55e);font-weight:600}.pricing-card .btn{width:100%}.final-cta{margin-top:var(--space-10);padding:var(--space-8) var(--space-6);background:linear-gradient(135deg,var(--color-accent-subtle) 0%,var(--color-surface) 100%);border-radius:var(--radius-lg);text-align:center}.final-cta__title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:700;letter-spacing:-.02em;margin-bottom:var(--space-2)}.final-cta__subtitle{font-size:var(--text-base);color:var(--color-text-secondary);margin-bottom:var(--space-5)}.drop-zone{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--space-8);cursor:pointer;position:relative;transition:background var(--transition-base)}.drop-zone:before{content:"";position:absolute;inset:var(--space-6);border:2px dashed var(--color-border);border-radius:var(--radius-lg);pointer-events:none;transition:all var(--transition-base)}.drop-zone:hover:before{border-color:var(--color-border-strong)}.drop-zone.dragging:before{border-color:var(--color-accent);border-style:solid;background:var(--color-accent-subtle)}.drop-zone.has-files{flex:0;min-height:200px}.drop-zone__content{display:flex;flex-direction:column;align-items:center;text-align:center;animation:fadeInUp .5s ease-out .2s both}.drop-zone__content--upgrade,.drop-zone.storage-full{cursor:default}.drop-zone.storage-full:hover .drop-zone__icon{transform:none;box-shadow:var(--shadow-md)}.drop-zone__content--upgrade .drop-zone__subtitle{max-width:400px;line-height:1.6;margin-bottom:var(--space-6)}.drop-zone__icon--upgrade{background:var(--color-accent);color:#fff}.drop-zone__icon--upgrade svg{width:40px;height:40px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.drop-zone__icon{display:flex;align-items:center;justify-content:center;width:80px;height:80px;margin-bottom:var(--space-6);background:var(--color-bg-elevated);border-radius:var(--radius-full);box-shadow:var(--shadow-md);color:var(--color-text-tertiary);transition:all var(--transition-base)}.drop-zone__icon svg{width:36px;height:36px}.drop-zone:hover .drop-zone__icon{color:var(--color-accent);transform:translateY(-4px);box-shadow:var(--shadow-lg)}.drop-zone__title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:600;letter-spacing:-.02em;color:var(--color-text);margin-bottom:var(--space-2)}.drop-zone__subtitle{font-size:var(--text-base);color:var(--color-text-secondary);margin-bottom:var(--space-6)}.drop-zone__limits{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-sm);color:var(--color-text-tertiary)}.drop-zone__limits .separator{opacity:.5}.drop-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;align-items:center;justify-content:center;background:var(--color-bg-overlay);opacity:0;visibility:hidden;transition:all var(--transition-base)}.drop-overlay.visible{opacity:1;visibility:visible}.drop-overlay__content{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);padding:var(--space-12);background:var(--color-bg-elevated);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);color:var(--color-accent);font-family:var(--font-display);font-size:var(--text-xl);font-weight:600;animation:pulse 1.5s ease-in-out infinite}.drop-overlay__content svg{width:48px;height:48px}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.file-list{padding:var(--space-6);background:var(--color-bg-elevated);border-top:1px solid var(--color-border);animation:slideUp .4s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.file-list__header{display:flex;align-items:center;justify-content:flex-start;gap:var(--space-2);margin-bottom:var(--space-4)}.file-list__title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:600;letter-spacing:-.01em}.view-toggle{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--color-bg);color:var(--color-text-tertiary);border-radius:var(--radius-sm);transition:all var(--transition-fast)}.view-toggle:hover{background:var(--color-bg-hover);color:var(--color-text)}.view-toggle--active,.view-toggle--active:hover{background:var(--color-accent-subtle);color:var(--color-accent)}.view-toggle svg{width:18px;height:18px}.refresh-btn{min-width:36px;height:36px;display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:0 var(--space-3);background:var(--color-bg);color:var(--color-text-tertiary);border-radius:var(--radius-sm);transition:all var(--transition-fast)}.refresh-btn:hover:not(:disabled){background:var(--color-bg-hover);color:var(--color-text)}.refresh-btn:disabled{opacity:.5;cursor:not-allowed}.refresh-btn svg{width:18px;height:18px;flex-shrink:0}.refresh-btn__text{font-size:var(--font-size-sm);font-weight:500;white-space:nowrap}.icon-spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.file-list__items{list-style:none;margin-bottom:var(--space-4)}.file-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-bg);border-radius:var(--radius-md);margin-bottom:var(--space-2);transition:background var(--transition-fast)}.file-item:hover{background:var(--color-bg-hover)}.file-item__icon{flex-shrink:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-elevated);border-radius:var(--radius-sm);color:var(--color-text-tertiary)}.file-item__icon svg{width:18px;height:18px}.file-item__icon--thumbnail{background:transparent;overflow:hidden}.file-item__thumbnail{width:100%;height:100%;object-fit:cover;border-radius:var(--radius-sm)}.file-item__info{flex:1;min-width:0}.file-item__name{font-weight:500;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-item__size{font-size:var(--text-sm);color:var(--color-text-tertiary)}.file-item__progress{display:none;height:4px;background:var(--color-border);border-radius:var(--radius-full);margin-top:var(--space-2);overflow:hidden}.file-item--uploading .file-item__progress{display:block}.file-item__progress-bar{height:100%;background:var(--color-accent);border-radius:var(--radius-full);transition:width var(--transition-fast)}.file-item__actions{flex-shrink:0;display:flex;gap:4px}.file-item__action{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-elevated);color:var(--color-text-tertiary);border-radius:var(--radius-sm);transition:all var(--transition-fast)}.file-item__action:hover{background:var(--color-accent-subtle);color:var(--color-accent)}.file-item__action svg{width:18px;height:18px}.file-item__action--delete:hover{background:#ef44441a;color:#ef4444}.file-item__action--delete:disabled{opacity:.5;cursor:not-allowed}.file-item__download{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:var(--color-text-tertiary);border-radius:var(--radius-sm);transition:all var(--transition-fast)}.file-item__download:hover{background:var(--color-accent-subtle);color:var(--color-accent)}.file-item__download svg{width:18px;height:18px}.file-item--uploading .file-item__status{color:var(--color-accent)}.file-item--complete .file-item__status{color:var(--color-success)}.file-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-4);margin-bottom:var(--space-4)}.gallery-card{background:var(--color-bg);border-radius:var(--radius-md);overflow:hidden;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.gallery-card:hover{transform:translateY(-2px);box-shadow:0 8px 16px #0000001a}.gallery-card__preview{position:relative;width:100%;padding-bottom:100%;background:var(--color-bg-elevated);overflow:hidden}.gallery-card__image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.gallery-card__icon{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--color-text-tertiary)}.gallery-card__icon svg{width:48px;height:48px}.gallery-card__info{padding:var(--space-3)}.gallery-card__name{font-weight:500;color:var(--color-text);font-size:var(--text-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:var(--space-1)}.gallery-card__size{font-size:var(--text-xs);color:var(--color-text-tertiary)}.gallery-card__actions{display:flex;gap:var(--space-1);padding:0 var(--space-3) var(--space-3)}.gallery-card__action{flex:1;height:36px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-elevated);color:var(--color-text-tertiary);border-radius:var(--radius-sm);transition:all var(--transition-fast)}.gallery-card__action:hover{background:var(--color-accent-subtle);color:var(--color-accent)}.gallery-card__action svg{width:18px;height:18px}.gallery-card__action--delete:hover{background:#ef44441a;color:#ef4444}.gallery-card__action--delete:disabled{opacity:.5;cursor:not-allowed}@media(max-width:768px){.file-gallery{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--space-3)}}.file-item--error .file-item__status{color:var(--color-error)}.file-list__actions{display:flex;gap:var(--space-3)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);font-family:var(--font-display);font-size:var(--text-sm);font-weight:500;border-radius:var(--radius-md);transition:all var(--transition-fast)}.btn--primary{background:var(--color-accent);color:#fff}.btn--primary:hover:not(:disabled){background:var(--color-accent-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn--primary:disabled{opacity:.6;cursor:not-allowed}.btn--secondary{background:var(--color-bg);color:var(--color-text-secondary);border:1px solid var(--color-border)}.btn--secondary:hover{background:var(--color-bg-hover);border-color:var(--color-border-strong)}.btn--danger{background:var(--color-error);color:#fff}.btn--danger:hover:not(:disabled){background:#dc2626;transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn--danger:disabled{opacity:.6;cursor:not-allowed}.btn--full{width:100%}.btn--large{padding:var(--space-4) var(--space-6);font-size:var(--text-base)}.btn svg{width:18px;height:18px}.link-btn{color:var(--color-accent);font-weight:500;transition:color var(--transition-fast)}.link-btn:hover{color:var(--color-accent-hover)}.pro-badge{font-size:var(--text-xs);font-weight:600;color:var(--color-pro-badge);background:var(--color-pro-badge-bg);padding:2px 6px;border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.05em}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;display:flex;align-items:center;justify-content:center;padding:var(--space-4);opacity:0;visibility:hidden;transition:all var(--transition-base)}.modal.open{opacity:1;visibility:visible}.modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--color-bg-overlay)}.modal__content{position:relative;width:100%;max-width:400px;padding:var(--space-8);background:var(--color-bg-elevated);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);transform:translateY(20px) scale(.95);transition:transform var(--transition-base)}.modal.open .modal__content{transform:translateY(0) scale(1)}.modal__content--wide{max-width:480px}.modal__close{position:absolute;top:var(--space-4);right:var(--space-4);width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:var(--color-text-tertiary);border-radius:var(--radius-sm);transition:all var(--transition-fast)}.modal__close:hover{background:var(--color-bg);color:var(--color-text)}.modal__close svg{width:20px;height:20px}.modal__title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:600;letter-spacing:-.02em;margin-bottom:var(--space-2)}.modal__subtitle{font-size:var(--text-base);color:var(--color-text-secondary);margin-bottom:var(--space-6)}.modal__footer{margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--color-border);text-align:center;font-size:var(--text-sm);color:var(--color-text-secondary)}.modal__actions{display:flex;gap:var(--space-3);margin-top:var(--space-6)}.modal__actions .btn{flex:1}.auth-form{display:flex;flex-direction:column;gap:var(--space-4)}.form-group{display:flex;flex-direction:column;gap:var(--space-2)}.form-group label{font-size:var(--text-sm);font-weight:500;color:var(--color-text)}.form-group input{padding:var(--space-3) var(--space-4);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);transition:all var(--transition-fast)}.form-group input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-subtle)}.form-group input::placeholder{color:var(--color-text-tertiary)}.form-group input:disabled{opacity:.6;cursor:not-allowed}.form-error{font-size:var(--text-sm);color:var(--color-error);margin:0}.flash-message{font-size:var(--text-sm);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);margin-bottom:var(--space-4)}.flash-message--warning{background-color:#eab3081a;color:#b45309;border:1px solid rgba(234,179,8,.3)}@media(prefers-color-scheme:dark){.flash-message--warning{background-color:#eab30826;color:#fbbf24;border-color:#eab30840}}.email-sent{display:flex;flex-direction:column;align-items:center;text-align:center}.email-sent__icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:var(--color-accent-subtle);border-radius:var(--radius-full);margin-bottom:var(--space-4);color:var(--color-accent)}.email-sent__icon svg{width:32px;height:32px}.email-sent__hint{font-size:var(--text-sm);color:var(--color-text-secondary);margin-top:var(--space-4)}.upgrade-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-2)}.upgrade-icon{flex-shrink:0;color:var(--color-accent);width:28px;height:28px}.upgrade-features{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3);margin-bottom:var(--space-6);padding:var(--space-4);background:var(--color-bg);border-radius:var(--radius-md)}.upgrade-feature{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-secondary)}.upgrade-feature svg{color:var(--color-success);flex-shrink:0;width:18px;height:18px}.billing-toggle{display:flex;gap:var(--space-2);margin:var(--space-4) 0}.billing-option{flex:1;display:flex;flex-direction:column;align-items:center;gap:var(--space-1);padding:var(--space-3);background:var(--color-bg-secondary);border:2px solid transparent;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:500;color:var(--color-text-secondary);cursor:pointer;transition:all .15s ease}.billing-option:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.billing-option.active{background:var(--color-accent-subtle);border-color:var(--color-accent);color:var(--color-accent)}.billing-savings{display:block;font-size:var(--text-xs);font-weight:600;color:var(--color-success);margin-top:var(--space-1)}.pricing-callout{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);margin-top:var(--space-4);padding:var(--space-4);background:var(--color-accent-subtle);border-radius:var(--radius-md);text-align:center}.pricing-callout__price{font-family:var(--font-display);font-size:var(--text-xl);font-weight:600;color:var(--color-accent)}.pricing-callout__features{font-size:var(--text-sm);color:var(--color-text-secondary)}.error-state{flex:1;display:flex;justify-content:center;align-items:center}.error-message{text-align:center}.error-message h2{margin-bottom:var(--space-4);color:var(--color-error);font-family:var(--font-display)}.error-message button{padding:var(--space-3) var(--space-6);background:var(--color-accent);color:#fff;border:none;border-radius:var(--radius-md);font-family:var(--font-display);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.error-message button:hover{background:var(--color-accent-hover)}@media(max-width:768px){.link-bar{flex-wrap:wrap;gap:var(--space-3);padding:var(--space-3) var(--space-4)}.link-bar__left{order:2;width:100%;flex-direction:column;gap:var(--space-2)}.link-bar__url{width:100%;justify-content:center;min-width:auto}.link-bar__actions{justify-content:center}.nav-btn--dashboard{order:0}.upgrade-features{grid-template-columns:1fr}.drop-zone{padding:var(--space-4)}.drop-zone:before{inset:var(--space-3)}}.link-dashboard{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--color-bg);z-index:200;overflow-y:auto;padding:var(--space-6)}.link-dashboard__header{display:flex;align-items:center;justify-content:space-between;max-width:800px;margin:0 auto var(--space-8)}.link-dashboard__back{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.link-dashboard__back:hover{background:var(--color-bg-hover);color:var(--color-text)}.link-dashboard__back-icon{width:16px;height:16px}.link-dashboard__title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:600;color:var(--color-text)}.link-dashboard__new{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--color-accent);border:none;border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--text-sm);font-weight:500;color:#fff;cursor:pointer;transition:all var(--transition-fast)}.link-dashboard__new:hover{background:var(--color-accent-hover)}.link-dashboard__new-icon{width:16px;height:16px}.link-dashboard__loading{display:flex;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-16);color:var(--color-text-secondary)}.link-dashboard__spinner{width:24px;height:24px;animation:spin 1s linear infinite}.link-dashboard__error{max-width:800px;margin:0 auto;padding:var(--space-4);background:#fde7e7;border-radius:var(--radius-md);color:#a11212;text-align:center}.link-dashboard__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-16);text-align:center}.link-dashboard__empty-icon{width:48px;height:48px;color:var(--color-text-tertiary)}.link-dashboard__empty h3{font-family:var(--font-display);font-size:var(--text-xl);font-weight:600;color:var(--color-text);margin:0}.link-dashboard__empty p{color:var(--color-text-secondary);margin:0}.link-dashboard__create-btn{padding:var(--space-3) var(--space-6);background:var(--color-accent);border:none;border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--text-sm);font-weight:500;color:#fff;cursor:pointer;transition:all var(--transition-fast)}.link-dashboard__create-btn:hover{background:var(--color-accent-hover)}.link-dashboard__section{max-width:800px;margin:0 auto var(--space-8)}.link-dashboard__section--expired{opacity:.6}.link-dashboard__section-title{display:flex;align-items:center;font-family:var(--font-display);font-size:var(--text-sm);font-weight:600;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin:0 0 var(--space-4)}.link-dashboard__list{display:flex;flex-direction:column;gap:var(--space-3)}.link-card{padding:var(--space-4);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:all var(--transition-fast)}.link-card:hover{border-color:var(--color-border-strong)}.link-card--expired{opacity:.7}.link-card__main{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-3)}.link-card__id{display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-display);font-size:var(--text-lg);font-weight:600;color:var(--color-accent);background:transparent;border:none;cursor:pointer;padding:0;transition:color var(--transition-fast)}.link-card__id:hover{color:var(--color-accent-hover)}.link-card__id--expired{color:var(--color-text-secondary);cursor:default}.link-card__id-icon{width:18px;height:18px}.link-card__actions{display:flex;align-items:center;gap:var(--space-2)}.link-card__action{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-family:var(--font-body);font-size:var(--text-xs);color:var(--color-text-secondary);cursor:pointer;text-decoration:none;transition:all var(--transition-fast)}.link-card__action:hover{background:var(--color-bg-hover);color:var(--color-text)}.link-card__action-icon{width:14px;height:14px}.link-card__action--delete:hover{background:#ef44441a;color:#ef4444}.link-card__action--delete:disabled{opacity:.5;cursor:not-allowed}.link-card__action--star{padding:var(--space-1)}.link-card__action--star:hover{background:#fbbf241a;color:#fbbf24}.link-card__action--starred{color:#fbbf24}.link-card__action--starred:hover{background:#fbbf2426}.link-card__action--star:disabled{opacity:.5;cursor:not-allowed}.link-dashboard__section-icon{width:16px;height:16px;margin-right:var(--space-2);flex-shrink:0}.link-dashboard__section--favorites .link-dashboard__section-icon{color:#fbbf24}.link-dashboard__section--recent .link-dashboard__section-icon{color:var(--color-muted)}.link-card__expired-badge{padding:var(--space-1) var(--space-2);background:var(--color-error);border-radius:var(--radius-sm);font-family:var(--font-body);font-size:var(--text-xs);font-weight:500;color:#fff}.link-card__meta{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-4)}.link-card__stat{display:flex;align-items:center;gap:var(--space-1);font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-text-secondary)}.link-card__stat-icon{width:14px;height:14px}.link-card__badge{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-family:var(--font-body);font-size:var(--text-xs);font-weight:500}.link-card__badge--collab{background:var(--color-accent-subtle);color:var(--color-accent)}.link-card__badge--password{background:var(--color-pro-badge-bg);color:var(--color-pro-badge)}.link-card__badge-icon{width:12px;height:12px}@media(max-width:640px){.link-dashboard{padding:var(--space-4)}.link-dashboard__header{flex-wrap:wrap;gap:var(--space-3)}.link-dashboard__title{order:-1;width:100%;text-align:center;font-size:var(--text-xl)}.link-card__main{flex-direction:column;align-items:flex-start}.link-card__actions{width:100%}.link-card__action{flex:1;justify-content:center}.link-card__meta{gap:var(--space-2)}}.app--legal{min-height:100vh;display:flex;flex-direction:column}.legal-header{padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--color-border)}.legal-header__logo{font-family:var(--font-display);font-size:var(--text-lg);font-weight:700;color:var(--color-accent);text-decoration:none;letter-spacing:-.02em}.legal-header__logo:hover{opacity:.8}.legal-page{flex:1;background:var(--color-bg);padding:var(--space-4)}.legal-page__header{max-width:800px;margin:0 auto var(--space-6);display:flex;align-items:center;gap:var(--space-4)}.legal-page__back{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-fast)}.legal-page__back:hover{background:var(--color-bg-hover);color:var(--color-text)}.legal-page__back svg{width:16px;height:16px}.legal-page__title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:700;letter-spacing:-.02em;margin:0}.legal-page__content{max-width:800px;margin:0 auto}.legal-content{color:var(--color-text);line-height:1.7}.legal-content__updated{font-size:var(--text-sm);color:var(--color-text-tertiary);margin-bottom:var(--space-6)}.legal-content__intro{font-size:var(--text-base);color:var(--color-text-secondary);margin-bottom:var(--space-6)}.legal-content section{margin-bottom:var(--space-6)}.legal-content h2{font-family:var(--font-display);font-size:var(--text-lg);font-weight:600;color:var(--color-text);margin:0 0 var(--space-3) 0;letter-spacing:-.01em}.legal-content h3{font-family:var(--font-display);font-size:var(--text-base);font-weight:600;color:var(--color-text);margin:var(--space-4) 0 var(--space-2) 0}.legal-content p{margin:0 0 var(--space-3) 0;color:var(--color-text-secondary)}.legal-content ul,.legal-content ol{margin:0 0 var(--space-3) 0;padding-left:var(--space-5);color:var(--color-text-secondary)}.legal-content li{margin-bottom:var(--space-1)}.legal-content strong{color:var(--color-text);font-weight:600}.legal-content__prohibited{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-md);padding:var(--space-4);margin:var(--space-3) 0}.legal-content__prohibited li{color:var(--color-text)}.legal-content__warning{background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);font-size:var(--text-sm);color:var(--color-text)}.legal-content--about .about-hero{text-align:center;margin-bottom:var(--space-8)}.legal-content--about .about-hero h2{font-size:var(--text-3xl);margin-bottom:var(--space-2)}.about-hero__tagline{font-size:var(--text-lg);color:var(--color-text-secondary)}.about-cta{text-align:center;padding:var(--space-6);background:var(--color-accent-subtle);border-radius:var(--radius-lg)}.about-cta p{font-size:var(--text-lg);color:var(--color-text);margin:0}.faq-list{display:flex;flex-direction:column;gap:var(--space-2)}.faq-item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.faq-item[open]{border-color:var(--color-accent)}.faq-item__question{padding:var(--space-4);font-weight:600;color:var(--color-text);cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between}.faq-item__question::-webkit-details-marker{display:none}.faq-item__question:after{content:"+";font-size:var(--text-lg);color:var(--color-text-secondary);transition:transform var(--transition-fast)}.faq-item[open] .faq-item__question:after{content:"-"}.faq-item__answer{padding:0 var(--space-4) var(--space-4);color:var(--color-text-secondary);margin:0}.site-footer{padding:var(--space-6) var(--space-4);border-top:1px solid var(--color-border);margin-top:auto}.site-footer__content{max-width:800px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.site-footer__links{display:flex;gap:var(--space-4);flex-wrap:wrap}.site-footer__link{background:none;border:none;padding:0;font-size:var(--text-sm);color:var(--color-text-secondary);cursor:pointer;transition:color var(--transition-fast)}.site-footer__link:hover{color:var(--color-text)}.site-footer__social{display:flex;gap:var(--space-3)}.site-footer__social-link{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-md);color:var(--color-text-secondary);transition:all var(--transition-fast)}.site-footer__social-link:hover{background:var(--color-bg-hover);color:var(--color-text)}.site-footer__social-icon{width:18px;height:18px}.site-footer__copyright{text-align:center;font-size:var(--text-xs);color:var(--color-text-tertiary);margin-top:var(--space-4)}.report-button{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.report-button:hover:not(:disabled){background:#ef44441a;border-color:#ef44444d;color:#ef4444}.report-button:disabled{opacity:.6;cursor:not-allowed}.report-button--success{background:#22c55e1a;border-color:#22c55e4d;color:#22c55e;cursor:default}.report-button__icon{width:14px;height:14px}.report-container{display:flex;justify-content:center;padding:var(--space-4);margin:var(--space-4) auto;max-width:800px}@media(max-width:640px){.site-footer__content{flex-direction:column;text-align:center}.site-footer__links{justify-content:center}.legal-page__header{flex-direction:column;align-items:flex-start}}