:root{--primary-50: #f0f4ff;--primary-100: #e0e8ff;--primary-200: #c7d4ff;--primary-300: #a4b8ff;--primary-400: #7a91ff;--primary-500: #667eea;--primary-600: #5a67d8;--primary-700: #4c51bf;--primary-800: #434190;--primary-900: #3c366b;--accent-400: #a78bfa;--accent-500: #764ba2;--accent-600: #6b46a3;--bg-light: #e8eef5;--bg-light-secondary: #dfe6ed;--surface-light: #e0e5ec;--text-light: #2d3748;--text-light-secondary: #4a5568;--text-light-muted: #718096;--neu-shadow-light: 8px 8px 20px #c5ccd6;--neu-shadow-light-invert: -8px -8px 20px #ffffff;--neu-shadow-light-pressed: inset 4px 4px 10px #c5ccd6, inset -4px -4px 10px #ffffff;--neu-shadow-light-hover: 12px 12px 24px #c5ccd6, -12px -12px 24px #ffffff;--bg-dark: #1a1a2e;--bg-dark-secondary: #16162a;--surface-dark: #25253d;--text-dark: #f7fafc;--text-dark-secondary: #e2e8f0;--text-dark-muted: #a0aec0;--neu-shadow-dark: 8px 8px 20px #121220;--neu-shadow-dark-invert: -8px -8px 20px #2e2e4a;--neu-shadow-dark-pressed: inset 4px 4px 10px #121220, inset -4px -4px 10px #2e2e4a;--neu-shadow-dark-hover: 12px 12px 24px #121220, -12px -12px 24px #2e2e4a;--glass-bg-light: rgba(255, 255, 255, .25);--glass-bg-dark: rgba(255, 255, 255, .08);--glass-border-light: rgba(255, 255, 255, .35);--glass-border-dark: rgba(255, 255, 255, .12);--glass-blur: 20px;--gradient-hero-1: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-hero-2: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--gradient-hero-3: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--gradient-hero-4: linear-gradient(135deg, #43e97b 0%, #38f9d7 100%);--gradient-hero-5: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--gradient-hero-6: linear-gradient(135deg, #a18cd1 0%, #fbc2eb 100%);--font-primary: "Outfit", -apple-system, BlinkMacSystemFont, sans-serif;--font-display: "Playfair Display", Georgia, serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-md: 1.125rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 2rem;--font-size-3xl: 2.5rem;--font-size-4xl: 3rem;--font-size-5xl: 4rem;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.2;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-2xl: 32px;--radius-full: 9999px;--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .4s ease;--transition-smooth: .35s cubic-bezier(.4, 0, .2, 1);--z-base: 1;--z-dropdown: 100;--z-sticky: 200;--z-modal-backdrop: 900;--z-modal: 1000;--z-tooltip: 1100;--bg: var(--bg-light);--bg-secondary: var(--bg-light-secondary);--surface: var(--surface-light);--text: var(--text-light);--text-secondary: var(--text-light-secondary);--text-muted: var(--text-light-muted);--neu-shadow: var(--neu-shadow-light);--neu-shadow-invert: var(--neu-shadow-light-invert);--neu-shadow-pressed: var(--neu-shadow-light-pressed);--neu-shadow-hover: var(--neu-shadow-light-hover);--glass-bg: var(--glass-bg-light);--glass-border: var(--glass-border-light)}[data-theme=dark]{--bg: var(--bg-dark);--bg-secondary: var(--bg-dark-secondary);--surface: var(--surface-dark);--text: var(--text-dark);--text-secondary: var(--text-dark-secondary);--text-muted: var(--text-dark-muted);--neu-shadow: var(--neu-shadow-dark);--neu-shadow-invert: var(--neu-shadow-dark-invert);--neu-shadow-pressed: var(--neu-shadow-dark-pressed);--neu-shadow-hover: var(--neu-shadow-dark-hover);--glass-bg: var(--glass-bg-dark);--glass-border: var(--glass-border-dark)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--font-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);color:var(--text);background:var(--bg);min-height:100vh;transition:background var(--transition-slow),color var(--transition-slow);overflow-x:hidden}#app{min-height:100vh;display:flex;flex-direction:column}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);color:var(--text)}h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}h5{font-size:var(--font-size-lg)}h6{font-size:var(--font-size-md)}p{color:var(--text-secondary);line-height:var(--line-height-relaxed)}a{color:var(--primary-500);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--primary-600)}ul,ol{list-style:none}img,svg{display:block;max-width:100%;height:auto}button{font-family:inherit;font-size:inherit;cursor:pointer;border:none;background:none;color:inherit}button:disabled{cursor:not-allowed;opacity:.6}input,textarea,select{font-family:inherit;font-size:inherit;color:inherit;background:transparent;border:none;outline:none}textarea{resize:vertical}:focus-visible{outline:2px solid var(--primary-500);outline-offset:2px}::selection{background:var(--primary-400);color:#fff}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--space-6)}.container-sm{max-width:800px}.container-lg{max-width:1400px}.hidden{display:none!important}.block{display:block}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.gap-2{gap:var(--space-2)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-muted{color:var(--text-muted)}.text-primary{color:var(--primary-500)}.mt-4{margin-top:var(--space-4)}.mt-8{margin-top:var(--space-8)}.mb-4{margin-bottom:var(--space-4)}.mb-8{margin-bottom:var(--space-8)}.my-4{margin-top:var(--space-4);margin-bottom:var(--space-4)}.my-8{margin-top:var(--space-8);margin-bottom:var(--space-8)}.p-4{padding:var(--space-4)}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}.w-full{width:100%}.max-w-full{max-width:100%}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.cursor-pointer{cursor:pointer}.transition-all{transition:all var(--transition-normal)}.neu-card{background:var(--surface);border-radius:var(--radius-xl);box-shadow:var(--neu-shadow),var(--neu-shadow-invert);transition:all var(--transition-smooth);position:relative;overflow:hidden}.neu-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,transparent 50%,rgba(0,0,0,.02) 100%);pointer-events:none}.neu-card:hover{box-shadow:var(--neu-shadow-hover);transform:translateY(-4px)}.neu-flat{background:var(--surface);border-radius:var(--radius-xl);box-shadow:var(--neu-shadow),var(--neu-shadow-invert)}.neu-pressed{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--neu-shadow-pressed)}.neu-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-4) var(--space-8);background:var(--surface);border-radius:var(--radius-xl);box-shadow:var(--neu-shadow),var(--neu-shadow-invert);font-family:var(--font-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-base);color:var(--text);cursor:pointer;transition:all var(--transition-smooth);border:none;outline:none;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}.neu-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,transparent 50%);pointer-events:none}.neu-btn:hover{box-shadow:var(--neu-shadow-hover);transform:translateY(-3px)}.neu-btn:active{box-shadow:var(--neu-shadow-pressed);transform:translateY(0) scale(.98)}.neu-btn:focus-visible{outline:none;box-shadow:var(--neu-shadow),var(--neu-shadow-invert),0 0 0 3px #667eea66}.neu-btn-primary{background:var(--gradient-hero-1);color:#fff;box-shadow:0 4px 20px #667eea66,0 2px 4px #0000001a,inset 0 1px #fff3;text-shadow:0 1px 2px rgba(0,0,0,.2)}.neu-btn-primary:before{background:linear-gradient(135deg,rgba(255,255,255,.25) 0%,transparent 50%)}.neu-btn-primary:hover{box-shadow:0 8px 30px #667eea80,0 4px 8px #0000001a,inset 0 1px #fff3;transform:translateY(-3px)}.neu-btn-primary:active{box-shadow:0 2px 10px #667eea66,inset 0 2px 4px #0003;transform:translateY(0) scale(.98)}.neu-btn-secondary{background:transparent;box-shadow:none;color:var(--primary-500);border:2px solid var(--primary-400)}.neu-btn-secondary:hover{background:#667eea1a;box-shadow:none;transform:translateY(-2px)}.neu-btn-sm{padding:var(--space-3) var(--space-5);font-size:var(--font-size-sm);border-radius:var(--radius-lg)}.neu-btn-lg{padding:var(--space-5) var(--space-10);font-size:var(--font-size-md);border-radius:var(--radius-xl)}.neu-btn-icon{width:48px;height:48px;padding:0;border-radius:var(--radius-full)}.neu-btn-icon.sm{width:42px;height:42px}.neu-btn-icon.xs{width:36px;height:36px}.neu-btn-icon svg{width:20px;height:20px;min-width:20px;min-height:20px;flex-shrink:0;transition:all var(--transition-smooth)}.neu-btn-icon:hover svg{transform:scale(1.1)}.neu-input-wrapper{position:relative;width:100%}.neu-input{width:100%;padding:var(--space-4) var(--space-5);background:var(--surface);border-radius:var(--radius-xl);box-shadow:var(--neu-shadow-pressed);font-family:var(--font-primary);font-size:var(--font-size-base);color:var(--text);border:2px solid transparent;transition:all var(--transition-smooth)}.neu-input:hover{border-color:#667eea33}.neu-input:focus{border-color:var(--primary-500);box-shadow:var(--neu-shadow-pressed),0 0 0 4px #667eea26}.neu-input::placeholder{color:var(--text-muted);transition:opacity var(--transition-fast)}.neu-input:focus::placeholder{opacity:.5}.neu-textarea{min-height:130px;resize:vertical;line-height:var(--line-height-relaxed)}.neu-label{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);color:var(--text-secondary)}.neu-label svg{width:16px;height:16px;opacity:.7}.neu-toggle{position:relative;width:64px;height:34px;background:var(--surface);border-radius:var(--radius-full);box-shadow:var(--neu-shadow-pressed);cursor:pointer;transition:all var(--transition-smooth)}.neu-toggle:after{content:"";position:absolute;top:5px;left:5px;width:24px;height:24px;background:var(--surface);border-radius:50%;box-shadow:3px 3px 6px #00000026,-2px -2px 4px #ffffff80;transition:all var(--transition-smooth)}.neu-toggle.active{background:linear-gradient(135deg,#667eea33,#764ba233)}.neu-toggle.active:after{transform:translate(30px);background:var(--gradient-hero-1);box-shadow:0 2px 10px #667eea66}.neu-divider{height:2px;background:var(--surface);border-radius:1px;box-shadow:inset 1px 1px 2px #0000001a,1px 1px 2px #ffffff80;margin:var(--space-8) 0}.thought-card{position:relative;padding:var(--space-8);background:var(--surface);border-radius:var(--radius-2xl);box-shadow:var(--neu-shadow),var(--neu-shadow-invert);transition:all var(--transition-smooth);overflow:hidden}.thought-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-hero-1);opacity:0;transition:opacity var(--transition-smooth)}.thought-card:hover{box-shadow:var(--neu-shadow-hover);transform:translateY(-6px)}.thought-card:hover:before{opacity:1}.thought-card__quote{font-family:var(--font-display);font-size:var(--font-size-lg);font-style:italic;line-height:var(--line-height-relaxed);color:var(--text);margin-bottom:var(--space-5);position:relative;padding-left:var(--space-6)}.thought-card__quote:before{content:'"';position:absolute;left:0;top:-10px;font-family:Georgia,serif;font-size:4rem;color:var(--primary-400);opacity:.3;line-height:1}.thought-card__author{font-family:var(--font-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-muted);display:flex;align-items:center;gap:var(--space-2)}.thought-card__author:before{content:"";width:20px;height:2px;background:var(--gradient-hero-1);border-radius:1px}.thought-card__actions{display:flex;align-items:center;gap:var(--space-3);margin-top:var(--space-6);padding-top:var(--space-5);border-top:1px solid rgba(128,128,128,.1)}.like-btn{position:relative;display:flex;align-items:center;gap:var(--space-2);width:auto!important;min-width:60px;padding:0 var(--space-3)!important}.like-btn .like-count{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);min-width:20px;text-align:center}.like-btn.liked{color:#ef4444}.like-btn.liked svg{fill:#ef4444;animation:heartBeat .6s ease}.download-btn{color:var(--text-muted)}.download-btn:hover{color:var(--primary-500)}.neu-progress{width:100%;height:8px;background:var(--surface);border-radius:var(--radius-full);box-shadow:var(--neu-shadow-pressed);overflow:hidden}.neu-progress__bar{height:100%;background:var(--gradient-hero-1);border-radius:inherit;transition:width var(--transition-smooth)}.neu-chip{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--surface);border-radius:var(--radius-full);box-shadow:var(--neu-shadow),var(--neu-shadow-invert);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary);transition:all var(--transition-smooth)}.neu-chip:hover{box-shadow:var(--neu-shadow-hover);transform:translateY(-2px)}.neu-chip--active{background:var(--gradient-hero-1);color:#fff;box-shadow:0 2px 10px #667eea4d}.neu-skeleton{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--neu-shadow-pressed);position:relative;overflow:hidden}.neu-skeleton:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);animation:shimmer 1.5s infinite}.glass{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-xl)}.glass-card{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--space-6);transition:all var(--transition-smooth)}.glass-card:hover{background:#fff3;border-color:#ffffff4d;transform:translateY(-2px)}[data-theme=dark] .glass-card:hover{background:#ffffff1f;border-color:#ffffff2e}.modal-backdrop{position:fixed;inset:0;background:#00000080;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:var(--z-modal-backdrop);opacity:0;visibility:hidden;transition:all var(--transition-normal)}.modal-backdrop.active{opacity:1;visibility:visible}.glass-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(.9);width:90%;max-width:500px;max-height:90vh;overflow-y:auto;background:var(--glass-bg);backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border:1px solid var(--glass-border);border-radius:var(--radius-2xl);padding:var(--space-8);z-index:var(--z-modal);opacity:0;visibility:hidden;transition:all var(--transition-smooth)}.glass-modal.active{opacity:1;visibility:visible;transform:translate(-50%,-50%) scale(1)}.glass-modal{background:#ffffffd9;box-shadow:0 8px 32px #0000001a,inset 0 1px #fff9}[data-theme=dark] .glass-modal{background:#1e1e32d9;box-shadow:0 8px 32px #0000004d,inset 0 1px #ffffff1a}.glass-modal__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-6)}.glass-modal__title{font-family:var(--font-display);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text)}.glass-modal__close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-full);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast)}.glass-modal__close:hover{background:#80808026;color:var(--text)}.glass-modal__body{color:var(--text-secondary)}.glass-modal__footer{display:flex;gap:var(--space-3);justify-content:flex-end;margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid rgba(128,128,128,.1)}.glass-banner{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--space-5) var(--space-6);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);transition:all var(--transition-smooth)}.glass-banner:hover{background:#ffffff4d}[data-theme=dark] .glass-banner:hover{background:#ffffff1f}.glass-banner__text{font-size:var(--font-size-md);color:var(--text)}.glass-banner__icon{font-size:var(--font-size-xl)}.glass-input{width:100%;padding:var(--space-4) var(--space-5);background:#ffffff1a;border:1px solid var(--glass-border);border-radius:var(--radius-lg);font-size:var(--font-size-base);color:var(--text);transition:all var(--transition-smooth)}.glass-input:focus{background:#ffffff26;border-color:var(--primary-400);box-shadow:0 0 0 3px #667eea33}.glass-input::placeholder{color:var(--text-muted)}[data-theme=dark] .glass-input{background:#ffffff0d}[data-theme=dark] .glass-input:focus{background:#ffffff14}.glass-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);background:#ffffff26;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);font-weight:var(--font-weight-medium);color:var(--text);cursor:pointer;transition:all var(--transition-smooth)}.glass-btn:hover{background:#ffffff40;transform:translateY(-1px)}.glass-btn:active{transform:translateY(0)}.glass-btn-primary{background:var(--gradient-hero-1);border:none;color:#fff}.glass-btn-primary:hover{opacity:.9;box-shadow:0 4px 15px #667eea66}.glass-tooltip{position:absolute;padding:var(--space-2) var(--space-3);background:#000c;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:#fff;white-space:nowrap;pointer-events:none;opacity:0;transform:translateY(5px);transition:all var(--transition-fast);z-index:var(--z-tooltip)}.glass-tooltip.visible{opacity:1;transform:translateY(0)}@keyframes gradientShift{0%{background-position:0% 50%;filter:hue-rotate(0deg)}25%{background-position:50% 100%}50%{background-position:100% 50%;filter:hue-rotate(15deg)}75%{background-position:50% 0%}to{background-position:0% 50%;filter:hue-rotate(0deg)}}@keyframes float{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-5px) rotate(.5deg)}50%{transform:translateY(-10px) rotate(0)}75%{transform:translateY(-5px) rotate(-.5deg)}}@keyframes bounceArrow{0%,to{transform:translateY(0);opacity:1}50%{transform:translateY(12px);opacity:.7}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}50%{transform:scale(1.02)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1;box-shadow:0 0 #667eea66}50%{opacity:.9;box-shadow:0 0 0 10px #667eea00}}@keyframes heartBeat{0%{transform:scale(1)}15%{transform:scale(1.35)}30%{transform:scale(.95)}45%{transform:scale(1.25)}60%{transform:scale(1)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes ripple{0%{transform:scale(0);opacity:.6}to{transform:scale(4);opacity:0}}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInLeft{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes glowPulse{0%,to{box-shadow:0 0 5px #667eea4d,0 0 20px #667eea33}50%{box-shadow:0 0 20px #667eea99,0 0 40px #667eea66}}@keyframes textShine{0%{background-position:-200% center}to{background-position:200% center}}@keyframes floatGlow{0%,to{transform:translateY(0);filter:drop-shadow(0 5px 15px rgba(102,126,234,.2))}50%{transform:translateY(-15px);filter:drop-shadow(0 25px 25px rgba(102,126,234,.3))}}@keyframes morphBlob{0%,to{border-radius:60% 40% 30% 70%/60% 30% 70% 40%}25%{border-radius:30% 60% 70% 40%/50% 60% 30%}50%{border-radius:50% 60% 30%/30% 60% 70% 40%}75%{border-radius:60% 40% 60% 30%/70% 30% 50% 60%}}@keyframes appearFromBlur{0%{opacity:0;filter:blur(10px);transform:scale(.95)}to{opacity:1;filter:blur(0);transform:scale(1)}}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-3deg)}75%{transform:rotate(3deg)}}@keyframes checkmark{0%{stroke-dashoffset:50}to{stroke-dashoffset:0}}.animate-gradient{background-size:300% 300%;animation:gradientShift 12s ease infinite}.animate-float{animation:float 6s ease-in-out infinite}.animate-float-glow{animation:floatGlow 4s ease-in-out infinite}.animate-bounce-arrow{animation:bounceArrow 1.5s ease-in-out infinite}.animate-fade-in{animation:fadeIn .5s ease forwards}.animate-fade-in-up{animation:fadeInUp .7s cubic-bezier(.16,1,.3,1) forwards;opacity:0}.animate-fade-in-down{animation:fadeInDown .5s ease forwards}.animate-scale-in{animation:scaleIn .4s cubic-bezier(.34,1.56,.64,1) forwards}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-glow-pulse{animation:glowPulse 2s ease-in-out infinite}.animate-heart-beat{animation:heartBeat .8s ease-in-out}.animate-spin{animation:spin 1s linear infinite}.animate-slide-in-right{animation:slideInRight .4s cubic-bezier(.16,1,.3,1) forwards}.animate-slide-in-left{animation:slideInLeft .4s cubic-bezier(.16,1,.3,1) forwards}.animate-appear-blur{animation:appearFromBlur .6s ease forwards}.animate-wiggle{animation:wiggle .5s ease-in-out}.animate-morph-blob{animation:morphBlob 8s ease-in-out infinite}.text-shine{background:linear-gradient(120deg,var(--text) 0%,var(--text) 40%,var(--primary-400) 50%,var(--text) 60%,var(--text) 100%);background-size:200% auto;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:textShine 3s linear infinite}.stagger-1{animation-delay:.05s}.stagger-2{animation-delay:.1s}.stagger-3{animation-delay:.15s}.stagger-4{animation-delay:.2s}.stagger-5{animation-delay:.25s}.stagger-6{animation-delay:.3s}.stagger-7{animation-delay:.35s}.stagger-8{animation-delay:.4s}.hover-lift{transition:transform var(--transition-smooth),box-shadow var(--transition-smooth)}.hover-lift:hover{transform:translateY(-6px)}.hover-scale{transition:transform var(--transition-smooth)}.hover-scale:hover{transform:scale(1.05)}.hover-glow{transition:box-shadow var(--transition-smooth)}.hover-glow:hover{box-shadow:0 0 30px #667eea80}.hover-press{transition:transform .1s ease}.hover-press:active{transform:scale(.95)}.hover-tilt{transition:transform var(--transition-smooth);transform-style:preserve-3d}.hover-tilt:hover{transform:perspective(1000px) rotateX(2deg) rotateY(-2deg) translateZ(10px)}.loading-shimmer{background:linear-gradient(90deg,var(--surface) 0%,rgba(255,255,255,.4) 20%,rgba(255,255,255,.6) 50%,rgba(255,255,255,.4) 80%,var(--surface) 100%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite}.loading-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;display:inline-block}.skeleton{background:linear-gradient(90deg,var(--surface) 25%,rgba(128,128,128,.1) 50%,var(--surface) 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-md)}.page-enter{opacity:0;transform:translateY(20px)}.page-enter-active{opacity:1;transform:translateY(0);transition:all .4s cubic-bezier(.16,1,.3,1)}.page-exit{opacity:1;transform:translateY(0)}.page-exit-active{opacity:0;transform:translateY(-20px);transition:all .3s ease}.app-loaded{animation:fadeIn .3s ease}.ripple-effect{position:relative;overflow:hidden}.ripple-effect:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#ffffff4d;border-radius:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s}.ripple-effect:active:after{width:300px;height:300px}.focus-ring:focus-visible{outline:none;box-shadow:0 0 0 3px #667eea80;animation:pulse 1.5s ease-in-out infinite}.floating-orb{position:absolute;border-radius:50%;background:radial-gradient(circle at 30% 30%,#667eea66,#764ba233);filter:blur(40px);animation:float 8s ease-in-out infinite;pointer-events:none}.floating-orb:nth-child(1){width:300px;height:300px;top:10%;left:10%;animation-delay:0s}.floating-orb:nth-child(2){width:200px;height:200px;top:60%;right:15%;animation-delay:2s}.floating-orb:nth-child(3){width:150px;height:150px;bottom:20%;left:30%;animation-delay:4s}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.animate-gradient,.floating-orb{animation:none}}.nav{position:fixed;top:0;left:0;right:0;z-index:var(--z-sticky);padding:var(--space-4) 0;transition:all var(--transition-smooth)}.nav.scrolled{background:var(--glass-bg);backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border-bottom:1px solid var(--glass-border);box-shadow:0 4px 30px #0000001a}.nav__container{display:flex;align-items:center;justify-content:space-between;max-width:1400px;margin:0 auto;padding:0 var(--space-6)}.nav__logo{font-family:var(--font-display);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text);text-decoration:none;transition:all var(--transition-smooth);position:relative}.nav__logo:before{content:"✨";position:absolute;left:-28px;top:50%;transform:translateY(-50%);opacity:0;transition:all var(--transition-smooth)}.nav__logo:hover{color:var(--primary-500)}.nav__logo:hover:before{opacity:1;left:-32px}.nav__links{display:flex;align-items:center;gap:var(--space-8)}.nav__link{font-weight:var(--font-weight-medium);color:var(--text-secondary);text-decoration:none;transition:all var(--transition-smooth);position:relative;padding:var(--space-2) 0}.nav__link:after{content:"";position:absolute;bottom:0;left:50%;width:0;height:2px;background:var(--gradient-hero-1);border-radius:2px;transition:all var(--transition-smooth);transform:translate(-50%)}.nav__link:hover,.nav__link.active{color:var(--primary-500)}.nav__link:hover:after,.nav__link.active:after{width:100%}.nav__actions{display:flex;align-items:center;gap:var(--space-3)}.nav__menu-toggle{display:none;width:44px;height:44px;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--neu-shadow),var(--neu-shadow-invert);border:none;cursor:pointer;transition:all var(--transition-smooth)}.nav__menu-toggle:hover{box-shadow:var(--neu-shadow-hover)}.nav__menu-toggle span{display:block;width:20px;height:2px;background:var(--text);border-radius:2px;transition:all var(--transition-smooth)}.nav__menu-toggle.active span:nth-child(1){transform:translateY(8px) rotate(45deg)}.nav__menu-toggle.active span:nth-child(2){opacity:0;transform:scaleX(0)}.nav__menu-toggle.active span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.theme-toggle{position:relative;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--surface);border-radius:var(--radius-full);box-shadow:var(--neu-shadow),var(--neu-shadow-invert);cursor:pointer;transition:all var(--transition-smooth);border:none;overflow:hidden}.theme-toggle:before{content:"";position:absolute;inset:0;background:var(--gradient-hero-1);opacity:0;transition:opacity var(--transition-smooth);border-radius:inherit}.theme-toggle:hover{box-shadow:var(--neu-shadow-hover)}.theme-toggle:hover:before{opacity:.1}.theme-toggle:active{box-shadow:var(--neu-shadow-pressed);transform:scale(.95)}.theme-toggle svg{width:22px;height:22px;color:var(--text);transition:all .5s cubic-bezier(.68,-.55,.265,1.55);position:relative;z-index:1}.theme-toggle .sun-icon{position:absolute;opacity:0;transform:rotate(-180deg) scale(0)}.theme-toggle .moon-icon{position:absolute;opacity:1;transform:rotate(0) scale(1)}[data-theme=dark] .theme-toggle .sun-icon{opacity:1;transform:rotate(0) scale(1);color:#fbbf24}[data-theme=dark] .theme-toggle .moon-icon{opacity:0;transform:rotate(180deg) scale(0)}.footer{background:var(--bg-secondary);padding:var(--space-16) 0 var(--space-8);margin-top:auto;position:relative;overflow:hidden}.footer:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,var(--primary-400) 50%,transparent 100%);opacity:.3}.footer__container{max-width:1200px;margin:0 auto;padding:0 var(--space-6);position:relative}.footer__main{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-12);margin-bottom:var(--space-10)}.footer__brand{max-width:320px}.footer__logo{font-family:var(--font-display);font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--text);margin-bottom:var(--space-4);display:flex;align-items:center;gap:var(--space-2)}.footer__logo:before{content:"💭";font-size:1.5rem}.footer__tagline{color:var(--text-muted);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed)}.footer__links-group{display:flex;gap:var(--space-16)}.footer__links-section h4{font-family:var(--font-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--text);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-5);position:relative}.footer__links-section h4:after{content:"";position:absolute;bottom:-8px;left:0;width:24px;height:2px;background:var(--gradient-hero-1);border-radius:2px}.footer__links{display:flex;flex-direction:column;gap:var(--space-3)}.footer__link{color:var(--text-muted);font-size:var(--font-size-sm);transition:all var(--transition-smooth);position:relative;padding-left:0}.footer__link:hover{color:var(--primary-500);padding-left:var(--space-2)}.footer__bottom{display:flex;justify-content:space-between;align-items:center;padding-top:var(--space-6);border-top:1px solid rgba(128,128,128,.1)}.footer__copyright{color:var(--text-muted);font-size:var(--font-size-sm)}.footer__social{display:flex;gap:var(--space-3)}.footer__social-link{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--surface);border-radius:var(--radius-full);box-shadow:var(--neu-shadow),var(--neu-shadow-invert);color:var(--text-muted);transition:all var(--transition-smooth)}.footer__social-link:hover{color:#fff;background:var(--gradient-hero-1);box-shadow:0 4px 15px #667eea66;transform:translateY(-4px)}.footer__social-link svg{width:18px;height:18px}.message{padding:var(--space-4) var(--space-6);border-radius:var(--radius-xl);display:flex;align-items:center;gap:var(--space-3);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);animation:slideInRight .4s cubic-bezier(.16,1,.3,1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.message svg{width:20px;height:20px;flex-shrink:0}.message-success{background:#22c55e33;border:1px solid rgba(34,197,94,.4);color:#22c55e;box-shadow:0 4px 20px #22c55e33}.message-error{background:#ef444433;border:1px solid rgba(239,68,68,.4);color:#ef4444;box-shadow:0 4px 20px #ef444433}.message-info{background:#3b82f633;border:1px solid rgba(59,130,246,.4);color:#3b82f6;box-shadow:0 4px 20px #3b82f633}.form-group{margin-bottom:var(--space-5)}.form-group:last-child{margin-bottom:0}.form-error{color:#ef4444;font-size:var(--font-size-xs);margin-top:var(--space-2);display:flex;align-items:center;gap:var(--space-1)}.char-counter{text-align:right;font-size:var(--font-size-xs);color:var(--text-muted);margin-top:var(--space-2);transition:color var(--transition-fast)}.input-footer{display:flex;justify-content:flex-end;margin-top:var(--space-2)}.label-icon{margin-right:var(--space-1)}.modal-description{color:var(--text-muted);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);margin-bottom:var(--space-6);padding:var(--space-4);background:#667eea0d;border-radius:var(--radius-lg);border-left:3px solid var(--primary-500)}.submission-note{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:#667eea14;border-radius:var(--radius-md);font-size:var(--font-size-xs);color:var(--text-muted);margin-top:var(--space-4)}.note-icon{flex-shrink:0}.empty-state{text-align:center;padding:var(--space-20) var(--space-6)}.empty-state__icon{font-size:5rem;margin-bottom:var(--space-6);opacity:.6;animation:float 4s ease-in-out infinite}.empty-state__title{font-size:var(--font-size-2xl);margin-bottom:var(--space-3);color:var(--text)}.empty-state__description{color:var(--text-muted);max-width:400px;margin:0 auto;line-height:var(--line-height-relaxed)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);background:linear-gradient(135deg,#667eea26,#764ba226);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--primary-500);border:1px solid rgba(102,126,234,.2)}.badge-success{background:linear-gradient(135deg,#22c55e26,#10b98126);color:#22c55e;border-color:#22c55e4d}.badge-warning{background:linear-gradient(135deg,#f59e0b26,#fbbf2426);color:#f59e0b;border-color:#f59e0b4d}.feedback-btn{position:fixed;bottom:var(--space-6);right:var(--space-6);z-index:var(--z-sticky);width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:var(--gradient-hero-1);border-radius:var(--radius-full);box-shadow:0 4px 20px #667eea66,0 0 #667eea66;color:#fff;cursor:pointer;transition:all var(--transition-smooth);border:none;animation:pulse 3s ease-in-out infinite}.feedback-btn:hover{transform:scale(1.1) rotate(5deg);box-shadow:0 8px 30px #667eea80,0 0 0 8px #667eea1a;animation:none}.feedback-btn:active{transform:scale(.95)}.feedback-btn svg{width:26px;height:26px}.scroll-top-btn{position:fixed;bottom:var(--space-6);right:calc(var(--space-6) + 76px);z-index:var(--z-sticky);width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--surface);border-radius:var(--radius-full);box-shadow:var(--neu-shadow),var(--neu-shadow-invert);color:var(--text);cursor:pointer;opacity:0;visibility:hidden;transform:translateY(20px);transition:all var(--transition-smooth);border:none}.scroll-top-btn.visible{opacity:1;visibility:visible;transform:translateY(0)}.scroll-top-btn:hover{transform:translateY(-4px);box-shadow:var(--neu-shadow-hover);color:var(--primary-500)}.scroll-top-btn:active{transform:scale(.95)}.scroll-top-btn svg{width:20px;height:20px}.quote-mark{font-family:Georgia,serif;font-size:6rem;line-height:1;color:var(--primary-400);opacity:.2;position:absolute}.quote-mark--open{top:-20px;left:-10px}.quote-mark--close{bottom:-40px;right:-10px;transform:rotate(180deg)}.gradient-text{background:var(--gradient-hero-1);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.glow-border{position:relative}.glow-border:before{content:"";position:absolute;inset:-2px;background:var(--gradient-hero-1);border-radius:inherit;z-index:-1;opacity:0;transition:opacity var(--transition-smooth);filter:blur(8px)}.glow-border:hover:before{opacity:.6}section.hero{position:relative;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.hero__background{position:absolute;inset:0;background:linear-gradient(135deg,#667eea,#764ba2,#f093fb,#667eea,#764ba2);background-size:400% 400%;animation:gradientShift 12s ease infinite;z-index:-2}.hero__background:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 80%,rgba(255,255,255,.15) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,255,255,.1) 0%,transparent 40%),radial-gradient(circle at 40% 40%,rgba(255,255,255,.08) 0%,transparent 30%);z-index:-1}.hero__background:after{content:"";position:absolute;inset:0;background-image:radial-gradient(2px 2px at 20px 30px,rgba(255,255,255,.3),transparent),radial-gradient(2px 2px at 40px 70px,rgba(255,255,255,.2),transparent),radial-gradient(1px 1px at 90px 40px,rgba(255,255,255,.4),transparent),radial-gradient(2px 2px at 130px 80px,rgba(255,255,255,.2),transparent),radial-gradient(1px 1px at 160px 120px,rgba(255,255,255,.3),transparent);background-size:200px 150px;animation:float 20s linear infinite;opacity:.6}.hero__content{max-width:900px;padding:var(--space-8);text-align:center;position:relative;z-index:1}.hero__content:before,.hero__content:after{font-family:Georgia,serif;font-size:8rem;color:#ffffff26;position:absolute;line-height:1;pointer-events:none}.hero__content:before{content:'"';top:-40px;left:-20px}.hero__content:after{content:'"';bottom:0;right:-20px;transform:rotate(180deg)}.hero__quote{font-family:var(--font-display);font-size:clamp(1.75rem,5vw,3.5rem);font-weight:var(--font-weight-medium);font-style:italic;line-height:var(--line-height-normal);color:#fff;margin-bottom:var(--space-8);text-shadow:0 0 20px rgba(255,255,255,.5),0 0 40px rgba(255,255,255,.3),0 0 60px rgba(255,255,255,.2),0 4px 30px rgba(0,0,0,.3);animation:fadeInUp 1s cubic-bezier(.16,1,.3,1)}.hero__author{font-family:var(--font-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:#ffffffe6;animation:fadeIn 1.2s ease .3s both;display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-6);background:#ffffff1a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:var(--radius-full);border:1px solid rgba(255,255,255,.2)}.hero__author:before{content:"—";opacity:.7}.hero__scroll-indicator{position:absolute;bottom:var(--space-12);left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:var(--space-3);color:#ffffffe6;cursor:pointer;transition:all var(--transition-smooth);animation:fadeIn 1.5s ease .6s both}.hero__scroll-indicator:hover{color:#fff;transform:translate(-50%) translateY(-4px)}.hero__scroll-text{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);letter-spacing:.15em;text-transform:uppercase;background:#ffffff1a;padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.15)}.hero__scroll-arrow{animation:bounceArrow 1.5s ease-in-out infinite}.hero__scroll-arrow svg{width:32px;height:32px;filter:drop-shadow(0 2px 10px rgba(0,0,0,.3))}.top-thoughts{padding:var(--space-24) 0;background:var(--bg);position:relative}.top-thoughts:before{content:"";position:absolute;top:-50px;left:0;right:0;height:100px;background:var(--bg);clip-path:ellipse(70% 50% at 50% 100%);z-index:1}.top-thoughts__header{text-align:center;margin-bottom:var(--space-16);position:relative;z-index:2}.top-thoughts__title{font-size:clamp(2rem,4vw,3rem);margin-bottom:var(--space-4);position:relative;display:inline-block}.top-thoughts__title:after{content:"✨";margin-left:var(--space-2);animation:wiggle 2s ease-in-out infinite;display:inline-block}.top-thoughts__subtitle{font-size:var(--font-size-lg);color:var(--text-muted);max-width:600px;margin:0 auto;line-height:var(--line-height-relaxed)}.top-thoughts__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--space-8);margin-bottom:var(--space-16)}.top-thoughts__cta{text-align:center}.top-thoughts__cta .neu-btn{font-size:var(--font-size-md);padding:var(--space-5) var(--space-10)}.top-thoughts__cta .neu-btn svg{width:18px;height:18px;margin-left:var(--space-2);transition:transform var(--transition-smooth)}.top-thoughts__cta .neu-btn:hover svg{transform:translate(4px)}.library{padding-top:calc(80px + var(--space-10));padding-bottom:var(--space-20);min-height:100vh;position:relative}.library:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 10% 20%,rgba(102,126,234,.03) 0%,transparent 50%),radial-gradient(circle at 90% 80%,rgba(118,75,162,.03) 0%,transparent 50%);pointer-events:none}.library__header{text-align:center;margin-bottom:var(--space-10);position:relative}.library__title{font-size:clamp(2rem,4vw,3rem);margin-bottom:var(--space-4);display:flex;align-items:center;justify-content:center;gap:var(--space-3)}.library__title:before{content:"📚";font-size:.8em}.library__subtitle{color:var(--text-muted);font-size:var(--font-size-lg);max-width:500px;margin:0 auto}.library__banner{margin-bottom:var(--space-12);cursor:pointer;transition:all var(--transition-smooth);background:linear-gradient(135deg,#667eea1a,#764ba21a);border:1px solid rgba(102,126,234,.2)}.library__banner:hover{transform:translateY(-2px);box-shadow:0 10px 40px #667eea26;border-color:#667eea66}.library__banner .glass-banner__icon{font-size:1.5rem;animation:float 3s ease-in-out infinite}.library__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:var(--space-8)}.admin{padding-top:calc(80px + var(--space-10));padding-bottom:var(--space-20);min-height:100vh;background:linear-gradient(180deg,var(--bg) 0%,var(--bg-secondary) 100%)}.admin__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-10);padding:var(--space-6) var(--space-8);background:var(--surface);border-radius:var(--radius-2xl);box-shadow:var(--neu-shadow),var(--neu-shadow-invert)}.admin__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);display:flex;align-items:center;gap:var(--space-3);background:var(--gradient-hero-1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.admin__title:before{content:"🎛️";-webkit-text-fill-color:initial}.admin__grid{display:grid;grid-template-columns:380px 1fr;gap:var(--space-8);align-items:start}.admin__panel{background:var(--surface);border-radius:var(--radius-2xl);box-shadow:var(--neu-shadow),var(--neu-shadow-invert);padding:var(--space-6);position:relative;overflow:hidden;transition:all var(--transition-smooth)}.admin__panel:hover{box-shadow:var(--neu-shadow-hover)}.admin__panel:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-hero-1)}.admin__panel--add:before{background:linear-gradient(135deg,#43e97b,#38f9d7)}.admin__panel--manage:before{background:linear-gradient(135deg,#667eea,#764ba2)}.admin__panel-title{font-family:var(--font-primary);font-size:var(--font-size-md);font-weight:var(--font-weight-bold);margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:2px solid rgba(128,128,128,.08);display:flex;align-items:center;gap:var(--space-2)}.admin__panel-title:before{content:"✨";font-size:1.2em}.admin__panel--manage .admin__panel-title:before{content:"📋"}.admin__stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4);margin-bottom:var(--space-6)}.admin__stat{background:#667eea14;border-radius:var(--radius-lg);padding:var(--space-4);text-align:center;border:1px solid rgba(102,126,234,.1)}.admin__stat-value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--primary-500);display:block}.admin__stat-label{font-size:var(--font-size-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.admin__thoughts-list{display:flex;flex-direction:column;gap:var(--space-2);max-height:500px;overflow-y:auto;padding-right:var(--space-2);align-content:flex-start}.admin__thoughts-list::-webkit-scrollbar{width:6px}.admin__thoughts-list::-webkit-scrollbar-track{background:#8080800d;border-radius:3px}.admin__thoughts-list::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--primary-400),var(--primary-600));border-radius:3px}.admin__thought-item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--bg);border-radius:var(--radius-md);transition:all var(--transition-smooth);border:1px solid rgba(128,128,128,.05);border-left:3px solid transparent}.admin__thought-item:hover{background:var(--bg-secondary);border-color:#667eea26;border-left-color:var(--primary-500);transform:translate(2px)}.admin__thought-content{flex:1;min-width:0}.admin__thought-text{font-size:var(--font-size-xs);color:var(--text);margin-bottom:2px;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;line-height:1.3;font-style:italic}.admin__thought-author{font-size:11px;color:var(--text-muted);display:flex;align-items:center;gap:var(--space-1);flex-wrap:wrap;font-weight:var(--font-weight-medium)}.admin__thought-date{color:var(--text-muted);font-size:10px;opacity:.7;margin-left:var(--space-1);padding:1px 6px;background:#80808014;border-radius:var(--radius-full)}.admin__thought-actions{display:flex;gap:var(--space-2);flex-shrink:0;opacity:.7;transition:opacity var(--transition-fast)}.admin__thought-item:hover .admin__thought-actions{opacity:1}.admin__thought-action{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--surface);border-radius:var(--radius-md);box-shadow:0 1px 4px #0000000d;color:var(--text-muted);cursor:pointer;transition:all var(--transition-smooth);border:1px solid rgba(128,128,128,.08)}.admin__thought-action:hover{box-shadow:0 4px 12px #0000001a;color:var(--text);transform:translateY(-2px) scale(1.05)}.admin__thought-action:active{transform:translateY(0) scale(.98)}.admin__thought-action.delete:hover{color:#ef4444;background:#ef44441a;border-color:#ef444433}.admin__thought-action.star.active{color:#f59e0b;background:#f59e0b26;border-color:#f59e0b4d;box-shadow:0 0 12px #f59e0b33}.admin__thought-action.hero.active{color:var(--primary-500);background:#667eea26;border-color:#667eea4d;box-shadow:0 0 12px #667eea33}.admin__thought-action svg{width:13px;height:13px}.admin__panel .form-group{margin-bottom:var(--space-5)}.admin__panel .neu-input{background:var(--bg);border:2px solid transparent;transition:all var(--transition-smooth)}.admin__panel .neu-input:focus{border-color:var(--primary-400);box-shadow:0 0 0 4px #667eea1a}.admin__panel .neu-btn-primary{background:linear-gradient(135deg,#43e97b,#38f9d7);border:none;font-weight:var(--font-weight-semibold)}.admin__panel .neu-btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #43e97b4d}.admin__empty{text-align:center;padding:var(--space-12) var(--space-6);color:var(--text-muted)}.admin__empty-icon{font-size:3rem;margin-bottom:var(--space-4);opacity:.5}@media(max-width:900px){.admin__grid{grid-template-columns:1fr}.admin__stats{grid-template-columns:repeat(3,1fr)}}.login{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-6);background:var(--bg);position:relative;overflow:hidden}.login:before,.login:after{content:"";position:absolute;border-radius:50%;filter:blur(80px);opacity:.4;z-index:0}.login:before{width:400px;height:400px;background:var(--primary-400);top:-100px;right:-100px}.login:after{width:300px;height:300px;background:var(--accent-400);bottom:-50px;left:-50px}.login__card{width:100%;max-width:420px;padding:var(--space-12);background:var(--surface);border-radius:var(--radius-2xl);box-shadow:var(--neu-shadow),var(--neu-shadow-invert);position:relative;z-index:1;animation:fadeInUp .6s ease}.login__header{text-align:center;margin-bottom:var(--space-10)}.login__title{font-size:var(--font-size-2xl);margin-bottom:var(--space-3);display:flex;align-items:center;justify-content:center;gap:var(--space-2)}.login__title:before{content:"🔐"}.login__subtitle{color:var(--text-muted);font-size:var(--font-size-sm)}.download-modal{max-width:600px}.download-modal__preview{margin-bottom:var(--space-8)}.download-modal__preview-card{position:relative;padding:var(--space-12);border-radius:var(--radius-2xl);text-align:center;min-height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 20px 60px #0000004d;transition:all var(--transition-smooth)}.download-modal__preview-card:before{content:"";position:absolute;inset:0;background:#0000001a;border-radius:inherit}.download-modal__preview-quote{font-family:var(--font-display);font-size:var(--font-size-xl);font-style:italic;color:#fff;text-shadow:0 2px 15px rgba(0,0,0,.3);margin-bottom:var(--space-5);position:relative;z-index:1}.download-modal__preview-author{font-size:var(--font-size-sm);color:#ffffffe6;position:relative;z-index:1}.download-modal__options{margin-bottom:var(--space-6)}.download-modal__option-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-secondary);margin-bottom:var(--space-4);display:flex;align-items:center;gap:var(--space-2)}.download-modal__option-label:before{content:"🎨"}.download-modal__backgrounds{display:flex;flex-wrap:wrap;gap:var(--space-3)}.download-modal__bg-option{width:52px;height:52px;border-radius:var(--radius-lg);cursor:pointer;border:3px solid transparent;transition:all var(--transition-smooth);box-shadow:0 2px 8px #0003}.download-modal__bg-option:hover{transform:scale(1.15) rotate(3deg);box-shadow:0 4px 15px #0000004d}.download-modal__bg-option.selected{border-color:var(--primary-500);box-shadow:0 0 0 3px #667eea4d,0 4px 15px #0000004d;transform:scale(1.1)}.download-modal__preview-card{position:relative;padding:var(--space-10);padding-top:var(--space-16);border-radius:var(--radius-2xl);min-height:280px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.preview-quotemark{position:absolute;top:20px;left:24px;font-size:4rem;font-family:Georgia,serif;color:#2d343633;line-height:1}.preview-logo{position:absolute;top:28px;right:24px;font-size:.7rem;font-weight:600;letter-spacing:.1em;color:#2d343666}.download-modal__preview-quote{font-family:var(--font-display);font-size:var(--font-size-lg);font-weight:500;line-height:1.4;color:#2d3436e6;text-align:left;margin-bottom:var(--space-4)}.preview-divider{width:100%;height:1px;background:#2d343633;margin:var(--space-4) 0}.download-modal__preview-author{font-family:var(--font-display);font-size:var(--font-size-md);font-weight:600;color:#2d3436d9;text-align:left}.preview-category{font-size:.65rem;font-weight:500;letter-spacing:.05em;color:#2d343666;margin-top:var(--space-1)}.terms{padding-top:calc(80px + var(--space-10));padding-bottom:var(--space-20);min-height:100vh}.terms__header{text-align:center;margin-bottom:var(--space-12)}.terms__title{font-size:clamp(2rem,4vw,3rem);margin-bottom:var(--space-3);display:flex;align-items:center;justify-content:center;gap:var(--space-3)}.terms__title:before{content:"📜"}.terms__updated{color:var(--text-muted);font-size:var(--font-size-sm)}.terms__content{max-width:800px;margin:0 auto;background:var(--surface);border-radius:var(--radius-2xl);box-shadow:var(--neu-shadow),var(--neu-shadow-invert);padding:var(--space-10)}.terms__section{margin-bottom:var(--space-8);padding-bottom:var(--space-6);border-bottom:1px solid rgba(128,128,128,.1)}.terms__section:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.terms__section h2{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-4);color:var(--text)}.terms__section p{color:var(--text-secondary);line-height:var(--line-height-relaxed);margin-bottom:var(--space-3)}.terms__section ul{list-style:none;padding:0;margin:var(--space-3) 0}.terms__section li{color:var(--text-secondary);line-height:var(--line-height-relaxed);padding-left:var(--space-6);position:relative;margin-bottom:var(--space-2)}.terms__section li:before{content:"•";position:absolute;left:var(--space-2);color:var(--primary-500);font-weight:700}.terms__section a{color:var(--primary-500);text-decoration:none;transition:color var(--transition-fast)}.terms__section a:hover{color:var(--primary-600);text-decoration:underline}.terms__back{text-align:center;margin-top:var(--space-12)}.about{padding-top:calc(80px + var(--space-10));padding-bottom:var(--space-20);min-height:100vh}.about__header{text-align:center;margin-bottom:var(--space-12)}.about__title{font-size:clamp(2rem,4vw,3rem);margin-bottom:var(--space-3);display:flex;align-items:center;justify-content:center;gap:var(--space-3)}.about__title:before{content:"✨"}.about__subtitle{color:var(--text-muted);font-size:var(--font-size-lg);font-style:italic}.about__content{max-width:700px;margin:0 auto;background:var(--surface);border-radius:var(--radius-2xl);box-shadow:var(--neu-shadow),var(--neu-shadow-invert);padding:var(--space-12)}.about__intro{margin-bottom:var(--space-8);padding-bottom:var(--space-8);border-bottom:1px solid rgba(128,128,128,.1)}.about__lead{font-family:var(--font-display);font-size:var(--font-size-2xl);font-weight:var(--font-weight-medium);color:var(--text);line-height:var(--line-height-relaxed);text-align:center}.about__section{margin-bottom:var(--space-6)}.about__section p{font-size:var(--font-size-md);color:var(--text-secondary);line-height:1.8;text-align:justify}.about__cta{margin-top:var(--space-10);padding-top:var(--space-8);border-top:1px solid rgba(128,128,128,.1);text-align:center}.about__actions{font-family:var(--font-display);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--primary-500);margin-bottom:var(--space-4);letter-spacing:.05em}.about__tagline{font-size:var(--font-size-md);color:var(--text-muted);font-style:italic}.about__back{text-align:center;margin-top:var(--space-12);display:flex;justify-content:center;gap:var(--space-4);flex-wrap:wrap}@media(min-width:1400px){.container-lg{max-width:1400px}.hero__quote{font-size:var(--font-size-4xl)}}@media(max-width:1399px){.admin__grid{gap:var(--space-6)}}@media(max-width:1199px){.top-thoughts__grid{grid-template-columns:repeat(2,1fr)}.footer__links-group{gap:var(--space-10)}}@media(max-width:1023px){:root{--font-size-4xl: 2.5rem;--font-size-3xl: 2rem;--font-size-2xl: 1.75rem}.admin__grid{grid-template-columns:1fr}.admin__thoughts-list{max-height:400px}.top-thoughts__grid{grid-template-columns:repeat(2,1fr);gap:var(--space-6)}.library__grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:767px){:root{--font-size-4xl: 2rem;--font-size-3xl: 1.75rem;--font-size-2xl: 1.5rem}.container{padding:0 var(--space-4)}.nav__links{position:fixed;inset:72px 0 0;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:var(--space-10);gap:var(--space-8);background:var(--bg);opacity:0;visibility:hidden;transform:translateY(-20px);transition:all var(--transition-smooth)}.nav__links.active{opacity:1;visibility:visible;transform:translateY(0)}.nav__link{font-size:var(--font-size-lg)}.nav__menu-toggle{display:flex}.hero__content{padding:var(--space-6)}.hero__quote{font-size:var(--font-size-2xl)}.hero__quote:before{font-size:3rem}.hero__author{font-size:var(--font-size-base)}.top-thoughts__grid,.library__grid{grid-template-columns:1fr}.footer__main{flex-direction:column;gap:var(--space-8)}.footer__brand{max-width:100%;text-align:center}.footer__links-group{width:100%;justify-content:space-between}.footer__bottom{flex-direction:column;gap:var(--space-4)}.thought-card{padding:var(--space-6)}.thought-card__quote{font-size:var(--font-size-base)}.glass-modal{width:95%;max-height:85vh;padding:var(--space-6)}.download-modal__preview-card{padding:var(--space-6)}.download-modal__preview-quote{font-size:var(--font-size-lg)}.admin__header{flex-direction:column;align-items:flex-start;gap:var(--space-4)}.feedback-btn{bottom:var(--space-4);right:var(--space-4);width:50px;height:50px}.scroll-top-btn{right:calc(var(--space-4) + 60px);width:44px;height:44px}}@media(max-width:480px){:root{--font-size-4xl: 1.75rem;--font-size-3xl: 1.5rem;--font-size-2xl: 1.25rem;--font-size-xl: 1.125rem}.container{padding:0 var(--space-3)}.hero__quote{font-size:var(--font-size-xl)}.hero__quote:before{font-size:2.5rem;margin-bottom:var(--space-2)}.top-thoughts{padding:var(--space-16) 0}.top-thoughts__header{margin-bottom:var(--space-8)}.thought-card{padding:var(--space-5)}.thought-card__actions{flex-wrap:wrap}.neu-btn{padding:var(--space-3) var(--space-6);font-size:var(--font-size-sm)}.neu-btn-icon{width:40px;height:40px}.neu-btn-icon svg{width:18px;height:18px}.footer__links-group{flex-direction:column;gap:var(--space-6);text-align:center}.footer__links{align-items:center}.download-modal__bg-option{width:40px;height:40px}.login__card{padding:var(--space-6)}.admin__thought-item{flex-direction:column;gap:var(--space-3)}.admin__thought-actions{width:100%;justify-content:flex-end}}@media(max-height:700px){.hero__scroll-indicator{bottom:var(--space-6)}.hero__content{padding-top:var(--space-20)}}@media(hover:none){.neu-card:hover,.thought-card:hover,.glass-card:hover{transform:none;box-shadow:var(--neu-shadow),var(--neu-shadow-invert)}.hover-lift:hover,.hover-scale:hover{transform:none}}@media(max-width:767px){[data-theme=dark] .nav__links{background:var(--bg-dark)}}@media print{.nav,.footer,.feedback-btn,.scroll-top-btn,.thought-card__actions{display:none!important}.hero{min-height:auto;padding:var(--space-8);background:#fff!important}.hero__background{display:none}.hero__quote{color:#000!important;text-shadow:none}.thought-card{break-inside:avoid;box-shadow:none;border:1px solid #ddd}}