@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&display=swap);:root{--color-purple-500:#8b5cf6;--color-purple-600:#7c3aed;--color-purple-400:#a78bfa;--color-purple-100:#ede9fe;--color-purple-50:#f5f3ff;--color-coral:#ff6b6b;--color-orange:#ff9f43;--color-yellow:#feca57;--color-teal:#00d2d3;--color-cyan:#54a0ff;--color-pink:#ff6b9d;--color-lime:#5cd85a;--color-indigo:#5f27cd;--color-primary:var(--color-purple-500);--color-primary-dark:var(--color-purple-600);--color-primary-light:var(--color-purple-400);--color-primary-soft:var(--color-purple-100);--color-header-bg:#5b21b6;--color-gradient-sunset:linear-gradient(135deg,#ff6b6b,#ff9f43 50%,#feca57);--color-gradient-ocean:linear-gradient(135deg,#54a0ff,#00d2d3);--color-gradient-aurora:linear-gradient(135deg,#a78bfa,#ff6b9d 50%,#ff9f43);--color-gradient-forest:linear-gradient(135deg,#5cd85a,#00d2d3);--color-peach-soft:#fff0e6;--color-lavender-soft:#f0e6ff;--color-mint-soft:#e6fff0;--color-sky-soft:#e6f4ff;--color-rose-soft:#ffe6ee;--color-lemon-soft:#fffce6;--color-warm-gray-900:#2d2a26;--color-warm-gray-700:#4a4540;--color-warm-gray-500:#78716c;--color-warm-gray-300:#a8a29e;--color-warm-gray-100:#e7e5e4;--color-warm-gray-50:#f5f5f4;--color-white:#fff;--color-bg-primary:linear-gradient(180deg,#fff8f0,#f0e6ff 50%,#e6f4ff);--color-bg-secondary:#fff0e6;--color-bg-tertiary:#f5f5f4;--color-bg-card:#ffffffe6;--color-bg-elevated:#fff;--color-bg-accent:var(--color-gradient-aurora);--color-primary-alpha-10:#8b5cf61a;--color-primary-alpha-15:#8b5cf626;--color-primary-alpha-20:#8b5cf633;--color-text-primary:#2d2a26;--color-text-secondary:#5a5550;--color-text-tertiary:#9ca3af;--color-text-muted:#8a8580;--color-text-inverse:#fff;--color-border:#8b5cf626;--color-border-light:#8b5cf614;--color-success:#5cd85a;--color-success-light:#e6fff0;--color-warning:#ff9f43;--color-warning-light:#fff4e6;--color-info:#54a0ff;--color-info-light:#e6f4ff;--color-error:#ff6b6b;--color-error-light:#ffe6e6;--color-mood-inspired:#feca57;--color-mood-inspired-bg:linear-gradient(135deg,#fffce6,#fff4e6);--color-mood-okay:#5cd85a;--color-mood-okay-bg:linear-gradient(135deg,#e6fff0,#e6fffa);--color-mood-tired:#54a0ff;--color-mood-tired-bg:linear-gradient(135deg,#e6f4ff,#e6e6ff);--color-mood-blocked:#a78bfa;--color-mood-blocked-bg:linear-gradient(135deg,#f0e6ff,#ffe6f4);--color-mood-energized:#ff6b6b;--color-mood-energized-bg:linear-gradient(135deg,#ffe6e6,#fff4e6);--color-stage-idea:linear-gradient(135deg,#54a0ff,#00d2d3);--color-stage-idea-text:#fff;--color-stage-composition:linear-gradient(135deg,#a78bfa,#ff6b9d);--color-stage-composition-text:#fff;--color-stage-recording:linear-gradient(135deg,#ff9f43,#feca57);--color-stage-recording-text:#2d2a26;--color-stage-mixing:linear-gradient(135deg,#5cd85a,#00d2d3);--color-stage-mixing-text:#fff;--color-stage-mastering:linear-gradient(135deg,#ff6b6b,#ff9f43);--color-stage-mastering-text:#fff;--color-stage-complete:linear-gradient(135deg,#5f27cd,#8b5cf6);--color-stage-complete-text:#fff;--color-type-music:#ff6b6b;--color-type-music-bg:linear-gradient(135deg,#ffe6e6,#fff0e6);--color-type-art:#a78bfa;--color-type-art-bg:linear-gradient(135deg,#f0e6ff,#ffe6f4);--color-type-writing:#5cd85a;--color-type-writing-bg:linear-gradient(135deg,#e6fff0,#e6fffa);--color-type-video:#ff6b9d;--color-type-video-bg:linear-gradient(135deg,#ffe6ee,#f0e6ff);--font-family:"Inter",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-size-display:3rem;--font-size-h1:2rem;--font-size-h2:1.5rem;--font-size-h3:1.25rem;--font-size-h4:1.125rem;--font-size-body-lg:1.125rem;--font-size-body:1rem;--font-size-body-sm:0.875rem;--font-size-caption:0.75rem;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--line-height-tight:1.2;--line-height-snug:1.3;--line-height-normal:1.4;--line-height-relaxed:1.6;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.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:0.25rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--shadow-sm:0 2px 4px #8b5cf61a,0 1px 2px #ff6b6b0d;--shadow-md:0 4px 12px #8b5cf626,0 2px 6px #ff6b6b14;--shadow-lg:0 10px 30px #8b5cf633,0 4px 12px #ff6b6b1a;--shadow-xl:0 20px 50px #8b5cf640,0 8px 20px #ff6b6b1f;--shadow-glow:0 0 30px #8b5cf64d,0 0 60px #ff6b6b26;--shadow-card:0 4px 20px #8b5cf61f,0 2px 8px #ff9f4314;--shadow-colorful:0 8px 32px #8b5cf633,0 4px 16px #ff6b6b1a,0 2px 8px #00d2d314;--transition-fast:150ms ease-out;--transition-normal:200ms ease-out;--transition-slow:300ms ease-out;--z-dropdown:250;--z-sticky:200;--z-fixed:300;--z-modal-backdrop:400;--z-modal:500;--z-toast:600;--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1280px;--nav-height:64px;--nav-height-mobile:56px;--bottom-nav-height:56px;--color-dark-bg-deep:#0d0d14;--color-dark-bg-primary:#13131a;--color-dark-bg-secondary:#1a1a24;--color-dark-bg-card:#1e1e2a;--color-dark-bg-elevated:#252532;--color-dark-border:#2e2e3a;--color-dark-border-light:#3a3a48}[data-theme=dark]{--color-bg-primary:var(--color-dark-bg-primary);--color-bg-secondary:var(--color-dark-bg-secondary);--color-bg-card:var(--color-dark-bg-card);--color-cream-50:var(--color-dark-bg-primary);--color-peach-50:var(--color-dark-bg-secondary);--color-white:var(--color-dark-bg-card);--color-text-primary:#f5f5f5;--color-text-secondary:#a0a0a0;--color-text-tertiary:grey;--color-text-muted:grey;--color-text-inverse:var(--color-dark-bg-primary);--color-bg-tertiary:#2a2a36;--color-primary:#a78bfa;--color-primary-dark:#8b5cf6;--color-primary-light:#c4b5fd;--color-primary-soft:#a78bfa26;--color-primary-alpha-10:#a78bfa26;--color-primary-alpha-15:#a78bfa33;--color-primary-alpha-20:#a78bfa40;--color-border:var(--color-dark-border);--color-border-light:var(--color-dark-border-light);--color-warm-gray-900:#f5f5f5;--color-warm-gray-700:#d1d1d8;--color-warm-gray-500:#a0a0a0;--color-warm-gray-300:grey;--color-warm-gray-100:#3a3a48;--color-success:#34d399;--color-success-light:#34d39926;--color-success-dark:#6ee7b7;--color-warning:#fbbf24;--color-warning-light:#fbbf2426;--color-info:#60a5fa;--color-info-light:#60a5fa26;--color-error:#f87171;--color-error-light:#f8717126;--color-mood-inspired:#fcd34d;--color-mood-okay:#6ee7b7;--color-mood-tired:#93c5fd;--color-mood-blocked:#c4b5fd;--color-mood-energized:#fdba74;--color-stage-idea:#1e3a5f;--color-stage-idea-text:#93c5fd;--color-stage-composition:#2d1f4e;--color-stage-composition-text:#d4a5ff;--color-stage-recording:#3d2e1f;--color-stage-recording-text:#fdba74;--color-stage-mixing:#1a3d2e;--color-stage-mixing-text:#86efac;--color-stage-mastering:#3d3a1f;--color-stage-mastering-text:#fde047;--shadow-sm:0 1px 3px #0000004d,0 1px 2px #0003;--shadow-md:0 4px 6px #00000059,0 2px 4px #0003;--shadow-lg:0 10px 25px #0006,0 4px 10px #00000040;--shadow-xl:0 20px 40px #00000080,0 8px 16px #0000004d;--shadow-card:0 4px 12px #0000004d,0 2px 6px #0003;--shadow-colorful:0 8px 24px #0006,0 4px 12px #00000040;--shadow-glow:0 0 20px #a78bfa33}@media (prefers-color-scheme:dark){[data-theme=system]{--color-bg-primary:var(--color-dark-bg-primary);--color-bg-secondary:var(--color-dark-bg-secondary);--color-bg-card:var(--color-dark-bg-card);--color-cream-50:var(--color-dark-bg-primary);--color-peach-50:var(--color-dark-bg-secondary);--color-white:var(--color-dark-bg-card);--color-text-primary:#f5f5f5;--color-text-secondary:#a0a0a0;--color-text-muted:grey;--color-text-inverse:var(--color-dark-bg-primary);--color-primary:#a78bfa;--color-primary-dark:#8b5cf6;--color-primary-light:#c4b5fd;--color-primary-soft:#a78bfa26;--color-border:var(--color-dark-border);--color-border-light:var(--color-dark-border-light);--color-warm-gray-900:#f5f5f5;--color-warm-gray-700:#d1d1d8;--color-warm-gray-500:#a0a0a0;--color-warm-gray-300:grey;--color-warm-gray-100:#3a3a48;--color-success:#34d399;--color-success-light:#34d39926;--color-success-dark:#6ee7b7;--color-warning:#fbbf24;--color-warning-light:#fbbf2426;--color-info:#60a5fa;--color-info-light:#60a5fa26;--color-error:#f87171;--color-error-light:#f8717126;--color-mood-inspired:#fcd34d;--color-mood-okay:#6ee7b7;--color-mood-tired:#93c5fd;--color-mood-blocked:#c4b5fd;--color-mood-energized:#fdba74;--color-stage-idea:#1e3a5f;--color-stage-idea-text:#93c5fd;--color-stage-composition:#2d1f4e;--color-stage-composition-text:#d4a5ff;--color-stage-recording:#3d2e1f;--color-stage-recording-text:#fdba74;--color-stage-mixing:#1a3d2e;--color-stage-mixing-text:#86efac;--color-stage-mastering:#3d3a1f;--color-stage-mastering-text:#fde047;--shadow-sm:0 1px 3px #0000004d,0 1px 2px #0003;--shadow-md:0 4px 6px #00000059,0 2px 4px #0003;--shadow-lg:0 10px 25px #0006,0 4px 10px #00000040;--shadow-xl:0 20px 40px #00000080,0 8px 16px #0000004d}}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{background:#fafafa;color:var(--color-text-primary);font-family:var(--font-family);font-size:var(--font-size-body);font-weight:var(--font-weight-regular);line-height:var(--line-height-relaxed);min-height:100vh;transition:background .3s ease,color .3s ease}body:not([data-theme=dark]){background:radial-gradient(ellipse 60% 50% at 0 0,#ff6b9d40 0,#0000 50%),radial-gradient(ellipse 50% 40% at 100% 0,#ff9f4333 0,#0000 45%),radial-gradient(ellipse 80% 60% at 50% 30%,#a78bfa26 0,#0000 50%),radial-gradient(ellipse 40% 35% at 10% 100%,#00d2d333 0,#0000 45%),radial-gradient(ellipse 45% 40% at 90% 90%,#ff6b6b26 0,#0000 45%),linear-gradient(180deg,#fffaf5,#f5f0ff 40%,#f0faff 70%,#fff5f5);background-attachment:fixed}[data-theme=dark] body,body[data-theme=dark]{background:var(--color-bg-primary)!important;background-attachment:scroll!important}h1,h2,h3,h4,h5,h6{color:var(--color-text-primary);font-weight:var(--font-weight-semibold);line-height:var(--line-height-snug)}h1{font-size:var(--font-size-h1)}h2{font-size:var(--font-size-h2)}h3{font-size:var(--font-size-h3)}h4{font-size:var(--font-size-h4)}p{margin-bottom:var(--space-4)}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-dark)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}::selection{background-color:var(--color-primary-soft);color:var(--color-primary-dark)}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:var(--color-bg-primary)}::-webkit-scrollbar-thumb{background:var(--color-warm-gray-300);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-warm-gray-500)}.text-primary{color:var(--color-primary)}.text-secondary{color:var(--color-text-secondary)}.text-muted{color:var(--color-text-muted)}.text-center{text-align:center}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.container{margin:0 auto;max-width:var(--container-lg);padding:0 var(--space-4);width:100%}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-fade-in{animation:fadeIn var(--transition-slow) ease-out}.animate-slide-up{animation:slideUp var(--transition-slow) ease-out}.animate-scale-in{animation:scaleIn var(--transition-normal) ease-out}.mobile-viewport{background:linear-gradient(180deg,var(--color-bg-primary) 0,var(--color-bg-secondary) 100%);margin:0 auto;max-width:430px;min-height:100vh}.screen{display:flex;flex-direction:column;min-height:100vh;padding:var(--space-6)}.screen--centered{align-items:center;justify-content:center}.loading-screen,.screen--gradient{background:linear-gradient(180deg,var(--color-bg-primary) 0,var(--color-bg-secondary) 100%)}.loading-screen{align-items:center;display:flex;justify-content:center;min-height:100vh}.loading-spinner{animation:spin .8s linear infinite;border:3px solid var(--color-border);border-top-color:var(--color-primary)}*{transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease}.animate-fade-in *,.animate-scale-in *,.animate-slide-up *{transition:none}.btn{align-items:center;border:none;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-family:var(--font-family);font-weight:var(--font-weight-medium);gap:var(--space-2);justify-content:center;text-decoration:none;transition:all var(--transition-fast);white-space:nowrap}.btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.btn:disabled{cursor:not-allowed;opacity:.5}.btn:active:not(:disabled){transform:scale(.98)}.btn--primary{background:linear-gradient(135deg,#8b5cf6,#a78bfa 50%,#ff6b9d);border:none;box-shadow:0 4px 15px #8b5cf666,0 2px 8px #ff6b9d33;color:#fff}.btn--primary:hover:not(:disabled){background:linear-gradient(135deg,#7c3aed,#8b5cf6 50%,#ff6b6b);box-shadow:0 6px 20px #8b5cf680,0 4px 12px #ff6b6b4d;transform:translateY(-2px)}[data-theme=dark] .btn--primary{background:#8b5cf640;box-shadow:none;color:#d4a5ff}[data-theme=dark] .btn--primary:hover:not(:disabled){background:#8b5cf659;box-shadow:none;transform:translateY(-1px)}.btn--secondary{background-color:var(--color-bg-card);border:1px solid var(--color-primary);color:var(--color-primary)}.btn--secondary:hover:not(:disabled){background-color:var(--color-primary-soft)}.btn--ghost{background-color:initial;color:var(--color-primary)}.btn--ghost:hover:not(:disabled){background-color:var(--color-primary-soft)}.btn--link{background-color:initial;color:var(--color-primary);font-weight:var(--font-weight-regular);padding:0}.btn--link:hover:not(:disabled){color:var(--color-primary-dark);text-decoration:underline}.btn--danger{background-color:var(--color-error);color:var(--color-white)}.btn--danger:hover:not(:disabled){background-color:#dc2626}.btn--danger .btn__spinner{border-top-color:var(--color-white)}.btn--sm{font-size:var(--font-size-body-sm);min-height:36px;padding:var(--space-2) var(--space-3)}.btn--md{font-size:var(--font-size-body);min-height:44px;padding:var(--space-3) var(--space-6)}.btn--lg{font-size:var(--font-size-body-lg);min-height:52px;padding:var(--space-4) var(--space-8)}.btn--full-width{width:100%}.btn--loading{color:#0000;position:relative}.btn__spinner{animation:spin .8s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:initial;height:20px;position:absolute;width:20px}.btn--primary .btn__spinner{border-top-color:var(--color-white)}.btn--ghost .btn__spinner,.btn--secondary .btn__spinner{border-top-color:var(--color-primary)}.btn__icon{align-items:center;display:flex;justify-content:center}.btn__icon svg{height:20px;width:20px}.btn--sm .btn__icon svg{height:16px;width:16px}.btn--lg .btn__icon svg{height:24px;width:24px}.btn__text{align-items:center;display:inline-flex;gap:var(--space-2)}.btn__text svg{flex-shrink:0}.card{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffffd9;border:1px solid #8b5cf61a;border-radius:var(--radius-xl);transition:all var(--transition-fast)}.card--default{box-shadow:var(--shadow-card)}.card--elevated{box-shadow:var(--shadow-lg);box-shadow:var(--shadow-colorful,var(--shadow-lg))}.card--outlined{border:1px solid #8b5cf633;box-shadow:none}.card--glass{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#ffffffb3;background-clip:padding-box;border:1px solid #0000;position:relative}.card--glass:before{background:linear-gradient(135deg,#a78bfa4d,#ff6b9d4d,#ff9f434d);border-radius:inherit;content:"";inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:1px;pointer-events:none;position:absolute}.card--padding-none{padding:0}.card--padding-sm{padding:var(--space-3)}.card--padding-md{padding:var(--space-5)}.card--padding-lg{padding:var(--space-6)}.card--clickable{cursor:pointer}.card--clickable:hover{border-color:#a78bfa33;box-shadow:var(--shadow-lg);box-shadow:var(--shadow-colorful,var(--shadow-lg));transform:translateY(-3px)}.card--clickable:active{transform:translateY(-1px)}.card--clickable:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}[data-theme=dark] .card{backdrop-filter:none;-webkit-backdrop-filter:none;background:var(--color-bg-card);border:1px solid var(--color-border)}[data-theme=dark] .card,[data-theme=dark] .card--default{box-shadow:var(--shadow-md)}[data-theme=dark] .card--elevated{box-shadow:var(--shadow-lg)}[data-theme=dark] .card--clickable:hover{border-color:var(--color-primary);box-shadow:var(--shadow-lg)}[data-theme=dark] .card--glass{background:#1e1e2ae6;border-color:var(--color-border)}[data-theme=dark] .card--glass:before{display:none}.input-wrapper{display:flex;flex-direction:column;gap:var(--space-2)}.input-wrapper--full-width{width:100%}.input__label{color:var(--color-text-primary);font-size:var(--font-size-body-sm);font-weight:var(--font-weight-medium)}.input__container{align-items:center;display:flex;position:relative}.input{background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-family:var(--font-family);font-size:var(--font-size-body);height:44px;padding:var(--space-3) var(--space-4);transition:all var(--transition-fast);width:100%}.input::placeholder{color:var(--color-text-secondary)}.input:hover:not(:disabled){border-color:var(--color-warm-gray-300)}.input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-soft);outline:none}.input:disabled{background-color:var(--color-warm-gray-100);color:var(--color-text-muted);cursor:not-allowed}.input--with-icon-left{padding-left:44px}.input--with-icon-right{padding-right:44px}.input__icon{align-items:center;color:var(--color-text-secondary);display:flex;height:44px;justify-content:center;pointer-events:none;position:absolute;width:44px}.input__icon--left{left:0}.input__icon--right{right:0}.input__icon svg{height:20px;width:20px}.input-wrapper--error .input{border-color:var(--color-error)}.input-wrapper--error .input:focus{box-shadow:0 0 0 3px var(--color-error-light)}.input__error{color:var(--color-error)}.input__error,.input__helper{font-size:var(--font-size-body-sm)}.input__helper{color:var(--color-text-secondary)}.mood-selector{display:flex;gap:var(--space-2);justify-content:center}.mood-option{align-items:center;background-color:var(--color-bg-card);border:2px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-3);transition:all var(--transition-fast)}.mood-option:hover{border-color:var(--mood-color);transform:translateY(-2px)}.mood-option--selected{background-color:var(--mood-color);border-color:var(--mood-color);transform:scale(1.05)}.mood-option--selected .mood-option__icon{color:var(--color-warm-gray-900)}.mood-option--selected .mood-option__label{color:var(--color-warm-gray-900);font-weight:var(--font-weight-medium)}.mood-option:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.mood-option__icon{align-items:center;color:var(--color-text-secondary);display:flex;justify-content:center;transition:color var(--transition-fast)}.mood-option__icon svg{height:28px;width:28px}.mood-option:hover .mood-option__icon{color:var(--mood-color)}.mood-option__label{color:var(--color-text-secondary);font-size:var(--font-size-caption);transition:color var(--transition-fast)}.mood-selector--sm .mood-option{padding:var(--space-2)}.mood-selector--sm .mood-option__icon svg{height:20px;width:20px}.mood-selector--sm .mood-option__label{font-size:10px}.mood-selector--lg .mood-option{padding:var(--space-4)}.mood-selector--lg .mood-option__icon svg{height:36px;width:36px}.mood-selector--lg .mood-option__label{font-size:var(--font-size-body-sm)}[data-theme=dark] .mood-option--selected .mood-option__icon,[data-theme=dark] .mood-option--selected .mood-option__label{color:var(--color-dark-bg-primary)}.theme-toggle,.theme-toggle--icon{align-items:center;display:flex}.theme-toggle--icon{background:#0000;border:none;border-radius:var(--radius-full);color:var(--color-text-secondary);cursor:pointer;height:40px;justify-content:center;transition:all var(--transition-fast);width:40px}.theme-toggle--icon:hover{background-color:var(--color-bg-secondary);color:var(--color-text-primary)}.theme-toggle__icon{align-items:center;display:flex;justify-content:center;transition:transform .3s ease}.theme-toggle--icon:hover .theme-toggle__icon{transform:rotate(15deg)}.theme-toggle__icon--dark{color:var(--color-text-primary)}.theme-toggle--full{align-items:flex-start;flex-direction:column;gap:var(--space-2)}.theme-toggle__label{color:var(--color-text-secondary);font-size:var(--font-size-body-sm);font-weight:var(--font-weight-medium)}.theme-toggle__options{background-color:var(--color-border);border-radius:var(--radius-lg);display:flex;gap:var(--space-2);padding:var(--space-1)}.theme-toggle__option{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;display:flex;font-family:var(--font-family);font-size:var(--font-size-body-sm);font-weight:var(--font-weight-medium);gap:var(--space-2);padding:var(--space-2) var(--space-3);transition:all var(--transition-fast)}.theme-toggle__option:hover{color:var(--color-text-primary)}.theme-toggle__option--active{background-color:var(--color-bg-card);box-shadow:var(--shadow-sm);color:var(--color-primary)}.theme-toggle__option-label{display:none}@media (min-width:480px){.theme-toggle__option-label{display:inline}}@keyframes theme-switch{0%{transform:scale(1) rotate(0deg)}50%{transform:scale(.8) rotate(180deg)}to{transform:scale(1) rotate(1turn)}}.theme-toggle--icon:active .theme-toggle__icon{animation:theme-switch .4s ease}.modal-overlay{align-items:center;animation:overlay-fade-in .2s ease;background-color:#00000080;display:flex;inset:0;justify-content:center;padding:var(--space-4);position:fixed;z-index:var(--z-modal)}@keyframes overlay-fade-in{0%{opacity:0}to{opacity:1}}[data-theme=dark] .modal-overlay{background-color:#000000b3}.modal{animation:modal-slide-up .3s ease;background-color:var(--color-bg-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;max-height:90vh;width:100%}@keyframes modal-slide-up{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}[data-theme=dark] .modal{border:1px solid var(--color-border)}.modal--sm{max-width:400px}.modal--md{max-width:500px}.modal--lg{max-width:700px}.modal__header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:var(--space-4) var(--space-5)}.modal__title{color:var(--color-text-primary);font-size:var(--font-size-body-lg);font-weight:var(--font-weight-semibold);margin:0}.modal__close{align-items:center;background:none;border:none;border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all var(--transition-fast);width:32px}.modal__close:hover{background-color:var(--color-border);color:var(--color-text-primary)}.modal__content{flex:1 1;overflow-y:auto;padding:var(--space-5)}.modal__message{color:var(--color-text-secondary);font-size:var(--font-size-body);line-height:var(--line-height-relaxed);margin:0}.modal__footer{background-color:var(--color-bg-secondary);border-radius:0 0 var(--radius-xl) var(--radius-xl);border-top:1px solid var(--color-border);padding:var(--space-4) var(--space-5)}.modal__actions{display:flex;gap:var(--space-3);justify-content:flex-end}.toast-container{bottom:calc(60px + var(--space-4));bottom:calc(var(--bottom-nav-height, 60px) + var(--space-4));display:flex;flex-direction:column;gap:var(--space-2);left:50%;max-width:400px;padding:0 var(--space-4);pointer-events:none;position:fixed;transform:translateX(-50%);width:100%;z-index:var(--z-toast)}.toast{align-items:center;animation:toast-slide-in .3s ease;background-color:var(--color-bg-card);border-left:4px solid;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);display:flex;gap:var(--space-3);padding:var(--space-3) var(--space-4);pointer-events:auto}@keyframes toast-slide-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}[data-theme=dark] .toast{border:1px solid var(--color-border);border-left-width:4px}.toast--success{border-left-color:var(--color-success)}.toast--success .toast__icon{color:var(--color-success)}.toast--error{border-left-color:var(--color-error)}.toast--error .toast__icon{color:var(--color-error)}.toast--info{border-left-color:var(--color-primary)}.toast--info .toast__icon{color:var(--color-primary)}.toast--warning{border-left-color:var(--color-warning)}.toast--warning .toast__icon{color:var(--color-warning)}.toast__icon{align-items:center;display:flex;flex-shrink:0;justify-content:center}.toast__message{color:var(--color-text-primary);flex:1 1;font-size:var(--font-size-body-sm);line-height:var(--line-height-normal)}.toast__dismiss{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;display:flex;flex-shrink:0;height:24px;justify-content:center;transition:all var(--transition-fast);width:24px}.toast__dismiss:hover{background-color:var(--color-border);color:var(--color-text-primary)}.textarea-wrapper{display:flex;flex-direction:column;gap:var(--space-1)}.textarea-label{font-size:var(--font-size-body-sm);font-weight:var(--font-weight-medium)}.textarea,.textarea-label{color:var(--color-text-primary)}.textarea{background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-family);font-size:var(--font-size-body);line-height:var(--line-height-relaxed);min-height:100px;padding:var(--space-3);resize:vertical;transition:all var(--transition-fast);width:100%}.textarea::placeholder{color:var(--color-text-secondary);opacity:.7}.textarea:hover{border-color:var(--color-primary-light)}.textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-soft);outline:none}.textarea:disabled{background-color:var(--color-bg-secondary);cursor:not-allowed;opacity:.6}.textarea--error{border-color:var(--color-error)}.textarea--error:focus{box-shadow:0 0 0 3px #ef444433}.textarea-error{color:var(--color-error)}.textarea-error,.textarea-helper{font-size:var(--font-size-caption)}.textarea-helper{color:var(--color-text-secondary)}.select-wrapper{display:flex;flex-direction:column;gap:var(--space-1)}.select-label{color:var(--color-text-primary);font-size:var(--font-size-body-sm);font-weight:var(--font-weight-medium)}.select-container{position:relative}.select{-webkit-appearance:none;appearance:none;background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);cursor:pointer;font-family:var(--font-family);font-size:var(--font-size-body);height:44px;padding:0 var(--space-10) 0 var(--space-3);transition:all var(--transition-fast);width:100%}.select:hover{border-color:var(--color-primary-light)}.select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-soft);outline:none}.select:disabled{background-color:var(--color-bg-secondary);cursor:not-allowed;opacity:.6}.select-icon{color:var(--color-text-secondary);pointer-events:none;position:absolute;right:var(--space-3);top:50%;transform:translateY(-50%)}.select--error{border-color:var(--color-error)}.select--error:focus{box-shadow:0 0 0 3px #ef444433}.select-error{color:var(--color-error)}.select-error,.select-helper{font-size:var(--font-size-caption)}.select-helper{color:var(--color-text-secondary)}.checkbox-wrapper{display:flex;flex-direction:column;gap:var(--space-1)}.checkbox-label{align-items:flex-start;cursor:pointer;display:flex;gap:var(--space-3)}.checkbox-input-wrapper{flex-shrink:0;position:relative}.checkbox-input{height:0;opacity:0;position:absolute;width:0}.checkbox-box{align-items:center;background-color:var(--color-bg-card);border:2px solid var(--color-border);border-radius:var(--radius-sm);color:#0000;display:flex;height:20px;justify-content:center;transition:all var(--transition-fast);width:20px}.checkbox-input:hover+.checkbox-box{border-color:var(--color-primary-light)}.checkbox-input:focus+.checkbox-box{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-soft)}.checkbox-box--checked{background-color:var(--color-primary);border-color:var(--color-primary);color:#fff}.checkbox-input:disabled+.checkbox-box{background-color:var(--color-bg-secondary);border-color:var(--color-border);cursor:not-allowed;opacity:.6}.checkbox-input:disabled+.checkbox-box--checked{background-color:var(--color-text-secondary)}.checkbox-box--error{border-color:var(--color-error)}.checkbox-input:focus+.checkbox-box--error{box-shadow:0 0 0 3px #ef444433}.checkbox-text{color:var(--color-text-primary);font-size:var(--font-size-body);line-height:1.4;padding-top:1px}.checkbox-error{color:var(--color-error)}.checkbox-error,.checkbox-helper{font-size:var(--font-size-caption);margin-left:calc(20px + var(--space-3))}.checkbox-helper{color:var(--color-text-secondary)}.radio-group{display:flex;flex-direction:column;gap:var(--space-2)}.radio-group-label{color:var(--color-text-primary);font-size:var(--font-size-body-sm);font-weight:var(--font-weight-medium)}.radio-options{display:flex;gap:var(--space-3)}.radio-options--vertical{flex-direction:column}.radio-options--horizontal{flex-direction:row;flex-wrap:wrap}.radio-label{align-items:flex-start;cursor:pointer;display:flex;gap:var(--space-3)}.radio-label--disabled{cursor:not-allowed;opacity:.6}.radio-input-wrapper{flex-shrink:0;position:relative}.radio-input{height:0;opacity:0;position:absolute;width:0}.radio-circle{align-items:center;background-color:var(--color-bg-card);border:2px solid var(--color-border);display:flex;height:20px;justify-content:center;width:20px}.radio-circle,.radio-dot{border-radius:50%;transition:all var(--transition-fast)}.radio-dot{background-color:initial;height:10px;transform:scale(0);width:10px}.radio-input:hover+.radio-circle{border-color:var(--color-primary-light)}.radio-input:focus+.radio-circle{box-shadow:0 0 0 3px var(--color-primary-soft)}.radio-circle--checked,.radio-input:focus+.radio-circle{border-color:var(--color-primary)}.radio-circle--checked .radio-dot{background-color:var(--color-primary);transform:scale(1)}.radio-input:disabled+.radio-circle{background-color:var(--color-bg-secondary);border-color:var(--color-border)}.radio-input:disabled+.radio-circle--checked .radio-dot{background-color:var(--color-text-secondary)}.radio-circle--error{border-color:var(--color-error)}.radio-input:focus+.radio-circle--error{box-shadow:0 0 0 3px #ef444433}.radio-text{color:var(--color-text-primary);font-size:var(--font-size-body);line-height:1.4;padding-top:1px}.radio-error{color:var(--color-error)}.radio-error,.radio-helper{font-size:var(--font-size-caption)}.radio-helper{color:var(--color-text-secondary)}.empty-state{flex-direction:column;padding:var(--space-10) var(--space-6);text-align:center}.empty-state,.empty-state__icon{align-items:center;display:flex;justify-content:center}.empty-state__icon{color:var(--color-text-muted);margin-bottom:var(--space-5);opacity:.6;transition:all var(--transition-normal)}.empty-state:hover .empty-state__icon{opacity:.8;transform:scale(1.05)}.empty-state__title{color:var(--color-text-primary);font-size:var(--font-size-h3);font-weight:var(--font-weight-semibold);line-height:var(--line-height-snug);margin:0 0 var(--space-3) 0}.empty-state__message{color:var(--color-text-secondary);font-size:var(--font-size-body);line-height:var(--line-height-relaxed);margin:0 0 var(--space-6) 0;max-width:400px}.empty-state__action{margin-top:var(--space-2)}.empty-state--first-project{margin:0 auto;max-width:480px;padding:var(--space-16) var(--space-8)}.empty-state--first-project .empty-state__icon{color:var(--color-primary);height:80px;opacity:.8;width:80px}.empty-state--first-project .empty-state__icon svg{height:56px;width:56px}.empty-state--first-project .empty-state__title{color:var(--color-primary);font-size:var(--font-size-h2)}.empty-state--first-project .empty-state__message{font-size:var(--font-size-body-lg);max-width:440px}.empty-state--no-projects-in-stage{padding:var(--space-6) var(--space-4)}.empty-state--no-projects-in-stage .empty-state__icon{margin-bottom:var(--space-3)}.empty-state--no-projects-in-stage .empty-state__icon svg{height:40px;width:40px}.empty-state--no-projects-in-stage .empty-state__title{font-size:var(--font-size-body);font-weight:var(--font-weight-medium)}.empty-state--no-projects-in-stage .empty-state__message{font-size:var(--font-size-body-sm);margin-bottom:0}.empty-state--no-search-results .empty-state__icon{color:var(--color-info)}.empty-state--no-sessions{background:var(--color-bg-secondary);border-radius:var(--radius-xl);padding:var(--space-8) var(--space-6)}.empty-state--no-sessions .empty-state__icon{color:var(--color-primary);opacity:.7}@media (max-width:640px){.empty-state{padding:var(--space-8) var(--space-4)}.empty-state--first-project{padding:var(--space-10) var(--space-5)}.empty-state__title{font-size:var(--font-size-h4)}.empty-state--first-project .empty-state__title{font-size:var(--font-size-h3)}.empty-state__message{font-size:var(--font-size-body-sm)}.empty-state--first-project .empty-state__message{font-size:var(--font-size-body)}}@media (prefers-reduced-motion:reduce){.empty-state:hover .empty-state__icon,.empty-state__icon{transform:none;transition:none}}[data-theme=dark] .empty-state--first-project .empty-state__icon{color:var(--color-primary-light)}[data-theme=dark] .empty-state--no-sessions{background:var(--color-bg-card);border:1px solid var(--color-border)}.welcome-screen{align-items:center;display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:var(--space-6);position:relative}.welcome-bg{inset:0;position:absolute;z-index:0}.welcome-bg__gradient{background:radial-gradient(ellipse at 20% 20%,#a78bfa26 0,#0000 50%),radial-gradient(ellipse at 80% 80%,#fbbf241a 0,#0000 50%),radial-gradient(ellipse at 50% 50%,#7c3aed14 0,#0000 70%),linear-gradient(180deg,var(--color-bg-primary) 0,var(--color-bg-secondary) 50%,var(--color-bg-primary) 100%);inset:0;position:absolute}[data-theme=dark] .welcome-bg__gradient{background:radial-gradient(ellipse at 20% 20%,#a78bfa33 0,#0000 50%),radial-gradient(ellipse at 80% 80%,#fbbf2426 0,#0000 50%),radial-gradient(ellipse at 50% 50%,#7c3aed1f 0,#0000 70%),linear-gradient(180deg,var(--color-bg-primary) 0,var(--color-bg-secondary) 50%,var(--color-bg-primary) 100%)}.welcome-bg__orb{animation:float-orb 20s ease-in-out infinite;border-radius:50%;filter:blur(60px);opacity:.6;position:absolute}[data-theme=dark] .welcome-bg__orb{opacity:.3}.welcome-bg__orb--1{animation-delay:0s;background:linear-gradient(135deg,#c4b5fd,#a78bfa);height:300px;left:-100px;top:-100px;width:300px}.welcome-bg__orb--2{animation-delay:-7s;background:linear-gradient(135deg,#fbbf24,#f59e0b);height:250px;right:-80px;top:30%;width:250px}.welcome-bg__orb--3{animation-delay:-14s;background:linear-gradient(135deg,#6ee7b7,#34d399);bottom:-50px;height:200px;left:20%;width:200px}@keyframes float-orb{0%,to{transform:translate(0) scale(1)}25%{transform:translate(30px,-20px) scale(1.05)}50%{transform:translate(-20px,30px) scale(.95)}75%{transform:translate(20px,20px) scale(1.02)}}.welcome-bg__stars{inset:0;pointer-events:none;position:absolute}.star{animation:twinkle 3s ease-in-out infinite;background:var(--color-primary);border-radius:50%;height:4px;opacity:0;position:absolute;width:4px}[data-theme=dark] .star{background:var(--color-primary-light)}.star--1{animation-delay:0s;left:15%;top:10%}.star--2{animation-delay:.5s;left:80%;top:20%}.star--3{animation-delay:1s;left:10%;top:35%}.star--4{animation-delay:1.5s;left:90%;top:45%}.star--5{animation-delay:2s;left:5%;top:60%}.star--6{animation-delay:.3s;left:85%;top:70%}.star--7{animation-delay:.8s;left:25%;top:80%}.star--8{animation-delay:1.3s;left:45%;top:15%}.star--9{animation-delay:1.8s;left:70%;top:55%}.star--10{animation-delay:.6s;left:60%;top:85%}.star--11{animation-delay:2.2s;left:35%;top:25%}.star--12{animation-delay:1.1s;left:45%;top:75%}@keyframes twinkle{0%,to{opacity:0;transform:scale(.5)}50%{opacity:.8;transform:scale(1.2)}}.welcome-content{align-items:center;display:flex;flex-direction:column;gap:var(--space-8);max-width:420px;opacity:0;position:relative;text-align:center;transform:translateY(20px);transition:all .8s cubic-bezier(.4,0,.2,1);width:100%;z-index:1}.welcome-theme-toggle{position:absolute;right:var(--space-4);top:var(--space-4)}.welcome-content--visible{opacity:1;transform:translateY(0)}.welcome-header{flex-direction:column;gap:var(--space-4)}.welcome-header,.welcome-logo{align-items:center;display:flex}.welcome-logo{gap:var(--space-2)}.welcome-logo__icon{animation:pulse-gentle 2s ease-in-out infinite;color:var(--color-primary);font-size:2rem}.welcome-logo__text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-dark) 100%);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:var(--font-weight-semibold);letter-spacing:-.02em}.welcome-encouragement{color:var(--color-text-secondary);font-size:var(--font-size-body);font-style:italic;margin:0;opacity:.9}.welcome-illustration{align-items:center;display:flex;height:200px;justify-content:center;position:relative;width:260px}.welcome-illustration__glow{animation:breathe 4s ease-in-out infinite;background:radial-gradient(circle,#7c3aed33 0,#0000 70%);border-radius:50%;height:180px;position:absolute;width:180px}@keyframes breathe{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.15)}}.welcome-illustration__person{position:relative;z-index:2}.person__head{animation:bob 3s ease-in-out infinite;background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:50%;height:50px;margin:0 auto;width:50px}.person__body{animation:bob 3s ease-in-out .1s infinite;background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-dark) 100%);border-radius:30px 30px 20px 20px;height:70px;margin:-10px auto 0;width:60px}.person__arm{background:var(--color-primary);border-radius:6px;height:50px;position:absolute;top:60px;width:12px}.person__arm--left{animation:wave-left 2s ease-in-out infinite;left:-20px;transform:rotate(-30deg);transform-origin:top center}.person__arm--right{animation:wave-right 2.5s ease-in-out infinite;right:-20px;transform:rotate(30deg);transform-origin:top center}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes wave-left{0%,to{transform:rotate(-30deg)}50%{transform:rotate(-45deg)}}@keyframes wave-right{0%,to{transform:rotate(30deg)}50%{transform:rotate(50deg)}}.welcome-illustration__notes{inset:0;pointer-events:none;position:absolute}.note{animation:float-note 4s ease-in-out infinite;color:var(--color-primary);font-size:1.5rem;opacity:.7;position:absolute}.note--1{animation-delay:0s;color:#fbbf24;left:10%;top:10%}.note--2{animation-delay:1s;color:var(--color-primary-light);right:15%;top:20%}.note--3{animation-delay:2s;bottom:25%;color:#6ee7b7;left:5%}.note--4{animation-delay:.5s;bottom:15%;color:var(--color-primary);right:10%}@keyframes float-note{0%,to{opacity:.5;transform:translateY(0) rotate(0deg)}50%{opacity:1;transform:translateY(-15px) rotate(10deg)}}.welcome-illustration__brush{bottom:20px;left:50%;position:absolute;transform:translateX(-50%)}.brush__stroke{animation:paint 3s ease-in-out infinite;border-radius:2px;height:4px;position:absolute}.brush__stroke--1{animation-delay:0s;background:#f87171;left:-60px;width:40px}.brush__stroke--2{animation-delay:.3s;background:#60a5fa;left:-10px;top:10px;width:50px}.brush__stroke--3{animation-delay:.6s;background:#34d399;left:30px;width:35px}@keyframes paint{0%,to{opacity:.6;transform:scaleX(.8)}50%{opacity:1;transform:scaleX(1)}}.welcome-text{display:flex;flex-direction:column;gap:var(--space-4)}.welcome-tagline{color:var(--color-text-primary);font-size:1.75rem;font-weight:var(--font-weight-semibold);line-height:1.3}.welcome-tagline__highlight{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--color-primary) 0,#9333ea 100%);-webkit-background-clip:text;background-clip:text}.welcome-subtitle{color:var(--color-text-secondary);font-size:var(--font-size-body);line-height:1.7;margin:0}.welcome-promise{background:#7c3aed14;border-radius:var(--radius-full);color:var(--color-primary);display:inline-block;font-size:var(--font-size-body-sm);font-weight:var(--font-weight-medium);margin:0;padding:var(--space-3) var(--space-4)}.welcome-actions{align-items:center;display:flex;flex-direction:column;gap:var(--space-4);width:100%}.welcome-cta-link{text-decoration:none;width:100%}.welcome-cta{background:linear-gradient(135deg,var(--color-primary) 0,#9333ea 100%)!important;box-shadow:0 4px 20px #7c3aed66;overflow:hidden;position:relative;transition:all .3s ease}.welcome-cta:hover{box-shadow:0 6px 30px #7c3aed80;transform:translateY(-2px)}.welcome-cta:before{animation:shimmer 3s infinite;background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}.welcome-cta__arrow,.welcome-cta__text{position:relative;z-index:1}.welcome-cta__arrow{margin-left:var(--space-2);transition:transform .3s ease}.welcome-cta:hover .welcome-cta__arrow{transform:translateX(4px)}.welcome-signin{color:var(--color-text-secondary);font-size:var(--font-size-body-sm);text-decoration:none;transition:color .2s ease}.welcome-signin__link{color:var(--color-primary);font-weight:var(--font-weight-medium)}.welcome-signin:hover .welcome-signin__link{text-decoration:underline}.welcome-trust{display:flex;gap:var(--space-6);padding-top:var(--space-4)}.welcome-trust__item{align-items:center;color:var(--color-text-secondary);display:flex;font-size:var(--font-size-body-sm);gap:var(--space-2)}.welcome-trust__icon{color:var(--color-success);font-size:1rem}@media (max-width:480px){.welcome-content{gap:var(--space-6)}.welcome-logo__text{font-size:2rem}.welcome-tagline{font-size:1.5rem}.welcome-trust{align-items:center;flex-direction:column;gap:var(--space-2)}}.login-screen{background:linear-gradient(180deg,var(--color-cream-50) 0,var(--color-peach-50) 100%);justify-content:center;min-height:100vh;padding:var(--space-6)}.login-content,.login-screen{align-items:center;display:flex;flex-direction:column}.login-content{gap:var(--space-6);max-width:400px;width:100%}.login-header{text-align:center}.login-logo{align-items:center;color:var(--color-primary);display:flex;font-size:var(--font-size-h3);font-weight:var(--font-weight-semibold);gap:var(--space-2);justify-content:center;margin-bottom:var(--space-6);text-decoration:none}.login-title{color:var(--color-text-primary);font-size:var(--font-size-h1);margin-bottom:var(--space-2)}.login-subtitle{color:var(--color-text-secondary);font-size:var(--font-size-body);margin:0}.login-card{width:100%}.login-form{display:flex;flex-direction:column;gap:var(--space-4)}.login-password-field{position:relative}.login-password-toggle{align-items:center;background:none;border:none;color:var(--color-text-secondary);cursor:pointer;display:flex;justify-content:center;padding:var(--space-1);position:absolute;right:var(--space-3);top:38px}.login-password-toggle:hover{color:var(--color-text-primary)}.login-forgot{align-self:flex-end;color:var(--color-primary);font-size:var(--font-size-body-sm);margin-top:calc(var(--space-2)*-1);text-decoration:none}.login-forgot:hover{text-decoration:underline}.login-error{align-items:center;background-color:#ef44441a;background-color:var(--color-error-bg,#ef44441a);border:1px solid var(--color-error);border-radius:var(--radius-md);color:var(--color-error);display:flex;font-size:var(--font-size-body-sm);gap:var(--space-2);padding:var(--space-3)}.login-error svg{flex-shrink:0}.login-divider{align-items:center;display:flex;gap:var(--space-4);margin:var(--space-6) 0}.login-divider:after,.login-divider:before{background-color:var(--color-border);content:"";flex:1 1;height:1px}.login-divider span{color:var(--color-text-secondary);font-size:var(--font-size-body-sm);white-space:nowrap}.login-social{display:flex;flex-direction:column;gap:var(--space-3)}.login-social-btn{align-items:center;display:flex;gap:var(--space-3);justify-content:center}.login-social-btn svg{flex-shrink:0}.login-signup-link{color:var(--color-text-secondary);font-size:var(--font-size-body-sm);margin:0}.login-signup-link a{color:var(--color-primary);font-weight:var(--font-weight-medium);text-decoration:none}.login-signup-link a:hover{text-decoration:underline}.signup-screen{background:linear-gradient(180deg,var(--color-cream-50) 0,var(--color-peach-50) 100%);justify-content:center;min-height:100vh;padding:var(--space-6)}.signup-content,.signup-screen{align-items:center;display:flex;flex-direction:column}.signup-content{gap:var(--space-6);max-width:420px;width:100%}.signup-header{text-align:center}.signup-logo{align-items:center;color:var(--color-primary);display:flex;font-size:var(--font-size-h3);font-weight:var(--font-weight-semibold);gap:var(--space-2);justify-content:center;margin-bottom:var(--space-6);text-decoration:none}.signup-title{color:var(--color-text-primary);font-size:var(--font-size-h1);margin-bottom:var(--space-2)}.signup-subtitle{color:var(--color-text-secondary);font-size:var(--font-size-body);margin:0}.signup-card{width:100%}.signup-form{display:flex;flex-direction:column;gap:var(--space-4)}.signup-password-field{position:relative}.signup-password-toggle{align-items:center;background:none;border:none;color:var(--color-text-secondary);cursor:pointer;display:flex;justify-content:center;padding:var(--space-1);position:absolute;right:var(--space-3);top:38px}.signup-password-toggle:hover{color:var(--color-text-primary)}.signup-error{align-items:center;background-color:#ef44441a;background-color:var(--color-error-bg,#ef44441a);border:1px solid var(--color-error);border-radius:var(--radius-md);color:var(--color-error);display:flex;font-size:var(--font-size-body-sm);gap:var(--space-2);padding:var(--space-3)}.signup-error svg{flex-shrink:0}.signup-password-strength{align-items:center;display:flex;gap:var(--space-3);margin-top:calc(var(--space-2)*-1)}.signup-password-strength-bar{display:flex;flex:1 1;gap:var(--space-1)}.signup-password-strength-segment{border-radius:var(--radius-full);flex:1 1;height:4px;transition:background-color .2s ease}.signup-password-strength-label{font-size:var(--font-size-body-xs);font-weight:var(--font-weight-medium);white-space:nowrap}.signup-terms{color:var(--color-text-secondary);font-size:var(--font-size-body-xs);line-height:1.5;margin:0;text-align:center}.signup-terms a{color:var(--color-primary);text-decoration:none}.signup-terms a:hover{text-decoration:underline}.signup-divider{align-items:center;display:flex;gap:var(--space-4);margin:var(--space-6) 0}.signup-divider:after,.signup-divider:before{background-color:var(--color-border);content:"";flex:1 1;height:1px}.signup-divider span{color:var(--color-text-secondary);font-size:var(--font-size-body-sm);white-space:nowrap}.signup-social{display:flex;flex-direction:column;gap:var(--space-3)}.signup-social-btn{align-items:center;display:flex;gap:var(--space-3);justify-content:center}.signup-social-btn svg{flex-shrink:0}.signup-login-link{color:var(--color-text-secondary);font-size:var(--font-size-body-sm);margin:0}.signup-login-link a{color:var(--color-primary);font-weight:var(--font-weight-medium);text-decoration:none}.signup-login-link a:hover{text-decoration:underline}@media (max-width:480px){.signup-screen{padding:var(--space-4)}.signup-title{font-size:var(--font-size-h2)}}.user-menu{position:relative;z-index:250;z-index:var(--z-dropdown,250)}.user-menu__trigger{align-items:center;background:none;border:none;border-radius:var(--radius-full);cursor:pointer;display:flex;justify-content:center;padding:0;transition:transform var(--transition-fast),opacity var(--transition-fast)}.user-menu__trigger:hover{opacity:.9;transform:scale(1.05)}.user-menu__trigger:active{transform:scale(.98)}.user-menu__avatar{border:2px solid #0000;border-radius:var(--radius-full);height:36px;object-fit:cover;transition:border-color var(--transition-fast);width:36px}.user-menu__trigger:hover .user-menu__avatar{border-color:var(--color-primary)}.user-menu__avatar--placeholder{align-items:center;background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-dark) 100%);color:#fff;display:flex;justify-content:center}.user-menu__chevron{display:none}.user-menu__dropdown{animation:menuSlideIn .2s ease-out;background-color:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:0 10px 40px #00000026;min-width:200px;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);z-index:1000;z-index:var(--z-dropdown,1000)}@keyframes menuSlideIn{0%{opacity:0;transform:translateY(-4px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.user-menu__info{align-items:center;background:var(--color-bg-secondary);display:flex;gap:var(--space-3);padding:var(--space-4)}.user-menu__info-avatar{align-items:center;background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-dark) 100%);border-radius:var(--radius-full);color:#fff;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.user-menu__info-text{flex:1 1;min-width:0}.user-menu__name{color:var(--color-text-primary);display:block;font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);margin-bottom:2px}.user-menu__email{color:var(--color-text-secondary);display:block;font-size:var(--font-size-body-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-menu__divider{background-color:var(--color-border);height:1px;margin:0}.user-menu__item{align-items:center;background:none;border:none;color:var(--color-text-primary);cursor:pointer;display:flex;font-size:var(--font-size-body-sm);font-weight:var(--font-weight-medium);gap:var(--space-3);padding:var(--space-3) var(--space-4);text-align:left;text-decoration:none;transition:background-color var(--transition-fast);width:100%}.user-menu__item:hover{background-color:var(--color-bg-secondary)}.user-menu__item svg{color:var(--color-text-tertiary);flex-shrink:0;height:18px;width:18px}.user-menu__item:hover svg{color:var(--color-primary)}.user-menu__item--danger{color:var(--color-text-secondary)}.user-menu__item--danger svg{color:var(--color-text-tertiary)}.user-menu__item--danger:hover{background-color:#ef444414;color:var(--color-error)}.user-menu__item--danger:hover svg{color:var(--color-error)}[data-theme=dark] .user-menu__avatar--placeholder{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-light) 100%)}[data-theme=dark] .user-menu__dropdown{background-color:var(--color-bg-secondary);border-color:var(--color-border);box-shadow:0 10px 40px #0006}[data-theme=dark] .user-menu__info{background:var(--color-bg-tertiary)}[data-theme=dark] .user-menu__info-avatar{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-light) 100%)}[data-theme=dark] .user-menu__name{color:var(--color-text-primary)}[data-theme=dark] .user-menu__email{color:var(--color-text-tertiary)}[data-theme=dark] .user-menu__divider{background-color:var(--color-border)}[data-theme=dark] .user-menu__item{color:var(--color-text-primary)}[data-theme=dark] .user-menu__item:hover{background-color:var(--color-bg-tertiary)}[data-theme=dark] .user-menu__item svg{color:var(--color-text-tertiary)}[data-theme=dark] .user-menu__item:hover svg{color:var(--color-primary-light)}[data-theme=dark] .user-menu__item--danger{color:var(--color-text-secondary)}[data-theme=dark] .user-menu__item--danger:hover{background-color:#fca5a51a;color:#fca5a5}[data-theme=dark] .user-menu__item--danger:hover svg{color:#fca5a5}.user-menu__trigger:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.user-menu__item:focus-visible{background-color:var(--color-bg-secondary);outline:none}[data-theme=dark] .user-menu__item:focus-visible{background-color:var(--color-bg-tertiary)}.app-layout{flex-direction:column;min-height:100vh}.app-layout,.app-layout__header{background:var(--color-bg-primary);display:flex}.app-layout__header{align-items:center;box-shadow:0 1px 3px #00000014;gap:var(--space-4);padding:var(--space-3) var(--space-4);position:-webkit-sticky;position:sticky;top:0;z-index:var(--z-sticky)}.app-layout__header-left,.app-layout__logo{align-items:center;display:flex}.app-layout__logo{color:var(--color-text-primary);font-weight:var(--font-weight-semibold);gap:var(--space-2);text-decoration:none;transition:opacity var(--transition-fast)}.app-layout__logo:hover{opacity:.9}.app-layout__logo-icon{color:var(--color-primary);font-size:1.5rem}.app-layout__logo-text{-webkit-text-fill-color:unset;background:none;-webkit-background-clip:unset;background-clip:initial;color:var(--color-primary);font-size:var(--font-size-body-lg);font-weight:var(--font-weight-bold)}.app-layout__back-btn{align-items:center;background:var(--color-bg-secondary);border:none;border-radius:var(--radius-md);color:var(--color-text-primary);cursor:pointer;display:flex;font-size:var(--font-size-body-sm);font-weight:var(--font-weight-medium);gap:var(--space-2);padding:var(--space-2) var(--space-3);transition:all var(--transition-fast)}.app-layout__back-btn:hover{background:var(--color-bg-tertiary);color:var(--color-primary)}.app-layout__back-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.app-layout__page-title{color:var(--color-text-primary);flex:1 1;font-size:var(--font-size-body-lg);font-weight:var(--font-weight-semibold);margin:0;text-align:center}.app-layout__header-right{align-items:center;display:flex;gap:var(--space-2);margin-left:auto}.app-layout__main{flex:1 1;padding:var(--space-4);padding-bottom:calc(var(--space-4) + 70px)}.app-layout__bottom-nav{background:var(--color-bg-primary);bottom:0;box-shadow:0 -1px 3px #00000014;display:flex;justify-content:space-around;left:0;padding:var(--space-2) var(--space-1);padding-bottom:calc(var(--space-2) + env(safe-area-inset-bottom, 0px));position:fixed;right:0;z-index:var(--z-sticky)}.app-layout__bottom-nav-item{align-items:center;border-radius:var(--radius-md);color:var(--color-text-tertiary);display:flex;flex-direction:column;font-size:10px;font-weight:var(--font-weight-medium);gap:2px;min-width:56px;padding:var(--space-1) var(--space-2);text-decoration:none;transition:all var(--transition-fast)}.app-layout__bottom-nav-item:hover{color:var(--color-text-primary)}.app-layout__bottom-nav-item--active{color:var(--color-primary)}.app-layout__bottom-nav-item--active svg{transform:scale(1.1)}.app-layout__more-wrapper{position:relative}.app-layout__more-btn{background:none;border:none;cursor:pointer}.app-layout__more-menu{animation:more-menu-slide-up .15s ease-out;background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);bottom:calc(100% + var(--space-2));box-shadow:0 4px 16px #0000001f;min-width:200px;padding:var(--space-2);position:absolute;right:0;z-index:100;z-index:var(--z-dropdown,100)}@keyframes more-menu-slide-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.app-layout__more-menu-item{align-items:center;border-radius:var(--radius-md);color:var(--color-text-secondary);display:flex;font-size:var(--font-size-body-sm);font-weight:var(--font-weight-medium);gap:var(--space-3);padding:var(--space-2) var(--space-3);text-decoration:none;transition:all var(--transition-fast);white-space:nowrap}.app-layout__more-menu-item:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.app-layout__more-menu-item--active{background:#8b5cf614;color:var(--color-primary)}.app-layout__more-menu-item--active:hover{background:#8b5cf61f}[data-theme=dark] .app-layout__header{background:var(--color-bg-primary);box-shadow:0 1px 3px #0000004d}[data-theme=dark] .app-layout__sidebar{background:var(--color-bg-secondary);border-color:var(--color-border)}[data-theme=dark] .app-layout__bottom-nav{background:var(--color-bg-primary);box-shadow:0 -1px 3px #0000004d}[data-theme=dark] .app-layout__nav-item:hover{background:var(--color-bg-tertiary)}[data-theme=dark] .app-layout__nav-item--active{background:#8b5cf626}[data-theme=dark] .app-layout__bottom-nav-item{color:var(--color-text-tertiary)}[data-theme=dark] .app-layout__bottom-nav-item:hover{color:var(--color-text-primary)}[data-theme=dark] .app-layout__bottom-nav-item--active{color:var(--color-primary-light)}[data-theme=dark] .app-layout__more-menu{background:var(--color-bg-secondary);border-color:var(--color-border);box-shadow:0 4px 16px #0006}[data-theme=dark] .app-layout__more-menu-item:hover{background:var(--color-bg-tertiary)}[data-theme=dark] .app-layout__more-menu-item--active{background:#8b5cf626;color:var(--color-primary-light)}@media (prefers-reduced-motion:reduce){.app-layout__bottom-nav-item,.app-layout__breadcrumb-link,.app-layout__logo,.app-layout__more-menu-item,.app-layout__nav-item{transition:none}.app-layout__more-menu{animation:none}}.app-layout__bottom-nav-item:focus-visible,.app-layout__breadcrumb-link:focus-visible,.app-layout__more-menu-item:focus-visible,.app-layout__nav-item:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.checkin-modal-overlay{align-items:flex-start;animation:fadeIn .25s ease-out;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#000000bf;display:flex;inset:0;justify-content:center;overflow-y:auto;padding:var(--space-6);position:fixed;z-index:1000}.checkin-modal{animation:slideUp .35s ease-out;background:var(--color-bg-primary);border-radius:var(--radius-2xl);box-shadow:0 25px 50px #00000059,0 0 0 1px var(--color-border);margin:var(--space-4) 0;max-width:480px;position:relative;width:100%}.checkin-modal__close{background:var(--color-bg-card);border:none;border-radius:var(--radius-full);color:var(--color-text-secondary);cursor:pointer;padding:var(--space-2);position:absolute;right:var(--space-4);top:var(--space-4);transition:all .2s ease;z-index:10}.checkin-modal__close:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.checkin-modal__header{align-items:center;display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-6) var(--space-6) var(--space-4);text-align:center}.checkin-modal__emoji{animation:gentle-bounce 2s ease-in-out infinite;display:block;font-size:3rem;line-height:1}.checkin-modal__greeting{color:var(--color-text-primary);font-size:var(--font-size-h2);font-weight:var(--font-weight-semibold);margin:0}.checkin-modal__subtitle{color:var(--color-text-secondary);font-size:var(--font-size-body);font-style:italic;margin:0}.checkin-modal__quote{align-items:center;background:linear-gradient(135deg,#ffffffe6,#c7d2fe33)!important;border:1px solid #7c3aed1a!important;display:flex;flex-direction:column;gap:var(--space-2);margin:0 var(--space-6);padding:var(--space-4)!important;text-align:center}[data-theme=dark] .checkin-modal__quote{background:linear-gradient(135deg,var(--color-bg-card) 0,#a78bfa1a 100%)!important;border:1px solid #a78bfa33!important}.checkin-modal__quote-emoji{display:block;font-size:1.5rem}.checkin-modal__quote-text{color:var(--color-text-primary);font-size:var(--font-size-body);font-style:italic;line-height:var(--line-height-relaxed);margin:0}.checkin-modal__quote-author{color:var(--color-text-secondary);font-size:var(--font-size-body-sm)}.checkin-modal__content{display:flex;flex-direction:column;gap:var(--space-6);padding:var(--space-6)}.checkin-modal__section{display:flex;flex-direction:column;gap:var(--space-3)}.checkin-modal__section-header{align-items:center;display:flex;gap:var(--space-2)}.checkin-modal__section-icon{color:var(--color-primary);flex-shrink:0}.checkin-modal__section-title{font-size:var(--font-size-body-lg)}.checkin-modal__section-label,.checkin-modal__section-title{color:var(--color-text-primary);font-weight:var(--font-weight-medium);margin:0}.checkin-modal__response,.checkin-modal__section-label{font-size:var(--font-size-body-sm)}.checkin-modal__response{align-items:center;animation:fadeIn .3s ease-out;background:linear-gradient(135deg,#7c3aed0d,#fbbf240d);border-left:3px solid var(--color-primary);border-radius:var(--radius-lg);color:var(--color-text-secondary);display:flex;font-style:italic;gap:var(--space-2);justify-content:center;padding:var(--space-3)}[data-theme=dark] .checkin-modal__response{background:linear-gradient(135deg,#a78bfa1f,#fbbf2414)}.checkin-modal__morning-pages{display:flex;gap:var(--space-3)}.checkin-modal__mp-option{align-items:center;background-color:var(--color-bg-card);border:2px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-secondary);cursor:pointer;display:flex;flex:1 1;flex-direction:column;font-family:var(--font-family);font-size:var(--font-size-body);font-weight:var(--font-weight-medium);gap:var(--space-2);padding:var(--space-4);transition:all var(--transition-fast)}.checkin-modal__mp-option span:first-child{font-size:1.5rem;transition:transform .2s ease}.checkin-modal__mp-option:hover{border-color:var(--color-primary-light);transform:translateY(-2px)}.checkin-modal__mp-option:hover span:first-child{transform:scale(1.1)}.checkin-modal__mp-option--selected{background-color:var(--color-primary-soft);border-color:var(--color-primary);color:var(--color-primary)}.checkin-modal__actions{align-items:center;display:flex;flex-direction:column;gap:var(--space-3);padding:0 var(--space-6) var(--space-4)}.checkin-modal__skip{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;font-family:var(--font-family);font-size:var(--font-size-body-sm);padding:var(--space-2);transition:color .2s ease}.checkin-modal__skip:hover{color:var(--color-text-primary)}.checkin-modal__footer{align-items:center;border-top:1px solid var(--color-border);display:flex;gap:var(--space-2);justify-content:center;margin:0 var(--space-4);padding:var(--space-4) var(--space-6) var(--space-6)}.checkin-modal__footer p{color:var(--color-text-secondary);font-size:var(--font-size-caption);font-style:italic;margin:0;opacity:.8}.checkin-modal__footer svg{animation:sparkle 1s ease-in-out infinite;color:var(--color-primary)}[data-theme=dark] .checkin-modal{background:var(--color-bg-primary);box-shadow:0 25px 60px #0009,0 0 0 1px var(--color-border)}[data-theme=dark] .checkin-modal-overlay{background:#000000d9}@media (max-width:600px){.checkin-modal-overlay{align-items:flex-start;padding:var(--space-4)}.checkin-modal{border-radius:var(--radius-xl);margin:var(--space-2) 0}.checkin-modal__header{padding:var(--space-5) var(--space-4) var(--space-3)}.checkin-modal__greeting{font-size:1.5rem}.checkin-modal__emoji{font-size:2.5rem}.checkin-modal__quote{margin:0 var(--space-4)}.checkin-modal__content{gap:var(--space-5);padding:var(--space-5) var(--space-4)}.checkin-modal__mp-option{padding:var(--space-3)}.checkin-modal__actions{padding:0 var(--space-4) var(--space-3)}.checkin-modal__footer{margin:0 var(--space-3);padding:var(--space-3) var(--space-4) var(--space-5)}}.dashboard{background-color:var(--color-bg-primary);min-height:100vh;overflow-x:hidden;padding-bottom:calc(var(--bottom-nav-height) + var(--space-16));position:relative}.dashboard-ambient{height:300px;left:0;overflow:hidden;pointer-events:none;position:fixed;right:0;top:0;z-index:0}.dashboard-ambient__shape{animation:float-ambient 15s ease-in-out infinite;border-radius:50%;filter:blur(80px);opacity:.4;position:absolute}[data-theme=dark] .dashboard-ambient__shape{opacity:.25}.dashboard-ambient__shape--1{animation-delay:0s;background:linear-gradient(135deg,#c4b5fd,#a78bfa);height:200px;right:-50px;top:-50px;width:200px}.dashboard-ambient__shape--2{animation-delay:-5s;background:linear-gradient(135deg,#fbbf24,#f59e0b);height:150px;left:-30px;top:50px;width:150px}@keyframes float-ambient{0%,to{transform:translate(0)}50%{transform:translate(20px,10px)}}.dashboard-header{background:var(--color-bg-primary);box-shadow:0 1px 3px #00000014;opacity:0;padding:var(--space-4) var(--space-4);position:relative;transform:translateY(-10px);transition:all .6s ease;z-index:10}[data-theme=dark] .dashboard-header{background:var(--color-bg-primary);box-shadow:0 1px 3px #0000004d}.dashboard-header--visible{opacity:1;transform:translateY(0)}.dashboard-header__content{align-items:flex-start;display:flex;justify-content:space-between}.dashboard-header__greeting{display:flex;flex-direction:column;gap:var(--space-1)}.dashboard-greeting-row{align-items:center;display:flex;gap:var(--space-2)}.greeting-icon{animation:pulse-gentle 2s ease-in-out infinite;color:var(--color-primary)}@keyframes pulse-gentle{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.dashboard-greeting{color:var(--color-text-primary);font-size:var(--font-size-h2);font-weight:var(--font-weight-semibold);margin:0}.dashboard-date{margin:0}.dashboard-date,.dashboard-encouragement{color:var(--color-text-secondary);font-size:var(--font-size-body-sm)}.dashboard-encouragement{font-style:italic;margin:var(--space-2) 0 0 0}.dashboard-header__actions{align-items:center;display:flex;gap:var(--space-1)}.dashboard-settings{border-radius:var(--radius-full);color:var(--color-text-secondary);padding:var(--space-2);transition:all var(--transition-fast)}.dashboard-settings:hover{background-color:var(--color-border);color:var(--color-text-primary);transform:rotate(45deg)}.dashboard-main{display:flex;flex-direction:column;gap:var(--space-6);opacity:0;padding:0 var(--space-4);position:relative;transform:translateY(20px);transition:all .6s ease .2s;z-index:1}.dashboard-main--visible{opacity:1;transform:translateY(0)}.dashboard-checkin{background:linear-gradient(135deg,var(--color-bg-card) 0,var(--color-bg-secondary) 100%);border:1px solid #7c3aed1a;text-align:center}[data-theme=dark] .dashboard-checkin{border:1px solid #a78bfa33}.dashboard-checkin__header{align-items:center;display:flex;gap:var(--space-2);justify-content:center;margin-bottom:var(--space-2)}.dashboard-checkin__icon{animation:grow-shrink 3s ease-in-out infinite;font-size:1.5rem}@keyframes grow-shrink{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.dashboard-checkin__title{color:var(--color-text-primary);font-size:var(--font-size-body-lg);font-weight:var(--font-weight-medium);margin:0}.dashboard-checkin__subtitle{color:var(--color-text-secondary);font-size:var(--font-size-body-sm);margin:0 0 var(--space-4) 0}.dashboard-checkin__expand{color:var(--color-primary);display:inline-block;font-size:var(--font-size-body-sm);margin-top:var(--space-4);text-decoration:none;transition:all .2s ease}.dashboard-checkin__expand:hover{color:var(--color-primary-dark)}.dashboard-checkin__loading{align-items:center;color:var(--color-text-secondary);display:flex;flex-direction:column;gap:var(--space-3);justify-content:center;padding:var(--space-6)}.dashboard-checkin__spinner{animation:spin 1s linear infinite;border:3px solid var(--color-border);border-radius:50%;border-top-color:var(--color-primary);height:32px;width:32px}.dashboard-checkin-done{align-items:center;background:linear-gradient(135deg,var(--color-bg-card) 0,var(--color-success-light) 100%);border:1px solid #10b98133;display:flex;justify-content:space-between}[data-theme=dark] .dashboard-checkin-done{background:linear-gradient(135deg,var(--color-bg-card) 0,#34d3991a 100%);border:1px solid #34d39933}.dashboard-checkin-done__content{align-items:center;display:flex;gap:var(--space-3)}.dashboard-checkin-done__emoji{font-size:2rem}.dashboard-checkin-done__text{display:flex;flex-direction:column;text-align:left}.dashboard-checkin-done__mood{color:var(--color-text-primary);font-size:var(--font-size-body);font-weight:var(--font-weight-medium);text-transform:capitalize}.dashboard-checkin-done__message{color:var(--color-text-secondary);font-size:var(--font-size-body-sm)}.dashboard-checkin-done__intention{color:var(--color-primary);font-size:var(--font-size-body-sm);font-style:italic;margin-top:var(--space-1)}.dashboard-checkin-done__edit{background:none;border:none;border-radius:var(--radius-md);color:var(--color-primary);cursor:pointer;font-size:var(--font-size-body-sm);padding:var(--space-2) var(--space-3);transition:all .2s ease}.dashboard-checkin-done__edit:hover{background-color:var(--color-primary-soft)}.dashboard-prompt{align-items:center;background:linear-gradient(135deg,#7c3aed0d,#fbbf240d);border-left:3px solid var(--color-primary);border-radius:var(--radius-lg);display:flex;gap:var(--space-3);padding:var(--space-3) var(--space-4)}[data-theme=dark] .dashboard-prompt{background:linear-gradient(135deg,#a78bfa1a,#fbbf2414)}.dashboard-prompt__icon{animation:float-subtle 3s ease-in-out infinite;font-size:1.25rem}@keyframes float-subtle{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.dashboard-prompt__text{color:var(--color-text-secondary);font-size:var(--font-size-body);font-style:italic;margin:0}.dashboard-section{display:flex;flex-direction:column;gap:var(--space-3)}.dashboard-section__header{align-items:center;display:flex;justify-content:space-between}.dashboard-section__title{color:var(--color-text-primary);font-size:var(--font-size-body-lg);font-weight:var(--font-weight-semibold)}.dashboard-section__link{align-items:center;color:var(--color-primary);display:flex;font-size:var(--font-size-body-sm);gap:var(--space-1);text-decoration:none;transition:all .2s ease}.dashboard-section__link:hover{gap:var(--space-2)}.dashboard-projects{-webkit-overflow-scrolling:touch;display:flex;gap:var(--space-3);margin:0 calc(var(--space-4)*-1);overflow-x:auto;padding-bottom:var(--space-2);padding-left:var(--space-4);padding-right:var(--space-4);scroll-snap-type:x mandatory}.dashboard-projects::-webkit-scrollbar{display:none}.dashboard-project-card{animation:fade-slide-in .5s ease forwards;display:flex;flex-direction:column;flex-shrink:0;gap:var(--space-2);min-width:180px;opacity:0;overflow:hidden;position:relative;scroll-snap-align:start;transition:all .3s ease}@keyframes fade-slide-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.dashboard-project-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.dashboard-project-card__bg-icon{color:var(--color-primary);opacity:.08;pointer-events:none;position:absolute;right:-10px;top:50%;transform:translateY(-50%);transition:opacity var(--transition-fast),transform var(--transition-fast);z-index:0}.dashboard-project-card__bg-icon svg{height:64px;width:64px}.dashboard-project-card:hover .dashboard-project-card__bg-icon{opacity:.12;transform:translateY(-50%) scale(1.1)}[data-theme=dark] .dashboard-project-card__bg-icon{opacity:.15}[data-theme=dark] .dashboard-project-card:hover .dashboard-project-card__bg-icon{opacity:.2}.dashboard-project-card__content{align-items:flex-start;display:flex;gap:var(--space-2);justify-content:space-between;position:relative;z-index:1}.dashboard-project-card__title{font-size:var(--font-size-body)}.dashboard-project-card__stage,.dashboard-project-card__title{color:var(--color-text-primary);font-weight:var(--font-weight-medium)}.dashboard-project-card__stage{border-radius:var(--radius-full);font-size:var(--font-size-caption);padding:var(--space-1) var(--space-2)}.dashboard-project-card__meta{color:var(--color-text-secondary);font-size:var(--font-size-caption);margin:0;position:relative;z-index:1}.dashboard-project-card__cta{align-items:center;color:var(--color-primary);display:flex;font-size:var(--font-size-body-sm);font-weight:var(--font-weight-medium);gap:var(--space-1);margin-top:var(--space-2);opacity:0;position:relative;transform:translateX(-5px);transition:all .3s ease;z-index:1}.dashboard-project-card:hover .dashboard-project-card__cta{opacity:1;transform:translateX(0)}.dashboard-project-card--new{align-items:center;background:#0000;border-color:var(--color-primary);border-style:dashed;justify-content:center;opacity:.7}.dashboard-project-card--new:hover{background:var(--color-primary-soft);opacity:1}.dashboard-project-card__plus{color:var(--color-primary);font-size:2rem;font-weight:var(--font-weight-light)}.dashboard-project-card__new-text{color:var(--color-primary);font-size:var(--font-size-body-sm);margin:0;text-align:center}.dashboard-sessions{display:flex;flex-direction:column;gap:var(--space-2)}.dashboard-session-item{align-items:center;background-color:var(--color-bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;gap:var(--space-3);padding:var(--space-3);transition:all .2s ease}[data-theme=dark] .dashboard-session-item{border:1px solid var(--color-border)}.dashboard-session-item:hover{box-shadow:var(--shadow-md);transform:translateX(4px)}.dashboard-session-item__icon{align-items:center;background-color:var(--color-primary-soft);border-radius:var(--radius-md);color:var(--color-primary);display:flex;height:36px;justify-content:center;width:36px}.dashboard-session-item__content{display:flex;flex-direction:column}.dashboard-session-item__project{color:var(--color-text-primary);font-size:var(--font-size-body-sm);font-weight:var(--font-weight-medium)}.dashboard-session-item__meta{color:var(--color-text-secondary);font-size:var(--font-size-caption)}.dashboard-empty{align-items:center;border-style:dashed;display:flex;flex-direction:column;gap:var(--space-2);text-align:center}.dashboard-empty__emoji{font-size:2rem;margin-bottom:var(--space-1)}.dashboard-empty__title{color:var(--color-text-primary);font-size:var(--font-size-body);font-weight:var(--font-weight-medium);margin:0}.dashboard-empty__subtitle{color:var(--color-text-secondary);font-size:var(--font-size-body-sm);margin:0}.dashboard-reminder{align-items:center;background:linear-gradient(135deg,#f0fdf4,#ecfdf5);border-radius:var(--radius-lg);display:flex;gap:var(--space-3);margin-top:var(--space-2);padding:var(--space-4)}[data-theme=dark] .dashboard-reminder{background:linear-gradient(135deg,#34d3991a,#6ee7b714)}.dashboard-reminder__icon{font-size:1.5rem}.dashboard-reminder__text{color:var(--color-success-dark);font-size:var(--font-size-body-sm);font-style:italic;margin:0}.dashboard-quick-actions{bottom:calc(var(--bottom-nav-height) + var(--space-4));left:50%;position:fixed;transform:translateX(-50%);z-index:var(--z-sticky)}.dashboard-fab{align-items:center;animation:pulse-shadow 2s ease-in-out infinite;box-shadow:0 4px 20px #7c3aed66;display:flex;gap:var(--space-2)}@keyframes pulse-shadow{0%,to{box-shadow:0 4px 20px #7c3aed66}50%{box-shadow:0 6px 30px #7c3aed99}}.dashboard-fab:hover{transform:scale(1.05)}.dashboard-nav{align-items:center;background-color:var(--color-bg-primary);bottom:0;box-shadow:0 -1px 3px #00000014;display:flex;height:var(--bottom-nav-height);justify-content:space-around;left:0;padding-bottom:env(safe-area-inset-bottom,0);position:fixed;right:0;z-index:var(--z-fixed)}[data-theme=dark] .dashboard-nav{background-color:var(--color-bg-primary);box-shadow:0 -1px 3px #0000004d}.dashboard-nav__item{align-items:center;color:var(--color-text-tertiary);display:flex;flex-direction:column;font-size:var(--font-size-caption);gap:var(--space-1);padding:var(--space-2);text-decoration:none;transition:all var(--transition-fast)}.dashboard-nav__item:hover{color:var(--color-text-primary)}.dashboard-nav__item--active{color:var(--color-primary)}[data-theme=dark] .dashboard-nav__item--active{color:var(--color-primary-light)}.dashboard-nav__item--active svg{animation:bounce-subtle .5s ease}@keyframes bounce-subtle{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.dashboard-nav__item svg{height:24px;width:24px}.dashboard-project-card__stage--idea{background:var(--color-stage-idea);color:#1e40af}.dashboard-project-card__stage--composition,.dashboard-project-card__stage--concept,.dashboard-project-card__stage--outline{background:var(--color-stage-composition);color:#5b21b6}.dashboard-project-card__stage--draft,.dashboard-project-card__stage--recording,.dashboard-project-card__stage--sketches{background:var(--color-stage-recording);color:#9a3412}.dashboard-project-card__stage--creation,.dashboard-project-card__stage--mixing,.dashboard-project-card__stage--revision{background:var(--color-stage-mixing);color:#166534}.dashboard-project-card__stage--editing,.dashboard-project-card__stage--mastering,.dashboard-project-card__stage--refinement{background:var(--color-stage-mastering);color:#854d0e}.dashboard-project-card__stage--complete,.dashboard-project-card__stage--publishing,.dashboard-project-card__stage--release{background:var(--color-primary);color:var(--color-white)}[data-theme=dark] .dashboard-project-card__stage--idea{background:#1e3a5f;color:#93c5fd}[data-theme=dark] .dashboard-project-card__stage--composition,[data-theme=dark] .dashboard-project-card__stage--concept,[data-theme=dark] .dashboard-project-card__stage--outline{background:#2d1f4e;color:#d4a5ff}[data-theme=dark] .dashboard-project-card__stage--draft,[data-theme=dark] .dashboard-project-card__stage--recording,[data-theme=dark] .dashboard-project-card__stage--sketches{background:#3d2e1f;color:#fdba74}[data-theme=dark] .dashboard-project-card__stage--creation,[data-theme=dark] .dashboard-project-card__stage--mixing,[data-theme=dark] .dashboard-project-card__stage--revision{background:#1a3d2e;color:#86efac}[data-theme=dark] .dashboard-project-card__stage--editing,[data-theme=dark] .dashboard-project-card__stage--mastering,[data-theme=dark] .dashboard-project-card__stage--refinement{background:#3d3a1f;color:#fde047}[data-theme=dark] .dashboard-project-card__stage--complete,[data-theme=dark] .dashboard-project-card__stage--publishing,[data-theme=dark] .dashboard-project-card__stage--release{background:#2d1f4e;color:#d4a5ff}.checkin-screen{background:linear-gradient(180deg,var(--color-bg-primary) 0,var(--color-bg-secondary) 50%,var(--color-bg-primary) 100%);min-height:100vh;overflow-x:hidden;position:relative}[data-theme=dark] .checkin-screen{background:linear-gradient(180deg,var(--color-bg-primary) 0,var(--color-bg-secondary) 50%,#1a1a2e 100%)}.checkin-ambient{height:400px;left:0;overflow:hidden;pointer-events:none;position:fixed;right:0;top:0;z-index:0}.checkin-ambient__shape{animation:drift 20s ease-in-out infinite;border-radius:50%;filter:blur(60px);opacity:.5;position:absolute}[data-theme=dark] .checkin-ambient__shape{opacity:.25}.checkin-ambient__shape--1{animation-delay:0s;background:linear-gradient(135deg,#c4b5fd,#a78bfa);height:200px;left:-50px;top:-50px;width:200px}.checkin-ambient__shape--2{animation-delay:-7s;background:linear-gradient(135deg,#fbbf24,#f59e0b);height:150px;right:-30px;top:50px;width:150px}.checkin-ambient__shape--3{animation-delay:-14s;background:linear-gradient(135deg,#6ee7b7,#34d399);height:100px;left:50%;top:150px;width:100px}@keyframes drift{0%,to{transform:translate(0) scale(1)}25%{transform:translate(20px,10px) scale(1.05)}50%{transform:translate(-10px,20px) scale(.95)}75%{transform:translate(15px,-10px) scale(1.02)}}.checkin-content{display:flex;flex-direction:column;gap:var(--space-5);margin:0 auto;max-width:420px;opacity:0;padding:var(--space-4);padding-bottom:var(--space-8);position:relative;transform:translateY(20px);transition:all .6s ease;z-index:1}.checkin-content--visible{opacity:1;transform:translateY(0)}.checkin-header{justify-content:space-between;padding-top:var(--space-2)}.checkin-back,.checkin-header{align-items:center;display:flex}.checkin-back{border-radius:var(--radius-full);color:var(--color-text-secondary);height:40px;justify-content:center;transition:all var(--transition-fast);width:40px}.checkin-back:hover{background-color:var(--color-bg-card);color:var(--color-text-primary);transform:translateX(-2px)}.checkin-header__title{color:var(--color-text-secondary);font-size:var(--font-size-body-sm);font-weight:var(--font-weight-medium)}.checkin-header__spacer{width:40px}.checkin-greeting{align-items:center;display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-2) 0;text-align:center}.checkin-greeting__icon-wrap{align-items:center;display:flex;justify-content:center;position:relative}.checkin-greeting__emoji{animation:gentle-bounce 2s ease-in-out infinite;font-size:2.5rem}@keyframes gentle-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.checkin-greeting__icon{animation:pulse 3s ease-in-out infinite;color:var(--color-primary);opacity:.3;position:absolute}.checkin-greeting__text{color:var(--color-text-primary);font-size:var(--font-size-h2);font-weight:var(--font-weight-semibold);margin:0}.checkin-greeting__subtext{color:var(--color-text-secondary);font-size:var(--font-size-body);font-style:italic;margin:0}.checkin-quote{align-items:center;background:linear-gradient(135deg,#ffffffe6,#c7d2fe33);border:1px solid #7c3aed1a;display:flex;flex-direction:column;gap:var(--space-2);text-align:center}[data-theme=dark] .checkin-quote{background:linear-gradient(135deg,var(--color-bg-card) 0,#a78bfa1a 100%);border:1px solid #a78bfa33}.checkin-quote__emoji{font-size:1.5rem}.checkin-quote__text{color:var(--color-text-primary);font-size:var(--font-size-body);font-style:italic;line-height:var(--line-height-relaxed);margin:0}.checkin-quote__author{color:var(--color-text-secondary);font-size:var(--font-size-body-sm)}.checkin-section{display:flex;flex-direction:column;gap:var(--space-3)}.checkin-section__header{align-items:center;display:flex;gap:var(--space-2)}.checkin-section__icon{color:var(--color-primary)}.checkin-section__emoji{font-size:1.25rem}.checkin-section__title{color:var(--color-text-primary);font-size:var(--font-size-body-lg);font-weight:var(--font-weight-medium);margin:0}.checkin-section__subtitle{color:var(--color-text-secondary);font-size:var(--font-size-body-sm);margin:0;text-align:center}.checkin-section__label{color:var(--color-text-primary);font-size:var(--font-size-body-sm);font-weight:var(--font-weight-medium);margin:0}.checkin-section__hint{color:var(--color-text-secondary);font-size:var(--font-size-caption);font-style:italic;margin:0}.checkin-mood-response{align-items:center;background:linear-gradient(135deg,#7c3aed0d,#fbbf240d);border-left:3px solid var(--color-primary);border-radius:var(--radius-lg);display:flex;gap:var(--space-2);justify-content:center;padding:var(--space-3)}[data-theme=dark] .checkin-mood-response{background:linear-gradient(135deg,#a78bfa1f,#fbbf2414)}.checkin-mood-response__emoji{font-size:1.25rem}.checkin-mood-response__text{color:var(--color-text-secondary);font-size:var(--font-size-body-sm);font-style:italic}.checkin-morning-pages{display:flex;gap:var(--space-3)}.checkin-morning-pages__option{align-items:center;background-color:var(--color-bg-card);border:2px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-secondary);cursor:pointer;display:flex;flex:1 1;flex-direction:column;font-family:var(--font-family);font-size:var(--font-size-body);font-weight:var(--font-weight-medium);gap:var(--space-2);padding:var(--space-4);transition:all var(--transition-fast)}.checkin-morning-pages__emoji{font-size:1.5rem;transition:transform .2s ease}.checkin-morning-pages__option:hover{border-color:var(--color-primary-light);transform:translateY(-2px)}.checkin-morning-pages__option:hover .checkin-morning-pages__emoji{transform:scale(1.1)}.checkin-morning-pages__option--selected{background-color:var(--color-primary-soft);border-color:var(--color-primary);color:var(--color-primary)}.checkin-morning-pages__upload-cta{align-items:center;animation:fade-in .3s ease-out;background:#8b5cf61a;background:var(--color-primary-alpha-10,#8b5cf61a);border-radius:var(--radius-md);color:var(--color-primary);display:flex;font-size:var(--font-size-body-sm);font-weight:var(--font-weight-medium);gap:var(--space-2);padding:var(--space-3) var(--space-4);text-decoration:none;transition:background var(--transition-fast)}.checkin-morning-pages__upload-cta:hover{background:#8b5cf633;background:var(--color-primary-alpha-20,#8b5cf633)}.checkin-morning-pages__link{background:none;border:none;color:var(--color-primary);cursor:pointer;font-family:var(--font-family);font-size:var(--font-size-body-sm);padding:0;text-decoration:none}.checkin-morning-pages__link:hover{text-decoration:underline}.checkin-actions{align-items:center;display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-2)}.checkin-submit{overflow:hidden;position:relative}.checkin-submit:before{animation:shimmer 3s infinite;background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes shimmer{0%{left:-100%}to{left:100%}}.btn-arrow{margin-left:var(--space-2);transition:transform .2s ease}.checkin-submit:hover .btn-arrow{transform:translateX(4px)}.checkin-skip{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;font-family:var(--font-family);font-size:var(--font-size-body-sm);padding:var(--space-2);transition:color .2s ease}.checkin-skip:hover{color:var(--color-text-primary)}.checkin-footer{padding:var(--space-4) 0;text-align:center}.checkin-footer p{color:var(--color-text-secondary);font-size:var(--font-size-caption);font-style:italic;margin:0;opacity:.8}.checkin-celebration-bg{inset:0;overflow:hidden;pointer-events:none;position:fixed;z-index:0}.confetti{animation:confetti-fall 4s ease-in-out infinite;border-radius:50%;height:10px;opacity:0;position:absolute;width:10px}.confetti--1{animation-delay:0s;background:#7c3aed;left:10%}.confetti--2{animation-delay:.3s;background:#fbbf24;left:20%}.confetti--3{animation-delay:.6s;background:#6ee7b7;left:30%}.confetti--4{animation-delay:.2s;background:#f87171;left:40%}.confetti--5{animation-delay:.5s;background:#60a5fa;left:50%}.confetti--6{animation-delay:.8s;background:#7c3aed;left:60%}.confetti--7{animation-delay:.1s;background:#fbbf24;left:70%}.confetti--8{animation-delay:.4s;background:#6ee7b7;left:80%}.confetti--9{animation-delay:.7s;background:#f87171;left:90%}.confetti--10{animation-delay:.9s;background:#60a5fa;left:15%}.confetti--11{animation-delay:.35s;background:#a78bfa;left:45%}.confetti--12{animation-delay:.65s;background:#f59e0b;left:75%}@keyframes confetti-fall{0%{opacity:0;transform:translateY(-20px) rotate(0deg)}10%{opacity:1}to{opacity:0;transform:translateY(100vh) rotate(2turn)}}.checkin-complete{align-items:center;display:flex;flex-direction:column;gap:var(--space-5);justify-content:center;margin:0 auto;max-width:420px;min-height:100vh;opacity:0;padding:var(--space-6);position:relative;text-align:center;transform:scale(.95);transition:all .6s ease;z-index:1}.checkin-complete--visible{opacity:1;transform:scale(1)}.checkin-complete__success{align-items:center;display:flex;height:120px;justify-content:center;position:relative;width:120px}.checkin-complete__circle{animation:pulse-ring 2s ease-out infinite;background:linear-gradient(135deg,var(--color-primary) 0,#9333ea 100%);border-radius:50%;height:100%;position:absolute;width:100%}.checkin-complete__circle-inner{background:linear-gradient(135deg,#a78bfa 0,var(--color-primary) 100%);border-radius:50%;height:80%;left:10%;position:absolute;top:10%;width:80%}.checkin-complete__emoji{animation:emoji-pop .5s ease .3s both;font-size:3rem;position:relative;z-index:1}@keyframes emoji-pop{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes pulse-ring{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.4)}}.checkin-complete__message{display:flex;flex-direction:column;gap:var(--space-2)}.checkin-complete__title{color:var(--color-text-primary);font-size:var(--font-size-h2);font-weight:var(--font-weight-semibold);margin:0}.checkin-complete__subtitle{color:var(--color-text-secondary);font-size:var(--font-size-body);margin:0}.checkin-complete__affirmation{align-items:center;background:linear-gradient(135deg,#7c3aed1a,#fbbf241a);border-radius:var(--radius-full);color:var(--color-primary);display:flex;font-size:var(--font-size-body-sm);gap:var(--space-2);padding:var(--space-3) var(--space-4)}[data-theme=dark] .checkin-complete__affirmation{background:linear-gradient(135deg,#a78bfa26,#fbbf241f)}.checkin-complete__affirmation svg{animation:sparkle 1s ease-in-out infinite}@keyframes sparkle{0%,to{transform:scale(1) rotate(0deg)}50%{transform:scale(1.2) rotate(15deg)}}.checkin-complete__intention{background:linear-gradient(135deg,var(--color-bg-card) 0,var(--color-success-light) 100%);text-align:left;width:100%}[data-theme=dark] .checkin-complete__intention{background:linear-gradient(135deg,var(--color-bg-card) 0,#34d3991a 100%)}.checkin-complete__intention-header{align-items:center;color:var(--color-success);display:flex;gap:var(--space-2);margin-bottom:var(--space-2)}.checkin-complete__intention-label{color:var(--color-success);font-size:var(--font-size-caption);font-weight:var(--font-weight-medium)}.checkin-complete__intention-text{color:var(--color-text-primary);font-size:var(--font-size-body);font-style:italic;margin:0}.checkin-complete__encouragement{color:var(--color-text-secondary);font-size:var(--font-size-body);font-weight:var(--font-weight-medium);margin:0}.checkin-complete__actions{display:flex;flex-direction:column;gap:var(--space-4);width:100%}.checkin-complete__quick-actions{display:flex;gap:var(--space-3);justify-content:center}.checkin-quick-action{align-items:center;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-secondary);cursor:pointer;display:flex;flex-direction:column;font-family:var(--font-family);font-size:var(--font-size-body-sm);gap:var(--space-1);padding:var(--space-3) var(--space-4);transition:all .2s ease}.checkin-quick-action:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md);color:var(--color-primary);transform:translateY(-2px)}.checkin-quick-action__icon{font-size:1.5rem}.animate-fade-in{animation:fade-in .4s ease forwards}@keyframes fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.checkin-loading{align-items:center;color:var(--color-text-secondary);display:flex;flex-direction:column;gap:var(--spacing-lg);justify-content:center;min-height:100vh}.checkin-loading__spinner{animation:spin 1s linear infinite;border:3px solid var(--color-border);border-radius:50%;border-top-color:var(--color-primary);height:48px;width:48px}.settings-screen{background-color:var(--color-bg-primary);min-height:100vh}.settings-header{align-items:center;background-color:var(--color-bg-card);border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:var(--space-4);position:-webkit-sticky;position:sticky;top:0;z-index:var(--z-sticky)}.settings-back{align-items:center;border-radius:var(--radius-full);color:var(--color-text-secondary);display:flex;height:40px;justify-content:center;transition:all var(--transition-fast);width:40px}.settings-back:hover{background-color:var(--color-border);color:var(--color-text-primary)}.settings-header__title{color:var(--color-text-primary);font-size:var(--font-size-body-lg);font-weight:var(--font-weight-semibold);margin:0}.settings-header__spacer{width:40px}.settings-content{display:flex;flex-direction:column;gap:var(--space-6);margin:0 auto;max-width:600px;padding:var(--space-4);padding-bottom:var(--space-8)}.settings-section{display:flex;flex-direction:column;gap:var(--space-2)}.settings-section__title{color:var(--color-text-secondary);font-size:var(--font-size-body-sm);font-weight:var(--font-weight-semibold);letter-spacing:.05em;margin:0;padding-left:var(--space-2);text-transform:uppercase}.settings-section__card{overflow:hidden;padding:0}.settings-item{align-items:center;border-bottom:1px solid var(--color-border);display:flex;gap:var(--space-3);padding:var(--space-4);transition:background-color var(--transition-fast)}.settings-item:last-child{border-bottom:none}.settings-item--clickable{cursor:pointer}.settings-item--clickable:hover{background-color:var(--color-bg-secondary)}.settings-item__icon{align-items:center;background-color:var(--color-primary-soft);border-radius:var(--radius-md);color:var(--color-primary);display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.settings-item__content{display:flex;flex:1 1;flex-direction:column;gap:var(--space-1)}.settings-item__label{color:var(--color-text-primary);font-size:var(--font-size-body);font-weight:var(--font-weight-medium)}.settings-item__description{color:var(--color-text-secondary);font-size:var(--font-size-body-sm)}.settings-item__action{color:var(--color-text-secondary);flex-shrink:0}.settings-notifications,.settings-preferences{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-4)}.settings-actions{margin-top:var(--space-2)}.settings-logout{color:var(--color-error);gap:var(--space-2);justify-content:center}.settings-logout:hover{background-color:#ef44441a}.settings-version{color:var(--color-text-secondary);font-size:var(--font-size-caption);margin:0;text-align:center}.settings-item-link{color:inherit;display:block;text-decoration:none}.settings-select-wrapper{position:relative}.settings-select-spinner{animation:spin 1s linear infinite;color:var(--color-primary);position:absolute;right:40px;top:50%;transform:translateY(-50%)}.profile-screen{background-color:var(--color-bg-primary);min-height:100vh}.profile-content{margin:0 auto;max-width:560px;padding:var(--space-6);padding-bottom:calc(var(--space-10) + 80px)}.profile-error,.profile-loading{align-items:center;color:var(--color-text-secondary);display:flex;flex-direction:column;gap:var(--space-4);justify-content:center;padding:var(--space-10);text-align:center}.profile-loading__spinner{animation:spin 1s linear infinite;color:var(--color-primary)}.profile-picture-section{align-items:center;display:flex;flex-direction:column;padding:var(--space-8) 0 var(--space-6)}.profile-picture-container{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-dark) 100%);border-radius:var(--radius-full);cursor:pointer;height:120px;padding:3px;position:relative;transition:transform var(--transition-fast),box-shadow var(--transition-fast);width:120px}.profile-picture-container:hover{box-shadow:0 8px 24px #8b5cf64d;transform:scale(1.03)}.profile-picture{border:3px solid var(--color-bg-primary);border-radius:var(--radius-full);height:100%;object-fit:cover;width:100%}.profile-picture--placeholder{align-items:center;background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-dark) 100%);border:3px solid var(--color-bg-primary);color:#fff;display:flex;justify-content:center}.profile-picture__initials{font-size:2.5rem;font-weight:var(--font-weight-bold);letter-spacing:-.02em}.profile-picture-overlay{align-items:center;background-color:#00000080;border-radius:var(--radius-full);color:#fff;display:flex;inset:3px;justify-content:center;opacity:0;position:absolute;transition:opacity var(--transition-fast)}.profile-picture-container:hover .profile-picture-overlay{opacity:1}.profile-picture-input{display:none}.profile-picture-hint{color:var(--color-text-tertiary);font-size:var(--font-size-body-sm);margin-top:var(--space-3)}.profile-section{background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);margin-bottom:var(--space-4);padding:var(--space-5)}.profile-section__header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;margin-bottom:var(--space-4);padding-bottom:var(--space-3)}.profile-section__title{color:var(--color-text-primary);font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);letter-spacing:-.01em}.profile-info-list{display:flex;flex-direction:column;gap:var(--space-4)}.profile-info-item{align-items:center;display:flex;gap:var(--space-3)}.profile-info-item__icon{align-items:center;background-color:var(--color-bg-secondary);border-radius:var(--radius-lg);color:var(--color-primary);display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.profile-info-item__content{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.profile-info-item__label{color:var(--color-text-tertiary);font-size:var(--font-size-body-xs);font-weight:var(--font-weight-medium);letter-spacing:.05em;text-transform:uppercase}.profile-info-item__value{color:var(--color-text-primary);font-size:var(--font-size-body);word-break:break-word}.profile-edit-form{display:flex;flex-direction:column;gap:var(--space-4)}.profile-edit-actions{display:flex;gap:var(--space-2);justify-content:flex-end;margin-top:var(--space-2)}.security-item{align-items:center;border-radius:var(--radius-lg);cursor:pointer;display:flex;gap:var(--space-3);margin:calc(var(--space-3)*-1);padding:var(--space-3);transition:background-color var(--transition-fast)}.security-item:hover,.security-item__icon{background-color:var(--color-bg-secondary)}.security-item__icon{align-items:center;border-radius:var(--radius-lg);color:var(--color-primary);display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.security-item:hover .security-item__icon{background-color:var(--color-primary-soft)}.security-item__content{display:flex;flex-direction:column;gap:2px}.security-item__label{color:var(--color-text-primary);font-size:var(--font-size-body);font-weight:var(--font-weight-medium)}.security-item__description{color:var(--color-text-tertiary);font-size:var(--font-size-body-sm)}.password-change-form{display:flex;flex-direction:column;gap:var(--space-4)}.password-input-wrapper{position:relative}.password-toggle{align-items:center;background:none;border:none;color:var(--color-text-tertiary);cursor:pointer;display:flex;justify-content:center;padding:var(--space-1);position:absolute;right:var(--space-3);top:50%;transform:translateY(-50%);transition:color var(--transition-fast)}.password-toggle:hover{color:var(--color-text-secondary)}.password-strength{align-items:center;display:flex;gap:var(--space-3)}.password-strength__bar{background-color:var(--color-bg-tertiary);border-radius:var(--radius-full);flex:1 1;height:4px;overflow:hidden}.password-strength__fill{height:100%;transition:width var(--transition-base),background-color var(--transition-base)}.password-strength__fill--1{background-color:var(--color-error)}.password-strength__fill--2{background-color:var(--color-warning)}.password-strength__fill--3{background-color:var(--color-info)}.password-strength__fill--4{background-color:var(--color-success)}.password-strength__text{font-size:var(--font-size-body-xs);font-weight:var(--font-weight-medium);min-width:50px}.password-strength__text--1{color:var(--color-error)}.password-strength__text--2{color:var(--color-warning)}.password-strength__text--3{color:var(--color-info)}.password-strength__text--4{color:var(--color-success)}.password-requirements{background-color:var(--color-bg-secondary);border-radius:var(--radius-lg);padding:var(--space-4)}.password-requirements__title{color:var(--color-text-secondary);font-size:var(--font-size-body-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--space-3)}.password-requirements__list{display:flex;flex-direction:column;gap:var(--space-2);list-style:none;margin:0;padding:0}.password-requirements__list li{align-items:center;color:var(--color-text-tertiary);display:flex;font-size:var(--font-size-body-sm);gap:var(--space-2)}.password-requirements__list li.met{color:var(--color-success)}.password-requirements__list li svg{flex-shrink:0}.profile-stats{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:1fr 1fr}.profile-stat{align-items:center;background-color:var(--color-bg-secondary);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-4)}.profile-stat__value{color:var(--color-primary);font-size:var(--font-size-h2);font-weight:var(--font-weight-bold);line-height:1}.profile-stat__label{color:var(--color-text-secondary);font-size:var(--font-size-body-sm)}.animate-spin{animation:spin 1s linear infinite}[data-theme=dark] .profile-picture-container{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-light) 100%)}[data-theme=dark] .profile-picture-container:hover{box-shadow:0 8px 24px #8b5cf633}[data-theme=dark] .profile-picture{border-color:var(--color-bg-primary)}[data-theme=dark] .profile-picture--placeholder{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-light) 100%);border-color:var(--color-bg-primary)}[data-theme=dark] .profile-section{background-color:var(--color-bg-secondary);border-color:var(--color-border)}[data-theme=dark] .profile-section__header{border-color:var(--color-border)}[data-theme=dark] .profile-info-item__icon{background-color:var(--color-bg-tertiary);color:var(--color-primary-light)}[data-theme=dark] .security-item:hover,[data-theme=dark] .security-item__icon{background-color:var(--color-bg-tertiary)}[data-theme=dark] .security-item__icon{color:var(--color-primary-light)}[data-theme=dark] .security-item:hover .security-item__icon{background-color:#8b5cf633}[data-theme=dark] .password-requirements,[data-theme=dark] .profile-stat{background-color:var(--color-bg-tertiary)}[data-theme=dark] .profile-stat__value{color:var(--color-primary-light)}@media (max-width:480px){.profile-content{padding:var(--space-4);padding-bottom:calc(var(--space-8) + 80px)}.profile-picture-section{padding:var(--space-6) 0 var(--space-4)}.profile-picture-container{height:100px;width:100px}.profile-section{padding:var(--space-4)}.profile-stats{gap:var(--space-3)}.profile-stat{padding:var(--space-3)}.profile-stat__value{font-size:var(--font-size-h3)}}.project-board-screen{background-color:var(--color-bg-primary);display:flex;flex-direction:column;min-height:100vh}.project-board-header{background:linear-gradient(180deg,var(--color-bg-card) 0,var(--color-bg-secondary) 100%);border-bottom:1px solid var(--color-border);padding:var(--space-4)}[data-theme=dark] .project-board-header{background:linear-gradient(180deg,var(--color-bg-card) 0,var(--color-bg-primary) 100%)}.project-board-header__top{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-4)}.project-board-back{align-items:center;border-radius:var(--radius-full);color:var(--color-text-secondary);display:flex;height:40px;justify-content:center;transition:all var(--transition-fast);width:40px}.project-board-back:hover{background-color:var(--color-border);color:var(--color-text-primary)}.project-board-header__info{align-items:center;display:flex;gap:var(--space-3);margin-bottom:var(--space-4)}.project-board-header__emoji{font-size:2.5rem}.project-board-header__text{display:flex;flex-direction:column;gap:var(--space-1)}.project-board-header__title{color:var(--color-text-primary);font-size:var(--font-size-h3);font-weight:var(--font-weight-semibold);margin:0}.project-board-header__subtitle{color:var(--color-text-secondary);font-size:var(--font-size-body-sm);margin:0}.project-board-header__stats{display:flex;gap:var(--space-4)}.project-board-stat{align-items:center;background-color:var(--color-bg-card);border-radius:var(--radius-md);display:flex;flex:1 1;flex-direction:column;gap:var(--space-1);padding:var(--space-2) var(--space-4)}.project-board-stat__value{color:var(--color-primary);font-size:var(--font-size-h3);font-weight:var(--font-weight-semibold)}.project-board-stat__label{color:var(--color-text-secondary);font-size:var(--font-size-caption)}.project-board-content{flex:1 1;overflow-x:auto;padding:var(--space-4);padding-bottom:calc(var(--space-8) + 60px)}.project-board{display:flex;gap:var(--space-4);min-height:100%}.board-column{display:flex;flex-direction:column;flex-shrink:0;width:280px}.board-column__header{align-items:center;display:flex;gap:var(--space-2);margin-bottom:var(--space-3);padding:var(--space-2) var(--space-1)}.board-column__emoji{font-size:1.25rem}.board-column__title{color:var(--color-text-primary);flex:1 1;font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);margin:0}.board-column__count{background-color:var(--color-bg-secondary);border-radius:var(--radius-full);color:var(--color-text-secondary);font-size:var(--font-size-caption);font-weight:var(--font-weight-medium);padding:var(--space-1) var(--space-2)}.board-column__tasks{display:flex;flex:1 1;flex-direction:column;gap:var(--space-2)}.board-column__add{align-items:center;background:none;border:2px dashed var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-secondary);cursor:pointer;display:flex;font-family:var(--font-family);font-size:var(--font-size-body-sm);gap:var(--space-2);justify-content:center;padding:var(--space-3);transition:all var(--transition-fast)}.board-column__add:hover{background-color:var(--color-primary-soft);border-color:var(--color-primary);color:var(--color-primary)}.task-card{cursor:pointer;padding:var(--space-3);transition:all var(--transition-fast)}.task-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.task-card__header{align-items:flex-start;display:flex;gap:var(--space-2);justify-content:space-between;margin-bottom:var(--space-2)}.task-card__title{color:var(--color-text-primary);font-size:var(--font-size-body-sm);font-weight:var(--font-weight-medium);line-height:var(--line-height-normal);margin:0}.task-card__menu{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;display:flex;height:24px;justify-content:center;opacity:0;transition:all var(--transition-fast);width:24px}.task-card:hover .task-card__menu{opacity:1}.task-card__menu:hover{background-color:var(--color-border)}.task-card__description{color:var(--color-text-secondary);font-size:var(--font-size-caption);line-height:var(--line-height-relaxed);margin:0 0 var(--space-2) 0}.task-card__meta{align-items:center;display:flex;gap:var(--space-2)}.task-card__priority{border-radius:var(--radius-full);font-size:10px;font-weight:var(--font-weight-medium);padding:var(--space-1) var(--space-2);text-transform:uppercase}.task-card__priority--low{background-color:var(--color-success-light);color:var(--color-success-dark)}.task-card__priority--medium{background-color:var(--color-warning-light);color:var(--color-warning-dark)}.task-card__priority--high{background-color:#ef44441a;color:var(--color-error)}.task-card__time{align-items:center;color:var(--color-text-secondary);display:flex;font-size:var(--font-size-caption);gap:var(--space-1)}.project-board-fab{bottom:var(--space-6);position:fixed;right:var(--space-4);z-index:var(--z-sticky)}.project-board-fab .btn{box-shadow:var(--shadow-lg)}@media (max-width:768px){.board-column{width:260px}.project-board-header__stats{gap:var(--space-2)}.project-board-stat{padding:var(--space-2)}}.sub-project-mini-card{background:var(--color-bg-secondary);border:1px solid #0000;border-radius:var(--radius-md);cursor:pointer;display:flex;flex-direction:column;gap:0;padding:var(--space-2) var(--space-3);transition:all .2s ease}.sub-project-mini-card__main{align-items:center;display:flex;gap:var(--space-2);width:100%}.sub-project-mini-card:hover{background:var(--color-bg-hover);border-color:var(--color-border-light)}.sub-project-mini-card:focus{outline:2px solid var(--color-primary);outline-offset:1px}.sub-project-mini-card--completed{opacity:.75}.sub-project-mini-card--completed .sub-project-mini-card__title{color:var(--color-text-muted);text-decoration:line-through}.sub-project-mini-card__icon{align-items:center;border-radius:var(--radius-sm);display:flex;flex-shrink:0;height:24px;justify-content:center;width:24px}.sub-project-mini-card__icon--music{background:var(--color-primary-soft);color:var(--color-primary)}.sub-project-mini-card__icon--visual_art,.sub-project-mini-card__icon--visualart{background:var(--color-success-light);color:var(--color-success)}.sub-project-mini-card__icon--writing{background:var(--color-warning-light);color:var(--color-warning)}.sub-project-mini-card__icon--other{background:var(--color-warm-gray-100);color:var(--color-text-secondary)}.sub-project-mini-card__content{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.sub-project-mini-card__title{color:var(--color-text-primary);font-size:var(--font-size-caption);font-weight:var(--font-weight-medium);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sub-project-mini-card__stage{color:var(--color-text-muted);font-size:10px;text-transform:capitalize}.sub-project-mini-card__status{flex-shrink:0}.sub-project-mini-card__status-icon--completed{color:var(--color-success)}.sub-project-mini-card__status-icon--pending{color:var(--color-text-muted)}[data-theme=dark] .sub-project-mini-card{background:var(--color-bg-tertiary)}[data-theme=dark] .sub-project-mini-card:hover{background:var(--color-bg-hover)}[data-theme=dark] .sub-project-mini-card__icon--music{background:#a78bfa26}[data-theme=dark] .sub-project-mini-card__icon--visual_art,[data-theme=dark] .sub-project-mini-card__icon--visualart{background:#34d39926}[data-theme=dark] .sub-project-mini-card__icon--writing{background:#fbbf2426}.sub-project-mini-card--piece{border-left:2px solid var(--color-teal)}.sub-project-mini-card--piece:hover{background:#00d2d314;border-left-color:var(--color-teal)}.sub-project-mini-card__icon--piece{background:#00d2d326;color:var(--color-teal)}[data-theme=dark] .sub-project-mini-card--piece{border-left-color:var(--color-teal)}[data-theme=dark] .sub-project-mini-card--piece:hover{background:#00d2d31f}[data-theme=dark] .sub-project-mini-card__icon--piece{background:#00d2d333;color:var(--color-teal)}[data-theme=dark] .sub-project-mini-card__title{color:#f5f5f5}[data-theme=dark] .sub-project-mini-card--completed .sub-project-mini-card__title,[data-theme=dark] .sub-project-mini-card__stage{color:grey}[data-theme=dark] .sub-project-mini-card__status-icon--completed{color:#86efac}[data-theme=dark] .sub-project-mini-card__status-icon--pending{color:grey}.sub-project-mini-card__expand-icon{color:var(--color-text-muted);flex-shrink:0;margin-left:.25rem;transition:transform .2s ease}.sub-project-mini-card--expanded{background:var(--color-bg-secondary);border-color:var(--color-border)}.sub-project-mini-card--expanded.sub-project-mini-card--piece{border-left-width:3px}.sub-project-mini-card__details{border-top:1px solid var(--color-border);display:flex;flex-direction:column;gap:.75rem;margin-top:.75rem;padding-top:.75rem}.sub-project-mini-card__description{color:var(--color-text-secondary);font-size:.8125rem;line-height:1.5;margin:0}.sub-project-mini-card__meta{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.sub-project-mini-card__meta-item{align-items:center;color:var(--color-text-muted);display:flex;font-size:.75rem;gap:.375rem}.sub-project-mini-card__meta-item svg{flex-shrink:0}.sub-project-mini-card__meta-item--target{color:var(--color-text-secondary)}.sub-project-mini-card__work-btn{align-items:center;align-self:flex-start;display:flex;gap:.375rem}[data-theme=dark] .sub-project-mini-card--expanded{background:var(--color-bg-tertiary);border-color:var(--color-border)}[data-theme=dark] .sub-project-mini-card__details{border-color:var(--color-border)}[data-theme=dark] .sub-project-mini-card__description{color:#a0a0a0}[data-theme=dark] .sub-project-mini-card__meta-item{color:grey}[data-theme=dark] .sub-project-mini-card__meta-item--target{color:#a0a0a0}[data-theme=dark] .sub-project-mini-card__expand-icon{color:grey}@media (prefers-reduced-motion:reduce){.sub-project-mini-card{transition:none}}.sub-project-list{border-top:1px solid var(--color-border-light);margin-top:var(--space-2);padding-top:var(--space-2)}.sub-project-list--empty{border-top:none;padding-top:0}.sub-project-list__header{align-items:center;background:#0000;border:none;color:var(--color-text-secondary);cursor:pointer;display:flex;justify-content:space-between;padding:var(--space-1) 0;transition:color var(--transition-fast);width:100%}.sub-project-list__header:hover{color:var(--color-text-primary)}.sub-project-list__header:focus{border-radius:var(--radius-sm);outline:2px solid var(--color-primary);outline-offset:2px}.sub-project-list__summary{align-items:center;display:flex;flex:1 1;gap:var(--space-2)}.sub-project-list__count{font-size:var(--font-size-caption);font-weight:var(--font-weight-medium);white-space:nowrap}.sub-project-list__progress-bar{background:var(--color-warm-gray-200);border-radius:var(--radius-full);flex:1 1;height:4px;max-width:80px;overflow:hidden}.sub-project-list__progress-fill{background:var(--color-success);border-radius:var(--radius-full);height:100%;transition:width var(--transition-normal)}.sub-project-list__toggle{align-items:center;color:var(--color-text-muted);display:flex;height:24px;justify-content:center;width:24px}.sub-project-list__content{padding-top:var(--space-2)}.sub-project-list__items{display:flex;flex-direction:column;gap:var(--space-1);max-height:200px;overflow-y:auto}.sub-project-list__loading{align-items:center;color:var(--color-text-muted);display:flex;font-size:var(--font-size-caption);gap:var(--space-2);justify-content:center;padding:var(--space-3)}.sub-project-list__spinner{animation:spin 1s linear infinite}.sub-project-list__error{align-items:center;display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3);text-align:center}.sub-project-list__error span{color:var(--color-error);font-size:var(--font-size-caption)}.sub-project-list__error button{background:#0000;border:1px solid var(--color-primary);border-radius:var(--radius-md);color:var(--color-primary);cursor:pointer;font-size:var(--font-size-caption);padding:var(--space-1) var(--space-2);transition:all var(--transition-fast)}.sub-project-list__error button:hover{background:var(--color-primary);color:var(--color-white)}.sub-project-list__add-btn{align-items:center;background:#0000;border:1px dashed var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:var(--font-size-caption);gap:var(--space-1);justify-content:center;padding:var(--space-2);transition:all var(--transition-fast);width:100%}.sub-project-list__add-btn:hover{background:var(--color-primary-soft);border-color:var(--color-primary);color:var(--color-primary)}.sub-project-list__add-btn:focus{outline:2px solid var(--color-primary);outline-offset:2px}.sub-project-list__add-inline{align-items:center;background:#0000;border:none;color:var(--color-text-muted);cursor:pointer;display:flex;font-size:11px;gap:var(--space-1);margin-top:var(--space-2);padding:var(--space-1) var(--space-2);transition:color var(--transition-fast)}.sub-project-list__add-inline:hover{color:var(--color-primary)}.sub-project-list__add-inline:focus{border-radius:var(--radius-sm);outline:2px solid var(--color-primary);outline-offset:2px}[data-theme=dark] .sub-project-list__progress-bar{background:var(--color-warm-gray-700)}[data-theme=dark] .sub-project-list__add-btn:hover{background:#a78bfa1a}@media (prefers-reduced-motion:reduce){.sub-project-list__progress-fill,.sub-project-list__spinner{animation:none;transition:none}}.project-card{background:var(--color-bg-card);border:1px solid #0000;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);cursor:pointer;display:flex;gap:var(--space-2);padding:var(--space-3);transition:box-shadow var(--transition-normal),transform var(--transition-normal)}.project-card:hover{border-color:var(--color-border-light);box-shadow:var(--shadow-md)}.project-card:focus-within{outline:2px solid var(--color-primary);outline-offset:2px}.project-card--dragging{border-color:var(--color-primary);box-shadow:var(--shadow-lg);opacity:.95;transform:rotate(2deg) scale(1.02)}.project-card--parent{border-left:3px solid var(--color-primary)}.project-card--parent:hover{border-left-color:var(--color-primary-dark)}.project-card--opus{background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,#8b5cf6,#ff6b9d 50%,#ff9f43) border-box;border:2px solid #0000;position:relative}.project-card--opus:before{background:linear-gradient(135deg,#8b5cf608,#ff6b9d08);border-radius:inherit;content:"";inset:0;pointer-events:none;position:absolute}.project-card--opus:hover{box-shadow:0 8px 24px #8b5cf633,0 4px 12px #ff6b9d1a}.project-card__opus-header{align-items:center;background:linear-gradient(135deg,#8b5cf61a,#ff6b9d14);border-radius:var(--radius-md);color:var(--color-primary);display:flex;font-size:10px;font-weight:var(--font-weight-semibold);gap:var(--space-1);letter-spacing:.5px;margin-bottom:var(--space-2);padding:var(--space-1) var(--space-2);text-transform:uppercase}.project-card__opus-header svg{color:var(--color-primary)}.project-card__pieces-progress{background:var(--color-warm-gray-50);border-radius:var(--radius-md);margin:var(--space-2) 0;padding:var(--space-2)}.project-card__pieces-toggle{align-items:center;background:#0000;border:none;color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:var(--font-size-caption);gap:var(--space-2);padding:0;text-align:left;width:100%}.project-card__pieces-toggle:hover{color:var(--color-text-primary)}.project-card__pieces-count{flex:1 1}.project-card__pieces-count strong{color:var(--color-primary);font-weight:var(--font-weight-semibold)}.project-card__pieces-dots{align-items:center;display:flex;flex-wrap:wrap;gap:4px;margin-top:var(--space-2)}.project-card__pieces-dot{background:#8b5cf633;border:1px solid #8b5cf64d;border-radius:50%;height:8px;transition:all var(--transition-fast);width:8px}.project-card__pieces-dot--filled{background:var(--color-primary);border-color:var(--color-primary);box-shadow:0 1px 2px #8b5cf64d}.project-card__pieces-dots-more{color:var(--color-text-muted);font-size:10px;font-weight:var(--font-weight-medium);margin-left:2px}.project-card--piece{background:var(--color-bg-card);border-left:3px solid var(--color-teal)}.project-card--piece:hover{border-left-color:#00b4b5}.project-card__category-badge--piece{align-items:center;color:var(--color-teal);display:inline-flex;margin-left:var(--space-1);vertical-align:middle}.project-card--compact{align-items:center;background:var(--color-bg-elevated);border:1px solid var(--color-border-light);border-radius:var(--radius-md);cursor:pointer;display:flex;gap:var(--space-2);margin:var(--space-1) 0;padding:var(--space-2) var(--space-3);transition:all var(--transition-fast)}.project-card--compact:hover{background:var(--color-primary-soft);border-color:var(--color-primary)}.project-card__piece-indicator{align-items:center;background:#00d2d31a;border-radius:var(--radius-sm);color:var(--color-teal);display:flex;height:20px;justify-content:center;width:20px}.project-card__compact-content{align-items:center;display:flex;flex:1 1;gap:var(--space-2);justify-content:space-between;min-width:0}.project-card__compact-title{color:var(--color-text-primary);font-size:var(--font-size-body-sm);font-weight:var(--font-weight-medium);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-card__stage--mini{font-size:9px;padding:1px var(--space-1)}.project-card__drag-handle{align-items:center;color:var(--color-text-muted);cursor:grab;display:flex;justify-content:center;opacity:0;transition:opacity var(--transition-fast);width:16px}.project-card:hover .project-card__drag-handle{opacity:.6}.project-card:hover .project-card__drag-handle:hover{opacity:1}.project-card__drag-dots{font-size:10px;letter-spacing:2px;transform:rotate(90deg)}.project-card__content{flex:1 1;min-width:0}.project-card__header{align-items:flex-start;display:flex;gap:var(--space-2);margin-bottom:var(--space-1)}.project-card__type-icon{align-items:center;border-radius:var(--radius-md);display:flex;flex-shrink:0;height:28px;justify-content:center;width:28px}.project-card__type-icon--music{background:var(--color-primary-soft);color:var(--color-primary)}.project-card__type-icon--visual_art,.project-card__type-icon--visualart{background:var(--color-success-light);color:var(--color-success)}.project-card__type-icon--writing{background:var(--color-warning-light);color:var(--color-warning)}.project-card__type-icon--other{background:var(--color-warm-gray-100);color:var(--color-text-secondary)}.project-card__title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--color-text-primary);display:-webkit-box;flex:1 1;font-size:var(--font-size-body-sm);font-weight:var(--font-weight-semibold);line-height:var(--line-height-snug);margin:0;overflow:hidden;text-overflow:ellipsis}.project-card__category-badge{align-items:center;display:inline-flex;margin-left:var(--space-1);vertical-align:middle}.project-card__category-badge--opus{color:var(--color-warning)}.project-card__parent-badge{align-items:center;color:var(--color-primary);display:inline-flex;margin-left:var(--space-1);vertical-align:middle}.project-card__menu{position:relative}.project-card__menu-btn{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);color:var(--color-text-muted);cursor:pointer;display:flex;height:28px;justify-content:center;opacity:0;transition:all var(--transition-fast);width:28px}.project-card:hover .project-card__menu-btn{opacity:1}.project-card__menu-btn:hover{background:var(--color-warm-gray-100);color:var(--color-text-secondary)}.project-card__dropdown{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);min-width:150px;padding:var(--space-1);position:absolute;right:0;top:calc(100% + 4px);z-index:var(--z-dropdown)}.project-card__dropdown button{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);color:var(--color-text-primary);cursor:pointer;display:flex;font-size:var(--font-size-body-sm);gap:var(--space-2);padding:var(--space-2) var(--space-3);text-align:left;transition:background-color var(--transition-fast);width:100%}.project-card__dropdown button:hover{background:var(--color-primary-soft);color:var(--color-primary)}.project-card__dropdown button svg{flex-shrink:0}.project-card__description{color:var(--color-text-secondary);font-size:var(--font-size-caption);line-height:var(--line-height-relaxed);margin:0 0 var(--space-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-card__meta{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-2)}.project-card__stage{border-radius:var(--radius-full);font-size:11px;font-weight:var(--font-weight-medium);padding:2px var(--space-2);text-transform:capitalize}.project-card__stage--idea{background:var(--color-stage-idea);color:#1e40af}.project-card__stage--composition,.project-card__stage--concept,.project-card__stage--outline{background:var(--color-stage-composition);color:#5b21b6}.project-card__stage--draft,.project-card__stage--recording,.project-card__stage--sketches{background:var(--color-stage-recording);color:#9a3412}.project-card__stage--creation,.project-card__stage--mixing,.project-card__stage--revision{background:var(--color-stage-mixing);color:#166534}.project-card__stage--editing,.project-card__stage--mastering,.project-card__stage--refinement{background:var(--color-stage-mastering);color:#854d0e}.project-card__stage--complete,.project-card__stage--completion,.project-card__stage--publishing,.project-card__stage--release{background:var(--color-primary);color:var(--color-white)}.project-card__sessions{align-items:center;color:var(--color-text-secondary);display:flex;font-size:11px;font-weight:var(--font-weight-medium);gap:var(--space-1)}.project-card__sessions:before{background:var(--color-text-muted);border-radius:50%;content:"";display:block;height:3px;width:3px}.project-card__footer{align-items:center;display:flex;justify-content:flex-end}.project-card__last-worked{align-items:center;color:var(--color-text-muted);display:flex;font-size:11px;gap:var(--space-1)}.project-card__last-worked svg{opacity:.7}[data-theme=dark] .project-card__type-icon--music{background:#a78bfa26}[data-theme=dark] .project-card__type-icon--visual_art,[data-theme=dark] .project-card__type-icon--visualart{background:#34d39926}[data-theme=dark] .project-card__type-icon--writing{background:#fbbf2426}[data-theme=dark] .project-card__stage--idea{background:#1e3a5f;color:#93c5fd}[data-theme=dark] .project-card__stage--composition,[data-theme=dark] .project-card__stage--concept,[data-theme=dark] .project-card__stage--outline{background:#2d1f4e;color:#d4a5ff}[data-theme=dark] .project-card__stage--draft,[data-theme=dark] .project-card__stage--recording,[data-theme=dark] .project-card__stage--sketches{background:#3d2e1f;color:#fdba74}[data-theme=dark] .project-card__stage--creation,[data-theme=dark] .project-card__stage--mixing,[data-theme=dark] .project-card__stage--revision{background:#1a3d2e;color:#86efac}[data-theme=dark] .project-card__stage--editing,[data-theme=dark] .project-card__stage--mastering,[data-theme=dark] .project-card__stage--refinement{background:#3d3a1f;color:#fde047}[data-theme=dark] .project-card--opus{background:linear-gradient(var(--color-bg-card),var(--color-bg-card)) padding-box,linear-gradient(135deg,#a78bfa 0,#ff6b9d 50%,#ff9f43 100%) border-box}[data-theme=dark] .project-card--opus:before{background:linear-gradient(135deg,#a78bfa0d,#ff6b9d0d)}[data-theme=dark] .project-card--opus:hover{box-shadow:0 8px 24px #a78bfa4d,0 4px 12px #ff6b9d26}[data-theme=dark] .project-card__opus-header{background:linear-gradient(135deg,#a78bfa26,#ff6b9d1a);color:var(--color-primary-light)}[data-theme=dark] .project-card__opus-header svg{color:var(--color-primary-light)}[data-theme=dark] .project-card__pieces-progress{background:var(--color-bg-secondary)}[data-theme=dark] .project-card__pieces-dot{background:#a78bfa4d;border-color:#a78bfa66}[data-theme=dark] .project-card__pieces-dot--filled{background:var(--color-primary-light);border-color:var(--color-primary-light);box-shadow:0 1px 2px #a78bfa66}[data-theme=dark] .project-card__pieces-count strong{color:var(--color-primary-light)}[data-theme=dark] .project-card--piece{border-left-color:var(--color-teal)}[data-theme=dark] .project-card--piece:hover{border-left-color:#00e0e1}[data-theme=dark] .project-card__category-badge--piece{color:#00e0e1}[data-theme=dark] .project-card--compact{background:var(--color-bg-secondary);border-color:var(--color-border)}[data-theme=dark] .project-card--compact:hover{background:#a78bfa1a;border-color:var(--color-primary)}[data-theme=dark] .project-card__piece-indicator{background:#00e0e126;color:#00e0e1}[data-theme=dark] .project-card__title{color:#f5f5f5}[data-theme=dark] .project-card__description,[data-theme=dark] .project-card__sessions{color:#a0a0a0}[data-theme=dark] .project-card__sessions:before{background:grey}[data-theme=dark] .project-card__last-worked{color:grey}[data-theme=dark] .project-card__pieces-toggle{color:#a0a0a0}[data-theme=dark] .project-card__pieces-toggle:hover{color:#f5f5f5}[data-theme=dark] .project-card__pieces-dots-more{color:grey}[data-theme=dark] .project-card__compact-title{color:#f5f5f5}[data-theme=dark] .project-card__menu-btn{color:grey}[data-theme=dark] .project-card:hover .project-card__menu-btn{color:#a0a0a0}[data-theme=dark] .project-card__menu-btn:hover{background:var(--color-bg-secondary);color:#f5f5f5}[data-theme=dark] .project-card__dropdown button{color:#f5f5f5}[data-theme=dark] .project-card__dropdown button:hover{background:#d4a5ff26;color:#d4a5ff}[data-theme=dark] .project-card__drag-handle{color:grey}[data-theme=dark] .project-card:hover .project-card__drag-handle:hover{color:#a0a0a0}@media (prefers-reduced-motion:reduce){.project-card,.project-card__drag-handle,.project-card__menu-btn,.project-card__pieces-dot{transition:none}.project-card--dragging{transform:none}}.project-kanban{background:#0000;display:flex;flex-direction:column;min-height:100%}.project-kanban__stats{align-items:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#fffc;border:1px solid #8b5cf61a;border-radius:var(--radius-xl);box-shadow:var(--shadow-card);display:flex;gap:var(--space-6);margin-bottom:var(--space-5);padding:var(--space-4) var(--space-5)}.project-kanban__stat{align-items:baseline;display:flex;gap:var(--space-2)}.project-kanban__stat-value{color:var(--color-text-primary);font-size:var(--font-size-h2);font-weight:var(--font-weight-semibold);line-height:1}.project-kanban__stat-label{color:var(--color-text-secondary);font-size:var(--font-size-body-sm)}.project-kanban__limit{align-items:center;background:linear-gradient(135deg,#a78bfa26,#ff6b9d1a);border-radius:var(--radius-full);color:#5f27cd;display:flex;font-size:var(--font-size-body-sm);font-weight:var(--font-weight-medium);gap:var(--space-2);margin-left:auto;padding:var(--space-2) var(--space-4);transition:all var(--transition-normal)}.project-kanban__limit--reached{background:linear-gradient(135deg,#ff6b6b33,#ff9f4326);color:#ff6b6b}.project-kanban__limit--reached svg{animation:gentle-pulse 2s ease-in-out infinite}@keyframes gentle-pulse{0%,to{opacity:1}50%{opacity:.6}}.project-kanban__board{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));min-height:400px}.project-kanban--compact .project-kanban__board{grid-template-columns:repeat(3,1fr);grid-template-rows:auto auto}.project-kanban--timeline .project-kanban__board{display:flex;flex-direction:column;gap:var(--space-3)}.project-kanban--timeline .project-kanban__column{flex-direction:row;max-height:none;min-height:auto}.project-kanban--timeline .project-kanban__column-header{align-items:flex-start;border-bottom:none;border-radius:var(--radius-xl) 0 0 var(--radius-xl);border-right:1px solid var(--color-border-light);flex-direction:column;flex-shrink:0;gap:var(--space-1);padding:var(--space-3);width:140px}.project-kanban--timeline .project-kanban__column-content{flex-direction:row;gap:var(--space-3);min-height:100px;overflow-x:auto;overflow-y:hidden;padding:var(--space-3)}.project-kanban--timeline .project-kanban__card-wrapper{flex-shrink:0;width:220px}.project-kanban--timeline .project-kanban__add-btn{flex-shrink:0;margin-left:auto;margin-top:0;min-width:100px;width:auto}.project-kanban--timeline .project-kanban__empty{flex-direction:row;padding:var(--space-2)}.project-kanban--timeline .project-kanban__empty .empty-state{flex-direction:row;gap:var(--space-2);padding:var(--space-2)}.project-kanban--timeline .project-kanban__empty .empty-state__title{margin-bottom:0}.project-kanban--timeline .project-kanban__empty .empty-state__message{display:none}.project-kanban__column{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffffd9;border:1px solid #8b5cf61a;border-radius:var(--radius-xl);box-shadow:var(--shadow-card);display:flex;flex-direction:column;min-height:200px;transition:all var(--transition-normal)}.project-kanban__column:nth-child(4n+1){border-top:3px solid #54a0ff}.project-kanban__column:nth-child(4n+2){border-top:3px solid #a78bfa}.project-kanban__column:nth-child(4n+3){border-top:3px solid #ff6b9d}.project-kanban__column:nth-child(4n+4){border-top:3px solid #5cd85a}.project-kanban__column--drag-over{background:#a78bfa1a;border-color:#a78bfa;box-shadow:0 0 0 3px #a78bfa33,var(--shadow-lg)}.project-kanban__column-header{align-items:center;background:#ffffff80;border-bottom:1px solid #8b5cf614;border-radius:calc(var(--radius-xl) - 3px) calc(var(--radius-xl) - 3px) 0 0;display:flex;gap:var(--space-3);padding:var(--space-3) var(--space-4)}.project-kanban__column-title{color:var(--color-text-primary);flex:1 1;font-size:var(--font-size-body-sm);font-weight:var(--font-weight-semibold);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-kanban__column-count{align-items:center;background:linear-gradient(135deg,#8b5cf6,#a78bfa);border-radius:var(--radius-full);box-shadow:0 2px 6px #8b5cf64d;color:#fff;display:flex;font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold);height:24px;justify-content:center;min-width:24px;padding:0 var(--space-2)}.project-kanban__column-content{display:flex;flex:1 1;flex-direction:column;gap:var(--space-2);min-height:80px;padding:var(--space-3)}.project-kanban__card-wrapper{transition:opacity var(--transition-fast),transform var(--transition-fast)}.project-kanban__card-wrapper.is-dragging{opacity:.4}.project-kanban__empty{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:var(--space-4) var(--space-3);text-align:center}.project-kanban__empty .empty-state{padding:var(--space-4) var(--space-2)}.project-kanban__empty .empty-state__icon{margin-bottom:var(--space-2)}.project-kanban__empty .empty-state__icon svg{height:28px;width:28px}.project-kanban__empty .empty-state__title{font-size:var(--font-size-body-sm);margin-bottom:var(--space-1)}.project-kanban__empty .empty-state__message{font-size:var(--font-size-caption);margin-bottom:0}.project-kanban__add-btn{align-items:center;background:#0000;border:1px dashed var(--color-border);border-radius:var(--radius-md);color:var(--color-text-muted);cursor:pointer;display:flex;font-size:var(--font-size-caption);font-weight:var(--font-weight-medium);gap:var(--space-2);justify-content:center;margin-top:auto;padding:var(--space-2);transition:all var(--transition-normal);width:100%}.project-kanban__add-btn:hover:not(:disabled){background:var(--color-primary-soft);border-color:var(--color-primary);color:var(--color-primary)}.project-kanban__add-btn:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-soft);outline:none}.project-kanban__add-btn:disabled{cursor:not-allowed;opacity:.4}.project-kanban__first-project{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:400px;padding:var(--space-12) var(--space-6);text-align:center}.project-kanban__first-project-icon{color:var(--color-primary);height:80px;margin-bottom:var(--space-6);opacity:.8;width:80px}.project-kanban__first-project h2{color:var(--color-text-primary);font-size:var(--font-size-h2);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-3)}.project-kanban__first-project p{color:var(--color-text-secondary);font-size:var(--font-size-body);line-height:var(--line-height-relaxed);margin:0 0 var(--space-6)}@media (min-width:1400px){.project-kanban__board{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.project-kanban--compact .project-kanban__board{grid-template-columns:repeat(3,1fr)}}@media (max-width:1024px){.project-kanban__board{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.project-kanban--compact .project-kanban__board{grid-template-columns:repeat(2,1fr)}.project-kanban__column{max-height:400px}.project-kanban--timeline .project-kanban__column-header{width:120px}.project-kanban--timeline .project-kanban__card-wrapper{width:200px}}@media (max-width:768px){.project-kanban__stats{flex-wrap:wrap;gap:var(--space-4);padding:var(--space-3)}.project-kanban__stat{flex:1 1;min-width:80px}.project-kanban__limit{justify-content:center;margin-left:0;margin-top:var(--space-2);width:100%}.project-kanban__board{display:flex;flex-direction:column;gap:var(--space-3)}.project-kanban__column{flex-direction:column;min-height:auto}.project-kanban__column-header{border-bottom:1px solid var(--color-border-light);border-radius:var(--radius-xl) var(--radius-xl) 0 0;border-right:none;flex-direction:row;width:100%}.project-kanban--timeline .project-kanban__column,.project-kanban__column-content{flex-direction:column}.project-kanban--timeline .project-kanban__column-header{border-bottom:1px solid var(--color-border-light);border-radius:var(--radius-xl) var(--radius-xl) 0 0;border-right:none;flex-direction:row;width:100%}.project-kanban--timeline .project-kanban__column-content{flex-direction:column}.project-kanban--timeline .project-kanban__card-wrapper{width:100%}.project-kanban--timeline .project-kanban__add-btn{margin-left:0;width:100%}}@media (prefers-reduced-motion:reduce){.project-kanban__add-btn,.project-kanban__card-wrapper,.project-kanban__column,.project-kanban__limit--reached svg{animation:none;transition:none}}.project-kanban__add-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}[data-theme=dark] .project-kanban__stats{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--color-bg-card);border-color:var(--color-border);box-shadow:var(--shadow-md)}[data-theme=dark] .project-kanban__limit{background:#a78bfa26;color:var(--color-primary-light)}[data-theme=dark] .project-kanban__limit--reached{background:#fbbf2426;color:var(--color-warning)}[data-theme=dark] .project-kanban__column{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--color-bg-card);border:1px solid var(--color-border);box-shadow:var(--shadow-md)}[data-theme=dark] .project-kanban__column:nth-child(4n+1),[data-theme=dark] .project-kanban__column:nth-child(4n+2),[data-theme=dark] .project-kanban__column:nth-child(4n+3),[data-theme=dark] .project-kanban__column:nth-child(4n+4){border-top:3px solid var(--color-primary)}[data-theme=dark] .project-kanban__column--drag-over{background:var(--color-primary-soft);border-color:var(--color-primary)}[data-theme=dark] .project-kanban__column-header{background:var(--color-bg-secondary);border-bottom-color:var(--color-border)}[data-theme=dark] .project-kanban__column-count{background:var(--color-primary);box-shadow:none}.project-grid{width:100%}.project-grid__container{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.project-grid__card{background:var(--color-bg-card);border:1px solid var(--color-border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);cursor:pointer;display:flex;flex-direction:column;overflow:hidden;position:relative;text-align:left;transition:all .2s ease}.project-grid__card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.project-grid__card:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-soft);outline:none}.project-grid__accent{height:4px;width:100%}.project-grid__content{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4)}.project-grid__icon{align-items:center;background:var(--color-primary-soft);border-radius:var(--radius-lg);color:var(--color-primary);display:flex;height:40px;justify-content:center;width:40px}.project-grid__info{display:flex;flex-direction:column;gap:var(--space-1)}.project-grid__title{color:var(--color-text-primary);font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);line-height:1.3}.project-grid__description,.project-grid__title{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;margin:0;overflow:hidden;text-overflow:ellipsis}.project-grid__description{color:var(--color-text-secondary);font-size:var(--font-size-body-sm);line-height:1.4}.project-grid__stage{align-self:flex-start;border-radius:var(--radius-md);font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold);padding:var(--space-1) var(--space-2)}.project-grid__footer{align-items:center;border-top:1px solid var(--color-border-light);display:flex;justify-content:space-between;margin-top:auto;padding-top:var(--space-3)}.project-grid__time{align-items:center;color:var(--color-text-tertiary);display:flex;font-size:var(--font-size-caption);gap:var(--space-1)}.project-grid__opus-badge{align-items:center;background:var(--color-primary-soft);border-radius:var(--radius-sm);color:var(--color-primary);display:inline-flex;font-size:10px;font-weight:var(--font-weight-bold);letter-spacing:.05em;padding:2px var(--space-2)}@media (max-width:768px){.project-grid__container{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.project-grid__content{padding:var(--space-3)}.project-grid__icon{height:36px;width:36px}}@media (max-width:480px){.project-grid__container{grid-template-columns:1fr}}[data-theme=dark] .project-grid__card{background:var(--color-bg-card);border-color:var(--color-border)}[data-theme=dark] .project-grid__card:hover{background:var(--color-bg-secondary);border-color:var(--color-primary-light);box-shadow:0 8px 32px #0000004d}[data-theme=dark] .project-grid__icon{background:#8b5cf633;color:#d4a5ff}[data-theme=dark] .project-grid__title{color:#f5f5f5}[data-theme=dark] .project-grid__description{color:#a0a0a0}[data-theme=dark] .project-grid__footer{border-top-color:var(--color-border)}[data-theme=dark] .project-grid__time{color:grey}[data-theme=dark] .project-grid__opus-badge{background:#8b5cf633;color:#d4a5ff}@media (prefers-reduced-motion:reduce){.project-grid__card{transition:none}.project-grid__card:hover{transform:none}}.project-grid__card:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.project-form-overlay{align-items:flex-start;animation:fadeIn var(--transition-fast) ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;display:flex;inset:0;justify-content:center;overflow-y:auto;padding:var(--space-6);position:fixed;z-index:var(--z-modal)}.project-form{animation:slideUp var(--transition-normal) ease-out;background:var(--color-bg-card);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);flex-shrink:0;margin-bottom:var(--space-6);margin-top:var(--space-6);max-height:none;max-width:480px;overflow-y:visible;width:100%}.project-form__header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:var(--space-5) var(--space-6)}.project-form__title{color:var(--color-text-primary);font-size:var(--font-size-h4);font-weight:var(--font-weight-semibold);margin:0}.project-form__close{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);color:var(--color-text-muted);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all var(--transition-normal);width:32px}.project-form__close:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.project-form__close:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.project-form form{padding:var(--space-6)}.project-form__error{align-items:center;background:var(--color-error-light);border-radius:var(--radius-lg);color:var(--color-error);display:flex;font-size:var(--font-size-body-sm);gap:var(--space-3);margin-bottom:var(--space-5);padding:var(--space-3) var(--space-4)}.project-form__field--error .input--error,.project-form__field--error input,.project-form__field--error textarea{border-color:var(--color-error)!important;box-shadow:0 0 0 1px var(--color-error)}.project-form__field--error input:focus,.project-form__field--error textarea:focus{border-color:var(--color-error)!important;box-shadow:0 0 0 3px #ef444433}.project-form__field-error{align-items:center;animation:shake .3s ease-out;color:var(--color-error);display:flex;font-size:var(--font-size-caption);gap:var(--space-2);margin-top:var(--space-2)}.project-form__field-error svg{flex-shrink:0}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-4px)}50%{transform:translateX(4px)}75%{transform:translateX(-4px)}}.project-form__field{margin-bottom:var(--space-5)}.project-form__field label{color:var(--color-text-primary);display:block;font-size:var(--font-size-body-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--space-2)}.project-form__label-with-hint{align-items:center;display:flex!important;gap:var(--space-2)}.project-form__hint-icon{align-items:center;color:var(--color-text-muted);cursor:help;display:inline-flex;justify-content:center;transition:color var(--transition-fast)}.project-form__hint-icon:hover{color:var(--color-primary)}.project-form__field input[type=date],.project-form__field input[type=text],.project-form__field textarea{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-primary);font-family:var(--font-family);font-size:var(--font-size-body-sm);padding:var(--space-3) var(--space-4);transition:all var(--transition-normal);width:100%}.project-form__field input::placeholder,.project-form__field textarea::placeholder{color:var(--color-text-muted)}.project-form__field input:focus,.project-form__field textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-soft);outline:none}.project-form__field textarea{line-height:var(--line-height-relaxed);min-height:100px;resize:vertical}.project-form__type-grid{grid-gap:var(--space-3);display:grid;gap:var(--space-3);grid-template-columns:repeat(2,1fr)}.project-form__type-btn{align-items:center;background:#0000;border:2px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;display:flex;gap:var(--space-3);padding:var(--space-4);position:relative;transition:all var(--transition-normal)}.project-form__type-btn:hover{background:var(--color-primary-soft);border-color:var(--color-primary-light)}.project-form__type-btn--selected{background:var(--color-primary-soft);border-color:var(--color-primary)}.project-form__type-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.project-form__type-icon{align-items:center;background:var(--color-bg-secondary);border-radius:var(--radius-md);color:var(--color-text-secondary);display:flex;height:36px;justify-content:center;transition:all var(--transition-normal);width:36px}.project-form__type-btn--selected .project-form__type-icon{background:var(--color-primary);color:var(--color-text-inverse)}.project-form__type-btn--music .project-form__type-icon{background:var(--color-stage-recording);color:#d97706}.project-form__type-btn--music.project-form__type-btn--selected .project-form__type-icon{background:#d97706;color:var(--color-text-inverse)}.project-form__type-btn--visualart .project-form__type-icon{background:var(--color-stage-composition);color:var(--color-primary)}.project-form__type-btn--visualart.project-form__type-btn--selected .project-form__type-icon{background:var(--color-primary);color:var(--color-text-inverse)}.project-form__type-btn--writing .project-form__type-icon{background:var(--color-stage-mixing);color:#059669}.project-form__type-btn--writing.project-form__type-btn--selected .project-form__type-icon{background:#059669;color:var(--color-text-inverse)}.project-form__type-emoji{font-size:var(--font-size-h3)}.project-form__type-label{color:var(--color-text-primary);font-size:var(--font-size-body-sm);font-weight:var(--font-weight-medium)}.project-form__type-check{color:var(--color-primary);position:absolute;right:var(--space-2);top:var(--space-2)}.project-form__dropdown{align-items:center;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;display:flex;justify-content:space-between;padding:var(--space-3) var(--space-4);transition:all var(--transition-normal)}.project-form__dropdown:hover{border-color:var(--color-primary-light)}.project-form__dropdown:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.project-form__dropdown svg{color:var(--color-text-muted);transition:transform var(--transition-normal)}.project-form__dropdown svg.rotated{transform:rotate(180deg)}.project-form__dropdown-menu{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);margin-top:var(--space-2);overflow:hidden}.project-form__dropdown-item{align-items:center;background:#0000;border:none;cursor:pointer;display:flex;justify-content:space-between;padding:var(--space-3) var(--space-4);text-align:left;transition:background-color var(--transition-fast);width:100%}.project-form__dropdown-item:hover{background:var(--color-bg-secondary)}.project-form__dropdown-item.selected{background:var(--color-primary-soft)}.project-form__dropdown-item:focus-visible{background:var(--color-primary-soft);outline:none}.project-form__template-info{align-items:center;display:flex;gap:var(--space-3)}.project-form__template-name{color:var(--color-text-primary);font-size:var(--font-size-body-sm);font-weight:var(--font-weight-medium)}.project-form__template-badge{background:var(--color-primary-soft);border-radius:var(--radius-sm);color:var(--color-primary);font-size:var(--font-size-caption);font-weight:var(--font-weight-medium);padding:var(--space-1) var(--space-2)}.project-form__template-stages{color:var(--color-text-muted);font-size:var(--font-size-caption)}.project-form__category-grid{grid-gap:var(--space-3);display:grid;gap:var(--space-3);grid-template-columns:repeat(2,1fr)}.project-form__category-btn{align-items:flex-start;background:#0000;border:2px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;display:flex;gap:var(--space-3);padding:var(--space-4);position:relative;text-align:left;transition:all var(--transition-normal)}.project-form__category-btn:hover{background:var(--color-primary-soft);border-color:var(--color-primary-light)}.project-form__category-btn--selected{background:var(--color-primary-soft);border-color:var(--color-primary)}.project-form__category-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.project-form__category-icon{align-items:center;background:var(--color-bg-secondary);border-radius:var(--radius-md);color:var(--color-text-secondary);display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.project-form__category-btn--selected .project-form__category-icon{background:var(--color-primary);color:var(--color-text-inverse)}.project-form__category-content{display:flex;flex:1 1;flex-direction:column;gap:var(--space-1)}.project-form__category-label{color:var(--color-text-primary);font-size:var(--font-size-body-sm);font-weight:var(--font-weight-semibold)}.project-form__category-description{color:var(--color-text-muted);font-size:var(--font-size-caption);line-height:var(--line-height-relaxed)}.project-form__category-check{color:var(--color-primary);position:absolute;right:var(--space-2);top:var(--space-2)}.project-form__stage-grid{display:flex;flex-wrap:wrap;gap:var(--space-2)}.project-form__stage-btn{align-items:center;background:#0000;border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;display:flex;gap:var(--space-2);padding:var(--space-2) var(--space-3);transition:all var(--transition-normal)}.project-form__stage-btn:hover{background:var(--color-primary-soft);border-color:var(--color-primary-light)}.project-form__stage-btn--selected{background:var(--color-primary-soft);border-color:var(--color-primary)}.project-form__stage-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.project-form__stage-number{align-items:center;background:var(--color-bg-secondary);border-radius:var(--radius-full);color:var(--color-text-muted);display:flex;font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold);height:20px;justify-content:center;transition:all var(--transition-normal);width:20px}.project-form__stage-btn--selected .project-form__stage-number{background:var(--color-primary);color:var(--color-text-inverse)}.project-form__stage-name{color:var(--color-text-primary);font-size:var(--font-size-body-sm)}.project-form__actions{border-top:1px solid var(--color-border);display:flex;gap:var(--space-3);justify-content:flex-end;margin-top:var(--space-6);padding-top:var(--space-5)}@media (max-width:480px){.project-form-overlay{align-items:flex-end;padding:0}.project-form{border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;max-height:95vh;max-width:100%}.project-form__header{padding:var(--space-4) var(--space-5)}.project-form form{padding:var(--space-5)}.project-form__category-grid,.project-form__type-grid{grid-template-columns:1fr}.project-form__actions{flex-direction:column-reverse}.project-form__actions button{width:100%}}@media (prefers-reduced-motion:reduce){.project-form,.project-form-overlay,.project-form__category-btn,.project-form__close,.project-form__dropdown,.project-form__dropdown svg,.project-form__stage-btn,.project-form__type-btn{animation:none;transition:none}}@media (forced-colors:active){.project-form__category-btn--selected,.project-form__stage-btn--selected,.project-form__type-btn--selected{border-color:SelectedItem;forced-color-adjust:none}}[data-theme=dark] .project-form{background:var(--color-bg-card);border:1px solid var(--color-border)}[data-theme=dark] .project-form__header{border-bottom-color:var(--color-border)}[data-theme=dark] .project-form__field label{color:#f5f5f5}[data-theme=dark] .project-form__type-btn{background:var(--color-bg-secondary);border-color:var(--color-border)}[data-theme=dark] .project-form__type-btn:hover{background:#d4a5ff26;border-color:#d4a5ff}[data-theme=dark] .project-form__type-btn--selected{background:#d4a5ff33;border-color:#d4a5ff}[data-theme=dark] .project-form__type-label{color:#f5f5f5}[data-theme=dark] .project-form__type-icon{background:var(--color-bg-tertiary);color:#e0e0e0}[data-theme=dark] .project-form__type-btn--selected .project-form__type-icon{background:#d4a5ff;color:#1e1e2a}[data-theme=dark] .project-form__type-check{color:#d4a5ff}[data-theme=dark] .project-form__category-btn{background:var(--color-bg-secondary);border-color:var(--color-border)}[data-theme=dark] .project-form__category-btn:hover{background:#d4a5ff26;border-color:#d4a5ff}[data-theme=dark] .project-form__category-btn--selected{background:#d4a5ff33;border-color:#d4a5ff}[data-theme=dark] .project-form__category-icon{background:var(--color-bg-tertiary);color:#e0e0e0}[data-theme=dark] .project-form__category-btn--selected .project-form__category-icon{background:#d4a5ff;color:#1e1e2a}[data-theme=dark] .project-form__category-label{color:#f5f5f5}[data-theme=dark] .project-form__category-description{color:#a0a0a0}[data-theme=dark] .project-form__category-check{color:#d4a5ff}[data-theme=dark] .project-form__stage-btn{background:var(--color-bg-secondary);border-color:var(--color-border)}[data-theme=dark] .project-form__stage-btn:hover{background:#d4a5ff26;border-color:#d4a5ff}[data-theme=dark] .project-form__stage-btn--selected{background:#d4a5ff33;border-color:#d4a5ff}[data-theme=dark] .project-form__stage-number{background:var(--color-bg-elevated);color:#a0a0a0}[data-theme=dark] .project-form__stage-btn--selected .project-form__stage-number{background:#d4a5ff;color:#1e1e2a}[data-theme=dark] .project-form__stage-name{color:#f5f5f5}[data-theme=dark] .project-form__dropdown{background:var(--color-bg-card);border-color:var(--color-border)}[data-theme=dark] .project-form__dropdown:hover{border-color:#d4a5ff}[data-theme=dark] .project-form__dropdown-menu{background:var(--color-bg-card);border-color:var(--color-border)}[data-theme=dark] .project-form__dropdown-item:hover{background:var(--color-bg-secondary)}[data-theme=dark] .project-form__dropdown-item.selected{background:#d4a5ff26}[data-theme=dark] .project-form__template-name{color:#f5f5f5}[data-theme=dark] .project-form__template-badge{background:#d4a5ff33;color:#d4a5ff}[data-theme=dark] .project-form__close,[data-theme=dark] .project-form__template-stages{color:#a0a0a0}[data-theme=dark] .project-form__close:hover{background:var(--color-bg-secondary);color:#f5f5f5}[data-theme=dark] .project-form__error{background:#f8717126;color:#f87171}[data-theme=dark] .project-form__field-error{color:#f87171}[data-theme=dark] .project-form__actions{border-top-color:var(--color-border)}[data-theme=dark] .project-form__hint-icon{color:grey}[data-theme=dark] .project-form__hint-icon:hover{color:#d4a5ff}.session-log{border-radius:12px;padding:1rem}.session-log--loading{align-items:center;color:var(--color-text-secondary);display:flex;flex-direction:column;justify-content:center;min-height:200px}.session-log__spinner{animation:spin .8s linear infinite;border:2px solid var(--color-border);border-radius:50%;border-top-color:var(--color-primary);height:24px;margin-bottom:.75rem;width:24px}.session-log__header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:.75rem}.session-log__title{align-items:center;color:var(--color-text-primary);display:flex;font-size:1rem;font-weight:600;gap:.5rem;margin:0}.session-log__title svg,.session-log__total{color:var(--color-text-secondary)}.session-log__total{align-items:center;background:var(--color-bg-tertiary);border-radius:10px;display:inline-flex;font-size:.75rem;font-weight:500;justify-content:center;padding:.25rem .625rem}.session-log__active{background:#22c55e14;border:1px solid #22c55e4d;border-radius:10px;margin-bottom:1rem;padding:.875rem 1rem}.session-log__active-indicator{align-items:center;color:var(--color-success);display:flex;font-size:.8125rem;font-weight:600;gap:.5rem;margin-bottom:.5rem}.session-log__pulse{animation:pulse 1.5s ease-in-out infinite;background:var(--color-success);border-radius:50%;height:8px;width:8px}.session-log__active-info{display:flex;flex-direction:column;gap:.25rem;margin-bottom:.75rem}.session-log__stage{color:var(--color-text-primary);font-size:.875rem;font-weight:500}.session-log__start{color:var(--color-text-muted);font-size:.75rem}.session-log__start-btn{border-radius:10px;margin-bottom:1rem;width:100%}.session-log__list{display:flex;flex-direction:column;gap:.5rem}.session-log__item{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:10px;padding:.75rem 1rem;transition:all .2s ease}.session-log__item:hover{border-color:var(--color-border-hover);box-shadow:0 2px 8px #0000000a}.session-log__item-main{align-items:center;display:flex;justify-content:space-between;margin-bottom:.25rem}.session-log__item-stage{color:var(--color-text-primary);font-size:.875rem;font-weight:500}.session-log__item-duration{background:var(--color-primary-bg);border-radius:6px;color:var(--color-primary);font-size:.8125rem;font-weight:600;padding:.125rem .5rem}.session-log__item-time{color:var(--color-text-muted);font-size:.75rem}.session-log__item-notes{border-top:1px solid var(--color-border);color:var(--color-text-secondary);font-size:.8125rem;line-height:1.5;margin:.5rem 0 0;padding-top:.5rem}.session-log__placeholder{color:var(--color-text-muted);padding:1.5rem;text-align:center}.session-log__placeholder-sub{font-size:.875rem;margin-top:.25rem}[data-theme=dark] .session-log__title{color:#f5f5f5}[data-theme=dark] .session-log__title svg{color:#a0a0a0}[data-theme=dark] .session-log__total{background:var(--color-bg-tertiary);color:#a0a0a0}[data-theme=dark] .session-log__active{background:#4ade801a;border-color:#4ade804d}[data-theme=dark] .session-log__active-indicator{color:#4ade80}[data-theme=dark] .session-log__pulse{background:#4ade80}[data-theme=dark] .session-log__stage{color:#f5f5f5}[data-theme=dark] .session-log__start{color:grey}[data-theme=dark] .session-log__item{background:var(--color-bg-secondary);border-color:var(--color-border)}[data-theme=dark] .session-log__item:hover{border-color:var(--color-border-hover);box-shadow:0 2px 8px #0003}[data-theme=dark] .session-log__item-stage{color:#f5f5f5}[data-theme=dark] .session-log__item-duration{background:#d4a5ff26;color:#d4a5ff}[data-theme=dark] .session-log__item-time{color:grey}[data-theme=dark] .session-log__item-notes{border-color:var(--color-border);color:#a0a0a0}[data-theme=dark] .session-log__placeholder{color:grey}@media (max-width:480px){.session-log__item{padding:.625rem .75rem}.session-log__header{align-items:flex-start;flex-direction:column;gap:.5rem}}.attachment-manager{border-radius:12px;padding:1rem}.attachment-manager__header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:.75rem}.attachment-manager__title{align-items:center;color:var(--color-text-primary);display:flex;font-size:1rem;font-weight:600;gap:.5rem;margin:0}.attachment-manager__count,.attachment-manager__title svg{color:var(--color-text-secondary)}.attachment-manager__count{align-items:center;background:var(--color-bg-tertiary);border-radius:10px;display:inline-flex;font-size:.75rem;font-weight:500;height:1.25rem;justify-content:center;min-width:1.25rem;padding:0 .375rem}.attachment-manager__upload{background:var(--color-bg-secondary);border:1px dashed var(--color-border);border-radius:12px;cursor:pointer;margin-bottom:.75rem;padding:1.5rem;position:relative;text-align:center;transition:all .2s ease}.attachment-manager__upload:hover{background:var(--color-bg-highlight);border-color:var(--color-primary)}.attachment-manager__upload--uploading{background:var(--color-primary-bg);border-color:var(--color-primary);pointer-events:none}.attachment-manager__file-input{cursor:pointer;inset:0;opacity:0;position:absolute}.attachment-manager__upload-content{align-items:center;display:flex;flex-direction:column;gap:.5rem}.attachment-manager__upload-content svg{color:var(--color-primary);opacity:.8}.attachment-manager__upload-content p{color:var(--color-text-secondary);font-size:.875rem;font-weight:500;margin:0}.attachment-manager__upload-hint{color:var(--color-text-muted);font-size:.75rem}.attachment-manager__add-link{color:var(--color-text-secondary);margin-bottom:1rem}.attachment-manager__add-link:hover{color:var(--color-primary)}.attachment-manager__error{align-items:center;background:#ef444414;border:1px solid #ef444433;border-radius:8px;color:var(--color-danger);display:flex;font-size:.8125rem;gap:.5rem;margin-bottom:1rem;padding:.75rem 1rem}.attachment-manager__section{margin-bottom:1rem}.attachment-manager__section:last-child{margin-bottom:0}.attachment-manager__section-title{color:var(--color-text-muted);font-size:.75rem;font-weight:600;letter-spacing:.05em;margin:0 0 .5rem;padding-left:.25rem;text-transform:uppercase}.attachment-manager__list{display:flex;flex-direction:column;gap:.5rem}.attachment-manager__item{align-items:center;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:10px;display:flex;gap:.75rem;padding:.75rem 1rem;transition:all .2s ease}.attachment-manager__item:hover{border-color:var(--color-border-hover);box-shadow:0 2px 8px #0000000a}.attachment-manager__item-icon{align-items:center;background:var(--color-bg-tertiary);border-radius:8px;color:var(--color-text-secondary);display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.attachment-manager__item-info{flex:1 1;min-width:0}.attachment-manager__item-name{align-items:center;color:var(--color-text-primary);display:flex;font-size:.875rem;font-weight:500;gap:.375rem;overflow:hidden;text-decoration:none;text-overflow:ellipsis;transition:color .2s ease;white-space:nowrap}.attachment-manager__item-name:hover{color:var(--color-primary)}.attachment-manager__item-name svg{flex-shrink:0;opacity:0;transition:opacity .2s ease}.attachment-manager__item:hover .attachment-manager__item-name svg{opacity:.5}.attachment-manager__item-meta{color:var(--color-text-muted);display:block;font-size:.75rem;margin-top:.125rem}.attachment-manager__remove{align-items:center;background:#0000;border:none;border-radius:6px;color:var(--color-text-muted);cursor:pointer;display:flex;flex-shrink:0;height:28px;justify-content:center;opacity:0;padding:0;transition:all .2s ease;width:28px}.attachment-manager__item:hover .attachment-manager__remove{opacity:1}.attachment-manager__remove:hover{background:#ef44441a;color:var(--color-danger)}.attachment-manager__empty{color:var(--color-text-muted);font-size:.875rem;padding:1.5rem;text-align:center}.attachment-manager__link-form{display:flex;flex-direction:column;gap:1rem}.attachment-manager__link-actions{display:flex;gap:.5rem;justify-content:flex-end;margin-top:.5rem}[data-theme=dark] .attachment-manager__title{color:#f5f5f5}[data-theme=dark] .attachment-manager__title svg{color:#a0a0a0}[data-theme=dark] .attachment-manager__count{background:var(--color-bg-tertiary);color:#a0a0a0}[data-theme=dark] .attachment-manager__upload{background:var(--color-bg-secondary);border-color:var(--color-border)}[data-theme=dark] .attachment-manager__upload:hover{background:#d4a5ff14;border-color:#d4a5ff}[data-theme=dark] .attachment-manager__upload--uploading{background:#d4a5ff1f;border-color:#d4a5ff}[data-theme=dark] .attachment-manager__upload-content svg{color:#d4a5ff}[data-theme=dark] .attachment-manager__upload-content p{color:#a0a0a0}[data-theme=dark] .attachment-manager__upload-hint{color:grey}[data-theme=dark] .attachment-manager__add-link{color:#a0a0a0}[data-theme=dark] .attachment-manager__add-link:hover{color:#d4a5ff}[data-theme=dark] .attachment-manager__error{background:#fca5a51f;border-color:#fca5a533;color:#fca5a5}[data-theme=dark] .attachment-manager__section-title{color:grey}[data-theme=dark] .attachment-manager__item{background:var(--color-bg-secondary);border-color:var(--color-border)}[data-theme=dark] .attachment-manager__item:hover{border-color:var(--color-border-hover);box-shadow:0 2px 8px #0003}[data-theme=dark] .attachment-manager__item-icon{background:var(--color-bg-tertiary);color:#a0a0a0}[data-theme=dark] .attachment-manager__item-name{color:#f5f5f5}[data-theme=dark] .attachment-manager__item-name:hover{color:#d4a5ff}[data-theme=dark] .attachment-manager__item-meta,[data-theme=dark] .attachment-manager__item-name svg,[data-theme=dark] .attachment-manager__remove{color:grey}[data-theme=dark] .attachment-manager__remove:hover{background:#fca5a526;color:#fca5a5}[data-theme=dark] .attachment-manager__empty{color:grey}@media (max-width:480px){.attachment-manager__item{padding:.625rem .75rem}.attachment-manager__item-icon{height:32px;width:32px}.attachment-manager__remove{opacity:1}}.archived-projects{background:var(--color-bg-primary);min-height:100%;padding:var(--space-6)}.archived-projects--loading{align-items:center;color:var(--color-text-secondary);display:flex;flex-direction:column;justify-content:center;min-height:400px}.archived-projects__spinner{animation:spin 1s linear infinite;border:3px solid var(--color-border);border-radius:var(--radius-full);border-top-color:var(--color-primary);height:40px;margin-bottom:var(--space-4);width:40px}.archived-projects__header{display:flex;flex-direction:column;gap:var(--space-4);margin-bottom:var(--space-6)}@media (min-width:768px){.archived-projects__header{align-items:center;flex-direction:row;justify-content:space-between}}.archived-projects__title-section{align-items:center;display:flex;gap:var(--space-4)}.archived-projects__title{align-items:center;color:var(--color-text-primary);display:flex;font-size:var(--font-size-h2);font-weight:var(--font-weight-semibold);gap:var(--space-3);margin:0}.archived-projects__title svg{color:var(--color-text-muted)}.archived-projects__count{background:var(--color-bg-secondary);border-radius:var(--radius-full);color:var(--color-text-secondary);font-size:var(--font-size-body-sm);font-weight:var(--font-weight-medium);padding:var(--space-1) var(--space-3)}.archived-projects__actions{align-items:center;display:flex;gap:var(--space-4)}.archived-projects__search{flex:1 1;max-width:300px;position:relative}.archived-projects__search-icon{color:var(--color-text-muted);left:var(--space-3);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.archived-projects__search-input{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-primary);font-size:var(--font-size-body-sm);padding:var(--space-3) var(--space-4);padding-left:var(--space-10)!important;transition:all var(--transition-normal);width:100%}.archived-projects__search-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-soft);outline:none}.archived-projects__search-input::placeholder{color:var(--color-text-muted)}.archived-projects__error{align-items:center;background:var(--color-error-light);border-radius:var(--radius-lg);color:var(--color-error);display:flex;font-size:var(--font-size-body-sm);justify-content:space-between;margin-bottom:var(--space-6);padding:var(--space-4)}.archived-projects__error svg{flex-shrink:0;margin-right:var(--space-3)}.archived-projects__empty{align-items:center;color:var(--color-text-secondary);display:flex;flex-direction:column;justify-content:center;padding:var(--space-16) var(--space-6);text-align:center}.archived-projects__empty svg{color:var(--color-text-muted);margin-bottom:var(--space-4);opacity:.5}.archived-projects__empty h3{color:var(--color-text-primary);font-size:var(--font-size-h3);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-2) 0}.archived-projects__empty p{color:var(--color-text-secondary);font-size:var(--font-size-body);line-height:var(--line-height-relaxed);margin:0;max-width:400px}.archived-projects__grid{grid-gap:var(--space-5);display:grid;gap:var(--space-5);grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.archived-projects__card{background:var(--color-bg-card);border:1px solid var(--color-border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;padding:var(--space-5);transition:all var(--transition-normal)}.archived-projects__card:hover{border-color:var(--color-border);box-shadow:var(--shadow-md);transform:translateY(-2px)}.archived-projects__card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-3)}.archived-projects__card-type{align-items:center;background:var(--color-primary-soft);border-radius:var(--radius-md);color:var(--color-primary);display:flex;font-size:var(--font-size-caption);font-weight:var(--font-weight-medium);gap:var(--space-2);letter-spacing:.05em;padding:var(--space-1) var(--space-3);text-transform:uppercase}.archived-projects__card-type--music{background:var(--color-stage-recording);color:#d97706}.archived-projects__card-type--visualart{background:var(--color-stage-composition);color:#7c3aed}.archived-projects__card-type--writing{background:var(--color-stage-mixing);color:#059669}.archived-projects__card-stage{color:var(--color-text-muted);font-size:var(--font-size-caption)}.archived-projects__card-title{color:var(--color-text-primary);font-size:var(--font-size-h4);font-weight:var(--font-weight-semibold);line-height:var(--line-height-snug);margin:0 0 var(--space-2) 0}.archived-projects__card-desc{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--color-text-secondary);display:-webkit-box;flex:1 1;font-size:var(--font-size-body-sm);line-height:var(--line-height-relaxed);margin:0 0 var(--space-4) 0;overflow:hidden}.archived-projects__card-meta{border-top:1px solid var(--color-border-light);margin-bottom:var(--space-4);padding-top:var(--space-3)}.archived-projects__card-date{align-items:center;color:var(--color-text-muted);display:flex;font-size:var(--font-size-caption);gap:var(--space-2)}.archived-projects__card-date svg{flex-shrink:0}.archived-projects__card-actions{display:flex;gap:var(--space-3);margin-top:auto}.archived-projects__card-actions .btn{flex:1 1}.archived-projects__restore-btn{align-items:center;background:var(--color-success-light);border:none;border-radius:var(--radius-lg);color:var(--color-success);cursor:pointer;display:flex;flex:1 1;font-size:var(--font-size-body-sm);font-weight:var(--font-weight-medium);gap:var(--space-2);justify-content:center;padding:var(--space-3);transition:all var(--transition-normal)}.archived-projects__restore-btn:hover{background:var(--color-success);color:var(--color-text-inverse)}.archived-projects__delete-btn{align-items:center;background:#0000;border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-muted);cursor:pointer;display:flex;font-size:var(--font-size-body-sm);font-weight:var(--font-weight-medium);gap:var(--space-2);justify-content:center;padding:var(--space-3);transition:all var(--transition-normal)}.archived-projects__delete-btn:hover{background:var(--color-error-light);border-color:var(--color-error);color:var(--color-error)}@media (max-width:768px){.archived-projects{padding:var(--space-4)}.archived-projects__header{gap:var(--space-4)}.archived-projects__title{font-size:var(--font-size-h3)}.archived-projects__actions{flex-direction:column;width:100%}.archived-projects__search{max-width:none;width:100%}.archived-projects__grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.archived-projects__card,.archived-projects__delete-btn,.archived-projects__restore-btn,.archived-projects__search-input{transition:none}.archived-projects__spinner{animation:none}}.archived-projects__card:focus-within{outline:2px solid var(--color-primary);outline-offset:2px}.archived-projects__delete-btn:focus-visible,.archived-projects__restore-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.project-limit-warning{align-items:flex-start;border-radius:var(--border-radius-md);display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);padding:var(--spacing-md) var(--spacing-lg)}.project-limit-warning--near-limit{background:#f59e0b1a;background:var(--color-warning-light,#f59e0b1a);border:1px solid #f59e0b;border:1px solid var(--color-warning,#f59e0b)}.project-limit-warning--at-limit{background:#ef44441a;background:var(--color-error-light,#ef44441a);border:1px solid #ef4444;border:1px solid var(--color-error,#ef4444)}.project-limit-warning__icon{flex-shrink:0;padding-top:2px}.project-limit-warning--near-limit .project-limit-warning__icon{color:#f59e0b;color:var(--color-warning,#f59e0b)}.project-limit-warning--at-limit .project-limit-warning__icon{color:#ef4444;color:var(--color-error,#ef4444)}.project-limit-warning__content{flex:1 1;min-width:0}.project-limit-warning__title{font-size:var(--font-size-sm);font-weight:600;margin:0 0 var(--spacing-xs) 0}.project-limit-warning--near-limit .project-limit-warning__title{color:#d97706;color:var(--color-warning-dark,#d97706)}.project-limit-warning--at-limit .project-limit-warning__title{color:#ef4444;color:var(--color-error,#ef4444)}.project-limit-warning__message{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:1.4;margin:0}.project-limit-warning__actions{display:flex;flex-shrink:0;gap:var(--spacing-sm)}.project-limit-badge{align-items:center;background:#22c55e1a;background:var(--color-success-light,#22c55e1a);border-radius:var(--border-radius-full);color:#22c55e;color:var(--color-success,#22c55e);display:inline-flex;font-size:var(--font-size-xs);font-weight:500;padding:var(--spacing-xs) var(--spacing-sm)}.project-limit-badge--at-limit{background:#ef44441a;background:var(--color-error-light,#ef44441a);color:#ef4444;color:var(--color-error,#ef4444)}[data-theme=dark] .project-limit-badge{background:#1a3d2e;color:#86efac}[data-theme=dark] .project-limit-badge--at-limit{background:#3d1f1f;color:#fca5a5}[data-theme=dark] .project-limit-warning--near-limit{background:#3d3a1f;border-color:#fbbf24}[data-theme=dark] .project-limit-warning--at-limit{background:#3d1f1f;border-color:#f87171}[data-theme=dark] .project-limit-warning--near-limit .project-limit-warning__title{color:#fde047}[data-theme=dark] .project-limit-warning--at-limit .project-limit-warning__title{color:#fca5a5}[data-theme=dark] .project-limit-warning__message{color:#a0a0a0}[data-theme=dark] .project-limit-warning--near-limit .project-limit-warning__icon{color:#fbbf24}[data-theme=dark] .project-limit-warning--at-limit .project-limit-warning__icon{color:#f87171}@media (max-width:640px){.project-limit-warning{flex-direction:column}.project-limit-warning__actions{margin-top:var(--spacing-sm);width:100%}.project-limit-warning__actions button{flex:1 1}}.project-error-boundary{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:300px;padding:var(--spacing-xxl);text-align:center}.project-error-boundary__icon{color:#ef4444;color:var(--color-error,#ef4444);margin-bottom:var(--spacing-lg)}.project-error-boundary__title{color:var(--color-text-primary);font-size:var(--font-size-xl);font-weight:600;margin:0 0 var(--spacing-sm) 0}.project-error-boundary__message{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:0 0 var(--spacing-lg) 0;max-width:400px}.project-error{align-items:center;background:#ef44441a;background:var(--color-error-light,#ef44441a);border:1px solid #ef4444;border:1px solid var(--color-error,#ef4444);border-radius:var(--border-radius-md);display:flex;gap:var(--spacing-md);justify-content:space-between;margin-bottom:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md)}.project-error__content{align-items:center;color:#ef4444;color:var(--color-error,#ef4444);display:flex;font-size:var(--font-size-sm);gap:var(--spacing-sm)}.project-error__actions{display:flex;gap:var(--spacing-xs)}@media (max-width:480px){.project-error{align-items:flex-start;flex-direction:column}.project-error__actions{justify-content:flex-end;width:100%}}.create-sub-project-form{display:flex;flex-direction:column;gap:var(--space-4)}.create-sub-project-form__parent-info{background:var(--color-bg-secondary);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--font-size-caption);margin:0;padding:var(--space-2) var(--space-3)}.create-sub-project-form__parent-info strong{color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}.create-sub-project-form__error{background:var(--color-error-light);border-radius:var(--radius-md);color:var(--color-error);font-size:var(--font-size-caption);padding:var(--space-2) var(--space-3)}.create-sub-project-form__field{display:flex;flex-direction:column;gap:var(--space-1)}.create-sub-project-form__field label{color:var(--color-text-secondary);font-size:var(--font-size-caption);font-weight:var(--font-weight-medium)}.create-sub-project-form__field input,.create-sub-project-form__field textarea{background:var(--color-bg-input);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--font-size-body-sm);padding:var(--space-2) var(--space-3);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.create-sub-project-form__field input:focus,.create-sub-project-form__field textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-soft);outline:none}.create-sub-project-form__field input::placeholder,.create-sub-project-form__field textarea::placeholder{color:var(--color-text-muted)}.create-sub-project-form__type-grid{grid-gap:var(--space-2);display:grid;gap:var(--space-2);grid-template-columns:repeat(4,1fr)}.create-sub-project-form__type-btn{align-items:center;background:var(--color-bg-secondary);border:2px solid #0000;border-radius:var(--radius-md);cursor:pointer;display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-2);position:relative;transition:all var(--transition-fast)}.create-sub-project-form__type-btn:hover{background:var(--color-bg-hover);border-color:var(--color-border)}.create-sub-project-form__type-btn--selected{background:var(--color-primary-soft);border-color:var(--color-primary)}.create-sub-project-form__type-icon{align-items:center;color:var(--color-text-secondary);display:flex;justify-content:center}.create-sub-project-form__type-btn--selected .create-sub-project-form__type-icon{color:var(--color-primary)}[data-theme=dark] .create-sub-project-form__type-icon{color:#a0a0a0}[data-theme=dark] .create-sub-project-form__type-btn--selected .create-sub-project-form__type-icon{color:#d4a5ff}.create-sub-project-form__type-label{color:var(--color-text-secondary);font-size:11px;font-weight:var(--font-weight-medium)}.create-sub-project-form__type-btn--selected .create-sub-project-form__type-label{color:var(--color-primary)}.create-sub-project-form__type-check{color:var(--color-primary);position:absolute;right:4px;top:4px}.create-sub-project-form__stage-list{display:flex;flex-wrap:wrap;gap:var(--space-1)}.create-sub-project-form__stage-btn{align-items:center;background:var(--color-bg-secondary);border:1px solid #0000;border-radius:var(--radius-full);cursor:pointer;display:flex;font-size:var(--font-size-caption);gap:var(--space-1);padding:var(--space-1) var(--space-2);transition:all var(--transition-fast)}.create-sub-project-form__stage-btn:hover{background:var(--color-bg-hover);border-color:var(--color-border)}.create-sub-project-form__stage-btn--selected{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-white)}.create-sub-project-form__stage-number{align-items:center;background:var(--color-bg-tertiary);border-radius:50%;display:flex;font-size:10px;font-weight:var(--font-weight-semibold);height:18px;justify-content:center;width:18px}.create-sub-project-form__stage-btn--selected .create-sub-project-form__stage-number{background:#fff3}.create-sub-project-form__stage-name{font-weight:var(--font-weight-medium)}.create-sub-project-form__actions{border-top:1px solid var(--color-border-light);display:flex;gap:var(--space-2);justify-content:flex-end;padding-top:var(--space-2)}[data-theme=dark] .create-sub-project-form__parent-info{background:var(--color-bg-tertiary);color:#a0a0a0}[data-theme=dark] .create-sub-project-form__parent-info strong{color:#f5f5f5}[data-theme=dark] .create-sub-project-form__field label{color:#a0a0a0}[data-theme=dark] .create-sub-project-form__field input,[data-theme=dark] .create-sub-project-form__field textarea{background:var(--color-bg-tertiary);border-color:var(--color-border);color:#f5f5f5}[data-theme=dark] .create-sub-project-form__field input::placeholder,[data-theme=dark] .create-sub-project-form__field textarea::placeholder{color:grey}[data-theme=dark] .create-sub-project-form__type-btn{background:var(--color-bg-tertiary)}[data-theme=dark] .create-sub-project-form__type-label{color:#a0a0a0}[data-theme=dark] .create-sub-project-form__type-btn--selected{background:#d4a5ff33;border-color:#d4a5ff}[data-theme=dark] .create-sub-project-form__type-btn--selected .create-sub-project-form__type-label{color:#f5f5f5}[data-theme=dark] .create-sub-project-form__type-check{color:#d4a5ff}[data-theme=dark] .create-sub-project-form__stage-btn{background:var(--color-bg-tertiary);color:#a0a0a0}[data-theme=dark] .create-sub-project-form__stage-number{background:#ffffff1a;color:#a0a0a0}[data-theme=dark] .create-sub-project-form__stage-name{color:#a0a0a0}[data-theme=dark] .create-sub-project-form__stage-btn--selected{background:#d4a5ff;border-color:#d4a5ff;color:#1e1e2a}[data-theme=dark] .create-sub-project-form__stage-btn--selected .create-sub-project-form__stage-number{background:#1e1e2a4d;color:#1e1e2a}[data-theme=dark] .create-sub-project-form__stage-btn--selected .create-sub-project-form__stage-name{color:#1e1e2a}[data-theme=dark] .create-sub-project-form__error{background:#ef444426;color:#fca5a5}@media (max-width:480px){.create-sub-project-form__type-grid{grid-template-columns:repeat(2,1fr)}}.bulk-create-overlay{align-items:center;animation:fadeIn var(--transition-fast) ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;display:flex;inset:0;justify-content:center;padding:var(--space-6);position:fixed;z-index:var(--z-modal)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.bulk-create-modal{animation:slideUp var(--transition-normal) ease-out;background:var(--color-bg-card);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);max-height:90vh;max-width:520px;overflow-y:auto;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.bulk-create-modal__header{align-items:flex-start;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:var(--space-5) var(--space-6)}.bulk-create-modal__title-section{display:flex;flex-direction:column;gap:var(--space-2)}.bulk-create-modal__title{color:var(--color-text-primary);font-size:var(--font-size-h4);font-weight:var(--font-weight-semibold);margin:0}.bulk-create-modal__opus-name{align-items:center;background:var(--color-primary-soft);border-radius:var(--radius-full);color:var(--color-primary);display:inline-flex;font-size:var(--font-size-caption);font-weight:var(--font-weight-medium);gap:var(--space-2);padding:var(--space-1) var(--space-3)}.bulk-create-modal__close{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);color:var(--color-text-muted);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all var(--transition-normal);width:32px}.bulk-create-modal__close:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.bulk-create-modal form{padding:var(--space-6)}.bulk-create-modal__error{align-items:center;background:var(--color-error-light);color:var(--color-error);font-size:var(--font-size-body-sm);gap:var(--space-3);padding:var(--space-3) var(--space-4)}.bulk-create-modal__error,.bulk-create-modal__mode-toggle{border-radius:var(--radius-lg);display:flex;margin-bottom:var(--space-5)}.bulk-create-modal__mode-toggle{background:var(--color-bg-secondary);gap:var(--space-2);padding:var(--space-1)}.bulk-create-modal__mode-btn{background:#0000;border:none;border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;flex:1 1;font-size:var(--font-size-body-sm);font-weight:var(--font-weight-medium);padding:var(--space-2) var(--space-4);transition:all var(--transition-normal)}.bulk-create-modal__mode-btn:hover{color:var(--color-text-primary)}.bulk-create-modal__mode-btn--active{background:var(--color-bg-card);box-shadow:var(--shadow-sm);color:var(--color-text-primary)}.bulk-create-modal__pieces-list{display:flex;flex-direction:column;gap:var(--space-3)}.bulk-create-modal__piece-row{align-items:center;display:flex;gap:var(--space-3)}.bulk-create-modal__piece-number{align-items:center;background:#00d2d326;border-radius:var(--radius-full);color:var(--color-teal);display:flex;flex-shrink:0;font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold);height:24px;justify-content:center;width:24px}.bulk-create-modal__piece-row input{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-primary);flex:1 1;font-family:var(--font-family);font-size:var(--font-size-body-sm);padding:var(--space-3) var(--space-4);transition:all var(--transition-normal)}.bulk-create-modal__piece-row input:focus{border-color:var(--color-teal);box-shadow:0 0 0 3px #00d2d333;outline:none}.bulk-create-modal__piece-row input::placeholder{color:var(--color-text-muted)}.bulk-create-modal__remove-btn{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);color:var(--color-text-muted);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all var(--transition-normal);width:32px}.bulk-create-modal__remove-btn:hover:not(:disabled){background:var(--color-error-light);color:var(--color-error)}.bulk-create-modal__remove-btn:disabled{cursor:not-allowed;opacity:.3}.bulk-create-modal__add-btn{align-items:center;background:#00d2d314;border:2px dashed #00d2d34d;border-radius:var(--radius-lg);color:var(--color-teal);cursor:pointer;display:flex;font-size:var(--font-size-body-sm);font-weight:var(--font-weight-medium);gap:var(--space-2);justify-content:center;margin-top:var(--space-2);padding:var(--space-3);transition:all var(--transition-normal)}.bulk-create-modal__add-btn:hover{background:#00d2d326;border-color:var(--color-teal)}.bulk-create-modal__bulk-section{display:flex;flex-direction:column;gap:var(--space-3)}.bulk-create-modal__bulk-section label{color:var(--color-text-secondary);font-size:var(--font-size-body-sm)}.bulk-create-modal__bulk-section textarea{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-primary);font-family:var(--font-mono);font-size:var(--font-size-body-sm);line-height:var(--line-height-relaxed);padding:var(--space-4);resize:vertical;transition:all var(--transition-normal);width:100%}.bulk-create-modal__bulk-section textarea:focus{border-color:var(--color-teal);box-shadow:0 0 0 3px #00d2d333;outline:none}.bulk-create-modal__bulk-section textarea::placeholder{color:var(--color-text-muted)}.bulk-create-modal__summary{border-top:1px solid var(--color-border);display:flex;justify-content:center;margin-top:var(--space-4);padding:var(--space-4) 0}.bulk-create-modal__count{background:#00d2d31a;border-radius:var(--radius-full);color:var(--color-teal);font-size:var(--font-size-body-sm);font-weight:var(--font-weight-medium);padding:var(--space-2) var(--space-4)}.bulk-create-modal__actions{display:flex;gap:var(--space-3);justify-content:flex-end;margin-top:var(--space-5)}[data-theme=dark] .bulk-create-modal{background:var(--color-bg-card);border:1px solid var(--color-border)}[data-theme=dark] .bulk-create-modal__mode-toggle{background:var(--color-bg-tertiary)}[data-theme=dark] .bulk-create-modal__mode-btn--active{background:var(--color-bg-secondary)}[data-theme=dark] .bulk-create-modal__piece-number{background:#00d2d333}[data-theme=dark] .bulk-create-modal__piece-row input{background:var(--color-bg-secondary);border-color:var(--color-border)}[data-theme=dark] .bulk-create-modal__add-btn{background:#00d2d31a;border-color:#00d2d366}[data-theme=dark] .bulk-create-modal__add-btn:hover{background:#00d2d333}[data-theme=dark] .bulk-create-modal__bulk-section textarea{background:var(--color-bg-secondary)}[data-theme=dark] .bulk-create-modal__count{background:#00d2d326}@media (max-width:480px){.bulk-create-overlay{align-items:flex-end;padding:0}.bulk-create-modal{border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;max-height:95vh;max-width:100%}.bulk-create-modal__header{padding:var(--space-4) var(--space-5)}.bulk-create-modal form{padding:var(--space-5)}.bulk-create-modal__actions{flex-direction:column-reverse}.bulk-create-modal__actions button{width:100%}}@media (prefers-reduced-motion:reduce){.bulk-create-modal,.bulk-create-modal__add-btn,.bulk-create-modal__close,.bulk-create-modal__mode-btn,.bulk-create-modal__piece-row input,.bulk-create-modal__remove-btn,.bulk-create-overlay{animation:none;transition:none}}.progress-overview{display:flex;flex-direction:column;gap:var(--space-5);margin:0 auto;max-width:900px;padding:var(--space-4)}.progress-overview--loading{align-items:center;display:flex;justify-content:center;min-height:400px}.progress-overview__skeleton{animation:skeleton-shimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,var(--color-bg-secondary) 25%,var(--color-bg-tertiary) 50%,var(--color-bg-secondary) 75%);background-size:200% 100%;border-radius:var(--radius-2xl);height:300px;width:100%}.progress-overview__hero{align-items:center;background:linear-gradient(135deg,#8b5cf614,#ec48990d 50%,#f59e0b0d);border:1px solid #8b5cf61f;border-radius:var(--radius-2xl);display:flex;gap:var(--space-6);justify-content:space-between;overflow:hidden;padding:var(--space-6) var(--space-8);position:relative}.progress-overview__hero:before{background:radial-gradient(circle,#8b5cf61a 0,#0000 70%);content:"";height:300px;pointer-events:none;position:absolute;right:-20%;top:-50%;width:300px}.progress-overview__hero--complete{background:linear-gradient(135deg,#22c55e1a,#10b98114);border-color:#22c55e33}.progress-overview__confetti{inset:0;overflow:hidden;pointer-events:none;position:absolute}.progress-overview__confetti svg{animation:float 3s ease-in-out infinite;color:#f59e0b;color:var(--confetti-color-1,#f59e0b);position:absolute}.confetti-1{animation-delay:0s;left:15%;top:10%}.confetti-2{animation-delay:.5s;color:#ec4899;color:var(--confetti-color-2,#ec4899);right:20%;top:20%}.confetti-3{animation-delay:1s;bottom:20%;color:#8b5cf6;color:var(--confetti-color-3,#8b5cf6);left:30%}.progress-overview__hero-content{align-items:center;display:flex;flex:1 1;gap:var(--space-6);z-index:1}.progress-overview__progress-visual{flex-shrink:0;height:120px;position:relative;width:120px}.progress-overview__arc{height:100%;transform:rotate(-90deg);width:100%}.progress-overview__arc-bg{stroke:#8b5cf626}.progress-overview__arc-fill{stroke:var(--color-primary);filter:drop-shadow(0 2px 8px rgba(139,92,246,.4));transition:stroke-dasharray .8s cubic-bezier(.4,0,.2,1)}.progress-overview__hero--complete .progress-overview__arc-fill{stroke:#22c55e;filter:drop-shadow(0 2px 8px rgba(34,197,94,.4))}.progress-overview__progress-text{align-items:baseline;display:flex;gap:2px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.progress-overview__progress-number{color:var(--color-text-primary);font-size:2.5rem;font-weight:var(--font-weight-bold);line-height:1}.progress-overview__progress-divider{color:var(--color-text-muted);font-size:1.5rem;margin:0 2px}.progress-overview__progress-total{color:var(--color-text-secondary);font-size:1.25rem}.progress-overview__hero-message{flex:1 1}.progress-overview__greeting{color:var(--color-text-primary);font-size:var(--font-size-h3);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-2)}.progress-overview__encouragement{color:var(--color-text-secondary);font-size:var(--font-size-body);line-height:var(--line-height-relaxed);margin:0}.progress-overview__celebration{align-items:center;color:#22c55e;display:flex;font-size:var(--font-size-h3);font-weight:var(--font-weight-semibold);gap:var(--space-3);margin-bottom:var(--space-2)}.progress-overview__celebration svg{animation:pulse 2s ease-in-out infinite}.progress-overview__subtitle{color:var(--color-text-secondary);font-size:var(--font-size-body);margin:0}.progress-overview__quick-add{align-items:center;background:var(--color-primary);border:none;border-radius:var(--radius-xl);box-shadow:0 2px 8px #8b5cf633;color:#fff;cursor:pointer;display:flex;font-size:var(--font-size-body-sm);font-weight:var(--font-weight-semibold);gap:var(--space-2);padding:var(--space-3) var(--space-5);transition:all .2s ease;z-index:1}.progress-overview__quick-add:hover{background:var(--color-primary-dark);box-shadow:0 4px 12px #8b5cf640;transform:translateY(-1px)}.progress-overview__quick-add:active{transform:translateY(0)}[data-theme=dark] .progress-overview__quick-add{background:#8b5cf640;box-shadow:none;color:#d4a5ff}[data-theme=dark] .progress-overview__quick-add:hover{background:#8b5cf659;box-shadow:none}.progress-overview__sections{grid-gap:var(--space-5);display:grid;gap:var(--space-5);grid-template-columns:1fr 1fr}.progress-overview__section{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffffe6;border:1px solid #8b5cf614;border-radius:var(--radius-xl);box-shadow:0 1px 3px #0000000a;padding:var(--space-5)}.progress-overview__section-header{align-items:center;color:var(--color-text-primary);display:flex;font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);gap:var(--space-2);margin:0 0 var(--space-4)}.progress-overview__section-icon{font-size:1.25rem}.progress-overview__accordion{display:flex;flex-direction:column;gap:var(--space-2)}.accordion-item{animation:slideIn .3s ease-out backwards;animation-delay:0ms;animation-delay:var(--delay,0ms);background:var(--color-bg-secondary);border-radius:var(--radius-lg);overflow:hidden}@keyframes slideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.accordion-item--expanded{background:var(--color-bg-primary);box-shadow:0 4px 12px #00000014}.accordion-item__header{align-items:center;background:#0000;border:none;cursor:pointer;display:flex;justify-content:space-between;padding:var(--space-3) var(--space-4);transition:all .15s ease;width:100%}.accordion-item__header:hover{background:#8b5cf60d}.accordion-item__info{align-items:center;display:flex;flex:1 1;gap:var(--space-3)}.accordion-item__icon{align-items:center;border-radius:var(--radius-md);display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.accordion-item__name{color:var(--color-text-primary);font-size:var(--font-size-body-sm);font-weight:var(--font-weight-medium)}.accordion-item__badge{align-items:center;display:flex;gap:var(--space-2);margin-left:auto}.accordion-item__completed{color:#22c55e;font-size:var(--font-size-caption);font-weight:var(--font-weight-medium)}.accordion-item__count{align-items:center;background:var(--color-primary-soft);border-radius:var(--radius-full);color:var(--color-primary);display:flex;font-size:var(--font-size-caption);font-weight:var(--font-weight-bold);height:24px;justify-content:center;min-width:24px;padding:0 var(--space-2)}.accordion-item--discipline .accordion-item__count{background:color-mix(in srgb,var(--color-primary) 15%,#0000);background:color-mix(in srgb,var(--discipline-color,var(--color-primary)) 15%,#0000);color:var(--color-primary);color:var(--discipline-color,var(--color-primary))}.accordion-item__chevron{color:var(--color-text-muted);flex-shrink:0;transition:transform .2s ease}.accordion-item__chevron--rotated{transform:rotate(180deg)}.accordion-item__content{display:grid;grid-template-rows:0fr;transition:grid-template-rows .25s ease-out}.accordion-item__content--open{grid-template-rows:1fr}.accordion-item__pieces{overflow:hidden;padding:0 var(--space-4)}.accordion-item__content--open .accordion-item__pieces{padding:var(--space-2) var(--space-4) var(--space-4)}.piece-card{align-items:center;animation:pieceSlideIn .2s ease-out backwards;animation-delay:0ms;animation-delay:var(--piece-delay,0ms);background:var(--color-bg-primary);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);cursor:pointer;display:flex;gap:var(--space-3);margin-bottom:var(--space-2);padding:var(--space-3);text-align:left;transition:all .15s ease;width:100%}@keyframes pieceSlideIn{0%{opacity:0;transform:translateX(-8px)}to{opacity:1;transform:translateX(0)}}.piece-card:last-child{margin-bottom:0}.piece-card:hover{border-color:var(--color-primary);box-shadow:0 2px 8px #8b5cf626;transform:translateX(4px)}.piece-card:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-soft);outline:none}.piece-card--completed{background:linear-gradient(135deg,#22c55e0d,#10b98105);border-color:#22c55e33}.piece-card__icon{align-items:center;border-radius:var(--radius-md);display:flex;flex-shrink:0;height:28px;justify-content:center;width:28px}.piece-card__content{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.piece-card__title{color:var(--color-text-primary);font-size:var(--font-size-body-sm);font-weight:var(--font-weight-medium);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.piece-card__meta{color:var(--color-text-muted);font-size:var(--font-size-caption)}.piece-card__check{color:#22c55e;flex-shrink:0}.piece-card__arrow{color:var(--color-text-muted);flex-shrink:0;opacity:0;transform:translateX(-4px);transition:all .15s ease}.piece-card:hover .piece-card__arrow{opacity:1;transform:translateX(0)}.progress-overview__empty-state{align-items:center;display:flex;flex-direction:column;gap:var(--space-3);justify-content:center;padding:var(--space-8) var(--space-4);text-align:center}.progress-overview__empty-icon{color:var(--color-text-muted);opacity:.5}.progress-overview__empty-state p{color:var(--color-text-muted);font-size:var(--font-size-body-sm);margin:0}.progress-overview__footer{display:flex;justify-content:center;padding-top:var(--space-2)}@media (max-width:900px){.progress-overview__hero{flex-direction:column;padding:var(--space-5);text-align:center}.progress-overview__hero-content{flex-direction:column}.progress-overview__quick-add{justify-content:center;width:100%}}@media (max-width:768px){.progress-overview{gap:var(--space-4);padding:var(--space-3)}.progress-overview__sections{grid-template-columns:1fr}.progress-overview__progress-visual{height:100px;width:100px}.progress-overview__progress-number{font-size:2rem}.progress-overview__greeting{font-size:var(--font-size-h4)}}[data-theme=dark] .progress-overview__hero{background:linear-gradient(135deg,#8b5cf626,#ec489914 50%,#f59e0b14);border-color:#8b5cf633}[data-theme=dark] .progress-overview__hero--complete{background:linear-gradient(135deg,#22c55e26,#10b9811a)}[data-theme=dark] .progress-overview__arc-bg{stroke:#8b5cf640}[data-theme=dark] .progress-overview__section{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--color-bg-card);border-color:var(--color-border)}[data-theme=dark] .accordion-item{background:var(--color-bg-secondary)}[data-theme=dark] .accordion-item--expanded{background:var(--color-bg-tertiary)}[data-theme=dark] .accordion-item__header:hover{background:#8b5cf61a}[data-theme=dark] .piece-card{background:var(--color-bg-secondary);border-color:var(--color-border)}[data-theme=dark] .piece-card:hover{background:var(--color-bg-tertiary)}[data-theme=dark] .progress-overview__confetti svg{--confetti-color-1:#fbbf24;--confetti-color-2:#f472b6;--confetti-color-3:#a78bfa}[data-theme=dark] .confetti-2{color:#f472b6;color:var(--confetti-color-2,#f472b6)}[data-theme=dark] .confetti-3{color:#a78bfa;color:var(--confetti-color-3,#a78bfa)}[data-theme=dark] .progress-overview__greeting{color:#f5f5f5}[data-theme=dark] .progress-overview__encouragement,[data-theme=dark] .progress-overview__subtitle{color:#a0a0a0}[data-theme=dark] .progress-overview__celebration{color:#86efac}[data-theme=dark] .progress-overview__progress-number{color:#f5f5f5}[data-theme=dark] .progress-overview__progress-divider{color:grey}[data-theme=dark] .progress-overview__progress-total{color:#a0a0a0}[data-theme=dark] .accordion-item__name,[data-theme=dark] .progress-overview__section-header{color:#f5f5f5}[data-theme=dark] .accordion-item__completed{color:#86efac}[data-theme=dark] .accordion-item__count{background:#d4a5ff33;color:#d4a5ff}[data-theme=dark] .accordion-item__chevron{color:grey}[data-theme=dark] .piece-card__title{color:#f5f5f5}[data-theme=dark] .piece-card__meta{color:grey}[data-theme=dark] .piece-card__check{color:#86efac}[data-theme=dark] .piece-card__arrow,[data-theme=dark] .progress-overview__empty-icon,[data-theme=dark] .progress-overview__empty-state p{color:grey}[data-theme=dark] .progress-overview__completion{background:var(--color-bg-card);border:1px solid var(--color-border)}[data-theme=dark] .progress-overview__ring-bg{stroke:#8b5cf640}[data-theme=dark] .progress-overview__ring-progress{stroke:var(--color-primary)}[data-theme=dark] .progress-overview__ring-count{color:#f5f5f5;font-weight:var(--font-weight-bold)}[data-theme=dark] .progress-overview__completion-message,[data-theme=dark] .progress-overview__ring-label{color:#a0a0a0}[data-theme=dark] .progress-overview__actions,[data-theme=dark] .progress-overview__activity,[data-theme=dark] .progress-overview__disciplines,[data-theme=dark] .progress-overview__stages{background:var(--color-bg-card);border:1px solid var(--color-border)}[data-theme=dark] .progress-overview__discipline-list,[data-theme=dark] .progress-overview__discipline-type,[data-theme=dark] .progress-overview__section-title,[data-theme=dark] .progress-overview__stage-list,[data-theme=dark] .progress-overview__stage-name{color:#f5f5f5}[data-theme=dark] .progress-overview__discipline-count,[data-theme=dark] .progress-overview__stage-count{background:#d4a5ff33;border-radius:var(--radius-full);color:#d4a5ff;padding:2px 8px}[data-theme=dark] .progress-overview__discipline-icon{color:var(--color-primary-light)}[data-theme=dark] .progress-overview__activity-item{background:var(--color-bg-secondary);border-color:var(--color-border)}[data-theme=dark] .progress-overview__activity-item:hover{background:var(--color-bg-tertiary);border-color:var(--color-primary)}[data-theme=dark] .progress-overview__activity-title{color:#f5f5f5}[data-theme=dark] .progress-overview__activity-stage{color:#a0a0a0}[data-theme=dark] .progress-overview__activity-time{color:grey}[data-theme=dark] .progress-overview__activity-icon{color:var(--color-primary-light)}[data-theme=dark] .progress-overview__empty{color:grey}@media (prefers-reduced-motion:reduce){.accordion-item,.accordion-item__chevron,.piece-card,.progress-overview__arc-fill,.progress-overview__celebration svg,.progress-overview__confetti svg,.progress-overview__quick-add{animation:none!important;transition:none!important}.piece-card:hover,.progress-overview__quick-add:hover{transform:none}}.accordion-item__header:focus-visible{border-radius:var(--radius-lg);outline:2px solid var(--color-primary);outline-offset:-2px}.piece-card:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.progress-overview__quick-add:focus-visible{outline:2px solid #fff;outline-offset:2px}.timeline-view{min-height:300px;padding:var(--spacing-md)}.timeline-view--loading{align-items:center;display:flex;justify-content:center}.timeline-view__skeleton{animation:skeleton-shimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,var(--color-surface-secondary) 25%,var(--color-surface-tertiary) 50%,var(--color-surface-secondary) 75%);background-size:200% 100%;border-radius:var(--radius-lg);height:200px;width:100%}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.timeline-view--empty{align-items:center;display:flex;justify-content:center;min-height:200px}.timeline-view__empty-text{color:var(--color-text-muted);font-size:var(--font-size-md);text-align:center}.timeline-view__controls{align-items:center;background:var(--color-surface-secondary);border-radius:var(--radius-lg);display:flex;flex-wrap:wrap;gap:var(--spacing-md);margin-bottom:var(--spacing-xl);padding:var(--spacing-md)}.timeline-view__control-group{align-items:center;display:flex;gap:var(--spacing-sm)}.timeline-view__label{align-items:center;color:var(--color-text-secondary);display:flex;font-size:var(--font-size-sm);gap:var(--spacing-xs);white-space:nowrap}.timeline-view__select{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);cursor:pointer;font-size:var(--font-size-sm);padding:var(--spacing-xs) var(--spacing-sm)}.timeline-view__select:focus{border-color:var(--color-primary);outline:none}.timeline-view__zoom-controls{align-items:center;display:flex;gap:var(--spacing-xs);margin-left:auto}.timeline-view__zoom-level{color:var(--color-text-secondary);font-size:var(--font-size-sm);min-width:40px;text-align:center}.timeline-view__orientation-toggle{margin-left:var(--spacing-sm)}.timeline-view__content{--timeline-zoom:1;overflow-x:auto;overflow-y:visible;padding:var(--spacing-lg) 0}.timeline-view__group{margin-bottom:var(--spacing-xl)}.timeline-view__group:last-child{margin-bottom:0}.timeline-view__group-title{align-items:center;color:var(--color-text-primary);display:flex;font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);gap:var(--spacing-sm);margin-bottom:var(--spacing-md);padding-left:var(--spacing-md)}.timeline-view__group-title svg{color:var(--color-primary)}.timeline-view--horizontal .timeline-view__track{align-items:flex-start;display:flex;gap:calc(40px*var(--timeline-zoom));min-width:-webkit-max-content;min-width:max-content;padding:var(--spacing-xl) var(--spacing-md);position:relative}.timeline-view--horizontal .timeline-view__line{background:var(--color-border);height:2px;left:var(--spacing-md);position:absolute;right:var(--spacing-md);top:calc(var(--spacing-xl) + 16px);z-index:0}.timeline-view--vertical .timeline-view__track{display:flex;flex-direction:column;gap:var(--spacing-md);padding-left:calc(40px + var(--spacing-md));position:relative}.timeline-view--vertical .timeline-view__line{background:var(--color-border);bottom:0;left:20px;position:absolute;top:0;width:2px;z-index:0}.timeline-view__node{align-items:center;background:#0000;border:none;cursor:pointer;display:flex;flex-direction:column;gap:var(--spacing-sm);padding:0;position:relative;transition:transform .15s ease;z-index:1}.timeline-view__node:hover{transform:translateY(-2px)}.timeline-view--vertical .timeline-view__node{flex-direction:row;gap:var(--spacing-md);width:100%}.timeline-view__node-marker{align-items:center;background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-secondary);display:flex;flex-shrink:0;height:36px;justify-content:center;transition:all .15s ease;width:36px}.timeline-view__node:hover .timeline-view__node-marker{border-color:var(--color-primary);color:var(--color-primary)}.timeline-view__node--completed .timeline-view__node-marker{background:var(--color-success-subtle);border-color:var(--color-success);color:var(--color-success)}.timeline-view__node-content{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-xs);max-width:calc(120px*var(--timeline-zoom));text-align:center}.timeline-view--vertical .timeline-view__node-content{align-items:flex-start;background:var(--color-surface-secondary);border-radius:var(--radius-md);flex:1 1;max-width:none;min-width:0;padding:var(--spacing-sm) var(--spacing-md);text-align:left}.timeline-view__node-title{color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.timeline-view--vertical .timeline-view__node-title{white-space:normal}.timeline-view__node-date,.timeline-view__node-stage{color:var(--color-text-muted);font-size:var(--font-size-xs)}.timeline-view--vertical .timeline-view__node-content .timeline-view__node-date,.timeline-view--vertical .timeline-view__node-content .timeline-view__node-stage{display:inline}.timeline-view--vertical .timeline-view__node-content:after{content:attr(data-stage) " • " attr(data-date)}.timeline-view__node--completed .timeline-view__node-title{color:var(--color-success)}@media (max-width:768px){.timeline-view__controls{align-items:stretch;flex-direction:column}.timeline-view__control-group{justify-content:space-between;width:100%}.timeline-view__zoom-controls{justify-content:center;margin-left:0}.timeline-view__orientation-toggle{margin-left:0;width:100%}}[data-theme=dark] .timeline-view__node-marker,[data-theme=dark] .timeline-view__select{background:var(--color-surface-secondary)}[data-theme=dark] .timeline-view--vertical .timeline-view__node-content{background:var(--color-surface-tertiary)}.piece-kanban{display:flex;flex-direction:column;min-height:100%}.piece-kanban--loading{opacity:.7}.piece-kanban__skeleton{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(4,1fr)}.piece-kanban__skeleton-column{background:var(--color-bg-secondary);border-radius:var(--radius-xl);min-height:300px;padding:var(--space-4)}.piece-kanban__skeleton-header{animation:skeleton-pulse 1.5s ease-in-out infinite;background:var(--color-bg-tertiary);border-radius:var(--radius-md);height:24px;margin-bottom:var(--space-4)}.piece-kanban__skeleton-cards{display:flex;flex-direction:column;gap:var(--space-3)}.piece-kanban__skeleton-card{animation:skeleton-pulse 1.5s ease-in-out infinite;background:var(--color-bg-tertiary);border-radius:var(--radius-lg);height:80px}.piece-kanban__controls{align-items:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#fffc;border:1px solid #8b5cf61a;border-radius:var(--radius-xl);box-shadow:var(--shadow-card);display:flex;gap:var(--space-4);justify-content:space-between;margin-bottom:var(--space-4);padding:var(--space-3) var(--space-4)}.piece-kanban__filter{align-items:center;color:var(--color-text-secondary);display:flex;gap:var(--space-2)}.piece-kanban__filter-select{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);cursor:pointer;font-size:var(--font-size-body-sm);padding:var(--space-2) var(--space-3);transition:all var(--transition-fast)}.piece-kanban__filter-select:hover{border-color:var(--color-primary)}.piece-kanban__filter-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-soft);outline:none}.piece-kanban__summary{align-items:baseline;display:flex;gap:var(--space-2)}.piece-kanban__summary-count{color:var(--color-text-primary);font-size:var(--font-size-h3);font-weight:var(--font-weight-semibold)}.piece-kanban__summary-label{color:var(--color-text-secondary);font-size:var(--font-size-body-sm)}.piece-kanban__board{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(4,1fr);min-height:400px}.piece-kanban__column{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffffd9;border:1px solid #8b5cf61a;border-radius:var(--radius-xl);box-shadow:var(--shadow-card);display:flex;flex-direction:column;min-height:200px;transition:all var(--transition-normal)}.piece-kanban__column:first-child{border-top:3px solid #54a0ff}.piece-kanban__column:nth-child(2){border-top:3px solid #a78bfa}.piece-kanban__column:nth-child(3){border-top:3px solid #ff6b9d}.piece-kanban__column:nth-child(4){border-top:3px solid #5cd85a}.piece-kanban__column--drag-over{background:#a78bfa1a;border-color:#a78bfa;box-shadow:0 0 0 3px #a78bfa33,var(--shadow-lg)}.piece-kanban__column-header{align-items:center;background:#ffffff80;border-bottom:1px solid #8b5cf614;border-radius:calc(var(--radius-xl) - 3px) calc(var(--radius-xl) - 3px) 0 0;display:flex;gap:var(--space-3);justify-content:space-between;padding:var(--space-3) var(--space-4)}.piece-kanban__column-title{color:var(--color-text-primary);flex:1 1;font-size:var(--font-size-body-sm);font-weight:var(--font-weight-semibold);margin:0}.piece-kanban__column-count{align-items:center;background:linear-gradient(135deg,#8b5cf6,#a78bfa);border-radius:var(--radius-full);box-shadow:0 2px 6px #8b5cf64d;color:#fff;display:flex;font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold);height:24px;justify-content:center;min-width:24px;padding:0 var(--space-2)}.piece-kanban__column-content{display:flex;flex:1 1;flex-direction:column;gap:var(--space-2);min-height:80px;padding:var(--space-3)}.piece-kanban__column-content::-webkit-scrollbar-thumb{background:var(--color-warm-gray-300);border-radius:var(--radius-full)}.piece-kanban__card-wrapper{transition:opacity var(--transition-fast),transform var(--transition-fast)}.piece-kanban__card-wrapper.is-dragging{opacity:.4}.piece-kanban__card{background:var(--color-bg-primary);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);cursor:pointer;display:flex;flex-direction:column;padding:var(--space-3);text-align:left;transition:all var(--transition-fast);width:100%}.piece-kanban__card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-1px)}.piece-kanban__card:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-soft);outline:none}.piece-kanban__card--completed{background:linear-gradient(135deg,#5cd85a0d,#5cd85a1a);border-color:#5cd85a4d}.piece-kanban__card-header{align-items:center;display:flex;gap:var(--space-2);justify-content:space-between;margin-bottom:var(--space-2)}.piece-kanban__card-discipline{align-items:center;background:var(--color-primary-soft);border-radius:var(--radius-md);color:var(--color-primary);display:flex;height:24px;justify-content:center;width:24px}.piece-kanban__card-stage{background:var(--color-bg-secondary);border-radius:var(--radius-sm);color:var(--color-text-muted);font-size:var(--font-size-caption);padding:var(--space-1) var(--space-2)}.piece-kanban__card-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--color-text-primary);display:-webkit-box;font-size:var(--font-size-body-sm);font-weight:var(--font-weight-medium);line-height:var(--line-height-normal);margin:0;overflow:hidden;text-overflow:ellipsis}.piece-kanban__card-badge{align-items:center;background:#5cd85a1a;border-radius:var(--radius-sm);color:#5cd85a;display:inline-flex;font-size:var(--font-size-caption);font-weight:var(--font-weight-medium);margin-top:var(--space-2);padding:var(--space-1) var(--space-2)}.piece-kanban__empty{align-items:center;display:flex;flex:1 1;justify-content:center;padding:var(--space-4);text-align:center}.piece-kanban__empty p{color:var(--color-text-muted);font-size:var(--font-size-body-sm);margin:0}.piece-kanban__add-btn{align-items:center;background:#0000;border:1px dashed var(--color-border);border-radius:var(--radius-md);color:var(--color-text-muted);cursor:pointer;display:flex;font-size:var(--font-size-caption);font-weight:var(--font-weight-medium);gap:var(--space-2);justify-content:center;margin-top:auto;padding:var(--space-2);transition:all var(--transition-normal);width:100%}.piece-kanban__add-btn:hover{background:var(--color-primary-soft);border-color:var(--color-primary);color:var(--color-primary)}.piece-kanban__add-btn:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-soft);outline:none}@media (max-width:1200px){.piece-kanban__board{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.piece-kanban__controls{flex-direction:column;gap:var(--space-3)}.piece-kanban__filter{width:100%}.piece-kanban__filter-select{flex:1 1}.piece-kanban__board{gap:var(--space-3)}.piece-kanban__board,.piece-kanban__skeleton{grid-template-columns:1fr}}[data-theme=dark] .piece-kanban__controls{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--color-bg-card);border-color:var(--color-border)}[data-theme=dark] .piece-kanban__filter-select{background:var(--color-bg-secondary);border-color:var(--color-border)}[data-theme=dark] .piece-kanban__column{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--color-bg-card);border-color:var(--color-border)}[data-theme=dark] .piece-kanban__column-header{background:var(--color-bg-secondary);border-bottom-color:var(--color-border)}[data-theme=dark] .piece-kanban__card{background:var(--color-bg-secondary);border-color:var(--color-border)}[data-theme=dark] .piece-kanban__card-stage,[data-theme=dark] .piece-kanban__card:hover{background:var(--color-bg-tertiary)}@media (prefers-reduced-motion:reduce){.piece-kanban__add-btn,.piece-kanban__card,.piece-kanban__card-wrapper,.piece-kanban__column,.piece-kanban__skeleton-card,.piece-kanban__skeleton-header{animation:none;transition:none}}.piece-kanban__add-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.piece-kanban__card:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.piece-list{display:flex;flex-direction:column;min-height:100%}.piece-list--loading{opacity:.7}.piece-list__skeleton{display:flex;flex-direction:column;gap:var(--space-2)}.piece-list__skeleton-controls{animation:skeleton-pulse 1.5s ease-in-out infinite;background:var(--color-bg-secondary);border-radius:var(--radius-lg);height:48px}.piece-list__skeleton-header{height:40px}.piece-list__skeleton-header,.piece-list__skeleton-row{animation:skeleton-pulse 1.5s ease-in-out infinite;background:var(--color-bg-secondary);border-radius:var(--radius-md)}.piece-list__skeleton-row{height:56px}@keyframes skeleton-pulse{0%,to{opacity:.6}50%{opacity:.3}}.piece-list__controls{align-items:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#fffc;border:1px solid #8b5cf61a;border-radius:var(--radius-xl);box-shadow:var(--shadow-card);display:flex;flex-wrap:wrap;gap:var(--space-4);margin-bottom:var(--space-4);padding:var(--space-3) var(--space-4)}.piece-list__search{align-items:center;background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);display:flex;flex:1 1;gap:var(--space-2);min-width:200px;padding:var(--space-2) var(--space-3);transition:all var(--transition-fast)}.piece-list__search:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-soft)}.piece-list__search-input{background:#0000;border:none;color:var(--color-text-primary);flex:1 1;font-size:var(--font-size-body-sm);outline:none}.piece-list__search-input::placeholder{color:var(--color-text-muted)}.piece-list__filters{align-items:center;display:flex;gap:var(--space-2)}.piece-list__filter-select{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);cursor:pointer;font-size:var(--font-size-body-sm);padding:var(--space-2) var(--space-3);transition:all var(--transition-fast)}.piece-list__filter-select:focus,.piece-list__filter-select:hover{border-color:var(--color-primary)}.piece-list__filter-select:focus{box-shadow:0 0 0 2px var(--color-primary-soft);outline:none}.piece-list__summary{align-items:baseline;display:flex;gap:var(--space-2);margin-left:auto}.piece-list__summary-count{color:var(--color-text-primary);font-size:var(--font-size-h3);font-weight:var(--font-weight-semibold)}.piece-list__summary-label{color:var(--color-text-secondary);font-size:var(--font-size-body-sm)}.piece-list__table-container{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffffd9;border:1px solid #8b5cf61a;border-radius:var(--radius-xl);box-shadow:var(--shadow-card);overflow-x:auto}.piece-list__table{border-collapse:collapse;width:100%}.piece-list__th{background:#ffffff80;border-bottom:1px solid #8b5cf614;color:var(--color-text-secondary);font-size:var(--font-size-body-sm);font-weight:var(--font-weight-semibold);padding:var(--space-3) var(--space-4);text-align:left;white-space:nowrap}.piece-list__th--sortable{cursor:pointer;transition:color var(--transition-fast);-webkit-user-select:none;user-select:none}.piece-list__th--sortable:hover{color:var(--color-primary)}.piece-list__th--sortable svg{display:inline-block;margin-left:var(--space-1);vertical-align:middle}.piece-list__th--actions{text-align:center;width:60px}.piece-list__row{cursor:pointer;transition:background var(--transition-fast)}.piece-list__row:hover{background:#8b5cf60d}.piece-list__row--completed{background:#5cd85a0d}.piece-list__row--completed:hover{background:#5cd85a1a}.piece-list__row--operating{background:var(--color-bg-secondary);opacity:.7;pointer-events:none}.piece-list__spinner{animation:spin 1s linear infinite;margin-right:var(--space-2)}.piece-list__td{border-bottom:1px solid #8b5cf60d;color:var(--color-text-primary);font-size:var(--font-size-body-sm);padding:var(--space-3) var(--space-4)}.piece-list__td--title{font-weight:var(--font-weight-medium)}.piece-list__title-btn{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0;text-align:left}.piece-list__title-btn:hover:not(:disabled){color:var(--color-primary);text-decoration:underline}.piece-list__title-btn:disabled{cursor:wait}.piece-list__title-btn:disabled .piece-list__spinner{color:var(--color-primary)}.piece-list__td--discipline{white-space:nowrap}.piece-list__discipline{align-items:center;display:flex;gap:var(--space-2)}.piece-list__discipline svg{color:var(--color-primary)}.piece-list__stage{background:var(--color-bg-secondary)}.piece-list__stage,.piece-list__status{border-radius:var(--radius-sm);display:inline-block;font-size:var(--font-size-caption);padding:var(--space-1) var(--space-2)}.piece-list__status{font-weight:var(--font-weight-medium)}.piece-list__status--active{background:var(--color-primary-soft);color:var(--color-primary)}.piece-list__status--completed{background:#5cd85a1a;color:#5cd85a}.piece-list__status--archived{background:var(--color-bg-tertiary);color:var(--color-text-muted)}.piece-list__td--time{color:var(--color-text-secondary);white-space:nowrap}.piece-list__actions,.piece-list__td--actions{position:relative}.piece-list__action-btn{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);color:var(--color-text-muted);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all var(--transition-fast);width:32px}.piece-list__action-btn:hover:not(:disabled){background:var(--color-bg-secondary);color:var(--color-text-primary)}.piece-list__action-btn:disabled{cursor:not-allowed;opacity:.7}.piece-list__menu{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);min-width:150px;padding:var(--space-1);position:absolute;right:0;top:100%;z-index:10}.piece-list__menu-item{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);color:var(--color-text-primary);cursor:pointer;display:flex;font-size:var(--font-size-body-sm);gap:var(--space-2);padding:var(--space-2) var(--space-3);text-align:left;transition:background var(--transition-fast);width:100%}.piece-list__menu-item:hover{background:var(--color-bg-secondary)}.piece-list__menu-item--danger{color:var(--color-error)}.piece-list__menu-item--danger:hover{background:#ef44441a}.piece-list__empty{align-items:center;background:#ffffffd9;border:1px solid #8b5cf61a;border-radius:var(--radius-xl);display:flex;justify-content:center;padding:var(--space-12)}.piece-list__empty p{color:var(--color-text-muted);font-size:var(--font-size-body);margin:0}.piece-list__mobile-cards{display:none;flex-direction:column;gap:var(--space-3)}.piece-list__mobile-card{background:var(--color-bg-primary);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);cursor:pointer;display:flex;flex-direction:column;padding:var(--space-4);text-align:left;transition:all var(--transition-fast);width:100%}.piece-list__mobile-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md)}.piece-list__mobile-card--completed{background:#5cd85a0d;border-color:#5cd85a4d}.piece-list__mobile-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-2)}.piece-list__mobile-card-discipline{align-items:center;background:var(--color-primary-soft);border-radius:var(--radius-md);color:var(--color-primary);display:flex;height:32px;justify-content:center;width:32px}.piece-list__mobile-card-title{color:var(--color-text-primary);font-size:var(--font-size-body);font-weight:var(--font-weight-medium);margin:0 0 var(--space-2) 0}.piece-list__mobile-card-meta{align-items:center;color:var(--color-text-secondary);display:flex;font-size:var(--font-size-caption);justify-content:space-between}@media (max-width:1024px){.piece-list__controls{align-items:stretch;flex-direction:column}.piece-list__search{min-width:auto}.piece-list__filters{flex-wrap:wrap}.piece-list__summary{justify-content:center;margin-left:0}}@media (max-width:768px){.piece-list__table-container{display:none}.piece-list__mobile-cards{display:flex}}[data-theme=dark] .piece-list__controls{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--color-bg-card);border-color:var(--color-border)}[data-theme=dark] .piece-list__filter-select,[data-theme=dark] .piece-list__search{background:var(--color-bg-secondary);border-color:var(--color-border)}[data-theme=dark] .piece-list__table-container{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--color-bg-card);border-color:var(--color-border)}[data-theme=dark] .piece-list__th{background:var(--color-bg-secondary)}[data-theme=dark] .piece-list__td,[data-theme=dark] .piece-list__th{border-bottom-color:var(--color-border)}[data-theme=dark] .piece-list__row:hover{background:var(--color-bg-secondary)}[data-theme=dark] .piece-list__menu{background:var(--color-bg-card);border-color:var(--color-border)}[data-theme=dark] .piece-list__menu-item:hover{background:var(--color-bg-tertiary)}[data-theme=dark] .piece-list__empty{background:var(--color-bg-card);border-color:var(--color-border)}[data-theme=dark] .piece-list__status--active{background:#2d1f4e;color:#d4a5ff}[data-theme=dark] .piece-list__status--completed{background:#1a3d2e;color:#86efac}[data-theme=dark] .piece-list__status--archived{background:#2a2a36;color:#a0a0a0}[data-theme=dark] .piece-list__stage{background:var(--color-bg-tertiary);color:var(--color-text-secondary)}[data-theme=dark] .piece-list__mobile-card{background:var(--color-bg-card);border-color:var(--color-border)}@media (prefers-reduced-motion:reduce){.piece-list__action-btn,.piece-list__menu-item,.piece-list__mobile-card,.piece-list__row,.piece-list__skeleton-controls,.piece-list__skeleton-header,.piece-list__skeleton-row{animation:none;transition:none}}.piece-list__action-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.piece-list__search-input:focus-visible{outline:none}.piece-list__title-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.opus-dashboard{display:flex;flex-direction:column;margin:0 auto;max-width:1400px;min-height:100%;padding:var(--space-6)}.opus-dashboard__back{margin-bottom:var(--space-4)}.opus-dashboard__back-btn{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;display:inline-flex;font-size:var(--font-size-body-sm);font-weight:var(--font-weight-medium);gap:var(--space-2);padding:var(--space-2) var(--space-3);transition:all var(--transition-fast)}.opus-dashboard__back-btn:hover{background:var(--color-primary-soft);color:var(--color-primary)}.opus-dashboard__back-btn:focus{box-shadow:0 0 0 2px var(--color-primary-soft);outline:none}.opus-dashboard__header{align-items:flex-start;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffffd9;border:1px solid #8b5cf61a;border-radius:var(--radius-2xl);box-shadow:var(--shadow-card);display:flex;gap:var(--space-6);justify-content:space-between;margin-bottom:var(--space-6);padding:var(--space-6)}.opus-dashboard__header-main{flex:1 1}.opus-dashboard__discipline{align-items:center;background:var(--color-primary-soft);border-radius:var(--radius-full);color:var(--color-primary);display:inline-flex;font-size:var(--font-size-body-sm);font-weight:var(--font-weight-medium);gap:var(--space-2);margin-bottom:var(--space-3);padding:var(--space-1) var(--space-3)}.opus-dashboard__title{color:var(--color-text-primary);font-size:var(--font-size-h1);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin:0 0 var(--space-2) 0}.opus-dashboard__description{color:var(--color-text-secondary);font-size:var(--font-size-body);line-height:var(--line-height-relaxed);margin:0;max-width:600px}.opus-dashboard__header-stats{flex-shrink:0}.opus-dashboard__progress-stat{align-items:center;background:linear-gradient(135deg,#8b5cf61a,#a78bfa26);border-radius:var(--radius-xl);display:flex;flex-direction:column;padding:var(--space-4) var(--space-6)}.opus-dashboard__progress-count{color:var(--color-primary);font-size:var(--font-size-h1);font-weight:var(--font-weight-bold);line-height:1}.opus-dashboard__progress-label{color:var(--color-text-secondary);font-size:var(--font-size-body-sm);margin-top:var(--space-1)}.opus-dashboard__actions{align-items:center;display:flex;gap:var(--space-4);justify-content:space-between;margin-bottom:var(--space-6)}.opus-dashboard__view-switcher{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#fffc;border:1px solid #8b5cf61a;border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);display:flex;gap:var(--space-1);padding:var(--space-1)}.opus-dashboard__view-tab{align-items:center;background:#0000;border:none;border-radius:var(--radius-lg);color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:var(--font-size-body-sm);font-weight:var(--font-weight-medium);gap:var(--space-2);padding:var(--space-2) var(--space-4);transition:all var(--transition-fast)}.opus-dashboard__view-tab:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.opus-dashboard__view-tab--active{color:var(--color-primary)}.opus-dashboard__view-tab--active,.opus-dashboard__view-tab--active:hover{background:var(--color-primary-soft)}.opus-dashboard__view-tab:focus{box-shadow:0 0 0 2px var(--color-primary-soft);outline:none}.opus-dashboard__add-btn{align-items:center;background:linear-gradient(135deg,#8b5cf6,#a78bfa);border:none;border-radius:var(--radius-lg);box-shadow:0 2px 8px #8b5cf64d;color:#fff;cursor:pointer;display:flex;font-size:var(--font-size-body-sm);font-weight:var(--font-weight-semibold);gap:var(--space-2);padding:var(--space-3) var(--space-5);transition:all var(--transition-fast)}.opus-dashboard__add-btn:hover{box-shadow:0 4px 12px #8b5cf666;transform:translateY(-1px)}.opus-dashboard__add-btn:focus{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--color-primary);outline:none}.opus-dashboard__add-btn:active{transform:translateY(0)}.opus-dashboard__content{flex:1 1}@media (max-width:1024px){.opus-dashboard{padding:var(--space-4)}.opus-dashboard__header{flex-direction:column;gap:var(--space-4);padding:var(--space-4)}.opus-dashboard__progress-stat{flex-direction:row;gap:var(--space-2);justify-content:center;padding:var(--space-3);width:100%}.opus-dashboard__progress-count{font-size:var(--font-size-h2)}.opus-dashboard__progress-label{margin-top:0}}@media (max-width:768px){.opus-dashboard__actions{align-items:stretch;flex-direction:column}.opus-dashboard__view-switcher{-webkit-overflow-scrolling:touch;overflow-x:auto;scrollbar-width:none}.opus-dashboard__view-switcher::-webkit-scrollbar{display:none}.opus-dashboard__view-tab{flex-shrink:0}.opus-dashboard__view-tab span{display:none}.opus-dashboard__add-btn{justify-content:center}.opus-dashboard__title{font-size:var(--font-size-h2)}}[data-theme=dark] .opus-dashboard__header{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--color-bg-card);border-color:var(--color-border)}[data-theme=dark] .opus-dashboard__progress-stat{background:var(--color-primary-soft)}[data-theme=dark] .opus-dashboard__view-switcher{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--color-bg-card);border-color:var(--color-border)}[data-theme=dark] .opus-dashboard__view-tab:hover{background:var(--color-bg-tertiary)}[data-theme=dark] .opus-dashboard__add-btn{box-shadow:none}[data-theme=dark] .opus-dashboard__add-btn:hover{box-shadow:0 4px 12px #8b5cf64d}[data-theme=dark] .opus-dashboard__view-tab{color:#a0a0a0}[data-theme=dark] .opus-dashboard__view-tab:hover{background:#ffffff14;color:#f5f5f5}[data-theme=dark] .opus-dashboard__view-tab--active{background:#a78bfa40;color:#f5f5f5}[data-theme=dark] .opus-dashboard__view-tab--active:hover{background:#a78bfa4d;color:#f5f5f5}[data-theme=dark] .opus-dashboard__discipline{background:#d4a5ff33;color:#d4a5ff}[data-theme=dark] .opus-dashboard__progress-count{color:#d4a5ff}[data-theme=dark] .opus-dashboard__back-btn,[data-theme=dark] .opus-dashboard__progress-label{color:#a0a0a0}[data-theme=dark] .opus-dashboard__back-btn:hover{background:#d4a5ff26;color:#d4a5ff}@media (prefers-reduced-motion:reduce){.opus-dashboard__add-btn,.opus-dashboard__back-btn,.opus-dashboard__view-tab{transition:none}.opus-dashboard__add-btn:hover{transform:none}}.opus-dashboard__back-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.opus-dashboard__view-tab:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.opus-dashboard__add-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.projects-page{background:var(--color-bg-primary);min-height:100vh;padding:var(--space-6)}.projects-page--loading{align-items:center;color:var(--color-text-secondary);display:flex;flex-direction:column;justify-content:center;min-height:400px}.projects-page__spinner{border:3px solid var(--color-border);border-radius:var(--radius-full);border-top-color:var(--color-primary);height:40px;margin-bottom:var(--space-4);width:40px}.projects-page__spinner,.spinning{animation:spin 1s linear infinite}.projects-page__header{align-items:center;border-bottom:1px solid var(--color-border-light);display:flex;flex-wrap:wrap;gap:var(--space-4);margin-bottom:var(--space-6);padding-bottom:var(--space-4)}.projects-page__title-section{align-items:center;display:flex;gap:var(--space-3)}.projects-page__title{color:var(--color-text-primary);font-size:var(--font-size-h2);font-weight:var(--font-weight-semibold);margin:0}.projects-page__count{background:var(--color-bg-secondary);border-radius:var(--radius-full);color:var(--color-text-secondary);font-size:var(--font-size-body-sm);font-weight:var(--font-weight-medium);padding:var(--space-1) var(--space-3)}.projects-page__tabs{-ms-overflow-style:none;align-items:center;background:var(--color-bg-card);border:1px solid var(--color-border-light);border-radius:var(--radius-xl);display:flex;gap:var(--space-1);overflow-x:auto;padding:var(--space-1);scrollbar-width:none}.projects-page__tabs::-webkit-scrollbar{display:none}.projects-page__tab{align-items:center;background:#0000;border:none;border-radius:var(--radius-lg);color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:var(--font-size-body-sm);font-weight:var(--font-weight-medium);gap:var(--space-2);padding:var(--space-2) var(--space-4);transition:all var(--transition-normal);white-space:nowrap}.projects-page__tab:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.projects-page__tab--active,.projects-page__tab--active:hover{background:var(--color-primary-soft);color:var(--color-primary)}.projects-page__tab svg{flex-shrink:0}.projects-page__actions{align-items:center;display:flex;gap:var(--space-3);margin-left:auto}.projects-page__actions .btn{align-items:center;display:flex;gap:var(--space-2)}.projects-page__filter-toggle{align-items:center;background:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);display:flex;gap:2px;padding:2px}.projects-page__filter-btn{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);color:var(--color-text-tertiary);cursor:pointer;display:flex;font-size:var(--font-size-body-sm);font-weight:var(--font-weight-medium);gap:var(--space-2);padding:var(--space-2) var(--space-3);transition:all var(--transition-fast);white-space:nowrap}.projects-page__filter-btn:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.projects-page__filter-btn--active{box-shadow:var(--shadow-sm)}.projects-page__filter-btn--active,.projects-page__filter-btn--active:hover{background:var(--color-bg-primary);color:var(--color-primary)}.projects-page__filter-btn svg{flex-shrink:0}.projects-page__view-toggle{align-items:center;background:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);display:flex;gap:2px;padding:2px}.projects-page__view-btn{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);color:var(--color-text-tertiary);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all var(--transition-fast);width:36px}.projects-page__view-btn:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.projects-page__view-btn--active{box-shadow:var(--shadow-sm)}.projects-page__view-btn--active,.projects-page__view-btn--active:hover{background:var(--color-bg-primary);color:var(--color-primary)}.projects-page__error{align-items:center;background:var(--color-error-light);border-radius:var(--radius-lg);color:var(--color-error);display:flex;font-size:var(--font-size-body-sm);gap:var(--space-4);justify-content:space-between;margin-bottom:var(--space-6);padding:var(--space-4)}.projects-page__form-card{margin:0 auto;max-width:560px;padding:var(--space-6)}.projects-page__form-card h2{color:var(--color-text-primary);font-size:var(--font-size-h3);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-5) 0}.projects-page__content{flex:1 1}@media (max-width:1024px){.projects-page__header{align-items:stretch;flex-direction:column}.projects-page__title-section{justify-content:space-between}.projects-page__tabs{order:3;width:100%}.projects-page__actions{justify-content:flex-end;margin-left:0;order:2}}@media (max-width:640px){.projects-page{padding:var(--space-4)}.projects-page__title{font-size:var(--font-size-h3)}.projects-page__tabs{padding:var(--space-1)}.projects-page__tab{font-size:var(--font-size-caption);padding:var(--space-2) var(--space-3)}.projects-page__tab span{display:none}.projects-page__actions{gap:var(--space-2)}.projects-page__form-card{padding:var(--space-4)}}@media (prefers-reduced-motion:reduce){.projects-page__spinner{animation:none}.projects-page__tab{transition:none}}.projects-page__tab:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}[data-theme=dark] .projects-page__tabs{background:var(--color-bg-card);border-color:var(--color-border)}[data-theme=dark] .projects-page__tab{color:#a0a0a0}[data-theme=dark] .projects-page__tab:hover{background:#ffffff14;color:#f5f5f5}[data-theme=dark] .projects-page__tab--active{background:#a78bfa40;color:#f5f5f5}[data-theme=dark] .projects-page__tab--active:hover{background:#a78bfa4d;color:#f5f5f5}[data-theme=dark] .projects-page__count{background:#a78bfa33;color:#c4b5fd}[data-theme=dark] .projects-page__tab svg{color:inherit}[data-theme=dark] .projects-page__title{color:#f5f5f5}[data-theme=dark] .projects-page__filter-toggle{background:var(--color-bg-tertiary);border-color:var(--color-border)}[data-theme=dark] .projects-page__filter-btn{color:grey}[data-theme=dark] .projects-page__filter-btn:hover{background:#ffffff14;color:#f5f5f5}[data-theme=dark] .projects-page__filter-btn--active,[data-theme=dark] .projects-page__filter-btn--active:hover{background:var(--color-bg-secondary);color:#d4a5ff}[data-theme=dark] .projects-page__view-toggle{background:var(--color-bg-tertiary);border-color:var(--color-border)}[data-theme=dark] .projects-page__view-btn{color:grey}[data-theme=dark] .projects-page__view-btn:hover{background:#ffffff14;color:#f5f5f5}[data-theme=dark] .projects-page__view-btn--active,[data-theme=dark] .projects-page__view-btn--active:hover{background:var(--color-bg-secondary);color:#d4a5ff}.projects-page__filter-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.projects-page__view-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media (max-width:640px){.projects-page__filter-btn span{display:none}.projects-page__filter-btn{padding:var(--space-2)}}.note-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:8px;margin-bottom:.75rem;padding:1rem;transition:all .2s ease}.note-card:hover{border-color:var(--color-border-hover)}.note-card--pinned{background:var(--color-bg-highlight);border-left:3px solid var(--color-primary)}.note-card--type-statuschange{border-left-color:var(--color-success)}.note-card--type-milestone{border-left-color:var(--color-primary)}.note-card--type-issue{border-left-color:var(--color-warning)}.note-card--type-idea{border-left-color:var(--color-info)}.note-card__header{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin-bottom:.75rem}.note-card__type{align-items:center;background:var(--color-bg-tertiary);border-radius:4px;color:var(--color-text-secondary);display:flex;font-size:.75rem;font-weight:500;gap:.375rem;padding:.25rem .5rem}.note-card--type-statuschange .note-card__type{background:var(--color-success-bg);color:var(--color-success)}.note-card--type-milestone .note-card__type{background:var(--color-primary-bg);color:var(--color-primary)}.note-card--type-issue .note-card__type{background:var(--color-warning-bg);color:var(--color-warning)}.note-card--type-idea .note-card__type{background:var(--color-info-bg);color:var(--color-info)}.note-card__meta{align-items:center;color:var(--color-text-muted);display:flex;font-size:.75rem;gap:.5rem}.note-card__stage{background:var(--color-bg-tertiary);border-radius:3px;padding:.125rem .375rem}.note-card__edited{font-style:italic;opacity:.7}.note-card__content{margin-bottom:.75rem}.note-card__content p{color:var(--color-text-primary);font-size:.875rem;line-height:1.5;margin:0;white-space:pre-wrap;word-break:break-word}.note-card__footer{align-items:center;border-top:1px solid var(--color-border);display:flex;justify-content:space-between;padding-top:.5rem}.note-card__author{color:var(--color-text-muted);font-size:.75rem}.note-card__actions{align-items:center;display:flex;gap:.25rem}.note-card__action{min-width:0;min-width:auto;opacity:.6;padding:.25rem;transition:opacity .2s ease}.note-card__action:hover{opacity:1}.note-card__action--active{color:var(--color-primary);opacity:1}.note-card__action--danger:hover{color:var(--color-danger)}.note-card__delete-confirm{align-items:center;display:flex;gap:.25rem}[data-theme=dark] .note-card{background:var(--color-bg-secondary)}[data-theme=dark] .note-card--pinned{background:var(--color-bg-highlight)}.add-note-form{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:12px;overflow:hidden}.add-note-form__trigger{align-items:center;background:var(--color-bg-secondary);border:1px dashed var(--color-border);border-radius:12px;color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.875rem 1rem;transition:all .2s ease;width:100%}.add-note-form__trigger:hover{background:var(--color-bg-highlight);border-color:var(--color-primary);color:var(--color-primary)}.add-note-form__editor{position:relative}.add-note-form__textarea{background:#0000;border:none;color:var(--color-text-primary);font-family:inherit;font-size:.9375rem;line-height:1.6;max-height:400px;min-height:120px;overflow-y:auto;padding:1rem 1rem 2rem;resize:none;width:100%}.add-note-form__textarea:focus{outline:none}.add-note-form__char-hint,.add-note-form__textarea::placeholder{color:var(--color-text-muted)}.add-note-form__char-hint{align-items:center;bottom:.5rem;display:flex;font-size:.75rem;gap:1rem;position:absolute;right:.75rem}.add-note-form__char-hint--warning{color:var(--color-warning)}.add-note-form__keyboard-hint{opacity:.6}.add-note-form__options{align-items:center;background:var(--color-bg-tertiary);border-top:1px solid var(--color-border);display:flex;justify-content:space-between;padding:.75rem 1rem}.add-note-form__left-options{align-items:center;display:flex;gap:.5rem}.add-note-form__type-dropdown{position:relative}.add-note-form__type-trigger{align-items:center;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:6px;color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:.8125rem;font-weight:500;gap:.375rem;padding:.375rem .625rem;transition:all .2s ease}.add-note-form__type-trigger:hover{background:var(--color-bg-primary);border-color:var(--color-border-hover)}.add-note-form__type-trigger--default{color:var(--color-text-secondary)}.add-note-form__type-trigger--success{background:#22c55e14;border-color:var(--color-success);color:var(--color-success)}.add-note-form__type-trigger--danger{background:#ef444414;border-color:var(--color-danger);color:var(--color-danger)}.add-note-form__type-trigger--warning{background:#f59e0b14;border-color:var(--color-warning);color:var(--color-warning)}.add-note-form__type-trigger--info{background:#3b82f614;border-color:#3b82f6;border-color:var(--color-info,#3b82f6);color:#3b82f6;color:var(--color-info,#3b82f6)}.add-note-form__type-menu{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:8px;bottom:calc(100% + 4px);box-shadow:0 4px 12px #00000026;display:none;flex-direction:column;left:0;min-width:140px;padding:.375rem;position:absolute;z-index:100}.add-note-form__type-menu--open{display:flex}.add-note-form__type-option{align-items:center;background:#0000;border:none;border-radius:6px;color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:.8125rem;gap:.5rem;padding:.5rem .625rem;text-align:left;transition:all .15s ease}.add-note-form__type-option:hover{background:var(--color-bg-secondary)}.add-note-form__type-option--selected{background:var(--color-bg-tertiary);font-weight:500}.add-note-form__type-option--default.add-note-form__type-option--selected,.add-note-form__type-option--default:hover{color:var(--color-text-primary)}.add-note-form__type-option--success.add-note-form__type-option--selected,.add-note-form__type-option--success:hover{background:#22c55e1a;color:var(--color-success)}.add-note-form__type-option--danger.add-note-form__type-option--selected,.add-note-form__type-option--danger:hover{background:#ef44441a;color:var(--color-danger)}.add-note-form__type-option--warning.add-note-form__type-option--selected,.add-note-form__type-option--warning:hover{background:#f59e0b1a;color:var(--color-warning)}.add-note-form__type-option--info.add-note-form__type-option--selected,.add-note-form__type-option--info:hover{background:#3b82f61a;color:#3b82f6;color:var(--color-info,#3b82f6)}.add-note-form__pin-btn{align-items:center;background:#0000;border:1px solid #0000;border-radius:6px;color:var(--color-text-muted);cursor:pointer;display:flex;font-size:.75rem;gap:.25rem;padding:.375rem .5rem;transition:all .2s ease}.add-note-form__pin-btn:hover{background:var(--color-bg-secondary);color:var(--color-text-secondary)}.add-note-form__pin-btn--active{background:var(--color-primary-bg);border-color:var(--color-primary);color:var(--color-primary)}.add-note-form__actions{display:flex;gap:.5rem}[data-theme=dark] .add-note-form,[data-theme=dark] .add-note-form__trigger{background:var(--color-bg-secondary);border-color:var(--color-border)}[data-theme=dark] .add-note-form__trigger:hover{background:#d4a5ff14;border-color:#d4a5ff;color:#d4a5ff}[data-theme=dark] .add-note-form__textarea{color:#f5f5f5}[data-theme=dark] .add-note-form__char-hint,[data-theme=dark] .add-note-form__textarea::placeholder{color:grey}[data-theme=dark] .add-note-form__options{background:var(--color-bg-tertiary);border-color:var(--color-border)}[data-theme=dark] .add-note-form__type-trigger{background:var(--color-bg-secondary);border-color:var(--color-border);color:#a0a0a0}[data-theme=dark] .add-note-form__type-trigger:hover{background:var(--color-bg-primary)}[data-theme=dark] .add-note-form__type-menu{background:var(--color-bg-secondary);border-color:var(--color-border);box-shadow:0 4px 16px #0006}[data-theme=dark] .add-note-form__type-option{color:#a0a0a0}[data-theme=dark] .add-note-form__type-option:hover{background:var(--color-bg-tertiary)}[data-theme=dark] .add-note-form__pin-btn{color:grey}[data-theme=dark] .add-note-form__pin-btn:hover{background:var(--color-bg-secondary);color:#a0a0a0}[data-theme=dark] .add-note-form__pin-btn--active{background:#d4a5ff26;border-color:#d4a5ff;color:#d4a5ff}@media (max-width:480px){.add-note-form__options{align-items:stretch;flex-direction:column;gap:.75rem}.add-note-form__left-options{justify-content:space-between}.add-note-form__actions{justify-content:flex-end}.add-note-form__keyboard-hint{display:none}}.note-history-timeline{padding:.5rem 0}.note-history-timeline__stage{position:relative}.note-history-timeline__stage-header{align-items:center;background:#0000;border:none;border-radius:8px;cursor:pointer;display:flex;gap:.75rem;padding:.75rem;transition:background .2s ease;width:100%}.note-history-timeline__stage-header:hover{background:var(--color-bg-secondary)}.note-history-timeline__stage-marker{align-items:center;display:flex;flex-direction:column;flex-shrink:0;position:relative;width:16px}.note-history-timeline__stage-dot{background:var(--color-primary);border:2px solid var(--color-bg-primary);border-radius:50%;box-shadow:0 0 0 2px var(--color-primary-bg);height:12px;width:12px}.note-history-timeline__stage-line{background:var(--color-border);height:calc(100% + .75rem);left:50%;position:absolute;top:16px;transform:translateX(-50%);width:2px}.note-history-timeline__stage:last-child .note-history-timeline__stage-line{display:none}.note-history-timeline__stage-info{align-items:center;display:flex;flex:1 1;gap:.75rem;text-align:left}.note-history-timeline__stage-name{color:var(--color-text-primary);font-size:.9rem;font-weight:600}.note-history-timeline__stage-count{background:var(--color-bg-tertiary);border-radius:10px;color:var(--color-text-muted);font-size:.75rem;padding:.125rem .5rem}.note-history-timeline__stage-chevron{color:var(--color-text-muted);transition:transform .2s ease}.note-history-timeline__notes{animation:slideDown .2s ease-out;padding-bottom:.5rem;padding-left:2.5rem}[data-theme=dark] .note-history-timeline__stage-dot{border-color:var(--color-bg-secondary)}.notes-panel{padding:1rem}.notes-panel__header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;flex-wrap:wrap;gap:.75rem;justify-content:space-between;margin-bottom:1rem;padding-bottom:.75rem}.notes-panel__title{align-items:center;display:flex;gap:.5rem}.notes-panel__title h3{color:var(--color-text-primary);font-size:1rem;font-weight:600;margin:0}.notes-panel__count{align-items:center;background:var(--color-bg-tertiary);border-radius:10px;color:var(--color-text-secondary);display:inline-flex;font-size:.75rem;font-weight:500;height:1.25rem;justify-content:center;min-width:1.25rem;padding:0 .375rem}.notes-panel__actions{align-items:center;display:flex;gap:.75rem}.notes-panel__filter{align-items:center;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:6px;color:var(--color-text-secondary);cursor:pointer;display:flex;height:2rem;justify-content:center;padding:0;transition:all .2s ease;width:2rem}.notes-panel__filter:hover{background:var(--color-bg-tertiary);border-color:var(--color-border-hover)}.notes-panel__filter--active{background:var(--color-primary-bg);border-color:var(--color-primary);color:var(--color-primary)}.notes-panel__view-toggle{background:var(--color-bg-tertiary);border-radius:6px;display:flex;padding:.125rem}.notes-panel__view-btn{align-items:center;background:#0000;border:none;border-radius:4px;color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:.75rem;font-weight:500;gap:.375rem;padding:.375rem .75rem;transition:all .2s ease}.notes-panel__view-btn--active,.notes-panel__view-btn:hover{color:var(--color-text-primary)}.notes-panel__view-btn--active{background:var(--color-bg-primary);box-shadow:0 1px 2px #0000000d}.notes-panel__content{min-height:200px}.notes-panel__loading{align-items:center;color:var(--color-text-secondary);display:flex;flex-direction:column;justify-content:center;padding:2rem}.notes-panel__spinner{animation:spin .8s linear infinite;border:2px solid var(--color-border);border-radius:50%;border-top-color:var(--color-primary);height:24px;margin-bottom:.75rem;width:24px}.notes-panel__error{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:2rem;text-align:center}.notes-panel__error p{color:var(--color-danger);margin:0 0 1rem}.notes-panel__list{margin-top:1rem}.notes-panel__section-label{color:var(--color-text-muted);font-size:.75rem;font-weight:600;letter-spacing:.05em;margin-bottom:.5rem;padding-left:.25rem;text-transform:uppercase}.notes-panel__pinned-section{margin-bottom:1.5rem}@media (max-width:640px){.notes-panel__header{align-items:flex-start;flex-direction:column}.notes-panel__actions{justify-content:space-between;width:100%}}.project-details{background:#f9fafb;background:var(--color-background,#f9fafb);min-height:100vh}.project-details--error,.project-details--loading{align-items:center;color:#6b7280;color:var(--color-text-secondary,#6b7280);display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:100vh}.project-details--error svg{color:#ef4444;color:var(--color-error,#ef4444)}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #e5e7eb;border-top-color:#6366f1;border:3px solid var(--color-border,#e5e7eb);border-radius:50%;border-top-color:var(--color-primary,#6366f1);height:40px;width:40px}.project-details__header{background:#fff;background:var(--color-surface,#fff);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--color-border,#e5e7eb);padding:var(--space-4) var(--space-6)}.project-details__header-row{align-items:center;display:flex;gap:1.5rem}.project-details__title-section{flex-shrink:0}.project-details__header-progress{align-items:flex-start;display:flex;flex:1 1;gap:1.5rem;justify-content:flex-end;padding-top:.25rem}.stage-indicator-compact,.stage-indicator-compact__stages{align-items:center;display:flex;flex:1 1}.stage-indicator-compact__stages{justify-content:space-between;position:relative}.stage-indicator-compact__stages:before{background:var(--color-border);content:"";height:2px;left:14px;position:absolute;right:14px;top:14px;z-index:0}.stage-indicator-compact__stage{align-items:center;display:flex;flex-direction:column;gap:.25rem;position:relative;z-index:1}.stage-indicator-compact__dot{align-items:center;background:var(--color-bg-secondary);border:2px solid var(--color-border);border-radius:50%;display:flex;height:28px;justify-content:center;transition:all .2s ease;width:28px}.stage-indicator-compact__stage--current .stage-indicator-compact__dot{background:var(--color-primary);border-color:var(--color-primary);box-shadow:0 0 0 4px #8b5cf633}.stage-indicator-compact__stage--completed .stage-indicator-compact__dot{background:var(--color-primary);border-color:var(--color-primary)}.stage-indicator-compact__stage--completed .stage-indicator-compact__dot svg{color:#fff}.stage-indicator-compact__name{color:var(--color-text-muted);font-size:.75rem;text-align:center;white-space:nowrap}.stage-indicator-compact__stage--current .stage-indicator-compact__name{color:var(--color-primary);font-weight:600}.stage-indicator-compact__stage--completed .stage-indicator-compact__name{color:var(--color-text-secondary)}[data-theme=dark] .stage-indicator-compact__dot{background:var(--color-bg-tertiary);border-color:var(--color-border)}[data-theme=dark] .stage-indicator-compact__stage--current .stage-indicator-compact__dot{background:#d4a5ff;border-color:#d4a5ff;box-shadow:0 0 0 4px #d4a5ff33}[data-theme=dark] .stage-indicator-compact__stage--completed .stage-indicator-compact__dot{background:#d4a5ff;border-color:#d4a5ff}[data-theme=dark] .stage-indicator-compact__name{color:grey}[data-theme=dark] .stage-indicator-compact__stage--current .stage-indicator-compact__name{color:#d4a5ff}[data-theme=dark] .stage-indicator-compact__stage--completed .stage-indicator-compact__name{color:#a0a0a0}@media (max-width:1000px){.project-details__header-row{align-items:stretch;flex-direction:column;gap:1rem}.project-details__header-progress{justify-content:space-between}}@media (max-width:600px){.stage-indicator-compact__name{display:none}.stage-indicator-compact__dot{height:24px;width:24px}.stage-indicator-compact__stages:before{left:12px;right:12px;top:12px}}.project-details__actions{position:relative}.project-details__menu{background:#fff;background:var(--color-surface,#fff);border-radius:8px;box-shadow:0 4px 12px #00000026;min-width:160px;padding:8px;position:absolute;right:0;top:100%;z-index:10}.project-details__menu button{align-items:center;background:#0000;border:none;border-radius:4px;color:#1f2937;color:var(--color-text,#1f2937);cursor:pointer;display:flex;font-size:14px;gap:8px;padding:10px 12px;text-align:left;transition:background-color .2s;width:100%}.project-details__menu button:hover{background:#f3f4f6;background:var(--color-surface-hover,#f3f4f6)}.project-details__title-section{display:flex;flex-direction:column;gap:var(--space-2)}.project-details__title-row{align-items:center;display:flex;gap:var(--space-4);justify-content:space-between}.project-details__meta{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-3)}.project-details__badges{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-2)}.project-details__status{padding:var(--space-1) var(--space-2)}.project-details__category-badge,.project-details__status{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold)}.project-details__category-badge{gap:var(--space-1);padding:var(--space-1) var(--space-3)}.project-details__category-badge--opus{background:linear-gradient(135deg,#8b5cf626,#ff6b9d26);border:1px solid #8b5cf64d;color:var(--color-primary)}.project-details__category-badge--piece{background:#00d2d326;border:1px solid #00d2d34d;color:var(--color-teal)}.project-details__status--active{background:#d1fae5;background:var(--color-success-light,#d1fae5);color:#10b981;color:var(--color-success,#10b981)}.project-details__status--completed{background:#e0e7ff;background:var(--color-primary-light,#e0e7ff);color:#6366f1;color:var(--color-primary,#6366f1)}.project-details__status--archived{background:#f3f4f6;background:var(--color-surface-hover,#f3f4f6);color:#6b7280;color:var(--color-text-secondary,#6b7280)}.project-details__title{color:var(--color-text-primary);flex:1 1;font-size:var(--font-size-h2);font-weight:var(--font-weight-bold);margin:0;min-width:0}.project-details__type{color:var(--color-text-secondary);font-size:var(--font-size-body-sm);font-weight:var(--font-weight-medium)}.project-details__header-description{color:var(--color-text-secondary);font-size:.9375rem;line-height:1.6;margin:.75rem 0 0;max-width:600px}.project-details__content{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 320px;margin:0 auto;max-width:1200px;padding:24px}.project-details__main{display:flex;flex-direction:column;gap:24px}.project-details__section{padding:24px}.project-details__section-title{color:#1f2937;color:var(--color-text,#1f2937);font-size:16px;font-weight:600;margin:0 0 16px}.project-details__description{color:#6b7280;color:var(--color-text-secondary,#6b7280);font-size:14px;line-height:1.6;margin:0}.project-details__placeholder{color:#9ca3af;color:var(--color-text-muted,#9ca3af);font-size:14px;font-style:italic}.project-details__stage-action{border-top:1px solid #e5e7eb;border-top:1px solid var(--color-border,#e5e7eb);display:flex;justify-content:flex-end;margin-top:20px;padding-top:20px}.stage-indicator{width:100%}.stage-indicator__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-4)}.stage-indicator__title{color:var(--color-text-primary);font-size:var(--font-size-h4);font-weight:var(--font-weight-semibold);margin:0}.stage-indicator__count{align-items:baseline;color:var(--color-text-secondary);display:flex;font-size:var(--font-size-body);gap:var(--space-1)}.stage-indicator__count-current{color:var(--color-primary);font-size:var(--font-size-h3);font-weight:var(--font-weight-semibold)}.stage-indicator__message{background:var(--color-primary-soft);border-radius:var(--radius-lg);color:var(--color-primary);font-size:var(--font-size-body-sm);margin-bottom:var(--space-4);padding:var(--space-3) var(--space-4);text-align:center}.stage-indicator__message--complete{background:var(--color-success-light);color:var(--color-success)}.stage-indicator__stages{display:flex;gap:var(--space-2);justify-content:space-between;position:relative}.stage-indicator__stages:before{background:var(--color-border);content:"";height:2px;left:20px;position:absolute;right:20px;top:12px;z-index:0}.stage-indicator__stage{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:var(--space-2);position:relative;z-index:1}.stage-indicator__dot{align-items:center;background:var(--color-bg-card);border:2px solid var(--color-border);border-radius:50%;color:var(--color-text-muted);display:flex;height:24px;justify-content:center;transition:all var(--transition-normal);width:24px}.stage-indicator__stage--current .stage-indicator__dot{animation:current-pulse 2s ease-in-out infinite;background:var(--color-primary);border-color:var(--color-primary);box-shadow:0 0 0 4px var(--color-primary-soft);color:var(--color-white)}@keyframes current-pulse{0%,to{box-shadow:0 0 0 4px var(--color-primary-soft)}50%{box-shadow:0 0 0 8px #0000}}.stage-indicator__stage--completed .stage-indicator__dot{background:var(--color-success);border-color:var(--color-success);color:var(--color-white)}.stage-indicator__name{color:var(--color-text-muted);font-size:var(--font-size-caption);font-weight:var(--font-weight-medium);line-height:var(--line-height-tight);max-width:70px;text-align:center}.stage-indicator__stage--current .stage-indicator__name{color:var(--color-primary);font-weight:var(--font-weight-semibold)}.stage-indicator__stage--completed .stage-indicator__name{color:var(--color-success)}.stage-indicator__celebration{align-items:center;background:linear-gradient(135deg,var(--color-success-light),var(--color-primary-soft));border-radius:var(--radius-lg);color:var(--color-success);display:flex;font-size:var(--font-size-body);font-weight:var(--font-weight-medium);gap:var(--space-2);justify-content:center;margin-top:var(--space-4);padding:var(--space-4)}.stage-indicator__celebration svg{color:var(--color-warning)}.project-details__sidebar{display:flex;flex-direction:column;gap:16px}.project-details__info{padding:20px}.project-details__info-title{align-items:center;color:#1f2937;color:var(--color-text,#1f2937);display:flex;font-size:14px;font-weight:600;gap:8px;margin:0 0 16px}.project-details__info-item{align-items:flex-start;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--color-border,#e5e7eb);display:flex;gap:12px;padding:12px 0}.project-details__info-item:last-of-type{border-bottom:none}.project-details__info-item svg{color:#9ca3af;color:var(--color-text-muted,#9ca3af);margin-top:2px}.project-details__info-item>div{display:flex;flex:1 1;flex-direction:column;gap:2px}.project-details__info-label{color:#9ca3af;color:var(--color-text-muted,#9ca3af);font-size:12px}.project-details__info-value{color:#1f2937;color:var(--color-text,#1f2937);font-size:14px;font-weight:500}.project-details__add-attachment{margin-top:12px;width:100%}@media (max-width:968px){.project-details__content{grid-template-columns:1fr}.project-details__sidebar{flex-direction:row;flex-wrap:wrap;order:-1}.project-details__sidebar>*{flex:1 1;min-width:280px}.stage-indicator__stages{flex-wrap:wrap}.stage-indicator__stage{flex:0 0 auto;width:calc(33.33% - 8px)}}@media (max-width:480px){.project-details__header{padding:16px}.project-details__title{font-size:22px}.project-details__content{padding:16px}}.project-details__sub-projects{padding:var(--space-4)}.project-details__sub-projects-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-4)}.project-details__sub-projects-title{align-items:center;display:flex;gap:var(--space-2)}.project-details__sub-projects-title h3{color:var(--color-text-primary);font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);margin:0}.project-details__sub-projects-title svg{color:var(--color-primary)}.project-details__sub-projects-count{background:var(--color-bg-secondary);border-radius:var(--radius-full);color:var(--color-text-secondary);font-size:var(--font-size-caption);font-weight:var(--font-weight-medium);padding:var(--space-1) var(--space-2)}.project-details__sub-projects-loading{align-items:center;color:var(--color-text-muted);display:flex;font-size:var(--font-size-caption);gap:var(--space-2);justify-content:center;padding:var(--space-6)}.loading-spinner--sm{border-width:2px;height:20px;width:20px}.project-details__sub-projects-list{display:flex;flex-direction:column;gap:var(--space-2)}.project-details__sub-projects-empty{color:var(--color-text-muted);padding:var(--space-6);text-align:center}.project-details__sub-projects-empty p{margin:0}.project-details__sub-projects-hint{font-size:var(--font-size-caption);margin-top:var(--space-2)!important}.project-details__parent-link{padding:0}.project-details__parent-link-content{align-items:center;color:var(--color-primary);display:flex;font-weight:var(--font-weight-medium);gap:var(--space-2);padding:var(--space-3) var(--space-4);text-decoration:none;transition:background-color var(--transition-fast)}.project-details__parent-link-content:hover{background:var(--color-primary-soft)}.project-details__parent-link-content svg:last-child{margin-left:auto}.project-details__sub-projects--opus{background:linear-gradient(var(--color-bg-card),var(--color-bg-card)) padding-box,linear-gradient(135deg,#8b5cf64d 0,#ff6b9d4d 50%,#ff9f434d 100%) border-box;border:2px solid #0000}.project-details__sub-projects--opus .project-details__sub-projects-title svg{background:linear-gradient(135deg,var(--color-primary) 0,#ff6b9d 100%);-webkit-background-clip:text;background-clip:text;color:var(--color-primary)}.project-details__sub-projects--opus .project-details__sub-projects-count{background:linear-gradient(135deg,#8b5cf626,#ff6b9d26);color:var(--color-primary)}.project-details__sub-projects-actions{align-items:center;display:flex;gap:var(--space-2)}[data-theme=dark] .project-details{background:var(--color-bg-primary)}[data-theme=dark] .project-details__header{background:var(--color-bg-card);border-bottom-color:var(--color-border)}[data-theme=dark] .project-details__menu{background:var(--color-bg-card);box-shadow:0 4px 12px #0006}[data-theme=dark] .project-details__menu button{color:var(--color-text-primary)}[data-theme=dark] .project-details__menu button:hover{background:var(--color-bg-secondary)}[data-theme=dark] .project-details__info,[data-theme=dark] .project-details__section{background:var(--color-bg-card)}[data-theme=dark] .stage-indicator__dot{background:var(--color-bg-card);border-color:var(--color-border)}[data-theme=dark] .project-details__category-badge--opus{background:#2d1f4e;border-color:#8b5cf6}[data-theme=dark] .project-details__category-badge--piece{background:#0d3d3d;border-color:#00d2d3}[data-theme=dark] .project-details__sub-projects{background:var(--color-bg-card)}[data-theme=dark] .project-details__sub-projects--opus{background:linear-gradient(var(--color-bg-card),var(--color-bg-card)) padding-box,linear-gradient(135deg,#8b5cf666 0,#ff6b9d66 50%,#ff9f4366 100%) border-box}[data-theme=dark] .project-details__sub-projects--opus .project-details__sub-projects-count{background:linear-gradient(135deg,#8b5cf640,#ff6b9d33)}[data-theme=dark] .project-details__info-item{border-bottom-color:var(--color-border)}[data-theme=dark] .project-details__parent-link-content:hover{background:#8b5cf626}[data-theme=dark] .project-details__info-title{color:#f5f5f5}[data-theme=dark] .project-details__info-label{color:#a0a0a0}[data-theme=dark] .project-details__info-value{color:#f5f5f5}[data-theme=dark] .project-details__info-item svg{color:#a0a0a0}[data-theme=dark] .project-details__section-title{color:#f5f5f5}[data-theme=dark] .project-details__description{color:#b0b0b0}[data-theme=dark] .project-details__title{color:#f5f5f5}[data-theme=dark] .project-details__header-description,[data-theme=dark] .project-details__type{color:#a0a0a0}[data-theme=dark] .stage-indicator__title{color:#f5f5f5}[data-theme=dark] .stage-indicator__count{color:#a0a0a0}[data-theme=dark] .stage-indicator__count-current{color:#d4a5ff}[data-theme=dark] .stage-indicator__name{color:#a0a0a0}[data-theme=dark] .stage-indicator__stage--current .stage-indicator__name{color:#d4a5ff}[data-theme=dark] .stage-indicator__stage--completed .stage-indicator__name{color:#86efac}[data-theme=dark] .stage-indicator__message{background:#d4a5ff26;color:#d4a5ff}[data-theme=dark] .stage-indicator__message--complete{background:#86efac26;color:#86efac}[data-theme=dark] .stage-indicator__celebration{background:linear-gradient(135deg,#86efac26,#d4a5ff26);color:#86efac}[data-theme=dark] .project-details__sub-projects-title h3{color:#f5f5f5}[data-theme=dark] .project-details__sub-projects-count{background:#d4a5ff26;color:#d4a5ff}[data-theme=dark] .project-details__sub-projects-empty,[data-theme=dark] .project-details__sub-projects-loading{color:#a0a0a0}[data-theme=dark] .project-details__sub-projects-hint{color:grey}[data-theme=dark] .project-details__status--active{background:#1a3d2e;color:#86efac}[data-theme=dark] .project-details__status--completed{background:#2d1f4e;color:#d4a5ff}[data-theme=dark] .project-details__status--archived{background:#2a2a36;color:#a0a0a0}[data-theme=dark] .project-details__back{color:#a0a0a0}[data-theme=dark] .project-details__back:hover{color:#d4a5ff}[data-theme=dark] .project-details--error,[data-theme=dark] .project-details--loading{color:#a0a0a0}[data-theme=dark] .project-details--error h2{color:#f5f5f5}[data-theme=dark] .project-details--error p{color:#a0a0a0}[data-theme=dark] .project-details__placeholder{color:grey}[data-theme=dark] .project-details__stage-action{border-top-color:var(--color-border)}[data-theme=dark] .stage-indicator__stage--completed .stage-indicator__dot{background:#86efac;border-color:#86efac}[data-theme=dark] .stage-indicator__stage--current .stage-indicator__dot{background:#d4a5ff;border-color:#d4a5ff;box-shadow:0 0 0 4px #d4a5ff33}[data-theme=dark] .project-details__category-badge--opus{color:#d4a5ff}[data-theme=dark] .project-details__category-badge--piece{color:#5eead4}.stage-transition-modal__overlay{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:1000}.stage-transition-modal{background:var(--color-bg-card);border-radius:12px;box-shadow:0 20px 40px #0003;max-width:480px;width:100%}.stage-transition-modal__header{align-items:center;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:1.25rem 1.5rem}.stage-transition-modal__title{align-items:center;color:var(--color-text-primary);display:flex;font-size:1.125rem;font-weight:600;gap:.5rem;margin:0}.stage-transition-modal__icon--advance{color:var(--color-success)}.stage-transition-modal__icon--regress{color:var(--color-warning)}.stage-transition-modal__close{align-items:center;background:#0000;border:none;border-radius:6px;color:var(--color-text-muted);cursor:pointer;display:flex;height:32px;justify-content:center;padding:0;transition:all .15s ease;width:32px}.stage-transition-modal__close:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.stage-transition-modal__transition{align-items:center;background:var(--color-bg-secondary);display:flex;gap:1rem;justify-content:center;padding:1.25rem 1.5rem}.stage-transition-modal__stage{border-radius:8px;font-size:.9375rem;font-weight:500;padding:.5rem 1rem}.stage-transition-modal__stage--from{background:var(--color-bg-tertiary);color:var(--color-text-secondary)}.stage-transition-modal__stage--to{background:var(--color-primary);color:#fff}.stage-transition-modal__field{padding:1.25rem 1.5rem}.stage-transition-modal__label{color:var(--color-text-primary);display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.stage-transition-modal__textarea{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text-primary);font-family:inherit;font-size:.9375rem;line-height:1.5;min-height:100px;padding:.75rem 1rem;resize:vertical;width:100%}.stage-transition-modal__textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #8b5cf626;outline:none}.stage-transition-modal__textarea::placeholder{color:var(--color-text-muted)}.stage-transition-modal__hint{color:var(--color-text-muted);display:block;font-size:.75rem;margin-top:.5rem;text-align:right}.stage-transition-modal__actions{border-top:1px solid var(--color-border);display:flex;gap:.75rem;justify-content:flex-end;padding:1rem 1.5rem}.stage-btn--back{color:var(--color-text-secondary)}.stage-btn--back:hover{color:var(--color-text-primary)}[data-theme=dark] .stage-transition-modal__overlay{background:#000000b3}[data-theme=dark] .stage-transition-modal{background:var(--color-bg-card);box-shadow:0 20px 40px #00000080}[data-theme=dark] .stage-transition-modal__title{color:#f5f5f5}[data-theme=dark] .stage-transition-modal__icon--advance{color:#86efac}[data-theme=dark] .stage-transition-modal__icon--regress{color:#fcd34d}[data-theme=dark] .stage-transition-modal__stage--from{background:var(--color-bg-tertiary);color:#a0a0a0}[data-theme=dark] .stage-transition-modal__stage--to{background:#d4a5ff;color:#1a1a2e}[data-theme=dark] .stage-transition-modal__label{color:#f5f5f5}[data-theme=dark] .stage-transition-modal__textarea{background:var(--color-bg-tertiary);border-color:var(--color-border);color:#f5f5f5}[data-theme=dark] .stage-transition-modal__textarea:focus{border-color:#d4a5ff;box-shadow:0 0 0 3px #d4a5ff26}[data-theme=dark] .stage-transition-modal__hint,[data-theme=dark] .stage-transition-modal__textarea::placeholder{color:grey}[data-theme=dark] .stage-btn--back{color:#a0a0a0}[data-theme=dark] .stage-btn--back:hover{color:#f5f5f5}.opus-dashboard-page{background-color:var(--color-background);min-height:100vh}.opus-dashboard-page--loading{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-md);justify-content:center;min-height:100vh}.opus-dashboard-page--loading p{color:var(--color-text-secondary);font-size:var(--font-size-md)}.opus-dashboard-page--error,.opus-dashboard-page--not-found{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:var(--spacing-xl)}.opus-dashboard-page__error-content{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-md);max-width:400px;text-align:center}.opus-dashboard-page__error-content svg{color:var(--color-error)}.opus-dashboard-page__error-content h2{color:var(--color-text);font-size:var(--font-size-xl);font-weight:600;margin:0}.opus-dashboard-page__error-content p{color:var(--color-text-secondary);font-size:var(--font-size-md);margin:0}.flow-timer{background:var(--color-bg-primary);display:flex;flex-direction:column;min-height:100vh;overflow-x:hidden;padding-bottom:calc(var(--bottom-nav-height) + var(--space-6));position:relative}.flow-timer__ambient{inset:0;overflow:hidden;pointer-events:none;position:fixed;z-index:0}.flow-timer__ambient-shape{border-radius:50%;filter:blur(80px);opacity:.4;position:absolute}.flow-timer__ambient-shape--1{animation:float 20s ease-in-out infinite;background:var(--color-purple-400);height:400px;right:-100px;top:-100px;width:400px}.flow-timer__ambient-shape--2{animation:float 25s ease-in-out infinite reverse;background:var(--color-teal);bottom:100px;height:300px;left:-100px;width:300px}[data-theme=dark] .flow-timer__ambient-shape{opacity:.15}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.05)}66%{transform:translate(-20px,20px) scale(.95)}}.flow-timer__header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffc;border-bottom:1px solid var(--color-border-light);position:-webkit-sticky;position:sticky;top:0;z-index:100}[data-theme=dark] .flow-timer__header{background:#13131ae6}.flow-timer__header-content{align-items:center;display:flex;justify-content:space-between;padding:var(--space-4) var(--space-5);width:100%}.flow-timer__header-title{align-items:center;color:var(--color-primary);display:flex;gap:var(--space-3)}.flow-timer__header-title h1{color:var(--color-text-primary);font-size:var(--font-size-h3);font-weight:var(--font-weight-semibold);margin:0}.flow-timer__header-actions{align-items:center;display:flex;gap:var(--space-3)}.flow-timer__main{flex:1 1;padding:var(--space-6) var(--space-4);position:relative;z-index:1}.flow-timer__loading,.flow-timer__main{align-items:center;display:flex;flex-direction:column}.flow-timer__loading{color:var(--color-text-secondary);gap:var(--space-3);padding:var(--space-8)}.flow-timer__spinner{animation:spin 1s linear infinite;border:3px solid var(--color-border);border-radius:50%;border-top-color:var(--color-primary);height:32px;width:32px}.flow-timer__idle{align-items:center;animation:fadeInUp .4s ease-out;display:flex;flex-direction:column;gap:var(--space-6);max-width:480px;width:100%}.flow-timer__greeting{text-align:center}.flow-timer__greeting-icon{color:var(--color-primary);margin-bottom:var(--space-3)}.flow-timer__greeting h2{color:var(--color-text-primary);font-size:var(--font-size-h2);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-2)}.flow-timer__greeting p{color:var(--color-text-secondary);font-size:var(--font-size-body);margin:0}.flow-timer__project-selector{width:100%}.flow-timer__section-title{color:var(--color-text-primary);font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-4)}.flow-timer__project-grid{display:flex;flex-direction:column;gap:var(--space-2)}.flow-timer__project-item{align-items:center;background:var(--color-bg-secondary);border:2px solid #0000;border-radius:var(--radius-lg);cursor:pointer;display:flex;gap:var(--space-3);padding:var(--space-3) var(--space-4);text-align:left;transition:all var(--transition-fast);width:100%}.flow-timer__project-item:hover{background:var(--color-primary-alpha-10);border-color:var(--color-primary-alpha-15)}.flow-timer__project-item--selected{background:var(--color-primary-alpha-15);border-color:var(--color-primary)}.flow-timer__project-item svg:first-child{color:var(--color-primary);flex-shrink:0}.flow-timer__project-name{color:var(--color-text-primary);flex:1 1;font-size:var(--font-size-body);font-weight:var(--font-weight-medium)}.flow-timer__project-check{color:var(--color-primary)}.flow-timer__empty{color:var(--color-text-secondary);padding:var(--space-4);text-align:center}.flow-timer__empty p{margin:0 0 var(--space-4)}.flow-timer__start-button{max-width:280px;width:100%}.flow-timer__ritual{align-items:center;animation:fadeInUp .4s ease-out;display:flex;flex-direction:column;gap:var(--space-6);max-width:480px;width:100%}.flow-timer__ritual-header{text-align:center}.flow-timer__ritual-icon{display:block;font-size:48px;margin-bottom:var(--space-3)}.flow-timer__ritual-header h2{color:var(--color-text-primary);font-size:var(--font-size-h2);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-2)}.flow-timer__ritual-header p{color:var(--color-text-secondary);font-size:var(--font-size-body);margin:0}.flow-timer__ritual-card{width:100%}.flow-timer__ritual-items{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-5)}.flow-timer__ritual-item{align-items:center;background:var(--color-bg-secondary);border:2px solid #0000;border-radius:var(--radius-lg);cursor:pointer;display:flex;gap:var(--space-3);padding:var(--space-4);text-align:left;transition:all var(--transition-fast);width:100%}.flow-timer__ritual-item:hover{background:var(--color-primary-alpha-10)}.flow-timer__ritual-item--completed{background:var(--color-success-light);border-color:var(--color-success)}.flow-timer__ritual-item-icon{flex-shrink:0;font-size:24px}.flow-timer__ritual-item-text{color:var(--color-text-primary);flex:1 1;font-size:var(--font-size-body)}.flow-timer__ritual-item-check{color:var(--color-success)}.flow-timer__ritual-item-circle{border:2px solid var(--color-border);border-radius:50%;height:24px;width:24px}.flow-timer__ritual-item--completed .flow-timer__ritual-item-circle{display:none}.flow-timer__ritual-actions{display:flex;gap:var(--space-3);justify-content:space-between}.flow-timer__active{align-items:center;animation:fadeInUp .4s ease-out;display:flex;flex-direction:column;gap:var(--space-4);max-width:480px;padding-top:var(--space-8);width:100%}.flow-timer__active-project{background:var(--color-primary-alpha-10);border-radius:var(--radius-full);color:var(--color-primary);font-size:var(--font-size-body-sm);font-weight:var(--font-weight-medium);padding:var(--space-2) var(--space-4)}.flow-timer__active-project,.flow-timer__display{align-items:center;display:flex;gap:var(--space-2)}.flow-timer__display{flex-direction:column;padding:var(--space-8) 0}.flow-timer__time{font-feature-settings:"tnum";color:var(--color-text-primary);font-size:72px;font-variant-numeric:tabular-nums;font-weight:var(--font-weight-semibold);letter-spacing:-2px;line-height:1}@media (min-width:480px){.flow-timer__time{font-size:96px}}.flow-timer__display--paused .flow-timer__time{animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.flow-timer__paused-label{background:var(--color-warning-light);border-radius:var(--radius-full);color:var(--color-warning);font-size:var(--font-size-body);font-weight:var(--font-weight-medium);padding:var(--space-1) var(--space-3)}.flow-timer__message{color:var(--color-text-secondary);font-size:var(--font-size-body-lg);font-style:italic;margin:0 0 var(--space-4);text-align:center}.flow-timer__controls{display:flex;gap:var(--space-4)}.flow-timer__control-button{min-width:140px}.flow-timer__control-button--stop{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.flow-timer__control-button--stop:hover{background:var(--color-error-light);color:var(--color-error)}.flow-timer__focus-toggle{align-items:center;background:#0000;border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:var(--font-size-body-sm);gap:var(--space-2);margin-top:var(--space-4);padding:var(--space-2) var(--space-4);transition:all var(--transition-fast)}.flow-timer__focus-toggle:hover{background:var(--color-primary-alpha-10);border-color:var(--color-primary);color:var(--color-primary)}.flow-timer__hint{color:var(--color-text-muted);font-size:var(--font-size-caption);margin-top:var(--space-4);text-align:center}.flow-timer__hint kbd{background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-sm);display:inline-block;font-family:inherit;font-size:var(--font-size-caption);padding:2px 6px}.flow-timer--focus{align-items:center;background:var(--color-dark-bg-deep);display:flex;justify-content:center;padding:var(--space-6)}.flow-timer--focus .flow-timer__ambient{display:none}.flow-timer__exit-focus{align-items:center;background:#ffffff1a;border:none;border-radius:50%;color:#fff9;cursor:pointer;display:flex;height:48px;justify-content:center;position:absolute;right:var(--space-4);top:var(--space-4);transition:all var(--transition-fast);width:48px}.flow-timer__exit-focus:hover{background:#fff3;color:#fff}.flow-timer__focus-content{align-items:center;display:flex;flex-direction:column;gap:var(--space-6);text-align:center}.flow-timer__focus-project{align-items:center;color:#ffffffb3;display:flex;font-size:var(--font-size-body-lg);gap:var(--space-3)}.flow-timer__focus-project svg{color:var(--color-primary-light)}.flow-timer__focus-display{padding:var(--space-8) 0}.flow-timer__focus-time{font-feature-settings:"tnum";color:#fff;font-size:120px;font-variant-numeric:tabular-nums;font-weight:var(--font-weight-semibold);letter-spacing:-4px;line-height:1;text-shadow:0 0 60px #a78bfa80}@media (max-width:480px){.flow-timer__focus-time{font-size:72px;letter-spacing:-2px}}.flow-timer__focus-message{color:#ffffff80;font-size:var(--font-size-body-lg);font-style:italic;margin:0}.flow-timer__focus-controls{display:flex;gap:var(--space-4)}.flow-timer__focus-button{align-items:center;border:none;border-radius:50%;cursor:pointer;display:flex;height:80px;justify-content:center;transition:all var(--transition-fast);width:80px}.flow-timer__focus-button--play{background:var(--color-primary);color:#fff}.flow-timer__focus-button--play:hover{background:var(--color-primary-light);transform:scale(1.05)}.flow-timer__focus-button--pause{background:#fff3;color:#fff}.flow-timer__focus-button--pause:hover{background:#ffffff4d}.flow-timer__focus-button--stop{background:#ffffff1a;color:#fffc}.flow-timer__focus-button--stop:hover{background:var(--color-error);color:#fff}.flow-timer__focus-hint{color:#ffffff4d;font-size:var(--font-size-caption);margin-top:var(--space-8)}.flow-timer__focus-hint kbd{background:#ffffff1a;border:1px solid #fff3;border-radius:var(--radius-sm);display:inline-block;font-family:inherit;padding:2px 6px}.flow-timer__journal{text-align:center}.flow-timer__journal-header{margin-bottom:var(--space-6)}.flow-timer__journal-icon{display:block;font-size:48px;margin-bottom:var(--space-3)}.flow-timer__journal-header h2{color:var(--color-text-primary);font-size:var(--font-size-h2);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-2)}.flow-timer__journal-message{color:var(--color-text-secondary);font-size:var(--font-size-body);margin:0 0 var(--space-4)}.flow-timer__journal-stats{align-items:center;display:flex;gap:var(--space-4);justify-content:center}.flow-timer__journal-duration{font-feature-settings:"tnum";color:var(--color-primary);font-size:var(--font-size-h3);font-variant-numeric:tabular-nums;font-weight:var(--font-weight-semibold)}.flow-timer__journal-project{background:var(--color-bg-secondary);border-radius:var(--radius-full);color:var(--color-text-secondary);font-size:var(--font-size-body-sm);padding:var(--space-1) var(--space-3)}.flow-timer__journal-content{text-align:left}.flow-timer__journal-section{margin-bottom:var(--space-5)}.flow-timer__journal-label{color:var(--color-text-primary);display:block;font-size:var(--font-size-body-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--space-3)}.flow-timer__journal-actions{border-top:1px solid var(--color-border);display:flex;gap:var(--space-3);justify-content:flex-end;margin-top:var(--space-6);padding-top:var(--space-4)}.flow-timer__nav{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border-top:1px solid var(--color-border-light);bottom:0;display:flex;height:var(--bottom-nav-height);justify-content:space-around;left:0;position:fixed;right:0;z-index:100}[data-theme=dark] .flow-timer__nav{background:#13131af2}.flow-timer__nav-item{align-items:center;color:var(--color-text-muted);display:flex;flex-direction:column;font-size:var(--font-size-caption);gap:var(--space-1);padding:var(--space-2);text-decoration:none;transition:color var(--transition-fast)}.flow-timer__nav-item--active,.flow-timer__nav-item:hover{color:var(--color-primary)}.flow-timer__nav-item--active{font-weight:var(--font-weight-medium)}@media (max-width:480px){.flow-timer__main{padding:var(--space-4) var(--space-3)}.flow-timer__greeting h2,.flow-timer__journal-header h2,.flow-timer__ritual-header h2{font-size:var(--font-size-h3)}.flow-timer__controls{flex-direction:column;max-width:280px;width:100%}.flow-timer__control-button{width:100%}.flow-timer__focus-button{height:64px;width:64px}.flow-timer__focus-button svg{height:24px;width:24px}}.brain-dump{background:var(--color-bg-primary);display:flex;flex-direction:column;min-height:100vh;overflow-x:hidden;padding-bottom:calc(var(--bottom-nav-height) + var(--space-6));position:relative}.brain-dump__ambient{inset:0;overflow:hidden;pointer-events:none;position:fixed;z-index:0}.brain-dump__ambient-shape{border-radius:50%;filter:blur(80px);opacity:.35;position:absolute}.brain-dump__ambient-shape--1{animation:floatIdeas 18s ease-in-out infinite;background:var(--color-yellow);height:350px;left:-100px;top:-50px;width:350px}.brain-dump__ambient-shape--2{animation:floatIdeas 22s ease-in-out infinite reverse;background:var(--color-pink);bottom:150px;height:280px;right:-80px;width:280px}[data-theme=dark] .brain-dump__ambient-shape{opacity:.12}@keyframes floatIdeas{0%,to{transform:translate(0) scale(1)}50%{transform:translate(20px,-20px) scale(1.1)}}.brain-dump__header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffc;border-bottom:1px solid var(--color-border-light);position:-webkit-sticky;position:sticky;top:0;z-index:100}[data-theme=dark] .brain-dump__header{background:#13131ae6}.brain-dump__header-content{align-items:center;display:flex;justify-content:space-between;padding:var(--space-4) var(--space-5);width:100%}.brain-dump__header-title{align-items:center;color:var(--color-yellow);display:flex;gap:var(--space-3)}[data-theme=dark] .brain-dump__header-title{color:var(--color-mood-inspired)}.brain-dump__header-title h1{color:var(--color-text-primary);font-size:var(--font-size-h3);font-weight:var(--font-weight-semibold);margin:0}.brain-dump__header-actions{align-items:center;display:flex;gap:var(--space-3)}.brain-dump__main{display:flex;flex:1 1;flex-direction:column;margin:0 auto;max-width:var(--container-md);padding:var(--space-4);position:relative;width:100%;z-index:1}.brain-dump__intro{margin-bottom:var(--space-4);text-align:center}.brain-dump__intro p{color:var(--color-text-secondary);font-size:var(--font-size-body);margin:0}.brain-dump__filters{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-5)}.brain-dump__search{align-items:center;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:flex;gap:var(--space-3);padding:var(--space-3) var(--space-4);transition:all var(--transition-fast)}.brain-dump__search:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-alpha-15)}.brain-dump__search svg{color:var(--color-text-muted);flex-shrink:0}.brain-dump__search input{background:none;border:none;color:var(--color-text-primary);flex:1 1;font-size:var(--font-size-body);outline:none}.brain-dump__search button,.brain-dump__search input::placeholder{color:var(--color-text-muted)}.brain-dump__search button{align-items:center;background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;display:flex;justify-content:center;padding:var(--space-1);transition:all var(--transition-fast)}.brain-dump__search button:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.brain-dump__tags-filter{display:flex;flex-wrap:wrap;gap:var(--space-2)}.brain-dump__tag-chip{align-items:center;background:var(--color-bg-secondary);border:1px solid #0000;border-radius:var(--radius-full);color:var(--color-text-secondary);cursor:pointer;display:inline-flex;font-size:var(--font-size-caption);font-weight:var(--font-weight-medium);gap:var(--space-1);padding:var(--space-1) var(--space-3);transition:all var(--transition-fast)}.brain-dump__tag-chip:hover{background:var(--color-primary-alpha-10)}.brain-dump__tag-chip--active{border-color:currentColor}.brain-dump__tag-chip--purple{color:var(--color-purple-500)}.brain-dump__tag-chip--purple.brain-dump__tag-chip--active{background:var(--color-purple-100)}.brain-dump__tag-chip--pink{color:var(--color-pink)}.brain-dump__tag-chip--pink.brain-dump__tag-chip--active{background:#ff6b9d26}.brain-dump__tag-chip--blue{color:var(--color-cyan)}.brain-dump__tag-chip--blue.brain-dump__tag-chip--active{background:#54a0ff26}.brain-dump__tag-chip--teal{color:var(--color-teal)}.brain-dump__tag-chip--teal.brain-dump__tag-chip--active{background:#00d2d326}.brain-dump__tag-chip--orange{color:var(--color-orange)}.brain-dump__tag-chip--orange.brain-dump__tag-chip--active{background:#ff9f4326}.brain-dump__tag-chip--green{color:var(--color-lime)}.brain-dump__tag-chip--green.brain-dump__tag-chip--active{background:#5cd85a26}.brain-dump__tag-chip--gray{color:var(--color-text-secondary)}.brain-dump__tag-chip--gray.brain-dump__tag-chip--active{background:var(--color-bg-tertiary)}.brain-dump__list{display:flex;flex-direction:column;gap:var(--space-3)}.brain-dump__idea-card{animation:slideInCard .3s ease-out both;cursor:pointer;transition:all var(--transition-fast)}.brain-dump__idea-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.brain-dump__idea-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-2)}.brain-dump__idea-type{align-items:center;background:var(--color-primary-alpha-10);border-radius:var(--radius-md);color:var(--color-primary);display:flex;height:28px;justify-content:center;width:28px}.brain-dump__idea-time{align-items:center;color:var(--color-text-muted);display:flex;font-size:var(--font-size-caption);gap:var(--space-1)}.brain-dump__idea-content{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:var(--color-text-primary);display:-webkit-box;font-size:var(--font-size-body);line-height:var(--line-height-relaxed);margin:0 0 var(--space-3);overflow:hidden}.brain-dump__idea-link{align-items:center;background:var(--color-bg-secondary);border-radius:var(--radius-md);color:var(--color-text-secondary);display:flex;font-size:var(--font-size-body-sm);gap:var(--space-2);margin-bottom:var(--space-3);overflow:hidden;padding:var(--space-2) var(--space-3)}.brain-dump__idea-link svg{color:var(--color-primary);flex-shrink:0}.brain-dump__idea-link span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.brain-dump__idea-tags{display:flex;flex-wrap:wrap;gap:var(--space-1)}.brain-dump__idea-tag{background:var(--color-bg-secondary);border-radius:var(--radius-sm);display:inline-block;font-size:11px;font-weight:var(--font-weight-medium);padding:2px var(--space-2)}.brain-dump__empty{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:var(--space-12) var(--space-4);text-align:center}.brain-dump__empty-icon{font-size:64px;margin-bottom:var(--space-4)}.brain-dump__empty h3{color:var(--color-text-primary);font-size:var(--font-size-h3);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-2)}.brain-dump__empty p{color:var(--color-text-secondary);font-size:var(--font-size-body);margin:0}.brain-dump__loading{align-items:center;color:var(--color-text-secondary);display:flex;flex-direction:column;justify-content:center;padding:var(--space-12) var(--space-4);text-align:center}.brain-dump__loading-spinner{animation:spin 1s linear infinite;color:var(--color-yellow);margin-bottom:var(--space-4)}.brain-dump__loading p{font-size:var(--font-size-body);margin:0}.brain-dump__error{align-items:center;display:flex;flex-direction:column;gap:var(--space-4);justify-content:center;padding:var(--space-12) var(--space-4);text-align:center}.brain-dump__error p{color:var(--color-error);font-size:var(--font-size-body);margin:0}.brain-dump__fab-backdrop{background:#0000;inset:0;position:fixed;z-index:140}.brain-dump__fab-container{align-items:flex-end;bottom:calc(var(--bottom-nav-height) + var(--space-4));display:flex;flex-direction:column;gap:var(--space-3);position:fixed;right:var(--space-4);z-index:150}.brain-dump__fab{align-items:center;background:var(--color-primary);border:none;border-radius:50%;box-shadow:var(--shadow-lg);color:#fff;cursor:pointer;display:flex;height:60px;justify-content:center;transition:all var(--transition-fast);width:60px}.brain-dump__fab:hover{box-shadow:var(--shadow-xl);transform:scale(1.05)}.brain-dump__fab--expanded{background:var(--color-bg-tertiary);color:var(--color-text-primary);transform:rotate(45deg)}[data-theme=dark] .brain-dump__fab--expanded{background:var(--color-bg-card)}.brain-dump__fab--expanded:hover{transform:rotate(45deg) scale(1.05)}.brain-dump__fab-options{animation:fadeInOptions .2s ease-out;display:flex;flex-direction:column;gap:var(--space-2)}@keyframes fadeInOptions{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.brain-dump__fab-option{align-items:center;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);color:var(--color-text-primary);cursor:pointer;display:flex;gap:var(--space-3);padding:var(--space-3) var(--space-4);transition:all var(--transition-fast);white-space:nowrap}.brain-dump__fab-option:hover{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.brain-dump__fab-option svg{color:inherit;flex-shrink:0}.brain-dump__fab-option span{font-size:var(--font-size-body-sm);font-weight:var(--font-weight-medium)}.brain-dump__capture{display:flex;flex-direction:column;gap:var(--space-4)}.brain-dump__capture-image,.brain-dump__capture-voice{text-align:center}.brain-dump__capture-image-placeholder,.brain-dump__capture-voice-icon{align-items:center;background:var(--color-bg-secondary);border-radius:var(--radius-lg);color:var(--color-text-muted);display:flex;flex-direction:column;justify-content:center;margin-bottom:var(--space-4);padding:var(--space-6)}.brain-dump__capture-image-placeholder svg,.brain-dump__capture-voice-icon svg{color:var(--color-primary);margin-bottom:var(--space-2)}.brain-dump__capture-image-placeholder p,.brain-dump__capture-voice p{color:var(--color-text-secondary);font-size:var(--font-size-body);margin:0 0 var(--space-1)}.brain-dump__capture-image-placeholder span,.brain-dump__capture-voice span{color:var(--color-text-muted);font-size:var(--font-size-caption)}.brain-dump__capture-tags{display:flex;flex-direction:column;gap:var(--space-2)}.brain-dump__capture-tags label{color:var(--color-text-secondary);font-size:var(--font-size-body-sm);font-weight:var(--font-weight-medium)}.brain-dump__capture-tags-list{display:flex;flex-wrap:wrap;gap:var(--space-2)}.brain-dump__capture-actions{border-top:1px solid var(--color-border);display:flex;gap:var(--space-3);justify-content:flex-end;margin-top:var(--space-2);padding-top:var(--space-4)}.brain-dump__detail{display:flex;flex-direction:column;gap:var(--space-4)}.brain-dump__detail-header{align-items:center;display:flex;justify-content:space-between}.brain-dump__detail-type{align-items:center;color:var(--color-primary);display:flex;font-size:var(--font-size-body);font-weight:var(--font-weight-medium);gap:var(--space-2)}.brain-dump__detail-time{color:var(--color-text-muted);font-size:var(--font-size-caption)}.brain-dump__detail-content{color:var(--color-text-primary);font-size:var(--font-size-body-lg);line-height:var(--line-height-relaxed);margin:0}.brain-dump__detail-link{align-items:center;background:var(--color-bg-secondary);border-radius:var(--radius-lg);color:var(--color-primary);display:flex;font-size:var(--font-size-body-sm);gap:var(--space-2);padding:var(--space-3) var(--space-4);text-decoration:none;transition:all var(--transition-fast)}.brain-dump__detail-link:hover{background:var(--color-primary-alpha-15)}.brain-dump__detail-link svg:last-child{margin-left:auto}.brain-dump__detail-tags{display:flex;flex-wrap:wrap;gap:var(--space-2)}.brain-dump__detail-actions{border-top:1px solid var(--color-border);display:flex;gap:var(--space-2);margin-top:var(--space-2);padding-top:var(--space-4)}.brain-dump__detail-actions button{flex:1 1}.brain-dump__detail-delete{color:var(--color-error)}.brain-dump__detail-delete:hover{background:var(--color-error-light)}.brain-dump__nav{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border-top:1px solid var(--color-border-light);bottom:0;display:flex;height:var(--bottom-nav-height);justify-content:space-around;left:0;position:fixed;right:0;z-index:100}[data-theme=dark] .brain-dump__nav{background:#13131af2}.brain-dump__nav-item{align-items:center;color:var(--color-text-muted);display:flex;flex-direction:column;font-size:var(--font-size-caption);gap:var(--space-1);padding:var(--space-2);text-decoration:none;transition:color var(--transition-fast)}.brain-dump__nav-item--active,.brain-dump__nav-item:hover{color:var(--color-primary)}.brain-dump__nav-item--active{font-weight:var(--font-weight-medium)}@media (max-width:480px){.brain-dump__main{padding:var(--space-3)}.brain-dump__fab{height:56px;width:56px}}.emergency-kit{background:var(--color-bg-primary);display:flex;flex-direction:column;min-height:100vh;overflow-x:hidden;padding-bottom:calc(var(--bottom-nav-height) + var(--space-6));position:relative}.emergency-kit__ambient{inset:0;overflow:hidden;pointer-events:none;position:fixed;z-index:0}.emergency-kit__ambient-shape{border-radius:50%;filter:blur(100px);opacity:.25;position:absolute}.emergency-kit__ambient-shape--1{animation:calmFloat 30s ease-in-out infinite;background:linear-gradient(135deg,var(--color-teal),var(--color-cyan));height:400px;left:-100px;top:-100px;width:400px}.emergency-kit__ambient-shape--2{animation:calmFloat 25s ease-in-out infinite reverse;background:linear-gradient(135deg,var(--color-purple-400),var(--color-pink));bottom:200px;height:300px;right:-80px;width:300px}.emergency-kit__ambient-shape--3{animation:calmFloat 28s ease-in-out 5s infinite;background:var(--color-lime);bottom:-50px;height:250px;left:20%;width:250px}[data-theme=dark] .emergency-kit__ambient-shape{opacity:.1}@keyframes calmFloat{0%,to{transform:translate(0) scale(1)}50%{transform:translate(15px,-15px) scale(1.05)}}.emergency-kit__header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffc;border-bottom:1px solid var(--color-border-light);position:-webkit-sticky;position:sticky;top:0;z-index:100}[data-theme=dark] .emergency-kit__header{background:#13131ae6}.emergency-kit__header-content{align-items:center;display:flex;justify-content:space-between;padding:var(--space-4) var(--space-5);width:100%}.emergency-kit__header-title{align-items:center;color:var(--color-coral);display:flex;gap:var(--space-3)}.emergency-kit__header-title h1{color:var(--color-text-primary);font-size:var(--font-size-h3);font-weight:var(--font-weight-semibold);margin:0}.emergency-kit__header-actions{align-items:center;display:flex;gap:var(--space-3)}.emergency-kit__welcome{padding:var(--space-6) var(--space-4) var(--space-4);position:relative;text-align:center;z-index:1}.emergency-kit__welcome-icon{display:block;font-size:48px;margin-bottom:var(--space-3)}.emergency-kit__welcome h2{color:var(--color-text-primary);font-size:var(--font-size-h2);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-2)}.emergency-kit__welcome p{color:var(--color-text-secondary);font-size:var(--font-size-body);margin:0}.emergency-kit__tabs{-webkit-overflow-scrolling:touch;display:flex;gap:var(--space-2);margin:0 auto;max-width:var(--container-md);overflow-x:auto;padding:var(--space-3) var(--space-4);position:relative;scrollbar-width:none;width:100%;z-index:1}.emergency-kit__tabs::-webkit-scrollbar{display:none}.emergency-kit__tab{align-items:center;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:var(--font-size-body-sm);font-weight:var(--font-weight-medium);gap:var(--space-2);padding:var(--space-2) var(--space-4);transition:all var(--transition-fast);white-space:nowrap}.emergency-kit__tab:hover{background:var(--color-primary-alpha-10);border-color:var(--color-primary-alpha-15)}.emergency-kit__tab--active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.emergency-kit__tab--active:hover{background:var(--color-primary-dark)}.emergency-kit__main{flex:1 1;margin:0 auto;max-width:var(--container-md);padding:var(--space-4);position:relative;width:100%;z-index:1}.emergency-kit__section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-4)}.emergency-kit__section-header h3{color:var(--color-text-primary);font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);margin:0}.emergency-kit__refresh{align-items:center;background:#0000;border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:var(--font-size-caption);gap:var(--space-2);padding:var(--space-2) var(--space-3);transition:all var(--transition-fast)}.emergency-kit__refresh:hover{background:var(--color-primary-alpha-10);border-color:var(--color-primary);color:var(--color-primary)}.emergency-kit__breakers{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-5)}.emergency-kit__breaker-card{align-items:flex-start;animation:slideInCalm .4s ease-out both;display:flex;gap:var(--space-4)}@keyframes slideInCalm{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.emergency-kit__breaker-icon{flex-shrink:0;font-size:32px}.emergency-kit__breaker-content{flex:1 1}.emergency-kit__breaker-content h4{color:var(--color-text-primary);font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-1)}.emergency-kit__breaker-content p{color:var(--color-text-secondary);font-size:var(--font-size-body-sm);line-height:var(--line-height-relaxed);margin:0 0 var(--space-2)}.emergency-kit__breaker-meta{align-items:center;display:flex;gap:var(--space-3)}.emergency-kit__breaker-category{border-radius:var(--radius-sm);font-size:var(--font-size-caption);font-weight:var(--font-weight-medium);padding:2px var(--space-2);text-transform:capitalize}.emergency-kit__breaker-category--coral{background:#ff6b6b26;color:var(--color-coral)}.emergency-kit__breaker-category--purple{background:var(--color-purple-100);color:var(--color-purple-500)}.emergency-kit__breaker-category--cyan{background:#54a0ff26;color:var(--color-cyan)}.emergency-kit__breaker-category--teal{background:#00d2d326;color:var(--color-teal)}.emergency-kit__breaker-category--yellow{background:#ff9f4326;color:var(--color-orange)}.emergency-kit__breaker-time{font-size:var(--font-size-caption);gap:var(--space-1)}.emergency-kit__breaker-time,.emergency-kit__breaker-try{align-items:center;color:var(--color-text-muted);display:flex}.emergency-kit__breaker-try{background:var(--color-bg-secondary);border:none;border-radius:50%;cursor:pointer;flex-shrink:0;height:40px;justify-content:center;transition:all var(--transition-fast);width:40px}.emergency-kit__breaker-try:hover{background:var(--color-success);color:#fff}.emergency-kit__breathing-btn{align-items:center;background:linear-gradient(135deg,#00d2d31a,#54a0ff1a);border:1px solid #00d2d34d;border-radius:var(--radius-xl);cursor:pointer;display:flex;gap:var(--space-3);padding:var(--space-4);transition:all var(--transition-fast);width:100%}.emergency-kit__breathing-btn:hover{background:linear-gradient(135deg,#00d2d333,#54a0ff33);transform:translateY(-2px)}.emergency-kit__breathing-btn-icon{font-size:28px}.emergency-kit__breathing-btn span:not(.emergency-kit__breathing-btn-icon){color:var(--color-text-primary);flex:1 1;font-size:var(--font-size-body);font-weight:var(--font-weight-medium);text-align:left}.emergency-kit__breathing-btn svg{color:var(--color-teal)}.emergency-kit__five-minutes{align-items:center;display:flex;flex-direction:column;gap:var(--space-5)}.emergency-kit__five-intro{text-align:center}.emergency-kit__five-icon{display:block;font-size:48px;margin-bottom:var(--space-3)}.emergency-kit__five-intro h3{color:var(--color-text-primary);font-size:var(--font-size-h2);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-2)}.emergency-kit__five-intro p{color:var(--color-text-secondary);font-size:var(--font-size-body);margin:0}.emergency-kit__project-select{width:100%}.emergency-kit__project-select label{color:var(--color-text-secondary);display:block;font-size:var(--font-size-body-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--space-3)}.emergency-kit__project-list{display:flex;flex-direction:column;gap:var(--space-2)}.emergency-kit__project-item{align-items:center;background:var(--color-bg-secondary);border:2px solid #0000;border-radius:var(--radius-lg);color:var(--color-text-primary);cursor:pointer;display:flex;font-size:var(--font-size-body);justify-content:space-between;padding:var(--space-3) var(--space-4);text-align:left;transition:all var(--transition-fast);width:100%}.emergency-kit__project-item:hover{background:var(--color-primary-alpha-10)}.emergency-kit__project-item--selected{background:var(--color-primary-alpha-15);border-color:var(--color-primary)}.emergency-kit__project-item svg{color:var(--color-primary)}.emergency-kit__loading,.emergency-kit__no-projects{color:var(--color-text-muted);font-size:var(--font-size-body-sm);padding:var(--space-4);text-align:center}.emergency-kit__start-btn{max-width:280px;width:100%}.emergency-kit__timer-active{align-items:center;display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-8) 0}.emergency-kit__timer-project{color:var(--color-text-secondary);font-size:var(--font-size-body);margin:0}.emergency-kit__timer-display{padding:var(--space-6) 0}.emergency-kit__timer-time{font-feature-settings:"tnum";color:var(--color-text-primary);font-size:80px;font-variant-numeric:tabular-nums;font-weight:var(--font-weight-semibold);letter-spacing:-2px}.emergency-kit__timer-message{color:var(--color-text-secondary);font-size:var(--font-size-body);font-style:italic;margin:0}.emergency-kit__timer-complete{align-items:center;display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-8) 0;text-align:center}.emergency-kit__complete-icon{font-size:64px}.emergency-kit__timer-complete h3{color:var(--color-text-primary);font-size:var(--font-size-h2);font-weight:var(--font-weight-semibold);margin:0}.emergency-kit__timer-complete p{color:var(--color-text-secondary);font-size:var(--font-size-body);margin:0 0 var(--space-4)}.emergency-kit__challenge-list,.emergency-kit__complete-actions{display:flex;gap:var(--space-3)}.emergency-kit__challenge-list{flex-direction:column}.emergency-kit__challenge-card{align-items:flex-start;animation:slideInCalm .4s ease-out both;display:flex;gap:var(--space-4)}.emergency-kit__challenge-content{flex:1 1}.emergency-kit__challenge-content h4{color:var(--color-text-primary);font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-1)}.emergency-kit__challenge-content p{color:var(--color-text-secondary);font-size:var(--font-size-body-sm);line-height:var(--line-height-relaxed);margin:0 0 var(--space-2)}.emergency-kit__challenge-meta{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-3)}.emergency-kit__challenge-duration{align-items:center;color:var(--color-text-muted);display:flex;font-size:var(--font-size-caption);gap:var(--space-1)}.emergency-kit__challenge-difficulty{border-radius:var(--radius-sm);font-size:var(--font-size-caption);font-weight:var(--font-weight-medium);padding:2px var(--space-2);text-transform:capitalize}.emergency-kit__challenge-difficulty--easy{background:#5cd85a26;color:var(--color-lime)}.emergency-kit__challenge-difficulty--medium{background:#feca5726;color:var(--color-yellow)}.emergency-kit__challenge-difficulty--hard{background:#ff6b6b26;color:var(--color-coral)}.emergency-kit__challenge-join,.emergency-kit__challenge-participants{align-items:center;color:var(--color-text-muted);display:flex;font-size:var(--font-size-caption);gap:var(--space-1)}.emergency-kit__challenge-join{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-full);cursor:pointer;flex-shrink:0;font-weight:var(--font-weight-medium);padding:var(--space-2) var(--space-3);transition:all var(--transition-fast)}.emergency-kit__challenge-join:hover{background:var(--color-primary-alpha-10);border-color:var(--color-primary);color:var(--color-primary)}.emergency-kit__premium-cta{align-items:center;background:linear-gradient(135deg,var(--color-primary-alpha-10),#ff6b9d1a);border-radius:var(--radius-xl);display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-5);padding:var(--space-6);text-align:center}.emergency-kit__premium-cta p{color:var(--color-text-secondary);font-size:var(--font-size-body);margin:0}.emergency-kit__articles{display:flex;flex-direction:column;gap:var(--space-3)}.emergency-kit__article-card{align-items:center;animation:slideInCalm .4s ease-out both;cursor:pointer;display:flex;gap:var(--space-4);transition:all var(--transition-fast)}.emergency-kit__article-card:hover{transform:translateX(4px)}.emergency-kit__article-content{flex:1 1}.emergency-kit__article-category{border-radius:var(--radius-sm);display:inline-block;font-size:var(--font-size-caption);font-weight:var(--font-weight-medium);margin-bottom:var(--space-2);padding:2px var(--space-2);text-transform:capitalize}.emergency-kit__article-category--science{background:#54a0ff26;color:var(--color-cyan)}.emergency-kit__article-category--inspiration{background:#feca5726;color:var(--color-yellow)}.emergency-kit__article-category--practical{background:#5cd85a26;color:var(--color-lime)}.emergency-kit__article-content h4{color:var(--color-text-primary);font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-1)}.emergency-kit__article-content p{color:var(--color-text-secondary);font-size:var(--font-size-body-sm);line-height:var(--line-height-relaxed);margin:0 0 var(--space-2)}.emergency-kit__article-time{align-items:center;color:var(--color-text-muted);display:flex;font-size:var(--font-size-caption);gap:var(--space-1)}.emergency-kit__article-arrow{color:var(--color-text-muted);flex-shrink:0}.emergency-kit__breathing{align-items:center;display:flex;flex-direction:column;gap:var(--space-6);padding:var(--space-6);text-align:center}.emergency-kit__breathing-circle{align-items:center;background:linear-gradient(135deg,var(--color-teal),var(--color-cyan));border-radius:50%;display:flex;height:200px;justify-content:center;transition:transform 4s ease-in-out;width:200px}.emergency-kit__breathing-circle--hold,.emergency-kit__breathing-circle--inhale{transform:scale(1.2)}.emergency-kit__breathing-circle--exhale{transform:scale(.8)}.emergency-kit__breathing-text{color:#fff;font-size:var(--font-size-h3);font-weight:var(--font-weight-medium)}.emergency-kit__breathing-count{color:var(--color-text-secondary);font-size:var(--font-size-body);margin:0}.emergency-kit__nav{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border-top:1px solid var(--color-border-light);bottom:0;display:flex;height:var(--bottom-nav-height);justify-content:space-around;left:0;position:fixed;right:0;z-index:100}[data-theme=dark] .emergency-kit__nav{background:#13131af2}.emergency-kit__nav-item{align-items:center;color:var(--color-text-muted);display:flex;flex-direction:column;font-size:var(--font-size-caption);gap:var(--space-1);padding:var(--space-2);text-decoration:none;transition:color var(--transition-fast)}.emergency-kit__nav-item--active,.emergency-kit__nav-item:hover{color:var(--color-primary)}.emergency-kit__nav-item--active{font-weight:var(--font-weight-medium)}.emergency-kit__loading-state{align-items:center;color:var(--color-text-secondary);display:flex;flex-direction:column;justify-content:center;padding:var(--space-12) var(--space-4);text-align:center}.emergency-kit__loading-state p{font-size:var(--font-size-body);margin:var(--space-3) 0 0 0}.emergency-kit__spinning{animation:spin 1s linear infinite}@media (max-width:480px){.emergency-kit__welcome h2{font-size:var(--font-size-h3)}.emergency-kit__timer-time{font-size:64px}.emergency-kit__breathing-circle{height:160px;width:160px}.emergency-kit__breathing-text{font-size:var(--font-size-body-lg)}}.photo-upload{display:flex;flex-direction:column;gap:var(--spacing-md)}.photo-upload__input{display:none}.photo-upload__dropzone{background:var(--color-bg-secondary);border:2px dashed var(--color-border);border-radius:var(--radius-lg);cursor:pointer;padding:var(--spacing-2xl);text-align:center;transition:all .2s ease}.photo-upload__dropzone:focus,.photo-upload__dropzone:hover{background:var(--color-bg-elevated);border-color:var(--color-primary)}.photo-upload__dropzone--dragging{background:var(--color-primary-alpha-10);border-color:var(--color-primary);transform:scale(1.01)}.photo-upload__dropzone-content{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-md)}.photo-upload__icon-wrapper{align-items:center;background:var(--color-primary-alpha-10);border-radius:var(--radius-full);color:var(--color-primary);display:flex;height:80px;justify-content:center;margin-bottom:var(--spacing-sm);width:80px}.photo-upload__title{color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:600;margin:0}.photo-upload__subtitle{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:0}.photo-upload__buttons{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-sm)}.photo-upload__hint{color:var(--color-text-tertiary);font-size:var(--font-size-xs);margin:0}.photo-upload__preview-container{display:flex;flex-direction:column;gap:var(--spacing-md)}.photo-upload__header{align-items:center;display:flex;justify-content:space-between}.photo-upload__count{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:500}.photo-upload__thumbnails{grid-gap:var(--spacing-sm);display:grid;gap:var(--spacing-sm);grid-template-columns:repeat(auto-fill,minmax(100px,1fr));max-height:320px;overflow-y:auto;padding:var(--spacing-xs)}.photo-upload__thumbnail{aspect-ratio:1;background:var(--color-bg-secondary);border:2px solid #0000;border-radius:var(--radius-md);overflow:hidden;position:relative;transition:all .2s ease}.photo-upload__thumbnail:hover{border-color:var(--color-border)}.photo-upload__thumbnail--completed{border-color:var(--color-success)}.photo-upload__thumbnail--error{border-color:var(--color-error)}.photo-upload__thumbnail-image{height:100%;object-fit:cover;width:100%}.photo-upload__thumbnail-overlay{align-items:center;background:#0009;color:#fff;display:flex;flex-direction:column;gap:var(--spacing-xs);inset:0;justify-content:center;position:absolute}.photo-upload__thumbnail-overlay--success{background:#22c55eb3}.photo-upload__thumbnail-overlay--error{background:#ef4444b3}.photo-upload__thumbnail-progress{font-size:var(--font-size-xs);font-weight:600}.photo-upload__thumbnail-remove{align-items:center;background:#000000b3;border:none;border-radius:var(--radius-full);color:#fff;cursor:pointer;display:flex;height:24px;justify-content:center;opacity:0;position:absolute;right:4px;top:4px;transition:opacity .2s ease;width:24px}.photo-upload__thumbnail:hover .photo-upload__thumbnail-remove{opacity:1}.photo-upload__thumbnail-remove:hover{background:var(--color-error)}.photo-upload__preview{display:flex;flex-direction:column;gap:var(--spacing-md)}.photo-upload__preview-image-wrapper{background:var(--color-bg-secondary);border-radius:var(--radius-lg);overflow:hidden;position:relative}.photo-upload__preview-image{display:block;height:auto;max-height:400px;object-fit:contain;width:100%}.photo-upload__overlay{background:#0009;gap:var(--spacing-md);inset:0;justify-content:center;position:absolute}.photo-upload__overlay,.photo-upload__progress{align-items:center;display:flex;flex-direction:column}.photo-upload__progress{color:#fff;gap:var(--spacing-sm)}.photo-upload__spinner{animation:spin 1s linear infinite}.photo-upload__progress-text{font-size:var(--font-size-lg);font-weight:600}.photo-upload__progress-bar{background:#fff3;border-radius:var(--radius-full);height:4px;overflow:hidden;width:200px}.photo-upload__progress-fill{background:var(--color-primary);height:100%;transition:width .2s ease}.photo-upload__error{align-items:center;background:var(--color-error-alpha-10);border:1px solid var(--color-error);border-radius:var(--radius-md);color:var(--color-error);display:flex;font-size:var(--font-size-sm);justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md)}.photo-upload__error button{align-items:center;background:none;border:none;color:inherit;cursor:pointer;display:flex;justify-content:center;padding:var(--spacing-xs)}.photo-upload__actions{display:flex;gap:var(--spacing-sm);justify-content:flex-end}.photo-upload__cancel{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;font-size:var(--font-size-sm);margin-top:var(--spacing-sm);padding:var(--spacing-sm);text-align:center;width:100%}.photo-upload__cancel:hover{color:var(--color-text-primary);text-decoration:underline}@media (max-width:480px){.photo-upload__dropzone{padding:var(--spacing-xl)}.photo-upload__buttons{flex-direction:column;width:100%}.photo-upload__buttons button{width:100%}.photo-upload__actions{flex-direction:column-reverse}.photo-upload__actions button{width:100%}}[data-theme=dark] .photo-upload__dropzone{background:var(--color-bg-tertiary);border-color:var(--color-border)}[data-theme=dark] .photo-upload__dropzone:focus,[data-theme=dark] .photo-upload__dropzone:hover{background:var(--color-bg-secondary);border-color:#d4a5ff}[data-theme=dark] .photo-upload__dropzone--dragging{background:#d4a5ff26;border-color:#d4a5ff}[data-theme=dark] .photo-upload__icon-wrapper{background:#d4a5ff26;color:#d4a5ff}[data-theme=dark] .photo-upload__title{color:#f5f5f5}[data-theme=dark] .photo-upload__subtitle{color:#a0a0a0}[data-theme=dark] .photo-upload__hint{color:grey}[data-theme=dark] .photo-upload__preview-image-wrapper{background:var(--color-bg-tertiary)}[data-theme=dark] .photo-upload__error{background:#fca5a526;border-color:#fca5a5;color:#fca5a5}[data-theme=dark] .photo-upload__cancel{color:#a0a0a0}[data-theme=dark] .photo-upload__cancel:hover{color:#f5f5f5}[data-theme=dark] .photo-upload__count{color:#a0a0a0}[data-theme=dark] .photo-upload__thumbnail{background:var(--color-bg-tertiary)}[data-theme=dark] .photo-upload__thumbnail:hover{border-color:var(--color-border)}[data-theme=dark] .photo-upload__thumbnail--completed{border-color:#86efac}[data-theme=dark] .photo-upload__thumbnail--error{border-color:#fca5a5}.photo-gallery{display:flex;flex-direction:column;gap:var(--space-6)}.photo-gallery__grid{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(2,1fr)}.photo-gallery__card{animation:gallery-card-enter .4s ease-out forwards;animation-delay:0s;animation-delay:calc(var(--card-index, 0)*.06s);background:#fff;border-radius:var(--radius-lg);box-shadow:0 1px 3px #00000014,0 1px 2px #0000000a;opacity:0;overflow:hidden;transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.photo-gallery__card:hover{box-shadow:0 8px 25px #0000001a,0 4px 10px #0000000f;transform:translateY(-4px)}@keyframes gallery-card-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.photo-gallery__image-wrapper{aspect-ratio:3/4;cursor:pointer;overflow:hidden;position:relative}.photo-gallery__image{height:100%;object-fit:cover;transition:transform .4s ease;width:100%}.photo-gallery__card:hover .photo-gallery__image{transform:scale(1.03)}.photo-gallery__overlay{align-items:center;background:linear-gradient(180deg,#0000 40%,#00000080);color:#fff;display:flex;flex-direction:column;font-size:var(--font-size-body-sm);font-weight:var(--font-weight-medium);gap:var(--space-1);inset:0;justify-content:center;opacity:0;position:absolute;transition:opacity .25s ease}.photo-gallery__image-wrapper:focus .photo-gallery__overlay,.photo-gallery__image-wrapper:hover .photo-gallery__overlay{opacity:1}.photo-gallery__badges{display:flex;gap:4px;pointer-events:none;position:absolute;right:var(--space-2);top:var(--space-2);z-index:2}.photo-gallery__badge{align-items:center;border-radius:var(--radius-full);display:flex;font-size:11px;font-weight:600;gap:3px;line-height:1;padding:3px 8px}.photo-gallery__badge--count{background:#000000a6;color:#fff}.photo-gallery__badge--analyzed{background:#8b5cf6d9;color:#fff;padding:4px 6px}.photo-gallery__info{padding:var(--space-3) var(--space-3)}.photo-gallery__date-row{align-items:center;display:flex;justify-content:space-between}.photo-gallery__date{color:var(--color-text-primary);font-size:var(--font-size-body-sm);font-weight:var(--font-weight-medium)}.photo-gallery__delete{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--color-text-tertiary);cursor:pointer;display:flex;justify-content:center;opacity:0;padding:var(--space-1);transition:color var(--transition-fast),background var(--transition-fast)}.photo-gallery__card:hover .photo-gallery__delete{opacity:1}.photo-gallery__delete:hover{background:#ef44441a;color:#ef4444;color:var(--color-error,#ef4444)}.photo-gallery__loading{align-items:center;color:var(--color-text-secondary);display:flex;font-size:var(--font-size-body-sm);gap:var(--space-2);justify-content:center;padding:var(--space-8)}.photo-gallery__spinner{animation:pg-spin 1s linear infinite}@keyframes pg-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.photo-gallery__load-more{display:flex;justify-content:center;padding:var(--space-2)}.photo-gallery__empty{background:linear-gradient(135deg,#f0e6ff,#fff0e6);background:linear-gradient(135deg,var(--color-lavender-soft,#f0e6ff) 0,var(--color-peach-soft,#fff0e6) 100%);border:2px dashed #8b5cf633;border-radius:var(--radius-lg);border-radius:var(--radius-xl,var(--radius-lg));flex-direction:column;padding:var(--space-12) var(--space-6);text-align:center}.photo-gallery__empty,.photo-gallery__empty-icon{align-items:center;display:flex;justify-content:center}.photo-gallery__empty-icon{background:linear-gradient(135deg,var(--color-purple-500),var(--color-purple-600));border-radius:var(--radius-full);color:#fff;height:72px;margin-bottom:var(--space-4);width:72px}.photo-gallery__empty h3{color:var(--color-text-primary);font-size:1.25rem;font-size:var(--font-size-h4,1.25rem);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-2)}.photo-gallery__empty p{color:var(--color-text-secondary);font-size:var(--font-size-body-sm);line-height:1.5;margin:0 0 var(--space-5);max-width:320px}.photo-gallery__empty-cta{gap:var(--space-2)}.photo-gallery__error{align-items:center;background:#ef44440f;border:1px solid #ef444433;border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-8);text-align:center}.photo-gallery__error p{color:#ef4444;color:var(--color-error,#ef4444);font-size:var(--font-size-body-sm);margin:0}.photo-gallery__modal{display:flex;flex-direction:column;gap:var(--space-4)}.photo-gallery__modal-image-container{position:relative}.photo-gallery__modal-image{border-radius:var(--radius-md);height:auto;max-height:70vh;object-fit:contain;width:100%}.photo-gallery__modal-nav{align-items:center;background:#0009;border:none;border-radius:var(--radius-full);color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:background .2s ease;width:40px;z-index:2}.photo-gallery__modal-nav:hover{background:#000c}.photo-gallery__modal-nav--prev{left:var(--space-2)}.photo-gallery__modal-nav--next{right:var(--space-2)}.photo-gallery__modal-dots{bottom:var(--space-2);display:flex;gap:6px;justify-content:center;left:50%;position:absolute;transform:translateX(-50%);z-index:2}.photo-gallery__modal-dot{background:#ffffff80;border:none;border-radius:50%;cursor:pointer;height:8px;padding:0;transition:background .2s ease,transform .2s ease;width:8px}.photo-gallery__modal-dot:hover{background:#fffc}.photo-gallery__modal-dot--active{background:#fff;transform:scale(1.3)}.photo-gallery__ocr{background:var(--color-bg-secondary);border-radius:var(--radius-md);padding:var(--space-4)}.photo-gallery__ocr h4{color:var(--color-text-secondary);font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold);letter-spacing:.05em;margin:0 0 var(--space-2);text-transform:uppercase}.photo-gallery__ocr p{color:var(--color-text-primary);font-size:var(--font-size-body-sm);line-height:1.6;margin:0;white-space:pre-wrap}@media (max-width:393px){.photo-gallery__grid{gap:var(--space-3);grid-template-columns:repeat(2,1fr)}.photo-gallery__info{padding:var(--space-2)}.photo-gallery__date{font-size:var(--font-size-caption)}.photo-gallery__empty{padding:var(--space-8) var(--space-4)}.photo-gallery__modal-image{max-height:60vh}}@media (min-width:394px) and (max-width:480px){.photo-gallery__grid{gap:var(--space-3);grid-template-columns:repeat(2,1fr)}}@media (min-width:481px) and (max-width:640px){.photo-gallery__grid{gap:var(--space-3);grid-template-columns:repeat(3,1fr)}}@media (min-width:641px) and (max-width:768px){.photo-gallery__grid{gap:var(--space-4);grid-template-columns:repeat(3,1fr)}}@media (min-width:769px){.photo-gallery__grid{gap:var(--space-5);grid-template-columns:repeat(4,1fr)}.photo-gallery__delete{opacity:0}}@media (min-width:1440px){.photo-gallery__grid{gap:var(--space-6);grid-template-columns:repeat(5,1fr)}}[data-theme=dark] .photo-gallery__card{background:#1e1e1e;background:var(--color-bg-card,#1e1e1e);box-shadow:0 1px 3px #0000004d,0 1px 2px #0003}[data-theme=dark] .photo-gallery__card:hover{box-shadow:0 8px 25px #0006,0 4px 10px #0000004d}[data-theme=dark] .photo-gallery__date{color:#e0e0e0}[data-theme=dark] .photo-gallery__delete{color:grey}[data-theme=dark] .photo-gallery__delete:hover{background:#fca5a526;color:#fca5a5}[data-theme=dark] .photo-gallery__loading{color:#a0a0a0}[data-theme=dark] .photo-gallery__empty{background:linear-gradient(135deg,#8b5cf614,#ff6b6b0d);border-color:#8b5cf626}[data-theme=dark] .photo-gallery__empty-icon{background:linear-gradient(135deg,var(--color-purple-500),var(--color-purple-600))}[data-theme=dark] .photo-gallery__empty h3{color:#f5f5f5}[data-theme=dark] .photo-gallery__empty p{color:#a0a0a0}[data-theme=dark] .photo-gallery__error{background:#fca5a51a;border-color:#fca5a540}[data-theme=dark] .photo-gallery__error p{color:#fca5a5}[data-theme=dark] .photo-gallery__ocr{background:var(--color-bg-secondary)}[data-theme=dark] .photo-gallery__ocr h4{color:#a0a0a0}[data-theme=dark] .photo-gallery__ocr p{color:#f5f5f5}[data-theme=dark] .photo-gallery__badge--count{background:#000000bf}[data-theme=dark] .photo-gallery__badge--analyzed{background:#8b5cf6e6}.photo-gallery__image-wrapper:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.photo-gallery__delete:focus-visible{opacity:1;outline:2px solid var(--color-primary);outline-offset:1px}@media (prefers-reduced-motion:reduce){.photo-gallery__card{animation:none;opacity:1}.photo-gallery__card:hover{transform:none}.photo-gallery__image{transition:none}}.ocr-review{display:flex;flex-direction:column;gap:var(--space-4)}.ocr-review__header{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:space-between}.ocr-review__title{align-items:center;color:var(--color-text-primary);display:flex;font-size:var(--font-size-h4);font-weight:var(--font-weight-semibold);gap:var(--space-2);margin:0}.ocr-review__title svg{color:var(--color-primary)}.ocr-review__actions,.ocr-review__error{align-items:center;display:flex;gap:var(--space-2)}.ocr-review__error{background-color:var(--color-error-light);border-radius:var(--radius-md);color:var(--color-error);font-size:var(--font-size-body-sm);padding:var(--space-3)}.ocr-review__error button{background:none;border:none;color:var(--color-error);cursor:pointer;margin-left:auto;opacity:.7;padding:var(--space-1);transition:opacity var(--transition-fast)}.ocr-review__error button:hover{opacity:1}.ocr-review__processing{align-items:center;color:var(--color-text-secondary);display:flex;flex-direction:column;justify-content:center;padding:var(--space-8);text-align:center}.ocr-review__spinner{animation:spin 1s linear infinite;color:var(--color-primary)}.ocr-review__processing p{margin:var(--space-2) 0 0}.ocr-review__hint{color:var(--color-text-muted);font-size:var(--font-size-body-sm)}.ocr-review__empty{color:var(--color-text-secondary);padding:var(--space-6);text-align:center}.ocr-review__empty p{margin:var(--space-2) 0}.ocr-review__text{background-color:var(--color-bg-secondary);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--font-size-body);line-height:var(--line-height-relaxed);max-height:400px;overflow-y:auto;padding:var(--space-4);white-space:pre-wrap;word-break:break-word}.ocr-review__text--readonly{background-color:var(--color-bg-tertiary);color:var(--color-text-secondary)}.ocr-review__edit-mode{display:flex;flex-direction:column;gap:var(--space-3)}.ocr-review__toggle{background-color:var(--color-bg-secondary);border-radius:var(--radius-md);display:flex;padding:var(--space-1);width:-webkit-fit-content;width:fit-content}.ocr-review__toggle-btn{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:var(--font-size-body-sm);gap:var(--space-1);padding:var(--space-2) var(--space-3);transition:all var(--transition-fast)}.ocr-review__toggle-btn:hover{color:var(--color-text-primary)}.ocr-review__toggle-btn--active{background-color:var(--color-bg-card);box-shadow:var(--shadow-sm);color:var(--color-primary)}.ocr-review__textarea{background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-family:var(--font-family);font-size:var(--font-size-body);line-height:var(--line-height-relaxed);min-height:200px;padding:var(--space-4);resize:vertical;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);width:100%}.ocr-review__textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-alpha-20);outline:none}.ocr-review__textarea:disabled{cursor:not-allowed;opacity:.7}.ocr-review__edit-actions{align-items:center;display:flex;gap:var(--space-2);justify-content:flex-end}.ocr-review__footer{align-items:center;border-top:1px solid var(--color-border-light);display:flex;justify-content:space-between;padding-top:var(--space-3)}.ocr-review__word-count{color:var(--color-text-muted);font-size:var(--font-size-body-sm)}[data-theme=dark] .ocr-review__text,[data-theme=dark] .ocr-review__toggle{background-color:var(--color-bg-secondary)}[data-theme=dark] .ocr-review__toggle-btn--active{background-color:var(--color-bg-elevated)}[data-theme=dark] .ocr-review__textarea{background-color:var(--color-bg-secondary)}@media (min-width:769px){.ocr-review__text{max-height:none;overflow-y:auto}.ocr-review__text,.ocr-review__textarea{flex:1 1;min-height:200px}.ocr-review__edit-mode{display:flex;flex:1 1;flex-direction:column}}@media (max-width:640px){.ocr-review__header{align-items:flex-start;flex-direction:column}.ocr-review__edit-actions{flex-wrap:wrap;justify-content:stretch}.ocr-review__edit-actions .btn{flex:1 1;min-width:auto}}.insight-card{display:flex;flex-direction:column;gap:var(--space-3);transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.insight-card--clickable{cursor:pointer}.insight-card--clickable:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.insight-card--compact{gap:var(--space-2)}.insight-card__header{align-items:center;display:flex;gap:var(--space-3)}.insight-card__icon{align-items:center;border-radius:var(--radius-md);display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.insight-card--compact .insight-card__icon{height:28px;width:28px}.insight-card__meta{display:flex;flex:1 1;flex-direction:column;gap:var(--space-1);min-width:0}.insight-card__type{font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold);letter-spacing:.5px;text-transform:uppercase}.insight-card__date{align-items:center;color:var(--color-text-muted);display:flex;font-size:var(--font-size-caption);gap:var(--space-1)}.insight-card__actionable{align-items:center;background-color:var(--color-warning-light);border-radius:var(--radius-full);color:var(--color-warning);display:flex;height:24px;justify-content:center;width:24px}.insight-card__title{color:var(--color-text-primary);font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);line-height:var(--line-height-snug);margin:0}.insight-card--compact .insight-card__title,.insight-card__content{font-size:var(--font-size-body-sm)}.insight-card__content{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:var(--color-text-secondary);display:-webkit-box;line-height:var(--line-height-relaxed);margin:0;overflow:hidden}.insight-card__footer{align-items:center;border-top:1px solid var(--color-border-light);display:flex;flex-wrap:wrap;gap:var(--space-3);padding-top:var(--space-2)}.insight-card--compact .insight-card__footer{border-top:none;padding-top:0}.insight-card__confidence{align-items:center;display:flex;gap:var(--space-1)}.insight-card__confidence-dot{border-radius:var(--radius-full);height:6px;width:6px}.insight-card__confidence-dot--high{background-color:var(--color-success)}.insight-card__confidence-dot--medium{background-color:var(--color-warning)}.insight-card__confidence-dot--low{background-color:var(--color-error)}.insight-card__confidence-text{color:var(--color-text-muted);font-size:var(--font-size-caption)}.insight-card__project{align-items:center;color:var(--color-primary);display:flex;font-size:var(--font-size-caption);gap:var(--space-1)}.insight-card__arrow{color:var(--color-text-muted);margin-left:auto;transition:transform var(--transition-fast)}.insight-card--clickable:hover .insight-card__arrow{color:var(--color-primary);transform:translateX(4px)}[data-theme=dark] .insight-card__icon{background-color:var(--color-bg-secondary)}@keyframes insight-pulse{0%,to{opacity:1}50%{opacity:.7}}.insight-card--new{animation:insight-pulse 2s ease-in-out}@media (max-width:640px){.insight-card__footer{align-items:flex-start;flex-direction:column;gap:var(--space-2)}.insight-card__arrow{display:none}}.weekly-summary{display:flex;flex-direction:column;gap:var(--space-4)}.weekly-summary--empty,.weekly-summary--error,.weekly-summary--loading{align-items:center;display:flex;flex-direction:column;gap:var(--space-4);justify-content:center;min-height:300px;text-align:center}.weekly-summary__spinner{animation:spin 1s linear infinite;color:var(--color-primary)}.weekly-summary__empty-icon{align-items:center;background:var(--color-primary-alpha-10);border-radius:var(--radius-xl);color:var(--color-primary);display:flex;height:80px;justify-content:center;width:80px}.weekly-summary--empty h3{color:var(--color-text-primary);margin:0}.weekly-summary--empty p{color:var(--color-text-secondary);margin:0;max-width:320px}.weekly-summary__header{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-4);justify-content:space-between}.weekly-summary__nav,.weekly-summary__period{align-items:center;display:flex;gap:var(--space-2)}.weekly-summary__period{color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}.weekly-summary__period svg{color:var(--color-primary)}.weekly-summary__date-range{color:var(--color-text-secondary);font-weight:var(--font-weight-regular)}.weekly-summary__actions{align-items:center;display:flex;gap:var(--space-2)}.weekly-summary__read-badge{align-items:center;background-color:var(--color-success-light);border-radius:var(--radius-full);color:var(--color-success);display:flex;font-size:var(--font-size-caption);font-weight:var(--font-weight-medium);gap:var(--space-1);padding:var(--space-1) var(--space-2)}.weekly-summary__stats{align-items:center;border-bottom:1px solid var(--color-border-light);display:flex;gap:var(--space-4);padding:var(--space-3) 0}.weekly-summary__stat{align-items:center;color:var(--color-text-secondary);display:flex;font-size:var(--font-size-body-sm);gap:var(--space-2)}.weekly-summary__stat svg{color:var(--color-primary)}.weekly-summary__section{display:flex;flex-direction:column;gap:var(--space-3)}.weekly-summary__section-title{align-items:center;color:var(--color-text-primary);display:flex;font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);gap:var(--space-2);margin:0}.weekly-summary__section-title svg{color:var(--color-primary)}.weekly-summary__section--highlight{background:linear-gradient(135deg,var(--color-primary-alpha-10) 0,var(--color-warning-light) 100%);border-color:#0000}.weekly-summary__section--highlight .weekly-summary__section-title svg{color:var(--color-warning)}.weekly-summary__themes{display:flex;flex-wrap:wrap;gap:var(--space-2)}.weekly-summary__theme-tag{align-items:center;background-color:var(--color-primary-alpha-10);border-radius:var(--radius-full);color:var(--color-primary);display:inline-flex;font-size:var(--font-size-body-sm);font-weight:var(--font-weight-medium);padding:var(--space-1) var(--space-3)}.weekly-summary__text{color:var(--color-text-secondary);font-size:var(--font-size-body);line-height:var(--line-height-relaxed);margin:0}.weekly-summary__footer{border-top:1px solid var(--color-border-light);display:flex;justify-content:flex-end;padding-top:var(--space-3)}.weekly-summary__generated{color:var(--color-text-muted);font-size:var(--font-size-caption)}[data-theme=dark] .weekly-summary__section--highlight{background:linear-gradient(135deg,var(--color-primary-alpha-15) 0,#fbbf241a 100%)}[data-theme=dark] .weekly-summary__theme-tag{background-color:var(--color-primary-alpha-15)}@media (max-width:640px){.weekly-summary__header{align-items:flex-start;flex-direction:column}.weekly-summary__nav{justify-content:space-between;width:100%}.weekly-summary__stats{flex-wrap:wrap;gap:var(--space-3)}}.insights-dashboard{display:flex;flex-direction:column;gap:var(--space-5)}.insights-dashboard__tabs{border-bottom:1px solid var(--color-border-light);display:flex;gap:var(--space-2);padding-bottom:var(--space-2)}.insights-dashboard__tab{align-items:center;background:none;border:none;border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:var(--font-size-body);font-weight:var(--font-weight-medium);gap:var(--space-2);padding:var(--space-3) var(--space-4);transition:all var(--transition-fast)}.insights-dashboard__tab:hover{background-color:var(--color-bg-secondary);color:var(--color-text-primary)}.insights-dashboard__tab--active{background-color:var(--color-primary-alpha-10);color:var(--color-primary)}.insights-dashboard__tab--active svg{color:var(--color-primary)}.insights-dashboard__stats{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(4,1fr)}.insights-dashboard__stat{align-items:center;background-color:var(--color-bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;padding:var(--space-4)}.insights-dashboard__stat-value{color:var(--color-primary);font-size:var(--font-size-h1);font-weight:var(--font-weight-semibold)}.insights-dashboard__stat-label{color:var(--color-text-muted);font-size:var(--font-size-caption);letter-spacing:.5px;text-transform:uppercase}.insights-dashboard__filters{align-items:center;display:flex;gap:var(--space-3)}.insights-dashboard__search{align-items:center;background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);display:flex;flex:1 1;gap:var(--space-2);max-width:320px;padding:var(--space-2) var(--space-3)}.insights-dashboard__search svg{color:var(--color-text-muted);flex-shrink:0}.insights-dashboard__search input{background:none;border:none;color:var(--color-text-primary);flex:1 1;font-size:var(--font-size-body);outline:none}.insights-dashboard__search input::placeholder{color:var(--color-text-muted)}.insights-dashboard__search button{background:none;border:none;color:var(--color-text-muted);cursor:pointer;padding:var(--space-1);transition:color var(--transition-fast)}.insights-dashboard__search button:hover{color:var(--color-text-primary)}.insights-dashboard__filter-chevron{transition:transform var(--transition-fast)}.insights-dashboard__filter-chevron--open{transform:rotate(180deg)}.insights-dashboard__filter-panel{display:flex;flex-direction:column;gap:var(--space-4)}.insights-dashboard__filter-group{display:flex;flex-direction:column;gap:var(--space-2)}.insights-dashboard__filter-label{color:var(--color-text-secondary);font-size:var(--font-size-body-sm);font-weight:var(--font-weight-medium)}.insights-dashboard__filter-options{display:flex;flex-wrap:wrap;gap:var(--space-2)}.insights-dashboard__filter-btn{align-items:center;background-color:var(--color-bg-secondary);border:1px solid #0000;border-radius:var(--radius-full);color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:var(--font-size-body-sm);gap:var(--space-1);padding:var(--space-2) var(--space-3);transition:all var(--transition-fast)}.insights-dashboard__filter-btn:hover{background-color:var(--color-bg-tertiary);color:var(--color-text-primary)}.insights-dashboard__filter-btn--active{background-color:var(--color-primary-alpha-10);border-color:var(--color-primary);color:var(--color-primary)}.insights-dashboard__filter-checkbox{align-items:center;color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:var(--font-size-body-sm);gap:var(--space-2)}.insights-dashboard__filter-checkbox input{accent-color:var(--color-primary);height:18px;width:18px}.insights-dashboard__empty,.insights-dashboard__error,.insights-dashboard__loading{align-items:center;display:flex;flex-direction:column;gap:var(--space-4);justify-content:center;padding:var(--space-12);text-align:center}.insights-dashboard__spinner{animation:spin 1s linear infinite;color:var(--color-primary)}.insights-dashboard__empty-icon{align-items:center;background:var(--color-primary-alpha-10);border-radius:var(--radius-xl);color:var(--color-primary);display:flex;height:80px;justify-content:center;width:80px}.insights-dashboard__empty h3{color:var(--color-text-primary);margin:0}.insights-dashboard__empty p{color:var(--color-text-secondary);margin:0;max-width:320px}.insights-dashboard__content{display:flex;flex-direction:column;gap:var(--space-6)}.insights-dashboard__group{display:flex;flex-direction:column;gap:var(--space-4)}.insights-dashboard__group-title{align-items:center;color:var(--color-text-secondary);display:flex;font-size:var(--font-size-body);font-weight:var(--font-weight-medium);gap:var(--space-2);margin:0}.insights-dashboard__group-title svg{color:var(--color-primary)}.insights-dashboard__grid{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}@media (max-width:393px){.insights-dashboard{gap:var(--space-4)}.insights-dashboard__tabs{-webkit-overflow-scrolling:touch;margin:0 calc(var(--space-3)*-1);overflow-x:auto;padding:0 var(--space-3) var(--space-2);scrollbar-width:none}.insights-dashboard__tabs::-webkit-scrollbar{display:none}.insights-dashboard__tab{font-size:var(--font-size-body-sm);padding:var(--space-2) var(--space-3);white-space:nowrap}.insights-dashboard__stats{gap:var(--space-2);grid-template-columns:repeat(2,1fr)}.insights-dashboard__stat{padding:var(--space-3)}.insights-dashboard__stat-value{font-size:var(--font-size-h2)}.insights-dashboard__stat-label{font-size:10px}.insights-dashboard__filters{align-items:stretch;flex-direction:column;gap:var(--space-2)}.insights-dashboard__search{max-width:none}.insights-dashboard__filter-options{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;overflow-x:auto;padding-bottom:var(--space-1);scrollbar-width:none}.insights-dashboard__filter-options::-webkit-scrollbar{display:none}.insights-dashboard__filter-btn{flex-shrink:0;font-size:var(--font-size-caption);padding:var(--space-2)}.insights-dashboard__grid{gap:var(--space-3);grid-template-columns:1fr}.insights-dashboard__empty,.insights-dashboard__error,.insights-dashboard__loading{padding:var(--space-8)}.insights-dashboard__empty-icon{height:64px;width:64px}}@media (min-width:394px) and (max-width:480px){.insights-dashboard__stats{gap:var(--space-3);grid-template-columns:repeat(2,1fr)}.insights-dashboard__filters{align-items:stretch;flex-direction:column}.insights-dashboard__search{max-width:none}.insights-dashboard__grid{grid-template-columns:1fr}.insights-dashboard__tabs{-webkit-overflow-scrolling:touch;overflow-x:auto}.insights-dashboard__tab{white-space:nowrap}}@media (min-width:481px) and (max-width:640px){.insights-dashboard__stats{grid-template-columns:repeat(2,1fr)}.insights-dashboard__filters{align-items:stretch;flex-direction:column}.insights-dashboard__grid{grid-template-columns:1fr}}@media (min-width:641px) and (max-width:768px){.insights-dashboard__stats{grid-template-columns:repeat(2,1fr)}.insights-dashboard__filters{align-items:stretch;flex-direction:column}.insights-dashboard__search{max-width:none}.insights-dashboard__grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (min-width:769px){.insights-dashboard__stats{grid-template-columns:repeat(4,1fr)}.insights-dashboard__grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}}@media (min-width:1440px){.insights-dashboard__grid{gap:var(--space-5);grid-template-columns:repeat(auto-fill,minmax(360px,1fr))}}[data-theme=dark] .insights-dashboard__tabs{border-color:var(--color-border)}[data-theme=dark] .insights-dashboard__tab{color:#a0a0a0}[data-theme=dark] .insights-dashboard__tab:hover{background-color:var(--color-bg-secondary);color:#f5f5f5}[data-theme=dark] .insights-dashboard__tab--active{background-color:#d4a5ff26;color:#d4a5ff}[data-theme=dark] .insights-dashboard__tab--active svg{color:#d4a5ff}[data-theme=dark] .insights-dashboard__stat{background-color:var(--color-bg-card);box-shadow:0 2px 8px #0000004d}[data-theme=dark] .insights-dashboard__stat-value{color:#d4a5ff}[data-theme=dark] .insights-dashboard__stat-label{color:grey}[data-theme=dark] .insights-dashboard__search{background-color:var(--color-bg-secondary);border-color:var(--color-border)}[data-theme=dark] .insights-dashboard__search svg{color:grey}[data-theme=dark] .insights-dashboard__search input{color:#f5f5f5}[data-theme=dark] .insights-dashboard__search button,[data-theme=dark] .insights-dashboard__search input::placeholder{color:grey}[data-theme=dark] .insights-dashboard__search button:hover{color:#f5f5f5}[data-theme=dark] .insights-dashboard__filter-label{color:#a0a0a0}[data-theme=dark] .insights-dashboard__filter-btn{background-color:var(--color-bg-secondary);color:#a0a0a0}[data-theme=dark] .insights-dashboard__filter-btn:hover{background-color:var(--color-bg-tertiary);color:#f5f5f5}[data-theme=dark] .insights-dashboard__filter-btn--active{background-color:#d4a5ff26;border-color:#d4a5ff;color:#d4a5ff}[data-theme=dark] .insights-dashboard__filter-checkbox{color:#a0a0a0}[data-theme=dark] .insights-dashboard__filter-checkbox input{accent-color:#d4a5ff}[data-theme=dark] .insights-dashboard__spinner{color:#d4a5ff}[data-theme=dark] .insights-dashboard__empty-icon{background:#d4a5ff26;color:#d4a5ff}[data-theme=dark] .insights-dashboard__empty h3{color:#f5f5f5}[data-theme=dark] .insights-dashboard__empty p,[data-theme=dark] .insights-dashboard__group-title{color:#a0a0a0}[data-theme=dark] .insights-dashboard__group-title svg{color:#d4a5ff}[data-theme=dark] .insights-dashboard__tab:focus-visible{outline:2px solid #d4a5ff;outline-offset:2px}[data-theme=dark] .insights-dashboard__search:focus-within{border-color:#d4a5ff;box-shadow:0 0 0 3px #d4a5ff33}[data-theme=dark] .insights-dashboard__filter-btn:focus-visible{outline:2px solid #d4a5ff;outline-offset:2px}.privacy-settings{display:flex;flex-direction:column;gap:var(--space-5)}.privacy-settings--locked{align-items:center;display:flex;flex-direction:column;gap:var(--space-4);justify-content:center;min-height:300px;text-align:center}.privacy-settings__locked-icon{align-items:center;background:var(--color-primary-alpha-10);border-radius:var(--radius-xl);color:var(--color-primary);display:flex;height:80px;justify-content:center;width:80px}.privacy-settings--locked h3{color:var(--color-text-primary);margin:0}.privacy-settings--locked p{color:var(--color-text-secondary);margin:0;max-width:320px}.privacy-settings__header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:var(--space-4);justify-content:space-between}.privacy-settings__title-section{align-items:flex-start;display:flex;gap:var(--space-3)}.privacy-settings__title-section svg{color:var(--color-primary);flex-shrink:0;margin-top:var(--space-1)}.privacy-settings__title-section h2{color:var(--color-text-primary);font-size:var(--font-size-h3);margin:0}.privacy-settings__title-section p{color:var(--color-text-secondary);font-size:var(--font-size-body-sm);margin:var(--space-1) 0 0}.privacy-settings__info{background-color:var(--color-info-light);border-radius:var(--radius-lg);color:var(--color-info);display:flex;gap:var(--space-3);padding:var(--space-4)}.privacy-settings__info svg{flex-shrink:0;margin-top:2px}.privacy-settings__info p{font-size:var(--font-size-body-sm);line-height:var(--line-height-relaxed);margin:0}.privacy-settings__section{display:flex;flex-direction:column;gap:var(--space-4)}.privacy-settings__section-title{align-items:center;color:var(--color-text-primary);display:flex;font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);gap:var(--space-2);margin:0}.privacy-settings__section-title svg{color:var(--color-primary)}.privacy-settings__section--danger{border-color:var(--color-error-light)}.privacy-settings__section--danger .privacy-settings__section-title svg{color:var(--color-error)}.privacy-settings__option{align-items:center;border-bottom:1px solid var(--color-border-light);display:flex;gap:var(--space-4);justify-content:space-between;padding:var(--space-3) 0}.privacy-settings__option:last-child{border-bottom:none;padding-bottom:0}.privacy-settings__option--column{align-items:flex-start;flex-direction:column}.privacy-settings__option-info{display:flex;flex-direction:column;gap:var(--space-1)}.privacy-settings__option-label{color:var(--color-text-primary);font-size:var(--font-size-body);font-weight:var(--font-weight-medium)}.privacy-settings__option-description{color:var(--color-text-secondary);font-size:var(--font-size-body-sm)}.privacy-settings__toggle{background:none;border:none;cursor:pointer;flex-shrink:0;height:28px;padding:0;position:relative;width:48px}.privacy-settings__toggle:disabled{cursor:not-allowed;opacity:.5}.privacy-settings__toggle-track{background-color:var(--color-bg-tertiary);border-radius:var(--radius-full);inset:0;position:absolute;transition:background-color var(--transition-fast)}.privacy-settings__toggle--on .privacy-settings__toggle-track{background-color:var(--color-primary)}.privacy-settings__toggle-thumb{background-color:var(--color-white);border-radius:var(--radius-full);box-shadow:var(--shadow-sm);height:20px;left:4px;position:absolute;top:4px;transition:transform var(--transition-fast);width:20px}.privacy-settings__toggle--on .privacy-settings__toggle-thumb{transform:translateX(20px)}.privacy-settings__auto-delete{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-2)}.privacy-settings__auto-delete-btn{background-color:var(--color-bg-secondary);border:1px solid #0000;border-radius:var(--radius-full);color:var(--color-text-secondary);cursor:pointer;font-size:var(--font-size-body-sm);padding:var(--space-2) var(--space-3);transition:all var(--transition-fast)}.privacy-settings__auto-delete-btn:hover{background-color:var(--color-bg-tertiary);color:var(--color-text-primary)}.privacy-settings__auto-delete-btn--active{background-color:var(--color-primary-alpha-10);border-color:var(--color-primary);color:var(--color-primary)}.privacy-settings__actions{display:flex;flex-wrap:wrap;gap:var(--space-3)}.privacy-settings__warning{color:var(--color-text-muted);font-size:var(--font-size-body-sm);margin:0}.privacy-settings__modal-backdrop{align-items:center;background-color:#00000080;display:flex;inset:0;justify-content:center;padding:var(--space-4);position:fixed;z-index:var(--z-modal-backdrop)}.privacy-settings__modal{animation:modal-appear .2s ease-out;max-width:400px;text-align:center}@keyframes modal-appear{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.privacy-settings__modal-icon{align-items:center;background-color:var(--color-error-light);border-radius:var(--radius-full);color:var(--color-error);display:flex;height:64px;justify-content:center;margin:0 auto var(--space-4);width:64px}.privacy-settings__modal h3{color:var(--color-text-primary);margin:0 0 var(--space-2)}.privacy-settings__modal p{color:var(--color-text-secondary);margin:0 0 var(--space-5)}.privacy-settings__modal-actions{display:flex;gap:var(--space-3);justify-content:center}[data-theme=dark] .privacy-settings__toggle-track{background-color:var(--color-bg-secondary)}[data-theme=dark] .privacy-settings__toggle--on .privacy-settings__toggle-track{background-color:var(--color-primary)}@media (max-width:640px){.privacy-settings__header{align-items:stretch;flex-direction:column}.privacy-settings__option{align-items:flex-start;flex-direction:column;gap:var(--space-3)}.privacy-settings__actions{flex-direction:column}.privacy-settings__actions .btn{width:100%}}.aha-notification-container{display:flex;flex-direction:column;gap:var(--space-3);pointer-events:none;position:fixed;z-index:var(--z-toast)}.aha-notification-container--top-right{right:var(--space-4);top:var(--space-4)}.aha-notification-container--bottom-right{bottom:var(--space-4);right:var(--space-4)}.aha-notification-container--bottom-center{bottom:var(--space-4);left:50%;transform:translateX(-50%)}.aha-notification{animation:aha-slide-in .4s cubic-bezier(.21,1.02,.73,1) forwards;pointer-events:auto;position:fixed;z-index:var(--z-toast)}.aha-notification--top-right{right:var(--space-4);top:var(--space-4)}.aha-notification--bottom-right{bottom:var(--space-4);right:var(--space-4)}.aha-notification--bottom-center{bottom:var(--space-4);left:50%;transform:translateX(-50%)}.aha-notification--exiting{animation:aha-slide-out .3s ease-in forwards}@keyframes aha-slide-in{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes aha-slide-out{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100%)}}.aha-notification--bottom-center.aha-notification--exiting{animation-name:aha-slide-out-center}@keyframes aha-slide-out-center{0%{opacity:1;transform:translateX(-50%) translateY(0)}to{opacity:0;transform:translateX(-50%) translateY(20px)}}.aha-notification__card{cursor:pointer;max-width:calc(100vw - var(--space-8));overflow:hidden;position:relative;transition:transform var(--transition-fast),box-shadow var(--transition-fast);width:340px}.aha-notification__card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.aha-notification__glow{animation:aha-glow 2s ease-in-out infinite;background:radial-gradient(circle at center,#feca5733 0,#0000 50%);height:200%;left:-50%;pointer-events:none;position:absolute;top:-50%;width:200%}@keyframes aha-glow{0%,to{opacity:.5;transform:scale(.8)}50%{opacity:1;transform:scale(1)}}.aha-notification__close{align-items:center;background:none;border:none;border-radius:var(--radius-full);color:var(--color-text-muted);cursor:pointer;display:flex;height:28px;justify-content:center;padding:0;position:absolute;right:var(--space-2);top:var(--space-2);transition:all var(--transition-fast);width:28px;z-index:2}.aha-notification__close:hover{background-color:var(--color-bg-secondary);color:var(--color-text-primary)}.aha-notification__content{padding:var(--space-4);position:relative;z-index:1}.aha-notification__header{align-items:center;display:flex;gap:var(--space-3);margin-bottom:var(--space-3)}.aha-notification__icon{align-items:center;animation:aha-pulse 1.5s ease-in-out infinite;background:linear-gradient(135deg,var(--color-warning) 0,var(--color-orange) 100%);border-radius:var(--radius-lg);color:#fff;display:flex;height:44px;justify-content:center;width:44px}@keyframes aha-pulse{0%,to{box-shadow:0 0 0 0 #feca5766;transform:scale(1)}50%{box-shadow:0 0 20px 4px #feca574d;transform:scale(1.05)}}.aha-notification__badge{align-items:center;background:linear-gradient(135deg,var(--color-warning-light) 0,#ff9f4326 100%);border-radius:var(--radius-full);color:var(--color-warning);display:flex;font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold);gap:var(--space-1);padding:var(--space-1) var(--space-2)}.aha-notification__badge svg{animation:aha-sparkle 1s ease-in-out infinite}@keyframes aha-sparkle{0%,to{transform:scale(1) rotate(0deg)}50%{transform:scale(1.2) rotate(10deg)}}.aha-notification__body{margin-bottom:var(--space-3)}.aha-notification__emoji{display:block;font-size:1.5rem;margin-bottom:var(--space-2)}.aha-notification__title{color:var(--color-text-primary);font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);line-height:var(--line-height-snug);margin:0 0 var(--space-2)}.aha-notification__text{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--color-text-secondary);display:-webkit-box;font-size:var(--font-size-body-sm);line-height:var(--line-height-relaxed);margin:0;overflow:hidden}.aha-notification__footer{align-items:center;display:flex;justify-content:space-between}.aha-notification__type{color:var(--color-text-muted);font-size:var(--font-size-caption);letter-spacing:.5px;text-transform:uppercase}.aha-notification__action{margin-right:calc(var(--space-2)*-1)}.aha-notification__action:hover svg{transform:translateX(4px)}.aha-notification__action svg{transition:transform var(--transition-fast)}.aha-notification__progress{background-color:var(--color-border-light);height:3px;overflow:hidden}.aha-notification__progress-bar{animation:aha-progress linear forwards;background:linear-gradient(90deg,var(--color-warning) 0,var(--color-orange) 100%);height:100%}@keyframes aha-progress{0%{width:100%}to{width:0}}[data-theme=dark] .aha-notification__glow{background:radial-gradient(circle at center,#feca571a 0,#0000 50%)}[data-theme=dark] .aha-notification__badge{background:linear-gradient(135deg,#fbbf2426,#ff9f431a)}@media (max-width:640px){.aha-notification__card{width:calc(100vw - var(--space-8))}.aha-notification--bottom-right,.aha-notification--top-right,.aha-notification-container--bottom-right,.aha-notification-container--top-right{left:var(--space-4);right:var(--space-4)}}.morning-pages{background:var(--color-bg-primary);display:flex;flex-direction:column;min-height:0;position:relative}.morning-pages__header{background:linear-gradient(135deg,var(--color-lavender-soft) 0,var(--color-peach-soft) 100%);border-bottom:1px solid var(--color-border-light);padding:var(--space-4) var(--space-4) var(--space-3)}.morning-pages__header-top{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-3)}.morning-pages__title-area{align-items:center;display:flex;gap:var(--space-3)}.morning-pages__title-icon{align-items:center;background:linear-gradient(135deg,var(--color-purple-500),var(--color-purple-600));border-radius:var(--radius-lg);color:#fff;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.morning-pages__title{color:var(--color-text-primary);font-size:var(--font-size-h3);font-weight:var(--font-weight-semibold);line-height:1.2;margin:0}.morning-pages__subtitle{color:var(--color-text-secondary);font-size:var(--font-size-body-sm);margin:2px 0 0}.morning-pages__settings-btn{align-items:center;background:#fff9;border:none;border-radius:var(--radius-full);color:var(--color-text-secondary);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all var(--transition-fast);width:36px}.morning-pages__settings-btn:hover{background:#ffffffe6;color:var(--color-text-primary)}.morning-pages__pill-tabs{background:#ffffff80;border-radius:var(--radius-full);display:flex;gap:var(--space-2);padding:3px;width:-webkit-fit-content;width:fit-content}.morning-pages__pill-tab{align-items:center;background:#0000;border:none;border-radius:var(--radius-full);color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:var(--font-size-body-sm);font-weight:var(--font-weight-medium);gap:var(--space-1);padding:var(--space-2) var(--space-4);transition:all var(--transition-fast);white-space:nowrap}.morning-pages__pill-tab:hover{background:#ffffff80;color:var(--color-text-primary)}.morning-pages__pill-tab--active{background:#fff;box-shadow:0 1px 3px #0000001a;color:var(--color-primary)}.morning-pages__pill-tab--active svg{color:var(--color-primary)}.morning-pages__main{-webkit-overflow-scrolling:touch;flex:1 1;overflow-y:auto;padding:var(--space-4)}.morning-pages__gallery-view{margin:0 auto;max-width:1200px}.morning-pages__upload-view{margin:0 auto;max-width:600px}.morning-pages__fab{align-items:center;background:linear-gradient(135deg,var(--color-purple-500),var(--color-purple-600));border:none;border-radius:var(--radius-full);bottom:calc(64px + var(--space-4));bottom:calc(var(--bottom-nav-height, 64px) + var(--space-4));box-shadow:0 4px 14px #8b5cf666;color:#fff;cursor:pointer;display:flex;height:56px;justify-content:center;position:fixed;right:var(--space-4);transition:all var(--transition-normal);width:56px;z-index:100}.morning-pages__fab:hover{box-shadow:0 6px 20px #8b5cf680;transform:scale(1.08)}.morning-pages__fab:active{transform:scale(.95)}.morning-pages__detail-view{animation:mp-fade-in var(--transition-normal) ease-out;display:flex;flex-direction:column;gap:var(--space-5);margin:0 auto;max-width:1200px}.morning-pages__detail-header{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:space-between}.morning-pages__detail-title{color:var(--color-text-primary);font-size:var(--font-size-h3);font-weight:var(--font-weight-semibold);margin:0}.morning-pages__detail-content{display:flex;flex-direction:column;gap:var(--space-5)}.morning-pages__image-card{border-radius:var(--radius-lg);overflow:hidden}.morning-pages__image-container{position:relative}.morning-pages__detail-image{background:var(--color-bg-tertiary);display:block;height:auto;max-height:60vh;object-fit:contain;width:100%}.morning-pages__photo-counter{color:var(--color-text-tertiary);font-size:var(--font-size-body-sm);font-weight:var(--font-weight-medium);margin-left:var(--space-2)}.morning-pages__photo-nav{align-items:center;background:#0009;border:none;border-radius:var(--radius-full);color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:background .2s ease;width:40px;z-index:2}.morning-pages__photo-nav:hover{background:#000c}.morning-pages__photo-nav--prev{left:var(--space-2)}.morning-pages__photo-nav--next{right:var(--space-2)}.morning-pages__photo-dots{bottom:var(--space-2);display:flex;gap:6px;justify-content:center;left:50%;position:absolute;transform:translateX(-50%);z-index:2}.morning-pages__photo-dot{background:#ffffff80;border:none;border-radius:50%;cursor:pointer;height:8px;padding:0;transition:background .2s ease,transform .2s ease;width:8px}.morning-pages__photo-dot:hover{background:#fffc}.morning-pages__photo-dot--active{background:#fff;transform:scale(1.3)}.morning-pages__insights-view{max-width:1200px}.morning-pages__insights-view,.morning-pages__settings-view{animation:mp-fade-in var(--transition-normal) ease-out;margin:0 auto}.morning-pages__settings-view{max-width:800px}.morning-pages__page-insights{display:flex;flex-direction:column;gap:var(--space-4);margin-top:var(--space-6)}.morning-pages__section-title{align-items:center;color:var(--color-text-primary);display:flex;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);gap:var(--space-2);margin:0 0 var(--space-4)}.morning-pages__section-title svg{color:var(--color-primary);color:var(--color-accent,var(--color-primary))}.morning-pages__insights-grid{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:1fr}.morning-pages__insight-card{border-left:3px solid var(--color-border)}.morning-pages__insight-card--theme{border-left-color:#8b5cf6}.morning-pages__insight-card--emotion{border-left-color:#ec4899}.morning-pages__insight-card--pattern{border-left-color:#06b6d4}.morning-pages__insight-card--selfsabotage{border-left-color:#f59e0b}.morning-pages__insight-card--recommendation{border-left-color:#10b981}.morning-pages__insight-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-2)}.morning-pages__insight-type{color:var(--color-text-tertiary);letter-spacing:.05em;text-transform:uppercase}.morning-pages__insight-badge,.morning-pages__insight-type{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.morning-pages__insight-badge{background:#d1fae5;background:var(--color-success-bg,#d1fae5);border-radius:var(--radius-full);color:#059669;color:var(--color-success,#059669);padding:2px 8px}.morning-pages__insight-title{color:var(--color-text-primary);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-2)}.morning-pages__insight-content{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:1.6}.morning-pages__insight-project{color:var(--color-primary);color:var(--color-accent,var(--color-primary));display:inline-block;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);margin-top:var(--space-3)}.morning-pages__analyzing-overlay{align-items:center;animation:mp-overlay-in .3s ease-out;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:#0000008c;display:flex;flex-direction:column;gap:var(--space-4);inset:0;justify-content:center;position:fixed;z-index:200}@keyframes mp-overlay-in{0%{opacity:0}to{opacity:1}}.morning-pages__analyzing-card{align-items:center;background:#fff;background:var(--color-bg-card,#fff);border-radius:var(--radius-lg);border-radius:var(--radius-xl,var(--radius-lg));box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;gap:var(--space-4);max-width:360px;padding:var(--space-8) var(--space-10);text-align:center;width:90%}.morning-pages__analyzing-spinner{align-items:center;animation:mp-pulse 1.5s ease-in-out infinite;background:linear-gradient(135deg,var(--color-purple-500),var(--color-purple-600));border-radius:var(--radius-full);color:#fff;display:flex;height:56px;justify-content:center;width:56px}@keyframes mp-pulse{0%,to{box-shadow:0 0 0 0 #8b5cf666;transform:scale(1)}50%{box-shadow:0 0 0 16px #8b5cf600;transform:scale(1.08)}}.morning-pages__analyzing-title{color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0}.morning-pages__analyzing-subtitle{color:var(--color-text-secondary);font-size:var(--font-size-body-sm);line-height:1.5;margin:0}.morning-pages__analyzing-dots{display:flex;gap:6px}.morning-pages__analyzing-dots span{animation:mp-dot-bounce 1.4s ease-in-out infinite;background:var(--color-primary);border-radius:50%;height:8px;width:8px}.morning-pages__analyzing-dots span:nth-child(2){animation-delay:.16s}.morning-pages__analyzing-dots span:nth-child(3){animation-delay:.32s}@keyframes mp-dot-bounce{0%,80%,to{opacity:.4;transform:scale(.6)}40%{opacity:1;transform:scale(1)}}.morning-pages__analyze-error{align-items:center;background:#fee2e2;background:var(--color-error-light,#fee2e2);border:1px solid #ef4444;border:1px solid var(--color-error,#ef4444);border-radius:var(--radius-md);color:#ef4444;color:var(--color-error,#ef4444);display:flex;font-size:var(--font-size-sm);gap:var(--space-2);margin-top:var(--space-3);padding:var(--space-4)}@keyframes mp-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes mp-sparkle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}.morning-pages__gallery-view{animation:mp-fade-in var(--transition-normal) ease-out}@media (max-width:393px){.morning-pages__header{padding:var(--space-3) var(--space-3) var(--space-2)}.morning-pages__title{font-size:var(--font-size-h4)}.morning-pages__title-icon{height:36px;width:36px}.morning-pages__pill-tab{font-size:var(--font-size-caption);padding:var(--space-1) var(--space-3)}.morning-pages__main{padding:var(--space-3)}.morning-pages__detail-title{font-size:var(--font-size-h4)}.morning-pages__detail-image{max-height:50vh}}@media (min-width:641px) and (max-width:768px){.morning-pages__main{padding:var(--space-5) var(--space-6)}}@media (min-width:769px){.morning-pages__header{padding:var(--space-5) var(--space-8) var(--space-4)}.morning-pages__main{padding:var(--space-6) var(--space-8)}.morning-pages__detail-content{grid-gap:var(--space-6);align-items:start;display:grid;gap:var(--space-6);grid-template-columns:1fr 1fr}.morning-pages__image-card{position:-webkit-sticky;position:sticky;top:var(--space-4)}.morning-pages__ocr-section .ocr-review{display:flex;flex-direction:column;max-height:70vh}.morning-pages__detail-image{max-height:70vh}.morning-pages__page-insights{grid-column:1/-1}.morning-pages__insights-grid{grid-template-columns:repeat(2,1fr)}.morning-pages__fab{right:var(--space-8)}}@media (min-width:1440px){.morning-pages__header{padding:var(--space-6) var(--space-12) var(--space-4)}.morning-pages__main{padding:var(--space-6) var(--space-12)}.morning-pages__detail-view,.morning-pages__gallery-view,.morning-pages__insights-view{max-width:1400px}.morning-pages__insights-grid{grid-template-columns:repeat(3,1fr)}}[data-theme=dark] .morning-pages__header{background:linear-gradient(135deg,#8b5cf61f,#ff6b6b14);border-color:var(--color-border)}[data-theme=dark] .morning-pages__title{color:var(--color-text-primary)}[data-theme=dark] .morning-pages__subtitle{color:var(--color-text-secondary)}[data-theme=dark] .morning-pages__settings-btn{background:#ffffff1a;color:var(--color-text-secondary)}[data-theme=dark] .morning-pages__settings-btn:hover{background:#ffffff2e;color:var(--color-text-primary)}[data-theme=dark] .morning-pages__pill-tabs{background:#ffffff14}[data-theme=dark] .morning-pages__pill-tab{color:var(--color-text-secondary)}[data-theme=dark] .morning-pages__pill-tab:hover{background:#ffffff1a;color:var(--color-text-primary)}[data-theme=dark] .morning-pages__pill-tab--active{background:#a78bfa33;box-shadow:none}[data-theme=dark] .morning-pages__pill-tab--active,[data-theme=dark] .morning-pages__pill-tab--active svg{color:#c4b5fd;color:var(--color-primary-light,#c4b5fd)}[data-theme=dark] .morning-pages__detail-title{color:var(--color-text-primary)}[data-theme=dark] .morning-pages__photo-counter{color:var(--color-text-secondary)}[data-theme=dark] .morning-pages__section-title{color:var(--color-text-primary)}[data-theme=dark] .morning-pages__section-title svg{color:#c4b5fd;color:var(--color-primary-light,#c4b5fd)}[data-theme=dark] .morning-pages__detail-image{background:var(--color-bg-tertiary)}[data-theme=dark] .morning-pages__fab{box-shadow:0 4px 14px #8b5cf659,0 0 20px #a78bfa33;box-shadow:0 4px 14px #8b5cf659,var(--shadow-glow,0 0 20px #a78bfa33)}[data-theme=dark] .morning-pages__insight-type{color:var(--color-text-secondary)}[data-theme=dark] .morning-pages__insight-badge{background:#34d39926;color:#34d399;color:var(--color-success,#34d399)}[data-theme=dark] .morning-pages__insight-title{color:var(--color-text-primary)}[data-theme=dark] .morning-pages__insight-content{color:var(--color-text-secondary)}[data-theme=dark] .morning-pages__insight-project{color:#a78bfa;color:var(--color-primary,#a78bfa)}[data-theme=dark] .morning-pages__insight-card--theme{border-left-color:#a78bfa}[data-theme=dark] .morning-pages__insight-card--emotion{border-left-color:#f472b6}[data-theme=dark] .morning-pages__insight-card--pattern{border-left-color:#22d3ee}[data-theme=dark] .morning-pages__insight-card--selfsabotage{border-left-color:#fbbf24}[data-theme=dark] .morning-pages__insight-card--recommendation{border-left-color:#34d399}[data-theme=dark] .morning-pages__analyzing-card{background:var(--color-bg-card);box-shadow:0 20px 60px #0009}[data-theme=dark] .morning-pages__analyzing-title{color:var(--color-text-primary)}[data-theme=dark] .morning-pages__analyzing-subtitle{color:var(--color-text-secondary)}[data-theme=dark] .morning-pages__analyze-error{background:#f8717126;background:var(--color-error-light,#f8717126);border-color:#f87171;border-color:var(--color-error,#f87171);color:#f87171;color:var(--color-error,#f87171)}.morning-pages__pill-tab:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.morning-pages__back-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.morning-pages__fab:focus-visible{outline:2px solid #fff;outline-offset:3px}.morning-pages__settings-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}[data-theme=dark] .morning-pages__pill-tab:focus-visible{outline-color:#d4a5ff}@media print{.morning-pages__fab,.morning-pages__header{display:none}.morning-pages__main{padding:0}.morning-pages__detail-image{max-height:none}}.coach{background:var(--color-bg-primary);display:flex;flex-direction:column;min-height:100vh;overflow-x:hidden;padding-bottom:calc(var(--bottom-nav-height) + var(--space-6));position:relative}.coach__ambient{inset:0;overflow:hidden;pointer-events:none;position:fixed;z-index:0}.coach__ambient-shape{border-radius:50%;filter:blur(80px);opacity:.35;position:absolute}.coach__ambient-shape--1{animation:floatCoach 20s ease-in-out infinite;background:var(--color-purple-400);height:350px;right:-100px;top:-50px;width:350px}.coach__ambient-shape--2{animation:floatCoach 24s ease-in-out infinite reverse;background:var(--color-cyan);bottom:150px;height:280px;left:-80px;width:280px}[data-theme=dark] .coach__ambient-shape{opacity:.12}@keyframes floatCoach{0%,to{transform:translate(0) scale(1)}50%{transform:translate(15px,-15px) scale(1.08)}}.coach__main{display:flex;flex:1 1;flex-direction:column;margin:0 auto;max-width:var(--container-md);position:relative;width:100%;z-index:1}.coach__sidebar-toggle{align-items:center;background:none;border:none;border-bottom:1px solid var(--color-border-light);color:var(--color-primary);cursor:pointer;display:flex;font-size:var(--font-size-body-sm);font-weight:var(--font-weight-medium);gap:var(--space-2);justify-content:space-between;padding:var(--space-3) var(--space-4);transition:all var(--transition-fast);width:100%}.coach__sidebar-toggle:hover{background:var(--color-primary-alpha-10)}.coach__sidebar-toggle-left{align-items:center;display:flex;gap:var(--space-2)}.coach__sidebar-toggle svg{flex-shrink:0}.coach__sidebar{animation:slideDown .2s ease-out;background:var(--color-bg-card);border-bottom:1px solid var(--color-border);display:none;flex-direction:column;max-height:300px;overflow-y:auto}.coach__sidebar--open{display:flex}@keyframes slideDown{0%{max-height:0;opacity:0}to{max-height:300px;opacity:1}}.coach__sidebar-header{align-items:center;border-bottom:1px solid var(--color-border-light);display:flex;justify-content:space-between;padding:var(--space-3) var(--space-4)}.coach__sidebar-title{color:var(--color-text-primary);font-size:var(--font-size-body-sm);font-weight:var(--font-weight-semibold);margin:0}.coach__new-chat-btn{align-items:center;background:var(--color-primary);border:none;border-radius:var(--radius-full);color:#fff;cursor:pointer;display:flex;font-size:var(--font-size-caption);font-weight:var(--font-weight-medium);gap:var(--space-1);padding:var(--space-1) var(--space-3);transition:all var(--transition-fast)}.coach__new-chat-btn:hover{background:var(--color-primary-dark);transform:scale(1.02)}.coach__conversation-list{display:flex;flex-direction:column}.coach__conversation-item{align-items:center;background:none;border:none;border-bottom:1px solid var(--color-border-light);cursor:pointer;display:flex;gap:var(--space-3);padding:var(--space-3) var(--space-4);text-align:left;transition:all var(--transition-fast);width:100%}.coach__conversation-item:hover{background:var(--color-primary-alpha-10)}.coach__conversation-item--active{background:var(--color-primary-alpha-15);border-left:3px solid var(--color-primary)}.coach__conversation-icon{align-items:center;background:var(--color-primary-alpha-10);border-radius:var(--radius-md);color:var(--color-primary);display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.coach__conversation-info{flex:1 1;min-width:0}.coach__conversation-title{color:var(--color-text-primary);font-size:var(--font-size-body-sm);font-weight:var(--font-weight-medium);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.coach__conversation-meta{font-size:var(--font-size-caption);gap:var(--space-2);margin-top:2px}.coach__conversation-delete,.coach__conversation-meta{align-items:center;color:var(--color-text-muted);display:flex}.coach__conversation-delete{background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;flex-shrink:0;justify-content:center;opacity:0;padding:var(--space-1);transition:all var(--transition-fast)}.coach__conversation-item:hover .coach__conversation-delete{opacity:1}.coach__conversation-delete:hover{background:var(--color-error-light);color:var(--color-error)}.coach__chat{display:flex;flex:1 1;flex-direction:column;gap:var(--space-4);overflow-y:auto;padding:var(--space-4)}.coach__chat-intro{padding:var(--space-4) 0;text-align:center}.coach__chat-intro p{color:var(--color-text-secondary);font-size:var(--font-size-body);margin:0}.coach__message{animation:messageSlideIn .3s ease-out both;display:flex;gap:var(--space-3);max-width:85%}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.coach__message--user{align-self:flex-end;flex-direction:row-reverse}.coach__message--coach{align-self:flex-start}.coach__message-avatar{align-items:flex-start;border-radius:50%;display:flex;flex-shrink:0;height:32px;justify-content:center;margin-top:var(--space-1);width:32px}.coach__message-avatar--user{background:var(--color-primary);color:#fff}.coach__message-avatar--coach{align-items:center;background:var(--color-gradient-aurora);color:#fff;display:flex;justify-content:center}.coach__message-bubble{border-radius:var(--radius-xl);font-size:var(--font-size-body);line-height:var(--line-height-relaxed);padding:var(--space-3) var(--space-4);white-space:pre-wrap;word-break:break-word}.coach__message--user .coach__message-bubble{background:var(--color-primary);border-bottom-right-radius:var(--radius-sm);color:#fff}.coach__message--coach .coach__message-bubble{background:var(--color-bg-card);border:1px solid var(--color-border-light);border-bottom-left-radius:var(--radius-sm);box-shadow:var(--shadow-sm);color:var(--color-text-primary)}[data-theme=dark] .coach__message--coach .coach__message-bubble{background:var(--color-bg-card);background:var(--color-bg-elevated,var(--color-bg-card));border-color:var(--color-border)}.coach__message-time{color:var(--color-text-muted);font-size:var(--font-size-caption);margin-top:var(--space-1);padding:0 var(--space-1)}.coach__message--user .coach__message-time{text-align:right}.coach__typing{align-self:flex-start;animation:messageSlideIn .3s ease-out both;display:flex;gap:var(--space-3);max-width:85%}.coach__typing-bubble{align-items:center;background:var(--color-bg-card);border:1px solid var(--color-border-light);border-radius:var(--radius-xl);border-bottom-left-radius:var(--radius-sm);box-shadow:var(--shadow-sm);display:flex;gap:var(--space-2);padding:var(--space-3) var(--space-4)}[data-theme=dark] .coach__typing-bubble{background:var(--color-bg-card);background:var(--color-bg-elevated,var(--color-bg-card));border-color:var(--color-border)}.coach__typing-dots{align-items:center;display:flex;gap:4px}.coach__typing-dot{animation:typingBounce 1.4s ease-in-out infinite;background:var(--color-primary);border-radius:50%;height:8px;opacity:.4;width:8px}.coach__typing-dot:nth-child(2){animation-delay:.2s}.coach__typing-dot:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,80%,to{opacity:.4;transform:translateY(0)}40%{opacity:1;transform:translateY(-6px)}}.coach__typing-text{color:var(--color-text-muted);font-size:var(--font-size-caption);font-style:italic}.coach__input-area{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffe6;border-top:1px solid var(--color-border-light);bottom:var(--bottom-nav-height);padding:var(--space-3) var(--space-4);position:-webkit-sticky;position:sticky;z-index:10}[data-theme=dark] .coach__input-area{background:#13131af2}.coach__input-form{align-items:flex-end;display:flex;gap:var(--space-3);margin:0 auto;max-width:var(--container-md)}.coach__input-wrapper{flex:1 1;position:relative}.coach__input{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-sizing:border-box;color:var(--color-text-primary);font-family:var(--font-family);font-size:var(--font-size-body);line-height:var(--line-height-normal);max-height:120px;min-height:44px;outline:none;padding:var(--space-3) var(--space-4);resize:none;transition:all var(--transition-fast);width:100%}.coach__input::placeholder{color:var(--color-text-muted)}.coach__input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-alpha-15)}[data-theme=dark] .coach__input{background:var(--color-bg-secondary);border-color:var(--color-border)}.coach__send-btn{align-items:center;background:var(--color-primary);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:44px;justify-content:center;transition:all var(--transition-fast);width:44px}.coach__send-btn:hover:not(:disabled){background:var(--color-primary-dark);transform:scale(1.05)}.coach__send-btn:disabled{cursor:not-allowed;opacity:.5}.coach__send-btn--loading{animation:spin 1s linear infinite}.coach__empty{flex:1 1;flex-direction:column;padding:var(--space-12) var(--space-4);text-align:center}.coach__empty,.coach__empty-icon{align-items:center;display:flex;justify-content:center}.coach__empty-icon{background:var(--color-gradient-aurora);border-radius:50%;color:#fff;height:80px;margin-bottom:var(--space-5);width:80px}.coach__empty h3{color:var(--color-text-primary);font-size:var(--font-size-h3);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-2)}.coach__empty p{color:var(--color-text-secondary);font-size:var(--font-size-body);margin:0 0 var(--space-6);max-width:320px}.coach__suggestions{display:flex;flex-direction:column;gap:var(--space-2);max-width:360px;width:100%}.coach__suggestion{align-items:center;background:var(--color-bg-card);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);color:var(--color-text-primary);cursor:pointer;display:flex;font-size:var(--font-size-body-sm);gap:var(--space-3);padding:var(--space-3) var(--space-4);text-align:left;transition:all var(--transition-fast)}.coach__suggestion:hover{background:var(--color-primary-alpha-10);border-color:var(--color-primary);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.coach__suggestion svg{color:var(--color-primary);flex-shrink:0}[data-theme=dark] .coach__suggestion{background:var(--color-bg-card);border-color:var(--color-border)}.coach__loading{align-items:center;color:var(--color-text-secondary);display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:var(--space-12) var(--space-4);text-align:center}.coach__loading-spinner{animation:spin 1s linear infinite;color:var(--color-primary);margin-bottom:var(--space-4)}.coach__loading p{font-size:var(--font-size-body);margin:0}.coach__error{align-items:center;background:var(--color-error-light);border:1px solid var(--color-error);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:var(--space-3);margin:var(--space-4);padding:var(--space-4);text-align:center}.coach__error p{color:var(--color-error);font-size:var(--font-size-body-sm);margin:0}@media (max-width:480px){.coach__chat{padding:var(--space-3)}.coach__message{max-width:90%}.coach__input-area{padding:var(--space-2) var(--space-3)}.coach__input{font-size:16px}.coach__send-btn{height:40px;width:40px}.coach__message-avatar{height:28px;width:28px}}@media (min-width:768px){.coach__message{max-width:70%}.coach__suggestions{flex-direction:row;flex-wrap:wrap;max-width:500px}.coach__suggestion{flex:1 1 calc(50% - var(--space-2))}}.analytics{background:var(--color-bg-primary);display:flex;flex-direction:column;min-height:100vh;overflow-x:hidden;padding-bottom:calc(var(--bottom-nav-height) + var(--space-6));position:relative}.analytics__ambient{inset:0;overflow:hidden;pointer-events:none;position:fixed;z-index:0}.analytics__ambient-shape{border-radius:50%;filter:blur(80px);opacity:.35;position:absolute}.analytics__ambient-shape--1{animation:floatAnalytics 20s ease-in-out infinite;background:var(--color-cyan);height:350px;right:-100px;top:-50px;width:350px}.analytics__ambient-shape--2{animation:floatAnalytics 24s ease-in-out infinite reverse;background:var(--color-lime);bottom:150px;height:280px;left:-80px;width:280px}[data-theme=dark] .analytics__ambient-shape{opacity:.12}@keyframes floatAnalytics{0%,to{transform:translate(0) scale(1)}50%{transform:translate(20px,-20px) scale(1.1)}}.analytics__main{display:flex;flex:1 1;flex-direction:column;gap:var(--space-6);margin:0 auto;max-width:var(--container-lg);padding:var(--space-4);position:relative;width:100%;z-index:1}.analytics__header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:space-between}.analytics__header-info{display:flex;flex-direction:column;gap:var(--space-1)}.analytics__subtitle{color:var(--color-text-secondary);font-size:var(--font-size-body);margin:0}.analytics__last-updated{align-items:center;color:var(--color-text-muted);display:inline-flex;font-size:var(--font-size-caption);gap:var(--space-1)}.analytics__recalculate-btn{flex-shrink:0}.analytics__spin{animation:spin 1s linear infinite}.analytics__inline-error{align-items:center;background:var(--color-error-light);border-radius:var(--radius-md);color:var(--color-error);display:flex;font-size:var(--font-size-body-sm);gap:var(--space-2);padding:var(--space-3) var(--space-4)}.analytics__section{display:flex;flex-direction:column;gap:var(--space-4)}.analytics__section-title{align-items:center;color:var(--color-text-primary);display:flex;font-size:var(--font-size-h4);font-weight:var(--font-weight-semibold);gap:var(--space-2);margin:0}.analytics__section-title svg{color:var(--color-primary)}.analytics__stats-grid{grid-gap:var(--space-3);display:grid;gap:var(--space-3);grid-template-columns:repeat(2,1fr)}.analytics__stat-card{align-items:center;display:flex;flex-direction:column;gap:var(--space-2);text-align:center;transition:all var(--transition-fast)}.analytics__stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.analytics__stat-icon{align-items:center;border-radius:var(--radius-lg);color:#fff;display:flex;height:40px;justify-content:center;width:40px}.analytics__stat-icon--purple{background:linear-gradient(135deg,#8b5cf6,#a78bfa)}.analytics__stat-icon--green{background:linear-gradient(135deg,#5cd85a,#34d399)}.analytics__stat-icon--blue{background:linear-gradient(135deg,#54a0ff,#60a5fa)}.analytics__stat-icon--orange{background:linear-gradient(135deg,#ff9f43,#fbbf24)}.analytics__stat-icon--teal{background:linear-gradient(135deg,#00d2d3,#34d399)}.analytics__stat-icon--pink{background:linear-gradient(135deg,#ff6b9d,#f472b6)}.analytics__stat-icon--coral{background:linear-gradient(135deg,#ff6b6b,#f87171)}.analytics__stat-icon--gold{background:linear-gradient(135deg,#feca57,#fcd34d);color:#2d2a26}.analytics__stat-value{color:var(--color-text-primary);font-size:var(--font-size-h2);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight)}.analytics__stat-label{color:var(--color-text-secondary);font-size:var(--font-size-caption);font-weight:var(--font-weight-medium)}.analytics__heatmap-card{overflow:hidden}.analytics__heatmap-desc{color:var(--color-text-secondary);font-size:var(--font-size-body-sm);margin:0 0 var(--space-4)}.analytics__heatmap-wrapper{-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;gap:var(--space-3);overflow-x:auto}.analytics__heatmap{grid-gap:2px;display:grid;gap:2px;grid-template-columns:36px repeat(24,1fr);grid-template-rows:auto repeat(7,1fr);min-width:480px}.analytics__heatmap-hour-label{color:var(--color-text-muted);font-size:10px;padding-bottom:var(--space-1);text-align:center;white-space:nowrap}.analytics__heatmap-hour-label--hidden{visibility:hidden}.analytics__heatmap-day-label{align-items:center;color:var(--color-text-secondary);display:flex;font-size:var(--font-size-caption);font-weight:var(--font-weight-medium);padding-right:var(--space-2)}.analytics__heatmap-cell{aspect-ratio:1;border-radius:3px;cursor:default;min-height:14px;min-width:14px;transition:all var(--transition-fast)}.analytics__heatmap-cell:hover{box-shadow:var(--shadow-sm);transform:scale(1.3);z-index:1}.analytics__heatmap-cell--0{background:var(--color-bg-secondary)}.analytics__heatmap-cell--1{background:#9be9a8}.analytics__heatmap-cell--2{background:#40c463}.analytics__heatmap-cell--3{background:#30a14e}.analytics__heatmap-cell--4{background:#216e39}.analytics__heatmap-cell--5{background:#0e4429}[data-theme=dark] .analytics__heatmap-cell--0{background:var(--color-bg-tertiary)}[data-theme=dark] .analytics__heatmap-cell--1{background:#0e4429}[data-theme=dark] .analytics__heatmap-cell--2{background:#006d32}[data-theme=dark] .analytics__heatmap-cell--3{background:#26a641}[data-theme=dark] .analytics__heatmap-cell--4{background:#39d353}[data-theme=dark] .analytics__heatmap-cell--5{background:#9be9a8}.analytics__heatmap-legend{align-items:center;display:flex;gap:4px;justify-content:flex-end}.analytics__heatmap-legend-label{color:var(--color-text-muted);font-size:10px;padding:0 var(--space-1)}.analytics__heatmap-legend-cell{height:14px;min-height:14px;min-width:14px;width:14px}.analytics__heatmap-legend-cell:hover{box-shadow:none;transform:none}.analytics__best-times{grid-gap:var(--space-3);display:grid;gap:var(--space-3);grid-template-columns:repeat(2,1fr)}.analytics__best-time-card{align-items:center;display:flex;gap:var(--space-4);transition:all var(--transition-fast)}.analytics__best-time-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.analytics__best-time-icon{align-items:center;background:var(--color-primary-alpha-15);border-radius:var(--radius-lg);color:var(--color-primary);display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.analytics__best-time-info{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.analytics__best-time-value{color:var(--color-text-primary);font-size:var(--font-size-h4);font-weight:var(--font-weight-semibold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.analytics__best-time-label{color:var(--color-text-secondary);font-size:var(--font-size-caption)}.analytics__insights{display:flex;flex-direction:column;gap:var(--space-3)}.analytics__insight-card{align-items:flex-start;display:flex;gap:var(--space-3);transition:all var(--transition-fast)}.analytics__insight-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.analytics__insight-icon{align-items:center;border-radius:var(--radius-lg);display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.analytics__insight-icon--warning{background:var(--color-warning-light);color:var(--color-warning)}.analytics__insight-icon--info{background:var(--color-info-light);color:var(--color-info)}.analytics__insight-content{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.analytics__insight-title{color:var(--color-text-primary);font-size:var(--font-size-body);font-weight:var(--font-weight-semibold)}.analytics__insight-desc{color:var(--color-text-secondary);font-size:var(--font-size-body-sm);line-height:var(--line-height-relaxed)}.analytics__insight-desc strong{color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}.analytics__prediction-card,.analytics__predictions{display:flex;flex-direction:column;gap:var(--space-3)}.analytics__prediction-card{animation:slideInCard .3s ease-out both;transition:all var(--transition-fast)}@keyframes slideInCard{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.analytics__prediction-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.analytics__prediction-header{align-items:center;display:flex;justify-content:space-between}.analytics__prediction-category{align-items:center;color:var(--color-primary);display:flex;font-size:var(--font-size-caption);font-weight:var(--font-weight-medium);gap:var(--space-2);text-transform:capitalize}.analytics__confidence{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold);padding:var(--space-1) var(--space-2)}.analytics__confidence--high{background:var(--color-success-light);color:var(--color-success)}.analytics__confidence--medium{background:var(--color-warning-light);color:var(--color-warning)}.analytics__confidence--low{background:var(--color-info-light);color:var(--color-info)}.analytics__prediction-title{color:var(--color-text-primary);font-size:var(--font-size-body);font-weight:var(--font-weight-semibold)}.analytics__prediction-desc{color:var(--color-text-secondary);font-size:var(--font-size-body-sm);line-height:var(--line-height-relaxed)}.analytics__confidence-bar{background:var(--color-bg-secondary);border-radius:var(--radius-full);height:4px;overflow:hidden;width:100%}[data-theme=dark] .analytics__confidence-bar{background:var(--color-bg-tertiary)}.analytics__confidence-fill{border-radius:var(--radius-full);height:100%;transition:width .6s ease-out}.analytics__confidence-fill.analytics__confidence--high{background:var(--color-success)}.analytics__confidence-fill.analytics__confidence--medium{background:var(--color-warning)}.analytics__confidence-fill.analytics__confidence--low{background:var(--color-info)}.analytics__loading{align-items:center;color:var(--color-text-secondary);display:flex;flex-direction:column;justify-content:center;min-height:60vh;padding:var(--space-16) var(--space-4);text-align:center}.analytics__loading-spinner{animation:spin 1s linear infinite;color:var(--color-primary);margin-bottom:var(--space-4)}.analytics__loading p{font-size:var(--font-size-body);margin:0}.analytics__error{align-items:center;display:flex;flex-direction:column;gap:var(--space-4);justify-content:center;min-height:60vh;padding:var(--space-16) var(--space-4);text-align:center}.analytics__error p,.analytics__error svg{color:var(--color-error)}.analytics__error p{font-size:var(--font-size-body);margin:0}@media (min-width:640px){.analytics__stats-grid{grid-template-columns:repeat(4,1fr)}.analytics__heatmap{min-width:0;min-width:auto}}@media (min-width:1024px){.analytics__main{padding:var(--space-6)}.analytics__stats-grid{gap:var(--space-4);grid-template-columns:repeat(4,1fr)}.analytics__predictions{display:grid;grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.analytics__main{gap:var(--space-5);padding:var(--space-3)}.analytics__header{flex-direction:column;gap:var(--space-3)}.analytics__recalculate-btn{align-self:flex-start}.analytics__best-times{grid-template-columns:1fr}.analytics__best-time-card{flex-direction:row}.analytics__stat-value{font-size:var(--font-size-h3)}.analytics__heatmap-cell{min-height:10px;min-width:10px}.analytics__heatmap{gap:1px}.analytics__heatmap-day-label{font-size:10px}}.partners{background:var(--color-bg-primary);display:flex;flex-direction:column;min-height:100vh;overflow-x:hidden;padding-bottom:calc(var(--bottom-nav-height) + var(--space-6));position:relative}.partners__ambient{inset:0;overflow:hidden;pointer-events:none;position:fixed;z-index:0}.partners__ambient-shape{border-radius:50%;filter:blur(80px);opacity:.35;position:absolute}.partners__ambient-shape--1{animation:floatPartners 20s ease-in-out infinite;background:var(--color-teal);height:320px;right:-80px;top:-60px;width:320px}.partners__ambient-shape--2{animation:floatPartners 24s ease-in-out infinite reverse;background:var(--color-purple-400);bottom:200px;height:260px;left:-100px;width:260px}[data-theme=dark] .partners__ambient-shape{opacity:.12}@keyframes floatPartners{0%,to{transform:translate(0) scale(1)}50%{transform:translate(15px,-25px) scale(1.08)}}.partners__main{display:flex;flex:1 1;flex-direction:column;margin:0 auto;max-width:var(--container-md);padding:var(--space-4);position:relative;width:100%;z-index:1}.partners__intro{margin-bottom:var(--space-4);text-align:center}.partners__intro p{color:var(--color-text-secondary);font-size:var(--font-size-body);margin:0}.partners__error-banner{align-items:center;background:var(--color-error-light);border:1px solid var(--color-error);border-radius:var(--radius-lg);color:var(--color-error);display:flex;font-size:var(--font-size-body-sm);gap:var(--space-2);margin-bottom:var(--space-4);padding:var(--space-3) var(--space-4)}.partners__error-banner svg:first-child{flex-shrink:0}.partners__error-banner span{flex:1 1}.partners__error-banner button{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--color-error);cursor:pointer;display:flex;justify-content:center;padding:var(--space-1);transition:background var(--transition-fast)}.partners__error-banner button:hover{background:#ff6b6b26}.partners__tabs{background:var(--color-bg-card);border:1px solid var(--color-border-light);border-radius:var(--radius-xl);display:flex;gap:var(--space-1);margin-bottom:var(--space-5);padding:var(--space-1)}.partners__tab{align-items:center;background:none;border:none;border-radius:var(--radius-lg);color:var(--color-text-muted);cursor:pointer;display:flex;flex:1 1;font-size:var(--font-size-body-sm);font-weight:var(--font-weight-medium);gap:var(--space-2);justify-content:center;padding:var(--space-3) var(--space-2);transition:all var(--transition-fast);white-space:nowrap}.partners__tab:hover:not(:disabled){background:var(--color-bg-secondary);color:var(--color-text-primary)}.partners__tab:disabled{cursor:not-allowed;opacity:.4}.partners__tab--active{background:var(--color-primary);box-shadow:var(--shadow-sm);color:#fff}.partners__tab--active:hover{background:var(--color-primary-dark);color:#fff}.partners__tab-badge{align-items:center;background:#ffffff40;border-radius:var(--radius-full);display:inline-flex;font-size:11px;font-weight:var(--font-weight-semibold);gap:2px;padding:1px var(--space-2)}.partners__tab:not(.partners__tab--active) .partners__tab-badge{background:var(--color-warning-light);color:var(--color-warning)}.partners__content{flex:1 1}.partners__section-title{color:var(--color-text-primary);font-size:var(--font-size-h3);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-2)}.partners__section-desc{color:var(--color-text-secondary);font-size:var(--font-size-body-sm);margin:0 0 var(--space-5)}.partners__loading{align-items:center;color:var(--color-text-secondary);display:flex;flex-direction:column;justify-content:center;padding:var(--space-12) var(--space-4);text-align:center}.partners__loading--compact{padding:var(--space-8) var(--space-4)}.partners__loading-spinner{animation:partnersSpin 1s linear infinite;color:var(--color-primary);margin-bottom:var(--space-3)}@keyframes partnersSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.partners__loading p{font-size:var(--font-size-body);margin:0}.partners__profile-form{animation:slideInPartners .3s ease-out}@keyframes slideInPartners{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.partners__form-fields{display:flex;flex-direction:column;gap:var(--space-5)}.partners__form-group{display:flex;flex-direction:column;gap:var(--space-2)}.partners__form-label{color:var(--color-text-primary);font-size:var(--font-size-body-sm);font-weight:var(--font-weight-medium)}.partners__form-hint{color:var(--color-text-muted);font-size:var(--font-size-caption);margin:0}.partners__goals-grid{display:flex;flex-wrap:wrap;gap:var(--space-2)}.partners__goal-chip{align-items:center;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-secondary);cursor:pointer;display:inline-flex;font-size:var(--font-size-body-sm);font-weight:var(--font-weight-medium);gap:var(--space-1);padding:var(--space-2) var(--space-3);transition:all var(--transition-fast)}.partners__goal-chip--active,.partners__goal-chip:hover{border-color:var(--color-primary);color:var(--color-primary)}.partners__goal-chip--active{background:var(--color-primary-alpha-15)}.partners__form-actions{border-top:1px solid var(--color-border);display:flex;gap:var(--space-3);justify-content:flex-end;margin-top:var(--space-6);padding-top:var(--space-4)}.partners__profile-summary{animation:slideInPartners .3s ease-out}.partners__profile-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-4)}.partners__profile-card{background:var(--color-bg-card)}.partners__profile-details{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:1fr;margin-bottom:var(--space-5)}@media (min-width:480px){.partners__profile-details{grid-template-columns:1fr 1fr}}.partners__profile-detail{align-items:flex-start;display:flex;gap:var(--space-3)}.partners__profile-detail svg{color:var(--color-primary);flex-shrink:0;margin-top:2px}.partners__profile-detail>div{display:flex;flex-direction:column;gap:2px}.partners__detail-label{color:var(--color-text-muted);font-size:var(--font-size-caption);font-weight:var(--font-weight-medium);letter-spacing:.05em;text-transform:uppercase}.partners__detail-value{color:var(--color-text-primary);font-size:var(--font-size-body-sm);font-weight:var(--font-weight-medium)}.partners__profile-goals{border-top:1px solid var(--color-border-light);display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-4);padding-top:var(--space-4)}.partners__goals-list{display:flex;flex-wrap:wrap;gap:var(--space-2)}.partners__goal-tag{background:var(--color-primary-alpha-10);border-radius:var(--radius-full);color:var(--color-primary);display:inline-block;font-size:var(--font-size-caption);font-weight:var(--font-weight-medium);padding:var(--space-1) var(--space-3)}.partners__goal-tag--more{background:var(--color-bg-secondary);color:var(--color-text-muted)}.partners__profile-bio{border-top:1px solid var(--color-border-light);display:flex;flex-direction:column;gap:var(--space-2);padding-top:var(--space-4)}.partners__profile-bio p{color:var(--color-text-primary);font-size:var(--font-size-body);line-height:var(--line-height-relaxed);margin:0}.partners__matches-list{animation:slideInPartners .3s ease-out}.partners__match-card{animation:slideInMatchCard .4s ease-out both;margin-bottom:var(--space-4);transition:transform var(--transition-fast),box-shadow var(--transition-fast)}@keyframes slideInMatchCard{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.partners__match-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.partners__match-header{align-items:center;display:flex;gap:var(--space-3);margin-bottom:var(--space-3)}.partners__match-avatar{align-items:center;background:var(--color-gradient-ocean);border-radius:var(--radius-xl);color:#fff;display:flex;flex-shrink:0;height:44px;justify-content:center;width:44px}.partners__match-info{display:flex;flex:1 1;flex-direction:column;gap:2px}.partners__match-discipline{color:var(--color-text-primary);font-size:var(--font-size-body);font-weight:var(--font-weight-semibold)}.partners__match-level{color:var(--color-text-muted);font-size:var(--font-size-caption)}.partners__match-score{flex-shrink:0}.partners__score-ring{height:48px;position:relative;width:48px}.partners__score-svg{height:100%;transform:rotate(-90deg);width:100%}.partners__score-svg path:first-child{stroke-dasharray:100,100;opacity:.15}.partners__score-value{align-items:center;display:flex;font-size:11px;font-weight:var(--font-weight-semibold);inset:0;justify-content:center;position:absolute}.partners__match-score--excellent{color:var(--color-success)}.partners__match-score--good{color:var(--color-primary)}.partners__match-score--fair{color:var(--color-warning)}.partners__match-score--low{color:var(--color-text-muted)}.partners__match-reason{align-items:flex-start;background:var(--color-bg-secondary);border-radius:var(--radius-md);color:var(--color-text-secondary);display:flex;font-size:var(--font-size-body-sm);gap:var(--space-2);line-height:var(--line-height-relaxed);margin:0 0 var(--space-3);padding:var(--space-3)}.partners__match-reason svg{color:var(--color-warning);flex-shrink:0;margin-top:2px}.partners__match-goals{display:flex;flex-wrap:wrap;gap:var(--space-1);margin-bottom:var(--space-3)}.partners__match-bio{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--color-text-secondary);display:-webkit-box;font-size:var(--font-size-body-sm);line-height:var(--line-height-relaxed);margin:0 0 var(--space-3);overflow:hidden}.partners__match-meta{border-bottom:1px solid var(--color-border-light);display:flex;flex-wrap:wrap;gap:var(--space-4);margin-bottom:var(--space-4);padding-bottom:var(--space-3)}.partners__match-meta span{align-items:center;color:var(--color-text-muted);display:flex;font-size:var(--font-size-caption);gap:var(--space-1)}.partners__match-actions{display:flex;gap:var(--space-3);justify-content:flex-end}.partners__match-actions button{flex:1 1;max-width:160px}.partners__partnership-tab{animation:slideInPartners .3s ease-out;display:flex;flex-direction:column;gap:var(--space-4)}.partners__partner-info{background:var(--color-bg-card)}.partners__partner-header{align-items:center;display:flex;gap:var(--space-3);margin-bottom:var(--space-4)}.partners__partner-avatar{align-items:center;background:var(--color-gradient-aurora);border-radius:var(--radius-xl);color:#fff;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.partners__partner-details{display:flex;flex:1 1;flex-direction:column;gap:2px}.partners__partner-discipline{color:var(--color-text-primary);font-size:var(--font-size-body);font-weight:var(--font-weight-semibold)}.partners__partner-since{color:var(--color-text-muted);font-size:var(--font-size-caption)}.partners__partner-end{align-items:center;background:none;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-muted);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all var(--transition-fast);width:36px}.partners__partner-end:hover{background:var(--color-error-light);border-color:var(--color-error);color:var(--color-error)}.partners__partner-stats{display:flex;gap:var(--space-2)}.partners__stat{align-items:center;background:var(--color-bg-secondary);border-radius:var(--radius-lg);display:flex;flex:1 1;flex-direction:column;gap:var(--space-1);padding:var(--space-3)}.partners__stat-icon{color:var(--color-text-muted)}.partners__stat-icon--streak{color:var(--color-orange)}.partners__stat-icon--score{color:var(--color-warning)}.partners__stat-value{color:var(--color-text-primary);font-size:var(--font-size-body);font-weight:var(--font-weight-semibold)}.partners__stat-label{color:var(--color-text-muted);font-size:11px;text-align:center}.partners__messages{background:var(--color-bg-card);border:1px solid var(--color-border-light);border-radius:var(--radius-xl);display:flex;flex-direction:column;max-height:500px;min-height:300px;overflow:hidden}.partners__messages-list{flex:1 1;overflow-y:auto;padding:var(--space-4)}.partners__messages-empty,.partners__messages-list{display:flex;flex-direction:column;gap:var(--space-3)}.partners__messages-empty{align-items:center;color:var(--color-text-muted);justify-content:center;padding:var(--space-10);text-align:center}.partners__messages-empty p{font-size:var(--font-size-body-sm);margin:0}.partners__message{display:flex;max-width:80%}.partners__message--sent{align-self:flex-end}.partners__message--received{align-self:flex-start}.partners__message-bubble{border-radius:var(--radius-xl);padding:var(--space-3) var(--space-4);position:relative}.partners__message--sent .partners__message-bubble{background:var(--color-primary);border-bottom-right-radius:var(--radius-sm);color:#fff}.partners__message--received .partners__message-bubble{background:var(--color-bg-secondary);border-bottom-left-radius:var(--radius-sm);color:var(--color-text-primary)}.partners__message-bubble p{word-wrap:break-word;font-size:var(--font-size-body-sm);line-height:var(--line-height-relaxed);margin:0 0 var(--space-1)}.partners__message-time{display:block;font-size:10px;opacity:.7;text-align:right}.partners__message-input{align-items:center;background:var(--color-bg-card);border-top:1px solid var(--color-border-light);display:flex;gap:var(--space-2);padding:var(--space-3) var(--space-4)}.partners__message-input input{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-primary);flex:1 1;font-size:var(--font-size-body-sm);outline:none;padding:var(--space-3) var(--space-4);transition:border-color var(--transition-fast)}.partners__message-input input::placeholder{color:var(--color-text-muted)}.partners__message-input input:focus{border-color:var(--color-primary)}.partners__send-btn{align-items:center;background:var(--color-primary);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;transition:all var(--transition-fast);width:40px}.partners__send-btn:hover:not(:disabled){background:var(--color-primary-dark);transform:scale(1.05)}.partners__send-btn:disabled{cursor:not-allowed;opacity:.5}.partners__end-modal{display:flex;flex-direction:column;gap:var(--space-4)}.partners__end-warning{color:var(--color-text-secondary);font-size:var(--font-size-body);line-height:var(--line-height-relaxed);margin:0}.partners__end-actions{border-top:1px solid var(--color-border);display:flex;gap:var(--space-3);justify-content:flex-end;margin-top:var(--space-2);padding-top:var(--space-4)}.partners__end-confirm{background:var(--color-error)!important;border-color:var(--color-error)!important}.partners__end-confirm:hover{background:#e55656!important}[data-theme=dark] .partners__tabs{background:var(--color-bg-card);border-color:var(--color-border)}[data-theme=dark] .partners__match-avatar{background:linear-gradient(135deg,#00a0a0,teal)}[data-theme=dark] .partners__partner-avatar{background:linear-gradient(135deg,#8b5cf6,#a78bfa)}[data-theme=dark] .partners__match-reason,[data-theme=dark] .partners__message--received .partners__message-bubble,[data-theme=dark] .partners__stat{background:var(--color-bg-secondary)}[data-theme=dark] .partners__message-input{background:var(--color-bg-card)}[data-theme=dark] .partners__goal-chip,[data-theme=dark] .partners__message-input input{background:var(--color-bg-secondary);border-color:var(--color-border)}[data-theme=dark] .partners__end-confirm{background:var(--color-error)!important}[data-theme=dark] .partners__end-confirm:hover{background:#d94444!important}@media (max-width:480px){.partners__main{padding:var(--space-3)}.partners__tab{font-size:var(--font-size-caption);gap:var(--space-1);padding:var(--space-2) var(--space-1)}.partners__tab svg{height:14px;width:14px}.partners__match-actions button{max-width:none}.partners__partner-stats{flex-direction:column}.partners__stat{flex-direction:row;justify-content:center}.partners__message{max-width:85%}.partners__messages{max-height:400px;min-height:250px}}@media (min-width:768px){.partners__match-actions{justify-content:flex-end}.partners__match-actions button{flex:0 1;min-width:120px}}.challenges{background:var(--color-bg-primary);display:flex;flex-direction:column;min-height:100vh;overflow-x:hidden;padding-bottom:calc(var(--bottom-nav-height) + var(--space-6));position:relative}.challenges__ambient{inset:0;overflow:hidden;pointer-events:none;position:fixed;z-index:0}.challenges__ambient-shape{border-radius:50%;filter:blur(80px);opacity:.35;position:absolute}.challenges__ambient-shape--1{animation:floatChallenges 18s ease-in-out infinite;background:var(--color-coral);height:350px;right:-100px;top:-50px;width:350px}.challenges__ambient-shape--2{animation:floatChallenges 22s ease-in-out infinite reverse;background:var(--color-teal);bottom:150px;height:280px;left:-80px;width:280px}[data-theme=dark] .challenges__ambient-shape{opacity:.12}@keyframes floatChallenges{0%,to{transform:translate(0) scale(1)}50%{transform:translate(20px,-20px) scale(1.1)}}.challenges__main{display:flex;flex:1 1;flex-direction:column;margin:0 auto;max-width:var(--container-md);padding:var(--space-4);position:relative;width:100%;z-index:1}.challenges__intro{margin-bottom:var(--space-4);text-align:center}.challenges__intro p{color:var(--color-text-secondary);font-size:var(--font-size-body);margin:0}.challenges__tabs{background:var(--color-bg-secondary);border-radius:var(--radius-lg);display:flex;gap:var(--space-1);margin-bottom:var(--space-5);padding:var(--space-1)}[data-theme=dark] .challenges__tabs{background:var(--color-bg-tertiary)}.challenges__tab{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;display:flex;flex:1 1;font-size:var(--font-size-body-sm);font-weight:var(--font-weight-medium);gap:var(--space-2);justify-content:center;padding:var(--space-3) var(--space-3);transition:all var(--transition-fast);white-space:nowrap}.challenges__tab:hover{background:var(--color-bg-card);color:var(--color-text-primary)}.challenges__tab--active{background:var(--color-bg-card);box-shadow:var(--shadow-sm);color:var(--color-primary)}[data-theme=dark] .challenges__tab--active{background:var(--color-bg-elevated)}.challenges__tab-badge{align-items:center;background:var(--color-coral);border-radius:var(--radius-full);color:#fff;display:inline-flex;font-size:11px;font-weight:var(--font-weight-semibold);height:20px;justify-content:center;min-width:20px;padding:0 var(--space-1)}.challenges__filters{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-5)}.challenges__search{align-items:center;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:flex;gap:var(--space-3);padding:var(--space-3) var(--space-4);transition:all var(--transition-fast)}.challenges__search:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-alpha-15)}.challenges__search svg{color:var(--color-text-muted);flex-shrink:0}.challenges__search input{background:none;border:none;color:var(--color-text-primary);flex:1 1;font-size:var(--font-size-body);outline:none}.challenges__search input::placeholder,.challenges__search-clear{color:var(--color-text-muted)}.challenges__search-clear{align-items:center;background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;display:flex;justify-content:center;padding:var(--space-1);transition:all var(--transition-fast)}.challenges__search-clear:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.challenges__filter-row{grid-gap:var(--space-3);display:grid;gap:var(--space-3);grid-template-columns:1fr 1fr}.challenges__grid{grid-gap:var(--space-3);display:grid;gap:var(--space-3);grid-template-columns:1fr}@media (min-width:640px){.challenges__grid{grid-template-columns:repeat(2,1fr)}}.challenges__card{animation:slideInChallenge .3s ease-out both;cursor:pointer;display:flex;flex-direction:column;transition:all var(--transition-fast)}@keyframes slideInChallenge{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.challenges__card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.challenges__card-header{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:space-between;margin-bottom:var(--space-3)}.challenges__card-title{color:var(--color-text-primary);font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);line-height:var(--line-height-snug);margin:0 0 var(--space-2)}.challenges__card-description{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:var(--color-text-secondary);display:-webkit-box;flex:1 1;font-size:var(--font-size-body-sm);line-height:var(--line-height-relaxed);margin:0 0 var(--space-3);overflow:hidden}.challenges__card-meta{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-3)}.challenges__card-meta-item{align-items:center;color:var(--color-text-muted);display:flex;font-size:var(--font-size-caption);gap:var(--space-1)}.challenges__card-meta-item svg{flex-shrink:0}.challenges__card-actions{border-top:1px solid var(--color-border-light);margin-top:auto;padding-top:var(--space-3)}.challenges__category-badge{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:var(--font-size-caption);font-weight:var(--font-weight-medium);gap:var(--space-1);padding:var(--space-1) var(--space-3);white-space:nowrap}.challenges__category-badge--coral{background:#ff6b6b1f;color:var(--color-coral)}[data-theme=dark] .challenges__category-badge--coral{background:#ff6b6b2e}.challenges__category-badge--yellow{background:#ff9f431f;color:var(--color-orange)}[data-theme=dark] .challenges__category-badge--yellow{background:#ff9f432e}.challenges__category-badge--teal{background:#00d2d31f;color:var(--color-teal)}[data-theme=dark] .challenges__category-badge--teal{background:#00d2d32e}.challenges__category-badge--pink{background:#ff6b9d1f;color:var(--color-pink)}[data-theme=dark] .challenges__category-badge--pink{background:#ff6b9d2e}.challenges__discipline-badges{display:flex;flex-wrap:wrap;gap:4px}.challenges__discipline-badge{align-items:center;background-color:#f0f0f0;background-color:var(--bg-tertiary,#f0f0f0);border-radius:12px;color:#666;color:var(--text-secondary,#666);display:inline-flex;font-size:.7rem;font-weight:500;padding:2px 8px}[data-theme=dark] .challenges__discipline-badge{background-color:#ffffff14;color:var(--text-secondary)}.challenges__create-disciplines{display:flex;flex-direction:column;gap:8px}.challenges__create-label{color:var(--text-secondary);font-size:.85rem;font-weight:500}.challenges__discipline-checkboxes{display:flex;flex-wrap:wrap;gap:8px}.challenges__discipline-checkbox{align-items:center;border:1px solid #e0e0e0;border:1px solid var(--border-color,#e0e0e0);border-radius:16px;cursor:pointer;display:flex;font-size:.8rem;gap:4px;padding:4px 10px;transition:all .15s ease}.challenges__discipline-checkbox:has(input:checked){background-color:#6c5ce7;background-color:var(--primary,#6c5ce7);border-color:#6c5ce7;border-color:var(--primary,#6c5ce7);color:#fff}[data-theme=dark] .challenges__discipline-checkbox{border-color:#ffffff26}[data-theme=dark] .challenges__discipline-checkbox:has(input:checked){background-color:#6c5ce7;background-color:var(--primary,#6c5ce7);border-color:#6c5ce7;border-color:var(--primary,#6c5ce7)}.challenges__discipline-checkbox input[type=checkbox]{display:none}.challenges__difficulty{align-items:center;border-radius:var(--radius-sm);display:inline-flex;font-size:11px;font-weight:var(--font-weight-semibold);letter-spacing:.5px;padding:2px var(--space-2);text-transform:uppercase}.challenges__difficulty--success{background:var(--color-success-light);color:var(--color-success)}[data-theme=dark] .challenges__difficulty--success{background:#5cd85a26}.challenges__difficulty--warning{background:var(--color-warning-light);color:var(--color-warning)}[data-theme=dark] .challenges__difficulty--warning{background:#ff9f4326}.challenges__difficulty--error{background:var(--color-error-light);color:var(--color-error)}[data-theme=dark] .challenges__difficulty--error{background:#ff6b6b26}.challenges__system-badge{align-items:center;background:var(--color-info-light);border-radius:var(--radius-sm);color:var(--color-info);display:inline-flex;font-size:11px;font-weight:var(--font-weight-medium);padding:2px var(--space-2)}[data-theme=dark] .challenges__system-badge{background:#54a0ff26}.challenges__participation-list{display:flex;flex-direction:column;gap:var(--space-3)}.challenges__participation-card{animation:slideInChallenge .3s ease-out both}.challenges__participation-header{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:space-between;margin-bottom:var(--space-3)}.challenges__participation-status{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold);gap:var(--space-1);padding:var(--space-1) var(--space-3)}.challenges__participation-status--active{background:#ff6b6b1f;color:var(--color-coral)}[data-theme=dark] .challenges__participation-status--active{background:#ff6b6b2e}.challenges__participation-status--completed{background:var(--color-success-light);color:var(--color-success)}[data-theme=dark] .challenges__participation-status--completed{background:#5cd85a26}.challenges__participation-date{align-items:center;color:var(--color-text-muted);display:flex;font-size:var(--font-size-caption);gap:var(--space-1)}.challenges__participation-title{color:var(--color-text-primary);font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-3)}.challenges__participation-result{background:var(--color-bg-secondary);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--font-size-body-sm);line-height:var(--line-height-relaxed);margin:0 0 var(--space-3);padding:var(--space-3)}[data-theme=dark] .challenges__participation-result{background:var(--color-bg-tertiary)}.challenges__participation-media{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-3)}.challenges__media-link{align-items:center;background:var(--color-primary-alpha-10);border-radius:var(--radius-md);color:var(--color-primary);display:inline-flex;font-size:var(--font-size-caption);gap:var(--space-1);padding:var(--space-1) var(--space-3);text-decoration:none;transition:all var(--transition-fast)}.challenges__media-link:hover{background:var(--color-primary-alpha-20)}.challenges__participation-duration{align-items:center;color:var(--color-text-muted);display:flex;font-size:var(--font-size-caption);gap:var(--space-1);margin-bottom:var(--space-3)}.challenges__participation-actions{border-top:1px solid var(--color-border-light);display:flex;gap:var(--space-2);padding-top:var(--space-3)}.challenges__loading{align-items:center;color:var(--color-text-secondary);display:flex;flex-direction:column;grid-column:1/-1;justify-content:center;padding:var(--space-12) var(--space-4);text-align:center}.challenges__loading--sm{padding:var(--space-6) var(--space-4)}.challenges__loading-spinner{animation:spinChallenge 1s linear infinite;color:var(--color-coral);margin-bottom:var(--space-4)}@keyframes spinChallenge{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.challenges__loading p{font-size:var(--font-size-body);margin:0}.challenges__error{align-items:center;display:flex;flex-direction:column;gap:var(--space-4);grid-column:1/-1;justify-content:center;padding:var(--space-12) var(--space-4);text-align:center}.challenges__error p{color:var(--color-error);font-size:var(--font-size-body);margin:0}.challenges__fab-container{bottom:calc(var(--bottom-nav-height) + var(--space-4));position:fixed;right:var(--space-4);z-index:150}.challenges__fab{align-items:center;background:var(--color-primary);border:none;border-radius:50%;box-shadow:var(--shadow-lg);color:#fff;cursor:pointer;display:flex;height:60px;justify-content:center;transition:all var(--transition-fast);width:60px}.challenges__fab:hover{box-shadow:var(--shadow-xl);transform:scale(1.05)}.challenges__fab:active{transform:scale(.98)}.challenges__detail{display:flex;flex-direction:column;gap:var(--space-4)}.challenges__detail-badges{display:flex;flex-wrap:wrap;gap:var(--space-2)}.challenges__detail-description{color:var(--color-text-primary);font-size:var(--font-size-body);line-height:var(--line-height-relaxed);margin:0}.challenges__detail-stats{grid-gap:var(--space-3);background:var(--color-bg-secondary);border-radius:var(--radius-lg);display:grid;gap:var(--space-3);grid-template-columns:repeat(3,1fr);padding:var(--space-4)}[data-theme=dark] .challenges__detail-stats{background:var(--color-bg-tertiary)}.challenges__detail-stat{align-items:center;color:var(--color-primary);display:flex;gap:var(--space-2)}.challenges__detail-stat div{display:flex;flex-direction:column}.challenges__detail-stat-value{color:var(--color-text-primary);font-size:var(--font-size-body);font-weight:var(--font-weight-semibold)}.challenges__detail-stat-label{color:var(--color-text-muted);font-size:var(--font-size-caption)}.challenges__detail-action{padding-top:var(--space-2)}.challenges__detail-results{border-top:1px solid var(--color-border);padding-top:var(--space-4)}.challenges__detail-results-title{color:var(--color-text-primary);font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-3)}.challenges__detail-no-results{color:var(--color-text-muted);font-size:var(--font-size-body-sm);margin:0;padding:var(--space-6) 0;text-align:center}.challenges__results-list{display:flex;flex-direction:column;gap:var(--space-3)}.challenges__result-item{background:var(--color-bg-secondary);border-radius:var(--radius-md);padding:var(--space-3)}[data-theme=dark] .challenges__result-item{background:var(--color-bg-tertiary)}.challenges__result-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-2)}.challenges__result-status{align-items:center;color:var(--color-text-secondary);display:flex;font-size:var(--font-size-caption);font-weight:var(--font-weight-medium);gap:var(--space-1)}.challenges__result-icon--completed{color:var(--color-success)}.challenges__result-date{color:var(--color-text-muted);font-size:var(--font-size-caption)}.challenges__result-text{color:var(--color-text-primary);font-size:var(--font-size-body-sm);line-height:var(--line-height-relaxed);margin:0 0 var(--space-2)}.challenges__result-duration{align-items:center;color:var(--color-text-muted);display:flex;font-size:var(--font-size-caption);gap:var(--space-1)}.challenges__create-form{display:flex;flex-direction:column;gap:var(--space-4)}.challenges__create-row{grid-gap:var(--space-3);display:grid;gap:var(--space-3);grid-template-columns:1fr 1fr}.challenges__create-actions{border-top:1px solid var(--color-border);display:flex;gap:var(--space-3);justify-content:flex-end;margin-top:var(--space-2);padding-top:var(--space-4)}.challenges__complete-form{display:flex;flex-direction:column;gap:var(--space-4)}.challenges__complete-label{color:var(--color-text-secondary);display:block;font-size:var(--font-size-body-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--space-2)}.challenges__complete-media{display:flex;flex-direction:column;gap:var(--space-2)}.challenges__complete-media-input{align-items:flex-start;display:flex;gap:var(--space-2)}.challenges__complete-media-input .input-wrapper,.challenges__complete-media-input .select-wrapper{flex:1 1}.challenges__complete-media-list{display:flex;flex-direction:column;gap:var(--space-2)}.challenges__complete-media-item{align-items:center;background:var(--color-bg-secondary);border-radius:var(--radius-md);color:var(--color-text-secondary);display:flex;font-size:var(--font-size-caption);gap:var(--space-2);padding:var(--space-2) var(--space-3)}[data-theme=dark] .challenges__complete-media-item{background:var(--color-bg-tertiary)}.challenges__complete-media-item svg:first-child{color:var(--color-primary);flex-shrink:0}.challenges__complete-media-item span{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.challenges__complete-media-item button{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:var(--space-1);transition:all var(--transition-fast)}.challenges__complete-media-item button:hover{background:var(--color-error-light);color:var(--color-error)}.challenges__complete-actions{border-top:1px solid var(--color-border);display:flex;gap:var(--space-3);justify-content:flex-end;margin-top:var(--space-2);padding-top:var(--space-4)}@media (max-width:480px){.challenges__main{padding:var(--space-3)}.challenges__fab{height:56px;width:56px}.challenges__create-row,.challenges__filter-row{grid-template-columns:1fr}.challenges__detail-stats{gap:var(--space-2);grid-template-columns:1fr}.challenges__detail-stat{border-bottom:1px solid var(--color-border-light);padding:var(--space-2) 0}.challenges__detail-stat:last-child{border-bottom:none}.challenges__tab{font-size:var(--font-size-caption);padding:var(--space-2) var(--space-2)}.challenges__tab svg{display:none}.challenges__participation-actions{flex-direction:column}}@media (min-width:768px){.challenges__grid{grid-template-columns:repeat(2,1fr)}}.circles{background:var(--color-bg-primary);display:flex;flex-direction:column;min-height:100vh;overflow-x:hidden;padding-bottom:calc(var(--bottom-nav-height) + var(--space-6));position:relative}.circles__ambient{inset:0;overflow:hidden;pointer-events:none;position:fixed;z-index:0}.circles__ambient-shape{border-radius:50%;filter:blur(80px);opacity:.35;position:absolute}.circles__ambient-shape--1{animation:floatCircles 20s ease-in-out infinite;background:var(--color-purple-500);height:320px;right:-80px;top:-60px;width:320px}.circles__ambient-shape--2{animation:floatCircles 24s ease-in-out infinite reverse;background:var(--color-cyan);bottom:120px;height:260px;left:-100px;width:260px}[data-theme=dark] .circles__ambient-shape{opacity:.12}@keyframes floatCircles{0%,to{transform:translate(0) scale(1)}50%{transform:translate(15px,-15px) scale(1.08)}}.circles__main{display:flex;flex:1 1;flex-direction:column;margin:0 auto;max-width:var(--container-md);padding:var(--space-4);position:relative;width:100%;z-index:1}.circles__intro{margin-bottom:var(--space-4);text-align:center}.circles__intro p{color:var(--color-text-secondary);font-size:var(--font-size-body);margin:0}.circles__tabs{background:var(--color-bg-secondary);border-radius:var(--radius-lg);margin-bottom:var(--space-4);padding:var(--space-1)}.circles__tab,.circles__tabs{display:flex;gap:var(--space-2)}.circles__tab{align-items:center;background:none;border:none;border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;flex:1 1;font-size:var(--font-size-body-sm);font-weight:var(--font-weight-medium);justify-content:center;padding:var(--space-3) var(--space-4);transition:all var(--transition-fast)}.circles__tab:hover{color:var(--color-text-primary)}.circles__tab--active{background:var(--color-bg-card);box-shadow:var(--shadow-sm);color:var(--color-primary)}[data-theme=dark] .circles__tab--active{background:var(--color-bg-tertiary)}.circles__filters{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-5)}.circles__search{align-items:center;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:flex;gap:var(--space-3);padding:var(--space-3) var(--space-4);transition:all var(--transition-fast)}.circles__search:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-alpha-15)}.circles__search svg{color:var(--color-text-muted);flex-shrink:0}.circles__search input{background:none;border:none;color:var(--color-text-primary);flex:1 1;font-size:var(--font-size-body);outline:none}.circles__search button,.circles__search input::placeholder{color:var(--color-text-muted)}.circles__search button{align-items:center;background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;display:flex;justify-content:center;padding:var(--space-1);transition:all var(--transition-fast)}.circles__search button:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.circles__discipline-filter{max-width:280px}.circles__error-banner{align-items:center;background:var(--color-error-light);border:1px solid var(--color-error);border-radius:var(--radius-md);display:flex;justify-content:space-between;margin-bottom:var(--space-4);padding:var(--space-3) var(--space-4)}.circles__error-banner p{color:var(--color-error);font-size:var(--font-size-body-sm);margin:0}.circles__error-banner button{align-items:center;background:none;border:none;color:var(--color-error);cursor:pointer;display:flex;padding:var(--space-1)}.circles__grid{grid-gap:var(--space-3);display:grid;gap:var(--space-3);grid-template-columns:1fr}@media (min-width:600px){.circles__grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:900px){.circles__grid{grid-template-columns:repeat(3,1fr)}}.circles__circle-card{animation:slideInCircleCard .3s ease-out both;cursor:pointer;display:flex;flex-direction:column;gap:var(--space-2);transition:all var(--transition-fast)}@keyframes slideInCircleCard{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.circles__circle-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.circles__circle-card-header{align-items:flex-start;display:flex;gap:var(--space-2);justify-content:space-between}.circles__circle-name{color:var(--color-text-primary);font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);margin:0}.circles__circle-privacy{align-items:center;color:var(--color-text-muted);display:flex;flex-shrink:0}.circles__circle-desc{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--color-text-secondary);display:-webkit-box;font-size:var(--font-size-body-sm);line-height:var(--line-height-relaxed);margin:0;overflow:hidden}.circles__circle-footer{align-items:center;display:flex;justify-content:space-between;margin-top:auto;padding-top:var(--space-2)}.circles__circle-discipline{background:var(--color-primary-alpha-10);border-radius:var(--radius-sm);color:var(--color-primary);display:inline-block;font-size:11px;font-weight:var(--font-weight-medium);padding:2px var(--space-2)}.circles__circle-members{font-size:var(--font-size-caption)}.circles__circle-activity,.circles__circle-members{align-items:center;color:var(--color-text-muted);display:flex;gap:var(--space-1)}.circles__circle-activity{font-size:11px;margin-top:var(--space-1)}.circles__loading{align-items:center;color:var(--color-text-secondary);display:flex;flex-direction:column;grid-column:1/-1;justify-content:center;padding:var(--space-12) var(--space-4);text-align:center}.circles__loading-spinner{animation:spinCircles 1s linear infinite;color:var(--color-purple-500);margin-bottom:var(--space-4)}@keyframes spinCircles{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.circles__loading p{font-size:var(--font-size-body);margin:0}.circles__error{align-items:center;display:flex;flex-direction:column;gap:var(--space-4);justify-content:center;padding:var(--space-12) var(--space-4);text-align:center}.circles__error p{color:var(--color-error);font-size:var(--font-size-body);margin:0}.circles__fab{align-items:center;background:var(--color-primary);border:none;border-radius:50%;bottom:calc(var(--bottom-nav-height) + var(--space-4));box-shadow:var(--shadow-lg);color:#fff;cursor:pointer;display:flex;height:60px;justify-content:center;position:fixed;right:var(--space-4);transition:all var(--transition-fast);width:60px;z-index:150}.circles__fab:hover{box-shadow:var(--shadow-xl);transform:scale(1.05)}.circles__fab:active{transform:scale(.97)}.circles__create-form{display:flex;flex-direction:column;gap:var(--space-4)}.circles__create-form-actions{border-top:1px solid var(--color-border);display:flex;gap:var(--space-3);justify-content:flex-end;margin-top:var(--space-2);padding-top:var(--space-4)}.circles__detail{display:flex;flex-direction:column;gap:var(--space-5);margin:0 auto;max-width:var(--container-md);padding:var(--space-4);position:relative;width:100%;z-index:1}.circles__detail-header{display:flex;flex-direction:column;gap:var(--space-4)}@media (min-width:600px){.circles__detail-header{align-items:flex-start;flex-direction:row;justify-content:space-between}}.circles__detail-info{flex:1 1}.circles__detail-description{color:var(--color-text-secondary);font-size:var(--font-size-body);line-height:var(--line-height-relaxed);margin:0 0 var(--space-3)}.circles__detail-meta{display:flex;flex-wrap:wrap;gap:var(--space-3)}.circles__detail-meta-item{align-items:center;color:var(--color-text-muted);display:flex;font-size:var(--font-size-body-sm);gap:var(--space-1)}.circles__detail-discipline{background:var(--color-primary-alpha-10);border-radius:var(--radius-sm);color:var(--color-primary);font-size:var(--font-size-caption);font-weight:var(--font-weight-medium);padding:2px var(--space-2)}.circles__detail-actions{display:flex;flex-shrink:0;gap:var(--space-2)}.circles__section-title{align-items:center;color:var(--color-text-primary);display:flex;font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);gap:var(--space-2);margin:0 0 var(--space-3)}.circles__members-panel{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4)}.circles__members-list{display:flex;flex-wrap:wrap;gap:var(--space-3)}.circles__member{align-items:center;display:flex;gap:var(--space-2)}.circles__member-avatar{align-items:center;background:var(--color-primary-alpha-15);border-radius:50%;color:var(--color-primary);display:flex;flex-shrink:0;font-size:var(--font-size-body-sm);font-weight:var(--font-weight-semibold);height:32px;justify-content:center;width:32px}.circles__member-info{display:flex;flex-direction:column}.circles__member-role{color:var(--color-text-primary);font-size:var(--font-size-body-sm);font-weight:var(--font-weight-medium);text-transform:capitalize}.circles__member-joined{color:var(--color-text-muted);font-size:11px}.circles__post-form{display:flex;flex-direction:column;gap:var(--space-3)}.circles__post-type-selector{display:flex;flex-wrap:wrap;gap:var(--space-2)}.circles__post-type-btn{align-items:center;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-secondary);cursor:pointer;display:inline-flex;font-size:var(--font-size-caption);font-weight:var(--font-weight-medium);gap:var(--space-1);padding:var(--space-1) var(--space-3);transition:all var(--transition-fast)}.circles__post-type-btn:hover{border-color:var(--color-text-muted)}.circles__post-type-btn--active{border-color:currentColor}.circles__post-type-btn--blue{color:var(--color-cyan)}.circles__post-type-btn--blue.circles__post-type-btn--active{background:#54a0ff26}.circles__post-type-btn--orange{color:var(--color-orange)}.circles__post-type-btn--orange.circles__post-type-btn--active{background:#ff9f4326}.circles__post-type-btn--purple{color:var(--color-purple-500)}.circles__post-type-btn--purple.circles__post-type-btn--active{background:var(--color-purple-100)}.circles__post-type-btn--green{color:var(--color-lime)}.circles__post-type-btn--green.circles__post-type-btn--active{background:#5cd85a26}.circles__post-form-actions{border-top:1px solid var(--color-border);display:flex;gap:var(--space-3);justify-content:flex-end;padding-top:var(--space-3)}.circles__feed,.circles__feed-empty{display:flex;flex-direction:column;gap:var(--space-3)}.circles__feed-empty{align-items:center;color:var(--color-text-muted);justify-content:center;padding:var(--space-10) var(--space-4);text-align:center}.circles__feed-empty p{font-size:var(--font-size-body);margin:0}.circles__post-card{animation:slideInCircleCard .3s ease-out both;display:flex;flex-direction:column;gap:var(--space-3)}.circles__post-header{align-items:center;display:flex;justify-content:space-between}.circles__post-type{align-items:center;border-radius:var(--radius-sm);display:inline-flex;font-size:var(--font-size-caption);font-weight:var(--font-weight-medium);gap:var(--space-1);padding:2px var(--space-2)}.circles__post-type--blue{background:#54a0ff26;color:var(--color-cyan)}.circles__post-type--orange{background:#ff9f4326;color:var(--color-orange)}.circles__post-type--purple{background:var(--color-purple-100);color:var(--color-purple-500)}.circles__post-type--green{background:#5cd85a26;color:var(--color-lime)}.circles__post-time{align-items:center;color:var(--color-text-muted);display:flex;font-size:var(--font-size-caption);gap:var(--space-1)}.circles__post-content{color:var(--color-text-primary);font-size:var(--font-size-body);line-height:var(--line-height-relaxed);margin:0;white-space:pre-wrap}.circles__post-media{display:flex;flex-direction:column;gap:var(--space-1)}.circles__post-media-link{background:var(--color-bg-secondary);border-radius:var(--radius-md);color:var(--color-primary);display:inline-block;font-size:var(--font-size-body-sm);padding:var(--space-2) var(--space-3);text-decoration:none;transition:background var(--transition-fast);word-break:break-all}.circles__post-media-link:hover{background:var(--color-primary-alpha-10)}.circles__post-actions{align-items:center;border-top:1px solid var(--color-border-light);display:flex;gap:var(--space-4);padding-top:var(--space-2)}.circles__post-action-btn{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;display:flex;font-size:var(--font-size-body-sm);gap:var(--space-1);padding:var(--space-1) var(--space-2);transition:all var(--transition-fast)}.circles__post-action-btn:hover{background:var(--color-bg-secondary);color:var(--color-primary)}.circles__post-action-btn:active{transform:scale(.95)}.circles__comments{border-top:1px solid var(--color-border-light);padding-top:var(--space-3)}.circles__comments,.circles__comments-list{display:flex;flex-direction:column;gap:var(--space-3)}.circles__comment{display:flex;gap:var(--space-2)}.circles__comment-avatar{align-items:center;background:var(--color-bg-tertiary);border-radius:50%;color:var(--color-text-secondary);display:flex;flex-shrink:0;font-size:12px;font-weight:var(--font-weight-semibold);height:28px;justify-content:center;width:28px}.circles__comment-body{flex:1 1;min-width:0}.circles__comment-content{color:var(--color-text-primary);font-size:var(--font-size-body-sm);line-height:var(--line-height-relaxed);margin:0 0 var(--space-1)}.circles__comment-time{color:var(--color-text-muted);font-size:11px}.circles__comment-form{align-items:center;background:var(--color-bg-secondary);border-radius:var(--radius-lg);display:flex;gap:var(--space-2);padding:var(--space-2) var(--space-3)}.circles__comment-form input{background:none;border:none;color:var(--color-text-primary);flex:1 1;font-size:var(--font-size-body-sm);min-width:0;outline:none}.circles__comment-form input::placeholder{color:var(--color-text-muted)}.circles__comment-send{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--color-primary);cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:var(--space-1);transition:all var(--transition-fast)}.circles__comment-send:hover{background:var(--color-primary-alpha-10)}.circles__comment-send:disabled{cursor:not-allowed;opacity:.4}@media (max-width:480px){.circles__detail,.circles__main{padding:var(--space-3)}.circles__fab{height:56px;width:56px}.circles__detail-actions{flex-direction:column;width:100%}.circles__detail-actions button{width:100%}.circles__post-type-selector{gap:var(--space-1)}.circles__post-type-btn span{display:none}.circles__members-list{flex-direction:column}}.circles__grid .empty-state{grid-column:1/-1}.pulse{background:var(--color-bg-primary);display:flex;flex-direction:column;min-height:100vh;overflow-x:hidden;padding-bottom:calc(var(--bottom-nav-height) + var(--space-6));position:relative}.pulse__ambient{inset:0;overflow:hidden;pointer-events:none;position:fixed;z-index:0}.pulse__ambient-shape{border-radius:50%;filter:blur(80px);opacity:.3;position:absolute}.pulse__ambient-shape--1{animation:floatPulse 20s ease-in-out infinite;background:var(--color-purple-400);height:350px;right:-100px;top:-50px;width:350px}.pulse__ambient-shape--2{animation:floatPulse 24s ease-in-out infinite reverse;background:var(--color-cyan);bottom:150px;height:280px;left:-80px;width:280px}@keyframes floatPulse{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-20px) scale(1.05)}66%{transform:translate(-20px,15px) scale(.95)}}.pulse__main{margin:0 auto;max-width:720px;padding:var(--space-4) var(--space-4) var(--space-8);position:relative;width:100%;z-index:1}.pulse__loading{align-items:center;color:var(--color-text-secondary);display:flex;flex-direction:column;gap:var(--space-3);justify-content:center;padding:var(--space-12) var(--space-4)}.pulse__loading-spinner{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.pulse__spin{animation:spin 1s linear infinite}.pulse__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-4)}.pulse__subtitle{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.pulse__inline-error{align-items:center;background:#ff3b301a;background:var(--color-error-bg,#ff3b301a);border-radius:var(--radius-md);color:#ff3b30;color:var(--color-error,#ff3b30);display:flex;font-size:var(--font-size-sm);gap:var(--space-2);margin-bottom:var(--space-4);padding:var(--space-2) var(--space-3)}.pulse__dismiss{background:none;border:none;color:inherit;cursor:pointer;font-size:18px;margin-left:auto;padding:0 var(--space-1)}.pulse__tabs{-webkit-overflow-scrolling:touch;display:flex;gap:var(--space-1);margin-bottom:var(--space-5);overflow-x:auto}.pulse__tab{align-items:center;background:none;border:none;border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:var(--font-size-sm);font-weight:500;gap:var(--space-1-5);padding:var(--space-2) var(--space-3);transition:all .2s ease;white-space:nowrap}.pulse__tab:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.pulse__tab--active{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.pulse__tab-badge{align-items:center;background:var(--color-purple-400);border-radius:9px;color:#fff;display:inline-flex;font-size:11px;font-weight:600;height:18px;justify-content:center;min-width:18px;padding:0 5px}.pulse__section{animation:fadeInUp .3s ease}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.pulse__section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-3)}.pulse__section-title{align-items:center;color:var(--color-text-primary);display:flex;font-size:var(--font-size-lg);font-weight:600;gap:var(--space-2);margin:0 0 var(--space-3)}.pulse__insights-list{display:flex;flex-direction:column;gap:var(--space-3)}.pulse__insight-card{animation:fadeInUp .3s ease}.pulse__insight-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-2)}.pulse__insight-type{color:var(--color-purple-400);font-size:var(--font-size-xs);font-weight:600;letter-spacing:.5px;text-transform:uppercase}.pulse__insight-channel{background:var(--color-bg-tertiary);border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:var(--font-size-xs);padding:2px 8px}.pulse__insight-channel--dashboard{background:#007aff1a;color:#007aff;color:var(--color-blue-400,#007aff)}.pulse__insight-channel--coach{background:#af52de1a;color:var(--color-purple-400)}.pulse__insight-channel--nudge{background:#ff95001a;color:#ff9500;color:var(--color-orange,#ff9500)}.pulse__insight-text{color:var(--color-text-primary);font-size:var(--font-size-sm);line-height:1.5;margin:0 0 var(--space-2)}.pulse__insight-action{align-items:flex-start;background:var(--color-bg-secondary);border-radius:var(--radius-sm);color:var(--color-text-secondary);display:flex;font-size:var(--font-size-sm);gap:var(--space-1-5);margin-bottom:var(--space-2);padding:var(--space-2)}.pulse__insight-action svg{color:var(--color-purple-400);flex-shrink:0;margin-top:2px}.pulse__insight-footer{align-items:center;display:flex;justify-content:space-between}.pulse__insight-date{color:var(--color-text-tertiary);font-size:var(--font-size-xs)}.pulse__patterns-list{display:flex;flex-direction:column;gap:var(--space-3)}.pulse__pattern-card{animation:fadeInUp .3s ease}.pulse__pattern-header{align-items:center;display:flex;gap:var(--space-3);margin-bottom:var(--space-2)}.pulse__pattern-icon{align-items:center;background:var(--color-bg-tertiary);border-radius:var(--radius-md);color:var(--color-purple-400);display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.pulse__pattern-info{flex:1 1;min-width:0}.pulse__pattern-type{color:var(--color-text-primary);display:block;font-size:var(--font-size-sm);font-weight:600;text-transform:capitalize}.pulse__pattern-points{color:var(--color-text-tertiary);font-size:var(--font-size-xs)}.pulse__confidence{border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:600;padding:2px 8px}.pulse__confidence--high{background:#34c7591a;color:#34c759;color:var(--color-green,#34c759)}.pulse__confidence--medium{background:#ff95001a;color:#ff9500;color:var(--color-orange,#ff9500)}.pulse__confidence--low{background:var(--color-bg-tertiary);color:var(--color-text-secondary)}.pulse__pattern-data{background:var(--color-bg-secondary);border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:1.5;margin:0 0 var(--space-2);padding:var(--space-2)}.pulse__pattern-footer{color:var(--color-text-tertiary);display:flex;font-size:var(--font-size-xs);gap:var(--space-3)}.pulse__settings-card{margin-bottom:var(--space-3)}.pulse__settings-label{color:var(--color-text-primary);font-size:var(--font-size-base);font-weight:600;margin:0 0 var(--space-1)}.pulse__settings-desc{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:1.5;margin:0 0 var(--space-3)}.pulse__proactivity-options{grid-gap:var(--space-2);display:grid;gap:var(--space-2);grid-template-columns:repeat(2,1fr)}.pulse__proactivity-btn{align-items:flex-start;background:var(--color-bg-secondary);border:2px solid #0000;border-radius:var(--radius-md);cursor:pointer;display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-3);text-align:left;transition:all .2s ease}.pulse__proactivity-btn:hover{background:var(--color-bg-tertiary)}.pulse__proactivity-btn--active{background:#af52de0d;border-color:var(--color-purple-400)}.pulse__proactivity-level{align-items:center;background:var(--color-bg-tertiary);border-radius:50%;color:var(--color-text-secondary);display:flex;font-size:var(--font-size-xs);font-weight:700;height:24px;justify-content:center;width:24px}.pulse__proactivity-btn--active .pulse__proactivity-level{background:var(--color-purple-400);color:#fff}.pulse__proactivity-name{color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:600}.pulse__proactivity-desc{color:var(--color-text-secondary);font-size:var(--font-size-xs);line-height:1.4}.pulse__toggle-row{align-items:center;display:flex;gap:var(--space-3)}.pulse__toggle-info{flex:1 1}.pulse__toggle-info .pulse__settings-desc{margin-bottom:0}.pulse__toggle{align-items:center;background:var(--color-bg-tertiary);border:none;border-radius:14px;color:var(--color-text-secondary);cursor:pointer;display:flex;flex-shrink:0;height:28px;justify-content:center;transition:all .2s ease;width:44px}.pulse__toggle--on{background:var(--color-purple-400);color:#fff}.pulse__privacy-card{margin-bottom:var(--space-3)}.pulse__privacy-card--danger{border:1px solid #ff3b3033}.pulse__privacy-stats{display:flex;gap:var(--space-4)}.pulse__privacy-stat{align-items:center;display:flex;flex-direction:column;gap:var(--space-1)}.pulse__privacy-stat-value{color:var(--color-text-primary);font-size:var(--font-size-xl);font-weight:700}.pulse__privacy-stat-label{color:var(--color-text-secondary);font-size:var(--font-size-xs)}.pulse__danger-btn{color:#ff3b30!important;color:var(--color-error,#ff3b30)!important}@media (max-width:480px){.pulse__proactivity-options{grid-template-columns:1fr}}
/*# sourceMappingURL=main.0fb1d716.css.map*/