@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--spacing:.25rem;--ease-in-out:cubic-bezier(.4,0,.2,1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.fixed{position:fixed}.relative{position:relative}.start{inset-inline-start:var(--spacing)}.start\!{inset-inline-start:var(--spacing)!important}.end{inset-inline-end:var(--spacing)}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.grid{display:grid}.hidden{display:none}.table{display:table}.flex-2{flex:2}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.resize{resize:both}.border{border-style:var(--tw-border-style);border-width:1px}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ring{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}}:root{--background:#0a0e1a;--foreground:#ededed;--color-bg-primary:#0a0e1a;--color-bg-secondary:#0f172a;--color-accent-cyan:#22d3ee;--color-accent-purple:#a78bfa;--color-accent-pink:#ec4899;--color-glass-bg:#0f172a99;--color-glass-border:#67e8f933}body{color:var(--foreground);background:linear-gradient(135deg,#0a0e1a 0%,#0f172a 50%,#1e1b4b 100%);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,sans-serif;position:relative;overflow:hidden}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle at 20% 30%,#6366f114 0%,#0000 50%),radial-gradient(circle at 80% 70%,#ec489914 0%,#0000 50%);animation:15s ease-in-out infinite ambientGlow;position:fixed;inset:0}@keyframes ambientGlow{0%,to{opacity:.5}50%{opacity:1}}.app{width:100%;height:100%;padding-top:68px}a{color:#646cff;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}a:hover{color:#535bf2}button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;background-color:#1a1a1acc;border:1px solid #0000;border-radius:10px;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #0000004d,0 0 #6366f100}button:hover{border-color:#646cff;transform:translateY(-1px);box-shadow:0 6px 20px #6366f14d,0 0 30px #6366f133}button:active{transform:translateY(0)}button:focus,button:focus-visible{outline:2px solid var(--color-accent-cyan);outline-offset:2px}.back-button,.global-settings-btn,.global-health-btn,.global-notes-btn{display:none!important}body.theme-light{color:#1e293b;--background:#fff;--foreground:#1e293b;background:#f8fafc}.achievement-vault-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.achievement-vault{background:linear-gradient(145deg,#1a1a2e 0%,#16213e 100%);border-radius:20px;flex-direction:column;width:100%;max-width:900px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #00000080,0 0 0 1px #ffffff1a}.achievement-vault-header{background:#0000004d;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.achievement-vault-title{align-items:center;gap:12px;display:flex}.achievement-vault-title h2{color:#f8fafc;margin:0;font-size:1.5rem;font-weight:700}.achievement-vault-title p{color:#94a3b8;margin:4px 0 0;font-size:.875rem}.achievement-vault-actions{gap:8px;display:flex}.vault-btn{color:#f8fafc;cursor:pointer;background:#ffffff1a;border:none;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.25rem;transition:all .2s;display:flex}.vault-btn:hover{background:#fff3;transform:translateY(-2px)}.unlock-animation{z-index:100;pointer-events:none;animation:3s ease-out forwards unlockPop;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.unlock-content{text-align:center;background:linear-gradient(145deg,#fbbf24 0%,#f59e0b 100%);border-radius:20px;padding:30px 50px;animation:.5s ease-out unlockGlow;box-shadow:0 25px 50px -12px #fbbf2480,0 0 100px #fbbf244d}@keyframes unlockPop{0%{opacity:0;transform:translate(-50%,-50%)scale(.5)}15%{opacity:1;transform:translate(-50%,-50%)scale(1.1)}20%{transform:translate(-50%,-50%)scale(1)}80%{opacity:1}to{opacity:0}}@keyframes unlockGlow{0%{box-shadow:0 0 #fbbf24cc}50%{box-shadow:0 0 60px 30px #fbbf2400}to{box-shadow:0 0 #fbbf2400}}.unlock-icon{margin-bottom:10px;font-size:60px;animation:.6s ease-out iconBounce;display:block}@keyframes iconBounce{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.unlock-content h3{color:#1a1a2e;text-transform:uppercase;letter-spacing:1px;margin:0 0 8px;font-size:1.25rem;font-weight:700}.unlock-title{color:#1a1a2e;margin:0;font-size:1.5rem;font-weight:600}.unlock-tier{color:#78350f;margin:4px 0 12px;font-size:1rem;font-weight:500}.unlock-xp{color:#fbbf24;background:#1a1a2ee6;border-radius:20px;padding:6px 16px;font-size:1.1rem;font-weight:700;display:inline-block}.level-progress-section{background:#0003;align-items:center;gap:20px;padding:24px;display:flex}.level-badge{border-radius:16px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;width:80px;height:80px;display:flex;box-shadow:0 10px 25px #0000004d}.level-title{color:#ffffffe6;text-transform:uppercase;letter-spacing:1px;margin-top:2px;font-size:.65rem;font-weight:600}.xp-info{flex:1}.xp-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.total-xp{color:#fbbf24;font-size:1.25rem;font-weight:700}.xp-to-next{color:#94a3b8;font-size:.875rem}.xp-bar-container{background:#ffffff1a;border-radius:6px;height:12px;overflow:hidden}.xp-bar{border-radius:6px;height:100%;transition:width .5s;box-shadow:0 0 10px #ffffff4d}.stats-panel{background:#0003;grid-template-columns:repeat(4,1fr);gap:12px;padding:0 24px 16px;animation:.3s slideDown;display:grid}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.recent-unlocks{background:#fbbf241a;border-bottom:1px solid #fbbf2433;padding:16px 24px}.recent-unlocks h4{color:#fbbf24;margin:0 0 12px;font-size:.875rem;font-weight:600}.unlocks-list{flex-direction:column;gap:8px;display:flex}.unlock-item{background:#0000004d;border-radius:10px;align-items:center;gap:12px;padding:10px 14px;display:flex}.unlock-item-icon{font-size:1.25rem}.unlock-item-info{flex-direction:column;flex:1;display:flex}.unlock-item-title{color:#f8fafc;font-size:.875rem;font-weight:600}.unlock-item-tier{color:#94a3b8;font-size:.75rem}.unlock-item-xp{color:#fbbf24;font-size:.875rem;font-weight:700}.category-filters{border-bottom:1px solid #ffffff1a;gap:8px;padding:16px 24px;display:flex;overflow-x:auto}.category-filters::-webkit-scrollbar{height:4px}.category-filters::-webkit-scrollbar-track{background:0 0}.category-filters::-webkit-scrollbar-thumb{background:#fff3;border-radius:2px}.category-btn{cursor:pointer;white-space:nowrap;border:2px solid;border-radius:20px;padding:8px 16px;font-size:.875rem;font-weight:600;transition:all .2s}.category-btn:hover{filter:brightness(1.2);transform:translateY(-2px)}.category-btn.active{box-shadow:0 4px 15px #0000004d}.achievements-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;max-height:50vh;padding:24px;display:grid;overflow-y:auto}.achievements-grid::-webkit-scrollbar{width:8px}.achievements-grid::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.achievements-grid::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.achievements-grid::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.achievement-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;padding:16px;transition:all .3s;position:relative;overflow:hidden}.achievement-card:before{content:"";background:var(--category-color,#6366f1);opacity:.5;height:3px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.achievement-card:hover{background:#ffffff14;transform:translateY(-2px);box-shadow:0 10px 30px #0000004d}.achievement-card:hover:before{opacity:1}.achievement-card.maxed{background:linear-gradient(145deg,#fbbf2426 0%,#f59e0b1a 100%);border-color:#fbbf244d}.achievement-card.maxed:before{opacity:1;background:linear-gradient(90deg,#fbbf24,#f59e0b)}.achievement-card.started:not(.maxed):before{opacity:.8}.achievement-header{align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.achievement-icon{font-size:2rem;line-height:1}.achievement-info h4{color:#f8fafc;margin:0 0 4px;font-size:1rem;font-weight:600}.achievement-info p{color:#94a3b8;margin:0;font-size:.8rem;line-height:1.4}.achievement-progress{margin-bottom:12px}.progress-info{align-items:center;gap:6px;margin-bottom:8px;font-size:.875rem;display:flex}.progress-current{color:#f8fafc;font-weight:700}.progress-separator{color:#64748b}.progress-target{color:#94a3b8}.progress-tier{color:var(--category-color,#6366f1);margin-left:auto;font-size:.8rem;font-weight:600}.progress-reward{color:#94a3b8;margin-top:6px;font-size:.75rem;display:block}.maxed-badge{background:#fbbf2433;border-radius:8px;align-items:center;gap:12px;padding:8px 12px;display:flex}.maxed-badge span:first-child{color:#fbbf24;font-weight:700}.completed-tier{color:#f8fafc;margin-left:auto;font-size:.875rem;font-weight:600}.achievement-tiers{border-top:1px solid #ffffff0d;justify-content:center;gap:8px;padding-top:12px;display:flex}.tier-dot{background:#ffffff1a;border-radius:50%;width:12px;height:12px;transition:all .3s;position:relative}.tier-dot:after{content:"";border:2px solid #0000;border-radius:50%;transition:all .3s;position:absolute;inset:-4px}.tier-dot.unlocked{background:var(--category-color,#6366f1);box-shadow:0 0 10px var(--category-color,#6366f1)}.tier-dot.unlocked:after{border-color:var(--category-color,#6366f1)}.theme-light .achievement-vault{background:linear-gradient(145deg,#f1f5f9 0%,#e2e8f0 100%)}.theme-light .achievement-vault-header{background:#ffffff80;border-color:#0000001a}.theme-light .achievement-vault-title h2{color:#1e293b}.theme-light .achievement-vault-title p{color:#64748b}.theme-light .vault-btn{color:#1e293b;background:#0000001a}.theme-light .level-progress-section,.theme-light .recent-unlocks{background:#ffffff80}.theme-light .total-xp{color:#d97706}.theme-light .xp-to-next{color:#64748b}.theme-light .stat-card{background:#ffffffb3;border-color:#0000001a}.theme-light .stat-value{color:#1e293b}.theme-light .achievement-card{background:#ffffffb3;border-color:#0000001a}.theme-light .achievement-card:hover{background:#ffffffe6}.theme-light .achievement-info h4{color:#1e293b}.theme-light .achievement-info p{color:#64748b}.theme-light .progress-current{color:#1e293b}.theme-light .progress-target{color:#64748b}.theme-light .tier-dot{background:#00000026}@media (max-width:768px){.achievement-vault{border-radius:16px;max-height:95vh}.achievements-grid{grid-template-columns:1fr;padding:16px}.level-progress-section{text-align:center;flex-direction:column;gap:16px}.level-badge{width:60px;height:60px}.level-number{font-size:1.5rem}.stats-panel{grid-template-columns:repeat(2,1fr)}.category-filters{padding:12px 16px}.category-btn{padding:6px 12px;font-size:.8rem}}@media (prefers-reduced-motion:reduce){.achievement-card,.xp-bar,.progress-bar,.tier-dot,.vault-btn,.category-btn{transition:none}.unlock-animation{opacity:1;animation:none}}.activity-panel-overlay{z-index:1000;background:#000000b3;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.activity-panel{background:var(--bg-primary,#1a1a2e);border:1px solid var(--border-color,#2d2d44);border-radius:16px;flex-direction:column;width:100%;max-width:800px;max-height:85vh;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #00000080}.activity-panel-header{border-bottom:1px solid var(--border-color,#2d2d44);background:var(--bg-secondary,#16162a);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.activity-panel-header h2{color:var(--text-primary,#e2e8f0);align-items:center;gap:8px;margin:0;font-size:1.25rem;display:flex}.activity-panel-actions{gap:8px;display:flex}.activity-panel-actions button{background:var(--bg-tertiary,#252542);border:1px solid var(--border-color,#2d2d44);color:var(--text-secondary,#94a3b8);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-size:1rem;transition:all .2s;display:flex}.activity-panel-actions button:hover{background:var(--accent-color,#6366f1);color:#fff;border-color:var(--accent-color,#6366f1)}.activity-stats{background:var(--bg-secondary,#16162a);border-bottom:1px solid var(--border-color,#2d2d44);grid-template-columns:repeat(3,1fr);gap:16px;padding:20px 24px;display:grid}.activity-filters{border-bottom:1px solid var(--border-color,#2d2d44);background:var(--bg-primary,#1a1a2e);padding:16px 24px}.filter-row{gap:12px;margin-bottom:12px;display:flex}.activity-search{border:1px solid var(--border-color,#2d2d44);background:var(--bg-secondary,#16162a);color:var(--text-primary,#e2e8f0);border-radius:8px;flex:1;padding:10px 14px;font-size:.9rem;transition:border-color .2s}.activity-search:focus{border-color:var(--accent-color,#6366f1);outline:none}.activity-search::placeholder{color:var(--text-muted,#64748b)}.date-filter{border:1px solid var(--border-color,#2d2d44);background:var(--bg-secondary,#16162a);color:var(--text-primary,#e2e8f0);cursor:pointer;border-radius:8px;min-width:120px;padding:10px 14px;font-size:.9rem}.date-filter:focus{border-color:var(--accent-color,#6366f1);outline:none}.type-filters{flex-wrap:wrap;gap:8px;display:flex}.type-filters button{border:1px solid var(--border-color,#2d2d44);background:var(--bg-secondary,#16162a);color:var(--text-secondary,#94a3b8);cursor:pointer;border-radius:20px;align-items:center;gap:4px;padding:6px 12px;font-size:.8rem;transition:all .2s;display:flex}.type-filters button:hover{background:var(--bg-tertiary,#252542);color:var(--text-primary,#e2e8f0)}.type-filters button.active{background:var(--type-color,var(--accent-color,#6366f1));color:#fff;border-color:var(--type-color,var(--accent-color,#6366f1))}.activity-list-container{background:var(--bg-primary,#1a1a2e);flex:1;padding:16px 24px;overflow-y:auto}.activity-day{margin-bottom:24px}.activity-day-header{justify-content:space-between;align-items:center;margin-bottom:12px;padding:0 8px;display:flex}.day-count{color:var(--text-muted,#64748b);background:var(--bg-secondary,#16162a);border-radius:10px;padding:2px 8px;font-size:.75rem}.activity-timeline{padding-left:32px;position:relative}.activity-item{background:var(--bg-secondary,#16162a);border:1px solid var(--border-color,#2d2d44);cursor:pointer;border-radius:12px;margin-bottom:8px;padding:12px 16px;transition:all .2s;position:relative}.activity-item:hover{background:var(--bg-tertiary,#252542);border-color:var(--border-hover,#3d3d5c)}.activity-item.selected{border-color:var(--accent-color,#6366f1);box-shadow:0 0 0 2px #6366f133}.activity-timeline-dot{z-index:1;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:.8rem;display:flex;position:absolute;top:50%;left:-24px;transform:translateY(-50%);box-shadow:0 2px 8px #0000004d}.activity-timeline-line{background:var(--border-color,#2d2d44);z-index:0;width:2px;height:calc(100% + 8px);position:absolute;top:50%;left:-10px}.activity-content{flex:1}.activity-header{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.activity-type-badge{text-transform:uppercase;letter-spacing:.5px;font-size:.7rem;font-weight:600}.activity-time{color:var(--text-muted,#64748b);font-size:.75rem}.activity-title{color:var(--text-primary,#e2e8f0);margin-bottom:2px;font-size:.95rem;font-weight:500}.activity-description{color:var(--text-secondary,#94a3b8);font-size:.8rem;line-height:1.4}.activity-delete{opacity:0;color:var(--text-muted,#64748b);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 8px;font-size:1.25rem;transition:all .2s;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.activity-item:hover .activity-delete{opacity:1}.activity-delete:hover{color:#ef4444;background:#ef44441a}.activity-empty{text-align:center;color:var(--text-muted,#64748b);padding:60px 20px}.activity-empty p{color:var(--text-secondary,#94a3b8);margin-bottom:8px;font-size:1.1rem}.activity-empty span{font-size:.85rem}.activity-detail-panel{background:var(--bg-secondary,#16162a);border:1px solid var(--border-color,#2d2d44);z-index:10;border-radius:12px;width:280px;padding:16px;position:absolute;top:80px;right:24px;box-shadow:0 10px 40px #0006}.detail-header{border-bottom:1px solid var(--border-color,#2d2d44);justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;display:flex}.detail-header h4{color:var(--text-primary,#e2e8f0);margin:0;font-size:.95rem}.detail-header button{color:var(--text-muted,#64748b);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:24px;height:24px;padding:0;font-size:1.25rem;display:flex}.detail-header button:hover{color:var(--text-primary,#e2e8f0)}.detail-row{margin-bottom:12px}.detail-label{color:var(--text-muted,#64748b);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:.7rem;display:block}.detail-value{color:var(--text-primary,#e2e8f0);word-break:break-word;font-size:.85rem}.detail-metadata{background:var(--bg-primary,#1a1a2e);color:var(--text-secondary,#94a3b8);border-radius:8px;margin:0;padding:8px 12px;font-size:.75rem;overflow-x:auto}@media (max-width:600px){.activity-panel{border-radius:0;max-width:100%;max-height:100vh}.activity-panel-overlay{padding:0}.activity-stats{grid-template-columns:repeat(3,1fr);padding:16px}.stat-card{padding:12px}.stat-value{font-size:1.25rem}.activity-filters{padding:12px 16px}.filter-row{flex-direction:column}.type-filters{flex-wrap:nowrap;padding-bottom:4px;overflow-x:auto}.activity-list-container{padding:12px 16px}.activity-timeline{padding-left:28px}.activity-detail-panel{width:auto;position:fixed;inset:auto 16px 16px}}.activity-list-container::-webkit-scrollbar{width:8px}.activity-list-container::-webkit-scrollbar-track{background:0 0}.activity-list-container::-webkit-scrollbar-thumb{background:var(--border-color,#2d2d44);border-radius:4px}.activity-list-container::-webkit-scrollbar-thumb:hover{background:var(--text-muted,#64748b)}.ambient-mixer-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#000c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.ambient-mixer-panel{background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%);border-radius:16px;flex-direction:column;width:100%;max-width:700px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 25px 50px #00000080,0 0 0 1px #ffffff1a}.ambient-mixer-header{background:#0003;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.ambient-mixer-header h3{color:#fff;align-items:center;gap:10px;margin:0;font-size:1.4rem;display:flex}.presets-btn{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:8px;padding:8px 16px;font-size:.9rem;transition:all .2s}.presets-btn:hover{background:#fff3}.master-controls{background:#00000026;border-bottom:1px solid #ffffff0d;flex-wrap:wrap;align-items:center;gap:20px;padding:20px 24px;display:flex}.master-volume{flex:1;align-items:center;gap:12px;min-width:200px;display:flex}.master-volume label{color:#a0a0b0;font-size:.85rem;font-weight:500}.master-volume input[type=range]{-webkit-appearance:none;background:#ffffff1a;border-radius:3px;outline:none;flex:1;height:6px}.master-volume input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:50%;width:18px;height:18px;transition:transform .2s}.master-volume input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.1)}.master-volume span{color:#fff;text-align:right;min-width:40px;font-weight:600}.auto-stop{align-items:center;gap:10px;display:flex}.auto-stop label{color:#a0a0b0;font-size:.85rem;font-weight:500}.auto-stop select{color:#fff;cursor:pointer;background:#0000004d;border:1px solid #fff3;border-radius:8px;outline:none;padding:8px 12px;font-size:.9rem}.auto-stop select option{background:#1a1a2e}.timer-display{color:#fff;font-variant-numeric:tabular-nums;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:8px;padding:8px 16px;font-size:1rem;font-weight:600}.sounds-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;max-height:400px;padding:20px 24px;display:grid;overflow-y:auto}.sound-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;padding:16px;transition:all .3s}.sound-card:hover{background:#ffffff14;transform:translateY(-2px)}.sound-card.active{background:#667eea26;border-color:#667eea80;box-shadow:0 0 20px #667eea33}.sound-toggle{color:#fff;cursor:pointer;background:0 0;border:none;align-items:center;gap:10px;width:100%;margin-bottom:12px;padding:0;display:flex}.sound-emoji{font-size:1.8rem}.sound-name{text-align:left;flex:1;font-size:.95rem;font-weight:500}.sound-status{background:#ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:.7rem;transition:all .2s;display:flex}.sound-status.playing{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);animation:2s infinite pulse}@keyframes pulse{50%{opacity:.5}}.volume-control{align-items:center;gap:8px;display:flex}.volume-control input[type=range]{-webkit-appearance:none;background:#ffffff1a;border-radius:2px;outline:none;flex:1;height:4px}.volume-control input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#fff;border-radius:50%;width:14px;height:14px}.volume-control input[type=range]:disabled{opacity:.3;cursor:not-allowed}.volume-value{color:#a0a0b0;text-align:right;min-width:32px;font-size:.75rem}.mixer-actions{border-top:1px solid #ffffff1a;justify-content:center;padding:16px 24px;display:flex}.stop-all-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#e74c3c 0%,#c0392b 100%);border:none;border-radius:8px;padding:12px 32px;font-size:1rem;font-weight:600;transition:all .2s}.stop-all-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #e74c3c66}.stop-all-btn:disabled{opacity:.5;cursor:not-allowed}.presets-panel{padding:24px;overflow-y:auto}.presets-panel h4{color:#fff;margin:0 0 20px;font-size:1.1rem}.presets-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;margin-bottom:24px;display:grid}.preset-card{cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;flex-direction:column;align-items:center;gap:8px;padding:16px;transition:all .2s;display:flex}.preset-card:hover{background:#667eea33;border-color:#667eea80;transform:translateY(-2px)}.preset-name{color:#fff;font-size:1rem;font-weight:600}.preset-sounds{color:#a0a0b0;font-size:1.2rem}.recent-sessions{border-top:1px solid #ffffff1a;padding:16px 24px}.recent-sessions h4{color:#a0a0b0;margin:0 0 12px;font-size:.9rem;font-weight:500}.session-item{background:#ffffff08;border-radius:8px;align-items:center;gap:16px;padding:10px 12px;font-size:.85rem;display:flex}.session-date{color:#a0a0b0;min-width:80px}.session-duration{color:#667eea;font-weight:600}.session-sounds{margin-left:auto;font-size:1rem}.mixer-tips{background:#667eea1a;border-top:1px solid #667eea33;padding:12px 24px}.mixer-tips p{color:#a0a0b0;margin:0;font-size:.85rem;line-height:1.5}.mixer-tips strong{color:#667eea}@media (max-width:600px){.sounds-grid{grid-template-columns:repeat(2,1fr)}.master-controls{flex-direction:column;align-items:stretch}.master-volume{min-width:auto}.presets-grid{grid-template-columns:repeat(2,1fr)}}.sounds-grid::-webkit-scrollbar{width:6px}.presets-panel::-webkit-scrollbar{width:6px}.sounds-grid::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.presets-panel::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.sounds-grid::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.presets-panel::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.sounds-grid::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.presets-panel::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.avatar{justify-content:center;align-items:center;margin:0 auto;display:flex}.avatar--small{width:60px;height:60px}.avatar--medium{width:200px;height:200px}.avatar--large{width:300px;height:300px}.avatar-svg{filter:drop-shadow(0 0 30px #38bdf866)drop-shadow(0 0 60px #6366f133)drop-shadow(0 0 90px #6366f11a);width:100%;height:100%}@media (prefers-reduced-motion:reduce){.avatar-svg,.avatar-shell,.avatar-shell--inner,.avatar-bloom,.avatar-scanline,.avatar-core,.avatar-node,.avatar-connection,.avatar-boundary,.avatar-data-arc,.avatar-ripple,.avatar-error-ring{animation:none!important}.avatar-core--listening,.avatar-core--thinking,.avatar-core--speaking{opacity:1}}.avatar-shell{stroke:url(#avatarShell);stroke-width:2px;opacity:.6;filter:drop-shadow(0 0 4px #67e8f966);will-change:transform;transform-origin:100px 100px;animation:16s linear infinite shell-rotate}.avatar-shell--inner{stroke-width:1.5px;opacity:.45;stroke-dasharray:4 8;filter:drop-shadow(0 0 3px #67e8f94d);will-change:transform;transform-origin:100px 100px;animation-duration:10s;animation-direction:reverse}.avatar-bloom{opacity:.6;will-change:opacity;animation:2.6s ease-in-out infinite shimmer}.avatar-scanline{stroke:#67e8f9;stroke-width:1px;opacity:.18;stroke-dasharray:4 8}.avatar-scanlines--thinking .avatar-scanline,.avatar-scanlines--speaking .avatar-scanline{animation:1.2s linear infinite scan}.avatar-core{filter:url(#glow)drop-shadow(0 0 12px #6366f199)drop-shadow(0 0 24px #6366f14d);will-change:transform,opacity;transition:all .4s cubic-bezier(.4,0,.2,1)}.avatar-core--idle{animation:2.4s ease-in-out infinite pulse-core}.avatar-core--listening{animation:1.4s ease-in-out infinite pulse-core}.avatar-core--thinking{animation:.9s ease-in-out infinite pulse-core}.avatar-core--speaking{animation:.55s ease-in-out infinite pulse-core}.avatar-core--error{filter:url(#glow)drop-shadow(0 0 12px #ef444499)drop-shadow(0 0 24px #ef44444d);animation:1.2s ease-in-out infinite pulse-core-error}.avatar-node{fill:#38bdf8;filter:drop-shadow(0 0 6px #38bdf899);will-change:transform,opacity;animation:3s ease-in-out infinite pulse}.avatar-node--secondary{fill:#a78bfa;opacity:.85;filter:drop-shadow(0 0 5px #a78bfa80);animation-duration:1.6s}.avatar-nodes--thinking .avatar-node,.avatar-nodes--speaking .avatar-node{animation-duration:.7s}.avatar-connection{stroke:#67e8f9;stroke-width:2px;opacity:.6;will-change:opacity;animation:1.8s ease-in-out infinite flow}.avatar-connection--secondary{stroke:#c084fc;stroke-width:1.4px}.avatar-boundary{stroke:#22d3ee;stroke-width:1.5px;opacity:.6;filter:drop-shadow(0 0 8px #22d3ee66);will-change:transform,opacity;animation:3.6s ease-in-out infinite breathe}.avatar-boundary--thinking,.avatar-boundary--speaking{stroke:#a78bfa;opacity:.95}.avatar-boundary--error{stroke:#ef4444;opacity:.85;animation:2s ease-in-out infinite breathe-error}.avatar-data-arc{fill:none;stroke:#67e8f9;stroke-width:1.6px;stroke-linecap:round;stroke-dasharray:2 14;opacity:.45;will-change:stroke-dashoffset,opacity;animation:2.2s linear infinite data-flow}.avatar-data-arc--delayed{animation-delay:.9s}.avatar-ripple{stroke:#22d3ee;stroke-width:2px;opacity:0;will-change:transform,opacity;animation:2s ease-out infinite ripple}.avatar-ripple--delayed{animation-delay:.55s}.avatar-error-ring{stroke:#ef4444;stroke-width:2px;opacity:.7;will-change:transform,opacity;animation:1.5s ease-in-out infinite pulse-error-ring}.avatar-error-icon{stroke:#ef4444;stroke-width:6px;stroke-linecap:round;fill:none;opacity:.9;animation:1s ease-in-out infinite blink-error}@keyframes pulse-core{0%,to{r:40;opacity:.95}50%{r:44;opacity:1}}@keyframes pulse-core-error{0%,to{opacity:.7}50%{opacity:1}}@keyframes flow{0%,to{stroke-dasharray:0 100;opacity:.35}50%{stroke-dasharray:36 70;opacity:.95}}@keyframes breathe{0%,to{r:80;opacity:.4}50%{r:83;opacity:.75}}@keyframes breathe-error{0%,to{r:80;opacity:.5}50%{r:85;opacity:.9}}@keyframes pulse-error-ring{0%,to{r:60;opacity:.7}50%{r:65;opacity:.3}}@keyframes blink-error{0%,to{opacity:.9}50%{opacity:.4}}@keyframes ripple{0%{r:45;opacity:.8}to{r:75;opacity:0}}@keyframes shell-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shimmer{0%,to{opacity:.35}50%{opacity:.75}}@keyframes scan{0%{opacity:.1;transform:translateY(-2px)}50%{opacity:.4;transform:translateY(2px)}to{opacity:.1;transform:translateY(-2px)}}@keyframes data-flow{0%{stroke-dashoffset:0;opacity:.35}to{stroke-dashoffset:-48px;opacity:.75}}.brain-dump-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#000000b3;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.brain-dump-panel{background:linear-gradient(145deg,#1e293b 0%,#0f172a 100%);border:1px solid #334155;border-radius:16px;flex-direction:column;width:100%;max-width:700px;max-height:85vh;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #00000080}.brain-dump-header{background:#ffffff05;border-bottom:1px solid #334155;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.brain-dump-header h3{color:#f8fafc;align-items:center;gap:.5rem;margin:0;font-size:1.25rem;font-weight:600;display:flex}.worry-time-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);border:none;border-radius:8px;padding:.5rem 1rem;font-size:.85rem;font-weight:500;transition:all .2s}.worry-time-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #f59e0b4d}.worry-time-active{background:#f59e0b26;border:1px solid #f59e0b4d;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem 1rem;display:flex}.worry-time-timer{color:#f59e0b;font-family:SF Mono,monospace;font-size:1.1rem;font-weight:600}.stop-worry-btn{color:#fff;cursor:pointer;background:#dc2626;border:none;border-radius:4px;padding:.25rem .75rem;font-size:.75rem}.worry-time-setup{background:linear-gradient(135deg,#f59e0b1a 0%,#d977060d 100%);border-bottom:1px solid #f59e0b33;padding:1.5rem}.worry-time-setup h4{color:#f59e0b;margin:0 0 .5rem;font-size:1rem}.worry-time-setup p{color:#94a3b8;margin:0 0 1rem;font-size:.9rem}.worry-time-presets{flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;display:flex}.worry-time-presets button{color:#94a3b8;cursor:pointer;background:#ffffff0d;border:1px solid #334155;border-radius:6px;padding:.5rem 1rem;font-size:.85rem;transition:all .2s}.worry-time-presets button.active,.worry-time-presets button:hover{color:#f59e0b;background:#f59e0b33;border-color:#f59e0b}.worry-time-actions{gap:.75rem;display:flex}.start-worry-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);border:none;border-radius:8px;padding:.75rem 1.5rem;font-weight:500;transition:all .2s}.start-worry-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #f59e0b4d}.cancel-btn{color:#94a3b8;cursor:pointer;background:#ffffff0d;border:1px solid #334155;border-radius:8px;padding:.75rem 1.5rem;font-weight:500;transition:all .2s}.brain-dump-stats{background:#0003;border-bottom:1px solid #334155;grid-template-columns:repeat(5,1fr);gap:.75rem;padding:1rem 1.5rem;display:grid}.stat-number{color:#f8fafc;font-size:1.5rem;font-weight:700;line-height:1}.brain-dump-input-section{border-bottom:1px solid #334155;padding:1.25rem 1.5rem}.category-selector{flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem;display:flex}.category-btn{color:#94a3b8;cursor:pointer;background:#ffffff08;border:2px solid #0000;border-radius:8px;align-items:center;gap:.4rem;padding:.5rem .75rem;font-size:.8rem;transition:all .2s;display:flex}.category-btn:hover{background:#ffffff14;transform:translateY(-1px)}.category-btn.active{color:#f8fafc;background:#ffffff1a;box-shadow:0 2px 8px #0003}.category-label{font-weight:500}.input-group{gap:.75rem;display:flex}.input-group textarea{color:#f8fafc;resize:vertical;background:#0000004d;border:1px solid #334155;border-radius:10px;flex:1;min-height:60px;padding:.75rem 1rem;font-family:inherit;font-size:.95rem;transition:border-color .2s}.input-group textarea:focus{border-color:#3b82f6;outline:none}.input-group textarea::placeholder{color:#64748b}.add-entry-btn{color:#fff;cursor:pointer;border:none;border-radius:10px;align-self:flex-start;height:44px;padding:0 1.5rem;font-size:.9rem;font-weight:600;transition:all .2s}.add-entry-btn:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 4px 12px #0000004d}.filter-tabs{background:#0000001a;border-bottom:1px solid #334155;gap:.25rem;padding:.75rem 1.5rem;display:flex;overflow-x:auto}.filter-tabs button{color:#64748b;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:6px;padding:.5rem .875rem;font-size:.8rem;font-weight:500;transition:all .2s}.filter-tabs button.active{color:#3b82f6;background:#3b82f626}.entries-list{flex:1;max-height:300px;padding:.75rem 1.5rem;overflow-y:auto}.empty-state small{opacity:.7;font-size:.8rem}.entry-item{background:#ffffff08;border:1px solid #ffffff0d;border-radius:10px;gap:.75rem;margin-bottom:.75rem;padding:1rem;transition:all .2s;display:flex}.entry-item:hover{background:#ffffff0d;transform:translate(2px)}.entry-item.processed{opacity:.6}.entry-item.processed .entry-text{color:#64748b;text-decoration:line-through}.entry-item.archived{opacity:.4}.entry-category-indicator{border-radius:2px;flex-shrink:0;width:4px}.entry-content{flex:1;min-width:0}.entry-category{color:#94a3b8;align-items:center;gap:.25rem;font-size:.75rem;font-weight:500;display:flex}.entry-time{color:#64748b;font-size:.7rem}.entry-text{color:#f1f5f9;word-wrap:break-word;margin:0;font-size:.9rem;line-height:1.5}.processed-badge{color:#22c55e;background:#22c55e26;border-radius:4px;margin-top:.5rem;padding:.25rem .5rem;font-size:.7rem;font-weight:500;display:inline-block}.entry-actions{opacity:0;flex-direction:column;gap:.375rem;transition:opacity .2s;display:flex}.entry-item:hover .entry-actions{opacity:1}.action-btn{cursor:pointer;background:#ffffff0d;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;padding:0;font-size:.85rem;transition:all .2s;display:flex}.action-btn.process:hover{background:#22c55e33}.action-btn.archive:hover{background:#8b5cf633}.action-btn.restore:hover{background:#3b82f633}.archived-footer{background:#0003;border-top:1px solid #334155;padding:1rem 1.5rem}.clear-archived-btn{color:#ef4444;cursor:pointer;background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;width:100%;padding:.75rem;font-size:.85rem;transition:all .2s}.clear-archived-btn:hover{background:#ef444433}.brain-dump-tips{background:#3b82f60d;border-top:1px solid #334155;padding:1rem 1.5rem}.brain-dump-tips p{color:#94a3b8;margin:0;font-size:.85rem;line-height:1.5}.worry-suggestion{background:#f59e0b1a;border-left:3px solid #f59e0b;border-radius:8px;padding:.75rem;margin-top:.5rem!important}.entries-list::-webkit-scrollbar{width:6px}.entries-list::-webkit-scrollbar-track{background:0 0}.entries-list::-webkit-scrollbar-thumb{background:#334155;border-radius:3px}.entries-list::-webkit-scrollbar-thumb:hover{background:#475569}@media (max-width:640px){.brain-dump-panel{max-height:90vh;margin:.5rem}.brain-dump-stats{grid-template-columns:repeat(3,1fr);gap:.5rem;padding:.75rem}.stat-card:nth-child(4),.stat-card:nth-child(5){display:none}.category-selector{justify-content:center}.category-btn{padding:.4rem .6rem}.category-label{display:none}.input-group{flex-direction:column}.add-entry-btn{width:100%;height:40px}.filter-tabs,.entries-list{padding:.5rem .75rem}.entry-actions{opacity:1;flex-direction:row}}.theme-light .brain-dump-panel{background:linear-gradient(145deg,#fff 0%,#f1f5f9 100%);border-color:#e2e8f0}.theme-light .brain-dump-header,.theme-light .filter-tabs,.theme-light .brain-dump-input-section{border-color:#e2e8f0}.theme-light .entry-item{background:#00000008;border-color:#00000014}.theme-light .entry-text{color:#1e293b}.breathing-panel-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.breathing-panel{background:#1e293b;border-radius:20px;flex-direction:column;width:90%;max-width:480px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 25px 60px #0009,0 0 0 1px #ffffff0d}.breathing-panel-header{background:#0003;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.breathing-panel-header h3{align-items:center;gap:10px;margin:0;font-size:18px;font-weight:600;display:flex}.stats-btn,.techniques-btn{color:#94a3b8;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;padding:6px 10px;font-size:16px;transition:all .2s}.stats-btn:hover,.techniques-btn:hover{color:#fff;background:#ffffff1a}.breathing-display{flex-direction:column;align-items:center;padding:32px 24px 20px;display:flex}.breathing-circle{background:radial-gradient(circle at 30% 30%,#ffffff26,transparent 50%),radial-gradient(circle at center,var(--tech-color,#6366f1)0%,transparent 70%);width:200px;height:200px;box-shadow:0 0 60px var(--tech-color,#6366f1),inset 0 0 60px #ffffff1a;border-radius:50%;justify-content:center;align-items:center;transition:all .3s;display:flex;position:relative}.breathing-circle.active{animation:breathe-pulse var(--phase-duration,4s)ease-in-out infinite}@keyframes breathe-in{0%{box-shadow:0 0 30px var(--tech-color);transform:scale(1)}to{box-shadow:0 0 80px var(--tech-color);transform:scale(1.3)}}@keyframes breathe-hold{0%,to{opacity:.8;transform:scale(1.3)}}@keyframes breathe-out{0%{box-shadow:0 0 80px var(--tech-color);transform:scale(1.3)}to{box-shadow:0 0 30px var(--tech-color);transform:scale(1)}}@keyframes breathe-pulse{0%,to{opacity:1}50%{opacity:.9}}.circle-inner{text-align:center;color:#fff}.phase-label{text-transform:uppercase;letter-spacing:1px;opacity:.9;margin-bottom:8px;font-size:14px;font-weight:600}.phase-timer{font-variant-numeric:tabular-nums;font-size:48px;font-weight:700;line-height:1}.session-progress{width:100%;margin-top:28px}.time-remaining{text-align:center;color:#64748b;margin-top:10px;font-size:13px}.technique-info{text-align:center;padding:0 24px 20px}.current-technique{margin-bottom:6px;font-size:16px;font-weight:600}.technique-description{color:#64748b;font-size:13px;line-height:1.5}.duration-selector{padding:0 24px 20px}.duration-selector label{color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px;font-size:12px;display:block}.duration-buttons{gap:8px;display:flex}.duration-buttons button{color:#94a3b8;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;flex:1;padding:10px 14px;font-size:13px;font-weight:500;transition:all .2s}.duration-buttons button:hover:not(:disabled){color:#fff;background:#ffffff14}.duration-buttons button.active{color:#818cf8;background:#6366f133;border-color:#6366f180}.duration-buttons button:disabled{opacity:.5;cursor:not-allowed}.breathing-controls{justify-content:center;gap:12px;padding:0 24px 20px;display:flex}.breathing-btn{cursor:pointer;border:none;border-radius:12px;align-items:center;gap:8px;padding:14px 24px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.breathing-btn.start{color:#fff;box-shadow:0 4px 14px #0000004d}.breathing-btn.start:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 6px 20px #0006}.breathing-btn.pause{color:#fff;background:#f59e0b}.breathing-btn.pause:hover{background:#d97706}.breathing-btn.reset{color:#94a3b8;background:#ffffff14;border:1px solid #ffffff1a}.breathing-btn.reset:hover{color:#fff;background:#ffffff1f}.daily-stats{background:#0000001a;border-top:1px solid #ffffff0d;justify-content:center;gap:32px;padding:16px 24px;display:flex}.daily-stat{flex-direction:column;align-items:center;display:flex}.daily-value{color:#fff;font-size:24px;font-weight:700;line-height:1}.daily-label{color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin-top:4px;font-size:11px}.breathing-tips{background:#10b9810d;border-top:1px solid #ffffff0d;padding:16px 24px 20px}.breathing-tips p{color:#94a3b8;text-align:center;margin:0;font-size:13px;line-height:1.5}.breathing-tips strong{color:#10b981}.techniques-panel{max-height:70vh;padding:24px;overflow-y:auto}.techniques-panel h4{color:#fff;margin:0 0 20px;font-size:16px;font-weight:600}.technique-list{flex-direction:column;gap:12px;margin-bottom:20px;display:flex}.technique-card{cursor:pointer;text-align:left;background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;padding:16px 18px;transition:all .2s;position:relative;overflow:hidden}.technique-card:before{content:"";background:var(--tech-color);opacity:0;width:4px;transition:opacity .2s;position:absolute;top:0;bottom:0;left:0}.technique-card:hover{background:#ffffff0f;border-color:#ffffff1f}.technique-card.active{border-color:var(--tech-color);background:#ffffff14}.technique-card.active:before{opacity:1}.technique-name{color:#fff;margin-bottom:8px;font-size:15px;font-weight:600}.technique-pattern{gap:6px;margin-bottom:8px;display:flex}.pattern-dot{background:#fff3;border-radius:50%;width:8px;height:8px}.pattern-dot.inhale{background:#22c55e}.pattern-dot.hold{background:#f59e0b}.pattern-dot.exhale{background:#3b82f6}.technique-desc{color:#64748b;font-size:12px}.stats-panel{max-height:70vh;padding:24px;overflow-y:auto}.stats-panel h4{color:#fff;margin:0 0 20px;font-size:16px;font-weight:600}.stat-card{background:#ffffff08;border:1px solid #ffffff0f;border-radius:12px;flex-direction:column;align-items:center;padding:20px 16px;display:flex}.stat-card.today{background:#6366f114;border-color:#6366f133}.stat-value-large{color:#fff;margin-bottom:6px;font-size:32px;font-weight:700;line-height:1}.stat-label-large{color:#64748b;text-transform:uppercase;letter-spacing:.5px;font-size:11px}.stat-card.today .stat-value-large{color:#818cf8}.clear-history{color:#ef4444;cursor:pointer;background:0 0;border:1px solid #ef44444d;border-radius:8px;width:100%;margin-bottom:12px;padding:10px;font-size:12px;transition:all .2s}.global-breathing-btn{z-index:100;color:#6ee7b7;cursor:pointer;background:#10b98133;border:1px solid #10b9814d;border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;padding:10px;font-size:18px;transition:all .2s;display:flex;position:fixed;top:20px;right:540px}.global-breathing-btn:hover{color:#e2e8f0;background:#10b9814d;transform:scale(1.05)}.techniques-panel::-webkit-scrollbar{width:6px}.stats-panel::-webkit-scrollbar{width:6px}.breathing-panel::-webkit-scrollbar{width:6px}.techniques-panel::-webkit-scrollbar-track{background:#0003}.stats-panel::-webkit-scrollbar-track{background:#0003}.breathing-panel::-webkit-scrollbar-track{background:#0003}.techniques-panel::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.stats-panel::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.breathing-panel::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.techniques-panel::-webkit-scrollbar-thumb:hover{background:#fff3}.stats-panel::-webkit-scrollbar-thumb:hover{background:#fff3}.breathing-panel::-webkit-scrollbar-thumb:hover{background:#fff3}@media (max-width:480px){.breathing-circle{width:160px;height:160px}.phase-timer{font-size:36px}.stats-grid-large{grid-template-columns:1fr}.duration-buttons{flex-wrap:wrap}.duration-buttons button{flex:calc(50% - 4px)}}.calendar-panel-overlay{z-index:1000;background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.calendar-panel{background:#1e293b;border-radius:12px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 50px #00000080}.calendar-panel-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.calendar-panel-header h3{flex:1;margin:0;font-size:18px}.add-event-btn{color:#fff;cursor:pointer;background:#6366f1;border:none;border-radius:6px;margin-right:12px;padding:8px 16px;font-weight:500}.calendar-month-nav{justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.calendar-month-nav button{color:#94a3b8;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;padding:8px 16px}.calendar-month-nav span{font-size:16px;font-weight:600}.calendar-grid{grid-template-columns:repeat(7,1fr);gap:4px;padding:0 20px 20px;display:grid}.calendar-day-header{text-align:center;color:#64748b;text-transform:uppercase;padding:8px;font-size:12px;font-weight:600}.calendar-day{aspect-ratio:1;color:#64748b;border-radius:8px;justify-content:center;align-items:center;font-size:14px;display:flex}.calendar-day.has-day{color:#e2e8f0;cursor:pointer}.calendar-day.has-day:hover{background:#ffffff0d}.calendar-day.has-event{position:relative}.calendar-day.has-event:after{content:"";background:#6366f1;border-radius:50%;width:4px;height:4px;position:absolute;bottom:4px}.upcoming-events{border-top:1px solid #ffffff1a;padding:16px 20px}.upcoming-events h4{color:#94a3b8;margin:0 0 12px;font-size:14px}.event-item{background:#ffffff08;border-radius:8px;align-items:center;gap:12px;margin-bottom:8px;padding:10px;display:flex}.event-dot{background:#6366f1;border-radius:50%;flex-shrink:0;width:8px;height:8px}.event-title{margin-bottom:2px;font-size:14px}.event-time{color:#64748b;font-size:12px}.modal-overlay{z-index:1100;background:#000c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:#1e293b;border-radius:12px;width:90%;max-width:400px;padding:24px}.modal h4{margin:0 0 16px}.modal input{color:#fff;background:#0f172a;border:1px solid #ffffff1a;border-radius:8px;width:100%;margin-bottom:12px;padding:12px;font-size:14px}.modal-actions button{cursor:pointer;border-radius:8px;padding:10px 20px;font-weight:500}.modal-actions button.primary{color:#fff;background:#6366f1;border:none}.challenge-tracker-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#000000b3;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.challenge-tracker-panel{background:linear-gradient(145deg,#1a1a2e 0%,#16213e 100%);border:1px solid #ffffff1a;border-radius:16px;flex-direction:column;width:100%;max-width:900px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 25px 50px #00000080}.challenge-tracker-header{background:#0003;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.challenge-tracker-header h3{color:#fff;align-items:center;gap:10px;margin:0;font-size:1.4rem;display:flex}.filter-tabs{background:#0000001a;border-bottom:1px solid #ffffff1a;gap:8px;padding:12px 24px;display:flex}.filter-tab{color:#ffffffb3;cursor:pointer;background:#ffffff0d;border:none;border-radius:20px;padding:8px 16px;font-size:.9rem;transition:all .2s}.filter-tab.active{color:#fff;background:#60a5fa}.challenges-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;max-height:50vh;padding:20px 24px;display:grid;overflow-y:auto}.challenge-card{cursor:pointer;background:#ffffff0d;border:1px solid #ffffff14;border-radius:12px;padding:20px;transition:all .3s;position:relative;overflow:hidden}.challenge-card:before{content:"";background:var(--challenge-color,#60a5fa);opacity:.8;height:3px;position:absolute;top:0;left:0;right:0}.challenge-card:hover{background:#ffffff14;transform:translateY(-4px);box-shadow:0 8px 24px #0000004d}.challenge-card.completed{border-color:#4ade804d}.challenge-card.completed:before{background:linear-gradient(90deg,#4ade80,#22c55e)}.challenge-card.archived{opacity:.6}.challenge-card-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.challenge-icon{font-size:2rem}.difficulty-badge{color:#fff;text-transform:uppercase;letter-spacing:.5px;border-radius:12px;padding:4px 10px;font-size:.75rem;font-weight:600}.challenge-title{color:#fff;margin:0 0 8px;font-size:1.1rem;font-weight:600}.challenge-description{color:#fff9;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 16px;font-size:.85rem;line-height:1.4;display:-webkit-box;overflow:hidden}.challenge-progress{margin-bottom:12px}.challenge-stats-row{color:#fff9;gap:16px;font-size:.85rem;display:flex}.stat-item{align-items:center;gap:4px;display:flex}.completed-badge{color:#4ade80;background:#4ade8033;border-radius:10px;margin-left:auto;padding:2px 8px;font-size:.75rem;font-weight:600}.empty-state p{margin-bottom:20px;font-size:1.1rem}.challenge-form{max-height:70vh;padding:24px;overflow-y:auto}.form-section input[type=text],.form-section input[type=time],.form-section textarea,.form-section select{color:#fff;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;width:100%;padding:12px 16px;font-size:1rem;transition:all .2s}.time-input{max-width:150px;margin-top:12px}.icon-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.icon-option{cursor:pointer;background:#ffffff0d;border:2px solid #0000;border-radius:10px;flex-direction:column;align-items:center;gap:6px;padding:12px;transition:all .2s;display:flex}.icon-emoji{font-size:1.8rem}.icon-label{color:#ffffffb3;font-size:.75rem}.duration-options{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.duration-option{cursor:pointer;background:#ffffff0d;border:2px solid #0000;border-radius:10px;flex-direction:column;align-items:center;gap:6px;padding:14px 10px;transition:all .2s;display:flex}.duration-option:hover{background:#ffffff1a}.duration-option.selected{background:#60a5fa26;border-color:#60a5fa}.duration-emoji{font-size:1.5rem}.duration-label{color:#fffc;font-size:.8rem}.difficulty-options{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.difficulty-option{cursor:pointer;background:#ffffff0d;border:2px solid #0000;border-radius:10px;align-items:center;gap:10px;padding:14px;transition:all .2s;display:flex}.difficulty-emoji{font-size:1.3rem}.difficulty-name{color:#fff;font-size:.9rem;font-weight:600}.difficulty-desc{color:#ffffff80;margin-left:auto;font-size:.75rem}.color-options{flex-wrap:wrap;gap:12px;display:flex}.challenge-detail{max-height:70vh;padding:0;overflow-y:auto}.detail-header{background:linear-gradient(135deg,var(--challenge-color)0%,#0000004d 100%);align-items:flex-start;gap:20px;padding:30px 24px;display:flex}.detail-icon{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border-radius:20px;justify-content:center;align-items:center;width:90px;height:90px;font-size:4rem;display:flex}.detail-info h2{color:#fff;margin:0 0 8px;font-size:1.6rem}.meta-badge{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fff3;border-radius:12px;padding:4px 12px;font-size:.8rem}.detail-stats{background:#0000001a;grid-template-columns:repeat(4,1fr);gap:16px;padding:24px;display:grid}.detail-stat{text-align:center;background:#ffffff0d;border-radius:12px;padding:16px}.stat-number{color:#60a5fa;font-size:2.2rem;font-weight:700;line-height:1;display:block}.detail-stat .stat-label{color:#fff9;margin-top:8px;font-size:.85rem;display:block}.calendar-section{padding:24px}.calendar-section h4{color:#ffffffe6;margin:0 0 16px;font-size:1.1rem}.calendar-grid{grid-template-columns:repeat(7,1fr);gap:8px;display:grid}.calendar-day{aspect-ratio:1;cursor:pointer;background:#ffffff0d;border:2px solid #0000;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;transition:all .2s;display:flex;position:relative;overflow:hidden}.calendar-day:hover{background:#ffffff1a;transform:scale(1.05)}.calendar-day.completed{background:var(--challenge-color,#60a5fa);border-color:#ffffff4d}.calendar-day.today{border-color:#fbbf24;box-shadow:0 0 0 2px #fbbf244d}.calendar-day.missed{background:#f8717126;border-color:#f871714d}.day-number{color:#ffffffb3;font-size:.85rem;font-weight:600}.calendar-day.completed .day-number{color:#fff}.day-check{color:#fff;font-size:1.2rem;position:absolute}.day-indicator{color:#fbbf24;text-transform:uppercase;font-size:.6rem;font-weight:700;position:absolute;bottom:2px}.calendar-legend{border-bottom:1px solid #ffffff1a;justify-content:center;gap:24px;padding:0 24px 20px;display:flex}.legend-box{border:1px solid #fff3;border-radius:4px;width:20px;height:20px}.legend-box.completed{background:#60a5fa;border-color:#60a5fa}.legend-box.today{border-color:#fbbf24;box-shadow:0 0 0 1px #fbbf244d}.legend-box.missed{background:#f8717133;border-color:#f8717180}.legend-box.upcoming{background:#ffffff0d}.detail-actions{justify-content:center;gap:12px;padding:24px;display:flex}@media (max-width:768px){.stats-dashboard{grid-template-columns:repeat(2,1fr)}.challenges-grid{grid-template-columns:1fr}.icon-grid{grid-template-columns:repeat(3,1fr)}.duration-options{grid-template-columns:repeat(2,1fr)}.difficulty-options{grid-template-columns:1fr}.detail-stats{grid-template-columns:repeat(2,1fr)}.detail-header{text-align:center;flex-direction:column;align-items:center}.detail-icon{width:70px;height:70px;font-size:3rem}.calendar-grid{grid-template-columns:repeat(5,1fr)}}@media (max-width:480px){.challenge-tracker-overlay{padding:10px}.challenge-tracker-header h3{font-size:1.1rem}.calendar-grid{grid-template-columns:repeat(4,1fr)}.calendar-legend{flex-wrap:wrap;gap:12px}}.code-playground-overlay{z-index:1000;background:#000c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.code-playground-panel{background:var(--panel-bg,#1a1a2e);border:1px solid var(--border-color,#2d2d44);border-radius:12px;flex-direction:column;width:90vw;max-width:1200px;height:85vh;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #00000080}.code-playground-header{background:var(--header-bg,#16162a);border-bottom:1px solid var(--border-color,#2d2d44);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.code-playground-header h2{color:var(--text-primary,#fff);margin:0;font-size:1.25rem}.view-tabs button{color:var(--text-secondary,#888);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:8px 16px;font-size:.875rem;transition:all .2s}.view-tabs button:hover{color:var(--text-primary,#fff)}.view-tabs button.active{background:var(--accent-color,#60a5fa);color:#fff}.close-btn{width:32px;height:32px;color:var(--text-secondary,#888);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;font-size:1.5rem;display:flex}.close-btn:hover{background:var(--hover-bg,#2d2d44);color:#fff}.code-playground-content{flex-direction:column;flex:1;display:flex;overflow:hidden}.editor-toolbar{background:var(--toolbar-bg,#1e1e32);border-bottom:1px solid var(--border-color,#2d2d44);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.toolbar-left,.toolbar-right{align-items:center;gap:8px;display:flex}.editor-toolbar button{border:1px solid var(--border-color,#2d2d44);background:var(--btn-bg,#252542);color:var(--text-primary,#fff);cursor:pointer;border-radius:6px;align-items:center;gap:6px;padding:8px 14px;font-size:.875rem;transition:all .2s;display:flex}.editor-toolbar button:hover:not(:disabled){background:var(--btn-hover,#35355c);border-color:var(--accent-color,#60a5fa)}.editor-toolbar button:disabled{opacity:.5;cursor:not-allowed}.editor-toolbar button.active{background:var(--accent-color,#60a5fa);border-color:var(--accent-color,#60a5fa);color:#fff}.run-btn{font-weight:500;background:var(--success-color,#22c55e)!important;border-color:var(--success-color,#22c55e)!important}.run-btn:hover:not(:disabled){background:var(--success-hover,#16a34a)!important;border-color:var(--success-hover,#16a34a)!important}.editor-toolbar select{border:1px solid var(--border-color,#2d2d44);background:var(--btn-bg,#252542);color:var(--text-primary,#fff);cursor:pointer;border-radius:6px;padding:8px 12px;font-size:.875rem}.editor-container{flex:1;display:flex;position:relative;overflow:hidden}.line-numbers{background:var(--linenum-bg,#16162a);color:var(--linenum-color,#4a4a6a);text-align:right;-webkit-user-select:none;user-select:none;border-right:1px solid var(--border-color,#2d2d44);flex-direction:column;padding:16px 12px;font-family:Fira Code,Monaco,Consolas,monospace;font-size:14px;line-height:1.6;display:flex;overflow:hidden}.line-numbers span{display:block}.code-editor{background:var(--editor-bg,#0f0f1a);color:var(--editor-text,#e4e4e7);resize:none;tab-size:2;border:none;outline:none;flex:1;padding:16px;font-family:Fira Code,Monaco,Consolas,monospace;font-size:14px;line-height:1.6}.code-editor::placeholder{color:var(--text-secondary,#666)}.output-panel{background:var(--output-bg,#0a0a14);border-top:1px solid var(--border-color,#2d2d44);flex-direction:column;height:200px;display:flex}.output-header{background:var(--output-header-bg,#16162a);border-bottom:1px solid var(--border-color,#2d2d44);color:var(--text-secondary,#888);justify-content:space-between;align-items:center;padding:10px 16px;font-size:.875rem;display:flex}.output-actions{align-items:center;gap:12px;display:flex}.output-count{color:var(--text-muted,#666);font-size:.75rem}.output-actions button{border:1px solid var(--border-color,#2d2d44);color:var(--text-secondary,#888);cursor:pointer;background:0 0;border-radius:4px;padding:4px 10px;font-size:.75rem}.output-actions button:hover{background:var(--hover-bg,#2d2d44);color:var(--text-primary,#fff)}.output-content{flex:1;padding:12px 16px;font-family:Fira Code,Monaco,Consolas,monospace;font-size:.875rem;overflow-y:auto}.empty-output{height:100%;color:var(--text-muted,#555);justify-content:center;align-items:center;font-style:italic;display:flex}.output-run{border-left:2px solid var(--border-color,#2d2d44);margin-bottom:16px;padding-left:12px}.run-header{justify-content:space-between;margin-bottom:8px;font-size:.75rem;display:flex}.run-time{color:var(--text-muted,#666)}.run-logs{flex-direction:column;gap:4px;display:flex}.log-entry{border-radius:4px;gap:12px;padding:4px 0;display:flex}.log-entry:hover{background:var(--hover-bg,#1a1a2e)}.log-timestamp{color:var(--text-muted,#666);white-space:nowrap;-webkit-user-select:none;user-select:none;font-size:.75rem}.log-content{word-break:break-word;white-space:pre-wrap;flex:1}.log-entry.log .log-content{color:var(--log-color,#e4e4e7)}.log-entry.error .log-content{color:var(--error-color,#f87171)}.log-entry.warn .log-content{color:var(--warn-color,#fbbf24)}.log-entry.info .log-content{color:var(--info-color,#60a5fa)}.log-entry.success .log-content{color:var(--success-color,#4ade80);font-weight:500}.snippets-view{flex-direction:column;flex:1;padding:20px;display:flex;overflow:hidden}.snippets-header{gap:12px;margin-bottom:20px;display:flex}.snippets-header input{border:1px solid var(--border-color,#2d2d44);background:var(--input-bg,#0f0f1a);color:var(--text-primary,#fff);border-radius:8px;flex:1;padding:12px 16px;font-size:.9375rem}.snippets-header input:focus{border-color:var(--accent-color,#60a5fa);outline:none}.snippets-header button{background:var(--accent-color,#60a5fa);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:12px 20px;font-size:.9375rem;font-weight:500;transition:background .2s}.snippets-header button:hover{background:var(--accent-hover,#3b82f6)}.snippets-grid{flex:1;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;display:grid;overflow-y:auto}.snippet-card{background:var(--card-bg,#1e1e32);border:1px solid var(--border-color,#2d2d44);border-radius:10px;flex-direction:column;gap:10px;padding:16px;transition:border-color .2s;display:flex}.snippet-card:hover{border-color:var(--accent-color,#60a5fa)}.snippet-header{justify-content:space-between;align-items:center;display:flex}.snippet-header h4{color:var(--text-primary,#fff);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:1rem;overflow:hidden}.snippet-actions button{width:28px;height:28px;color:var(--text-secondary,#888);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;display:flex}.snippet-actions button:hover{background:var(--hover-bg,#2d2d44);color:var(--text-primary,#fff)}.snippet-desc{color:var(--text-secondary,#888);text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.875rem;display:-webkit-box;overflow:hidden}.snippet-preview{background:var(--code-bg,#0f0f1a);color:var(--text-secondary,#999);white-space:pre-wrap;word-break:break-all;border-radius:6px;margin:0;padding:10px;font-family:Fira Code,Monaco,Consolas,monospace;font-size:.75rem;line-height:1.5;overflow:hidden}.snippet-meta{color:var(--text-muted,#666);justify-content:space-between;font-size:.75rem;display:flex}.snippet-lang{background:var(--badge-bg,#2d2d44);border-radius:4px;padding:2px 8px}.empty-snippets{color:var(--text-secondary,#888);flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;padding:60px 20px;display:flex}.empty-snippets span{margin-bottom:16px;font-size:1.125rem}.empty-snippets button{background:var(--accent-color,#60a5fa);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:10px 20px;font-size:.9375rem}.help-view{flex:1;padding:24px;overflow-y:auto}.help-section{margin-bottom:32px}.help-section h3{color:var(--text-primary,#fff);margin:0 0 16px;font-size:1.125rem}.help-section p{color:var(--text-secondary,#aaa);margin:0 0 12px;line-height:1.6}.help-section ul{color:var(--text-secondary,#aaa);margin:0;padding-left:20px}.help-section li{margin-bottom:8px;line-height:1.5}.help-section code{background:var(--code-bg,#2d2d44);color:var(--accent-color,#60a5fa);border-radius:4px;padding:2px 6px;font-family:Fira Code,Monaco,Consolas,monospace;font-size:.875em}.help-section kbd{background:var(--kbd-bg,#2d2d44);border:1px solid var(--border-color,#3d3d5c);box-shadow:0 2px 0 var(--border-color,#3d3d5c);border-radius:4px;padding:2px 8px;font-family:Fira Code,Monaco,Consolas,monospace;font-size:.875em}.shortcuts-list{list-style:none;padding:0!important}.shortcuts-list li{align-items:center;gap:12px;display:flex}.save-modal-overlay{z-index:100;background:#000000b3;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.save-modal{background:var(--panel-bg,#1a1a2e);border-radius:12px;width:90%;max-width:400px;padding:24px;box-shadow:0 20px 40px #00000080}.save-modal h3{color:var(--text-primary,#fff);margin:0 0 20px}.save-modal input{border:1px solid var(--border-color,#2d2d44);background:var(--input-bg,#0f0f1a);width:100%;color:var(--text-primary,#fff);box-sizing:border-box;border-radius:8px;margin-bottom:12px;padding:12px 16px;font-size:.9375rem}.save-modal input:focus{border-color:var(--accent-color,#60a5fa);outline:none}.modal-actions button{border:1px solid var(--border-color,#2d2d44);color:var(--text-primary,#fff);cursor:pointer;background:0 0;border-radius:8px;padding:10px 20px;font-size:.9375rem;transition:all .2s}.modal-actions button:hover{background:var(--hover-bg,#2d2d44)}.modal-actions button.primary{background:var(--accent-color,#60a5fa);border-color:var(--accent-color,#60a5fa)}.modal-actions button.primary:hover:not(:disabled){background:var(--accent-hover,#3b82f6)}.modal-actions button:disabled{opacity:.5;cursor:not-allowed}.output-content::-webkit-scrollbar{width:8px;height:8px}.snippets-grid::-webkit-scrollbar{width:8px;height:8px}.help-view::-webkit-scrollbar{width:8px;height:8px}.output-content::-webkit-scrollbar-track{background:var(--scrollbar-track,#0f0f1a)}.snippets-grid::-webkit-scrollbar-track{background:var(--scrollbar-track,#0f0f1a)}.help-view::-webkit-scrollbar-track{background:var(--scrollbar-track,#0f0f1a)}.output-content::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb,#2d2d44);border-radius:4px}.snippets-grid::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb,#2d2d44);border-radius:4px}.help-view::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb,#2d2d44);border-radius:4px}.output-content::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-hover,#3d3d5c)}.snippets-grid::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-hover,#3d3d5c)}.help-view::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-hover,#3d3d5c)}@media (max-width:768px){.code-playground-panel{border-radius:0;width:100vw;height:100vh}.code-playground-overlay{padding:0}.editor-toolbar{flex-direction:column;align-items:stretch}.toolbar-left,.toolbar-right{flex-wrap:wrap;justify-content:center}.snippets-grid{grid-template-columns:1fr}.output-panel{height:150px}}:root{--panel-bg:#1a1a2e;--header-bg:#16162a;--toolbar-bg:#1e1e32;--editor-bg:#0f0f1a;--output-bg:#0a0a14;--output-header-bg:#16162a;--card-bg:#1e1e32;--border-color:#2d2d44;--text-primary:#fff;--text-secondary:#a0a0b0;--text-muted:#666;--accent-color:#60a5fa;--accent-hover:#3b82f6;--success-color:#22c55e;--success-hover:#16a34a;--error-color:#f87171;--warn-color:#fbbf24;--info-color:#60a5fa;--log-color:#e4e4e7;--hover-bg:#2d2d44;--btn-bg:#252542;--input-bg:#0f0f1a;--code-bg:#0f0f1a;--linenum-bg:#16162a;--linenum-color:#4a4a6a;--tab-bg:#0f0f1a;--scrollbar-track:#0f0f1a;--scrollbar-thumb:#2d2d44;--scrollbar-hover:#3d3d5c;--badge-bg:#2d2d44;--kbd-bg:#2d2d44}.theme-light:root{--panel-bg:#fff;--header-bg:#f8fafc;--toolbar-bg:#f1f5f9;--editor-bg:#f8fafc;--output-bg:#f1f5f9;--output-header-bg:#e2e8f0;--card-bg:#fff;--border-color:#e2e8f0;--text-primary:#1e293b;--text-secondary:#64748b;--text-muted:#94a3b8;--accent-color:#3b82f6;--accent-hover:#2563eb;--success-color:#22c55e;--success-hover:#16a34a;--error-color:#ef4444;--warn-color:#f59e0b;--info-color:#3b82f6;--log-color:#334155;--hover-bg:#e2e8f0;--btn-bg:#f1f5f9;--input-bg:#fff;--code-bg:#f1f5f9;--linenum-bg:#f8fafc;--linenum-color:#94a3b8;--tab-bg:#f1f5f9;--scrollbar-track:#f1f5f9;--scrollbar-thumb:#cbd5e1;--scrollbar-hover:#94a3b8;--badge-bg:#e2e8f0;--kbd-bg:#f1f5f9}.command-palette-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000;background:#000000b3;justify-content:center;align-items:flex-start;padding-top:120px;animation:.15s ease-out fadeIn;display:flex;position:fixed;inset:0}.command-palette{background:linear-gradient(135deg,#1e293b 0%,#0f172a 100%);border:1px solid #94a3b833;border-radius:16px;flex-direction:column;width:90%;max-width:640px;max-height:70vh;animation:.2s ease-out slideDown;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #00000080}.command-palette-header{border-bottom:1px solid #94a3b81a;align-items:center;gap:12px;padding:16px 20px;display:flex}.command-palette-icon{opacity:.6;font-size:20px}.command-palette-input{color:#e2e8f0;background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:16px}.command-palette-input::placeholder{color:#64748b}.command-palette-close{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:24px;transition:all .2s;display:flex}.command-palette-close:hover{color:#e2e8f0;background:#94a3b81a}.command-palette-results{flex:1;padding:8px;overflow-y:auto}.command-palette-section{text-transform:uppercase;letter-spacing:.5px;color:#64748b;padding:8px 12px 4px;font-size:11px;font-weight:600}.command-item{color:#e2e8f0;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:12px;width:100%;padding:12px 16px;font-family:inherit;font-size:14px;transition:all .15s;display:flex}.command-item:hover,.command-item.selected{background:#6366f126}.command-item.selected{box-shadow:0 0 0 1px #6366f14d}.command-icon{text-align:center;width:24px;font-size:18px}.command-label{flex:1;font-weight:500}.command-shortcut{color:#64748b;background:#0f172a80;border-radius:4px;padding:4px 8px;font-family:SF Mono,Monaco,monospace;font-size:12px}.command-palette-empty{color:#64748b;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:40px 20px;display:flex}.command-palette-empty span{font-size:16px}.command-palette-empty small{opacity:.8;font-size:13px}.command-palette-footer{background:#0f172a80;border-top:1px solid #94a3b81a;padding:12px 20px}.footer-hint{color:#64748b;justify-content:center;align-items:center;gap:20px;font-size:12px;display:flex}.footer-hint kbd{color:#94a3b8;background:#1e293bcc;border:1px solid #94a3b833;border-radius:4px;padding:2px 6px;font-family:SF Mono,Monaco,monospace;font-size:11px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.command-palette-results::-webkit-scrollbar{width:8px}.command-palette-results::-webkit-scrollbar-track{background:0 0}.command-palette-results::-webkit-scrollbar-thumb{background:#94a3b833;border-radius:4px}.command-palette-results::-webkit-scrollbar-thumb:hover{background:#94a3b84d}@media (max-width:600px){.command-palette-overlay{padding-top:80px}.command-palette{width:95%;max-height:60vh}.command-palette-input{font-size:16px}.footer-hint{gap:12px;font-size:11px}}.content-tracker-overlay{z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.content-tracker-panel{background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%);border:1px solid #ffffff1a;border-radius:20px;flex-direction:column;width:100%;max-width:1200px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 25px 50px #00000080}.content-tracker-header{background:#ffffff08;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:24px 28px;display:flex}.content-tracker-title{align-items:center;gap:16px;display:flex}.tracker-icon{filter:drop-shadow(0 0 10px #ff6b6b80);font-size:2.5rem}.content-tracker-title h2{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#fff 0%,#a0a0a0 100%);-webkit-background-clip:text;background-clip:text;margin:0;font-size:1.75rem;font-weight:700}.tracker-subtitle{color:#888;margin:4px 0 0;font-size:.9rem}.content-tracker-actions{align-items:center;gap:12px;display:flex}.add-content-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ff6b6b 0%,#ee5a5a 100%);border:none;border-radius:12px;align-items:center;gap:8px;padding:12px 20px;font-weight:600;transition:all .3s;display:flex;box-shadow:0 4px 15px #ff6b6b4d}.add-content-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff6b6b66}.add-content-btn span{font-size:1.3rem}.content-tracker-close{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.5rem;transition:all .2s;display:flex}.content-tracker-close:hover{background:#ff6b6b4d;transform:rotate(90deg)}.content-stats{background:#ffffff05;grid-template-columns:repeat(4,1fr);gap:16px;padding:20px 28px;display:grid}.content-stat-card{text-align:center;background:#ffffff0d;border:1px solid #ffffff14;border-radius:16px;padding:20px;transition:all .3s}.content-stat-card:hover{background:#ffffff14;transform:translateY(-2px)}.stat-number{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#ff6b6b 0%,#4ecdc4 100%);-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:700;display:block}.type-distribution{border-bottom:1px solid #ffffff14;flex-wrap:wrap;gap:10px;padding:0 28px 16px;display:flex}.type-badge{border:1px solid;border-radius:20px;align-items:center;gap:8px;padding:8px 14px;font-size:.85rem;transition:all .2s;display:flex}.type-badge:hover{transform:scale(1.05)}.type-count{text-align:center;min-width:20px;font-weight:700}.type-label{opacity:.9}.content-filters{background:#ffffff05;flex-wrap:wrap;gap:12px;padding:16px 28px;display:flex}.search-box{flex:1;min-width:200px;position:relative}.filter-select{color:#fff;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;min-width:140px;padding:12px 16px;font-size:.9rem;transition:all .2s}.content-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;max-height:400px;padding:20px 28px;display:grid;overflow-y:auto}.content-card{background:#ffffff08;border:1px solid #ffffff0f;border-radius:16px;padding:20px;transition:all .3s;position:relative}.content-card:hover{background:#ffffff0f;transform:translateY(-4px);box-shadow:0 10px 30px #0000004d}.content-card-header{justify-content:space-between;align-items:flex-start;margin-bottom:12px;display:flex}.content-type-badge{border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.3rem;display:flex;box-shadow:0 4px 15px #0000004d}.content-actions{gap:8px;display:flex}.action-btn.delete:hover{background:#ff6b6b4d}.content-title{color:#fff;margin:0 0 8px;font-size:1.15rem;font-weight:600;line-height:1.4}.content-platform{color:#888;margin:0 0 8px;font-size:.85rem}.content-progress{color:#4ecdc4;margin:0 0 12px;font-size:.85rem;font-weight:500}.content-status-row{margin-bottom:12px}.status-select{color:#fff;cursor:pointer;background:#ffffff0d;border:1px solid;border-radius:8px;width:100%;padding:8px 12px;font-size:.85rem}.status-select:focus{outline:none}.status-select option{background:#1a1a2e}.content-rating{align-items:center;gap:8px;margin-bottom:12px;display:flex}.rating-number{color:#ffd93d;font-size:.85rem;font-weight:600}.content-notes{color:#aaa;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0 0 16px;font-size:.85rem;line-height:1.5;display:-webkit-box;overflow:hidden}.content-card-footer{border-top:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding-top:12px;display:flex}.content-date{color:#666;font-size:.75rem}.quick-rating{align-items:center;gap:4px;display:flex}.quick-rating span{color:#888;margin-right:4px;font-size:.75rem}.rating-star{cursor:pointer;opacity:.5;background:0 0;border:none;padding:2px;font-size:.9rem;transition:all .2s}.rating-star:hover{opacity:1;transform:scale(1.2)}.content-empty{text-align:center;color:#666;grid-column:1/-1;padding:60px 20px}.content-empty p{color:#888;margin:0 0 8px;font-size:1.2rem}.content-empty small{font-size:.9rem}.content-modal-overlay{z-index:1100;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.content-modal{background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%);border:1px solid #ffffff1a;border-radius:20px;width:90%;max-width:500px;max-height:90vh;padding:28px;overflow-y:auto;box-shadow:0 25px 50px #00000080}.content-modal h3{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#fff 0%,#a0a0a0 100%);-webkit-background-clip:text;background-clip:text;margin:0 0 24px;font-size:1.4rem}.rating-option{color:#fff;cursor:pointer;background:#ffffff0d;border:1px solid #fff3;border-radius:8px;width:36px;height:36px;font-weight:600;transition:all .2s}.rating-option:hover{background:#ffffff1a}.rating-option.selected{color:#1a1a2e;background:linear-gradient(135deg,#ffd93d 0%,#ffb347 100%);border-color:#ffd93d}.content-grid::-webkit-scrollbar{width:8px}.content-modal::-webkit-scrollbar{width:8px}.content-grid::-webkit-scrollbar-track{background:#ffffff05;border-radius:4px}.content-modal::-webkit-scrollbar-track{background:#ffffff05;border-radius:4px}.content-grid::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.content-modal::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.content-grid::-webkit-scrollbar-thumb:hover{background:#ffffff26}.content-modal::-webkit-scrollbar-thumb:hover{background:#ffffff26}@media (max-width:768px){.content-stats{grid-template-columns:repeat(2,1fr)}.content-grid{grid-template-columns:1fr}.content-filters{flex-direction:column}.search-box{min-width:100%}.filter-select{width:100%}.form-row{grid-template-columns:1fr}}body.theme-light .content-tracker-panel,body.theme-light .content-modal{background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);border-color:#0000001a}body.theme-light .content-tracker-title h2{background:linear-gradient(135deg,#212529 0%,#495057 100%);-webkit-background-clip:text;background-clip:text}body.theme-light .content-stat-card,body.theme-light .content-card,body.theme-light .form-group input,body.theme-light .form-group select,body.theme-light .form-group textarea{color:#212529;background:#fffc;border-color:#0000001a}body.theme-light .content-title{color:#212529}body.theme-light .content-notes,body.theme-light .content-platform{color:#6c757d}body.theme-light .filter-select{color:#212529;background:#fffc;border-color:#0000001a}body.theme-light .filter-select option{background:#f8f9fa}body.theme-light .status-select{color:#212529;background:#fffc}body.theme-light .btn-secondary{color:#495057;background:#0000000d;border-color:#0000001a}body.theme-light .btn-secondary:hover{color:#212529;background:#0000001a}body.theme-light .tracker-subtitle,body.theme-light .stat-label,body.theme-light .content-date,body.theme-light .form-group label{color:#6c757d}body.theme-light .content-empty{color:#adb5bd}body.theme-light .rating-option{color:#212529;background:#0000000d;border-color:#0000001a}.conversation-history-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#000c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.conversation-history-panel{background:var(--panel-bg,#1a1a2e);border:1px solid var(--border-color,#ffffff1a);border-radius:16px;flex-direction:column;width:100%;max-width:800px;height:85vh;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #00000080}.conversation-history-header{border-bottom:1px solid var(--border-color,#ffffff1a);background:linear-gradient(135deg,#6366f11a 0%,#a855f71a 100%);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.message-count{color:var(--text-muted,#94a3b8);margin-top:4px;font-size:.75rem;display:block}.action-btn{background:var(--btn-bg,#ffffff1a);border:1px solid var(--border-color,#ffffff1a);cursor:pointer;color:var(--text-primary,#e2e8f0);border-radius:8px;padding:8px 12px;font-size:1rem;transition:all .2s}.action-btn.clear-btn:hover{background:#ef444433;border-color:#ef444466}.export-dropdown{position:relative}.export-menu{background:var(--panel-bg,#1a1a2e);border:1px solid var(--border-color,#ffffff1a);z-index:10;border-radius:8px;min-width:150px;margin-top:8px;padding:4px;position:absolute;top:100%;right:0;box-shadow:0 10px 25px #0000004d}.export-option{text-align:left;width:100%;color:var(--text-primary,#e2e8f0);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:10px 16px;font-size:.875rem;transition:all .15s;display:block}.export-option:hover{background:#6366f133}.stats-panel{border-bottom:1px solid var(--border-color,#ffffff1a);background:#6366f10d;padding:16px 20px;animation:.3s slideDown}.stats-panel h4{color:var(--text-secondary,#cbd5e1);text-transform:uppercase;letter-spacing:.05em;margin:0 0 12px;font-size:.875rem}.stat-card{text-align:center;background:#ffffff0d;border-radius:8px;padding:12px}.stat-label{color:var(--text-muted,#94a3b8);text-transform:uppercase;letter-spacing:.025em;font-size:.75rem;display:block}.most-active-day{color:var(--text-secondary,#cbd5e1);background:#eab3081a;border-radius:6px;margin-top:12px;padding:8px 12px;font-size:.875rem}.most-active-day strong{color:#eab308}.search-filter-bar{border-bottom:1px solid var(--border-color,#ffffff1a);background:#0003;flex-direction:column;gap:12px;padding:12px 20px;display:flex}.search-box{align-items:center;display:flex;position:relative}.search-icon{color:var(--text-muted,#94a3b8);font-size:.875rem;position:absolute;left:12px}.search-box input{border:1px solid var(--border-color,#ffffff1a);width:100%;color:var(--text-primary,#e2e8f0);background:#ffffff0d;border-radius:8px;padding:10px 12px 10px 36px;font-size:.875rem;transition:all .2s}.search-box input:focus{border-color:var(--primary-color,#6366f1);background:#ffffff14;outline:none}.clear-search{color:var(--text-muted,#94a3b8);cursor:pointer;background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:.75rem;transition:all .15s;display:flex;position:absolute;right:10px}.filter-tabs{flex-wrap:wrap;gap:8px;display:flex}.filter-tab{color:var(--text-secondary,#cbd5e1);cursor:pointer;white-space:nowrap;background:#ffffff0d;border:1px solid #0000;border-radius:20px;padding:6px 12px;font-size:.75rem;transition:all .2s}.filter-tab:hover{background:#ffffff1a}.filter-tab.active{border-color:var(--primary-color,#6366f1);color:var(--primary-color,#818cf8);background:#6366f133}.messages-container{background:#00000026;flex:1;padding:0;overflow-y:auto}.messages-list{padding:16px 20px}.date-divider{justify-content:center;align-items:center;margin:20px 0;display:flex;position:relative}.date-divider:before{content:"";background:linear-gradient(90deg,transparent 0%,var(--border-color,#ffffff1a)20%,var(--border-color,#ffffff1a)80%,transparent 100%);height:1px;position:absolute;left:0;right:0}.date-divider span{background:var(--panel-bg,#1a1a2e);color:var(--text-muted,#94a3b8);text-transform:uppercase;letter-spacing:.05em;z-index:1;border-radius:12px;padding:4px 16px;font-size:.75rem;position:relative}.message-item{cursor:pointer;border:1px solid #0000;border-radius:12px;gap:12px;margin-bottom:8px;padding:12px;transition:all .2s;display:flex}.message-item:hover{background:#ffffff08}.message-item.selected{background:#6366f11a;border-color:#6366f14d}.message-item.user{background:#6366f10d}.message-item.user:hover,.message-item.user.selected{background:#6366f11a}.message-avatar{background:#ffffff0d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.25rem;display:flex}.message-content{flex:1;min-width:0}.message-header{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.message-author{color:var(--text-primary,#e2e8f0);font-size:.875rem;font-weight:600}.message-item.mc .message-author{color:var(--primary-color,#818cf8)}.message-time{color:var(--text-muted,#94a3b8);font-size:.75rem}.message-text{color:var(--text-secondary,#cbd5e1);white-space:pre-wrap;word-break:break-word;font-size:.875rem;line-height:1.5}.message-text mark.search-highlight{color:inherit;background:#eab30866;border-radius:2px;padding:1px 2px}.message-actions{border-top:1px solid #ffffff0d;gap:8px;margin-top:8px;padding-top:8px;display:flex}.msg-action-btn{color:var(--text-muted,#94a3b8);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:4px;padding:4px 10px;font-size:.75rem;transition:all .15s}.msg-action-btn:hover{border-color:var(--primary-color,#6366f1);color:var(--text-primary,#e2e8f0);background:#6366f133}.command-tag{color:#22c55e;background:#22c55e1a;border-radius:4px;padding:2px 8px;font-family:monospace;font-size:.75rem}.clear-filter-btn{background:var(--primary-color,#6366f1);color:#fff;cursor:pointer;border:none;border-radius:6px;margin-top:16px;padding:8px 16px;font-size:.875rem;transition:all .2s}.clear-filter-btn:hover{background:var(--primary-hover,#4f46e5);transform:translateY(-1px)}.load-more-container{text-align:center;padding:20px}.load-more-btn{border:1px solid var(--border-color,#ffffff1a);color:var(--text-secondary,#cbd5e1);cursor:pointer;background:#ffffff0d;border-radius:8px;padding:10px 24px;font-size:.875rem;transition:all .2s}.load-more-btn:hover:not(:disabled){border-color:var(--primary-color,#6366f1);color:var(--text-primary,#e2e8f0);background:#6366f133}.load-more-btn:disabled{opacity:.5;cursor:not-allowed}.confirm-dialog-overlay{z-index:100;background:#000000b3;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:absolute;inset:0}.confirm-dialog{background:var(--panel-bg,#1a1a2e);border:1px solid var(--border-color,#ffffff1a);text-align:center;border-radius:12px;max-width:400px;padding:24px;animation:.2s scaleIn}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.confirm-icon{margin-bottom:12px;font-size:2.5rem}.confirm-dialog h4{color:var(--text-primary,#e2e8f0);margin:0 0 12px;font-size:1.125rem}.confirm-dialog p{color:var(--text-secondary,#cbd5e1);margin:0 0 20px;font-size:.875rem;line-height:1.5}.confirm-actions{justify-content:center;gap:12px;display:flex}.btn-cancel{border:1px solid var(--border-color,#ffffff1a);color:var(--text-secondary,#cbd5e1);cursor:pointer;background:#ffffff0d;border-radius:6px;padding:10px 20px;font-size:.875rem;transition:all .15s}.btn-cancel:hover{background:#ffffff1a}.btn-confirm{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:6px;padding:10px 20px;font-size:.875rem;transition:all .15s}.btn-confirm:hover{background:#dc2626}.messages-container::-webkit-scrollbar-thumb:hover{background:#fff3}.theme-light .conversation-history-panel{background:#fff;border-color:#0000001a}.theme-light .conversation-history-header{background:linear-gradient(135deg,#6366f10d 0%,#a855f70d 100%);border-color:#0000001a}.theme-light .header-title h3{color:#1e293b}.theme-light .message-count,.theme-light .message-time,.theme-light .empty-hint{color:#64748b}.theme-light .search-box input{color:#1e293b;background:#0000000d;border-color:#0000001a}.theme-light .search-box input::placeholder{color:#94a3b8}.theme-light .filter-tab{color:#475569;background:#0000000d}.theme-light .filter-tab.active{background:#6366f11a}.theme-light .message-item.user{background:#6366f108}.theme-light .message-author{color:#1e293b}.theme-light .message-text{color:#334155}.theme-light .message-item.mc .message-author{color:#4f46e5}.theme-light .date-divider span{color:#64748b;background:#fff}.theme-light .date-divider:before{background:linear-gradient(90deg,#0000 0%,#0000001a 20% 80%,#0000 100%)}.theme-light .stats-panel{background:#6366f108}.theme-light .stat-card{background:#00000008}.theme-light .stat-label{color:#64748b}.theme-light .export-menu{background:#fff;border-color:#0000001a}.theme-light .export-option:hover{background:#6366f11a}.theme-light .confirm-dialog{background:#fff;border-color:#0000001a}.theme-light .confirm-dialog h4{color:#1e293b}.theme-light .confirm-dialog p{color:#475569}@media (max-width:640px){.conversation-history-overlay{padding:0}.conversation-history-panel{border-radius:0;max-width:100%;height:100vh}.stats-grid{grid-template-columns:repeat(2,1fr)}.filter-tabs{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;padding-bottom:4px;overflow-x:auto}.filter-tab{flex-shrink:0}}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message-item{animation:.2s forwards messageSlideIn}.daily-briefing-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#0009;justify-content:center;align-items:center;padding:20px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.daily-briefing-panel{background:linear-gradient(145deg,#0f172a 0%,#1e1b4b 100%);border:1px solid #67e8f933;border-radius:20px;width:100%;max-width:500px;max-height:85vh;animation:.3s cubic-bezier(.4,0,.2,1) slideUp;overflow:hidden;box-shadow:0 25px 50px #00000080,0 0 0 1px #ffffff0d,0 0 60px #6366f133}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.daily-briefing-header{background:linear-gradient(135deg,#6366f11a 0%,#ec48990d 100%);border-bottom:1px solid #67e8f91a;justify-content:space-between;align-items:center;padding:24px 24px 16px;display:flex}.daily-briefing-title{align-items:center;gap:14px;display:flex}.briefing-icon{filter:drop-shadow(0 4px 8px #6366f14d);font-size:32px}.daily-briefing-title h2{color:#f8fafc;-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#67e8f9 0%,#a78bfa 100%);-webkit-background-clip:text;background-clip:text;margin:0;font-size:1.5rem;font-weight:700}.date-subtitle{color:#94a3b8;margin:4px 0 0;font-size:.875rem}.daily-briefing-close{color:#94a3b8;cursor:pointer;background:#0f172a80;border:1px solid #67e8f933;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-size:24px;transition:all .2s;display:flex}.daily-briefing-close:hover{color:#ef4444;background:#ef444433;border-color:#ef44444d}.daily-briefing-loading{flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:60px 40px;display:flex}.loading-spinner{border:3px solid #6366f133;border-top-color:#6366f1;border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.daily-briefing-loading p{color:#94a3b8;font-size:.875rem}.briefing-stats{background:#0f172a80;grid-template-columns:repeat(4,1fr);gap:12px;padding:20px 24px;display:grid}.briefing-stat{background:#1e293b80;border:1px solid #67e8f91a;border-radius:12px;flex-direction:column;align-items:center;gap:6px;padding:12px 8px;transition:all .2s;display:flex}.briefing-stat:hover{border-color:#67e8f94d;transform:translateY(-2px)}.briefing-stat .stat-value{color:#67e8f9;font-size:1.25rem;font-weight:700}.briefing-stat .stat-label{color:#64748b;text-transform:uppercase;letter-spacing:.5px;font-size:.625rem}.briefing-context{background:#0f172a4d;border-bottom:1px solid #67e8f91a;gap:16px;padding:16px 24px;display:flex}.weather-widget{background:#3b82f61a;border:1px solid #3b82f633;border-radius:12px;align-items:center;gap:10px;min-width:120px;padding:12px 16px;display:flex}.weather-icon{font-size:24px}.weather-info{flex-direction:column;display:flex}.weather-temp{color:#f8fafc;font-size:1.125rem;font-weight:600}.weather-desc{color:#94a3b8;font-size:.75rem}.daily-quote-mini{background:#8b5cf61a;border:1px solid #8b5cf633;border-radius:12px;flex-direction:column;flex:1;justify-content:center;padding:12px 16px;display:flex;position:relative}.quote-mark{color:#8b5cf64d;font-family:Georgia,serif;font-size:2rem;line-height:1;position:absolute;top:4px;left:8px}.quote-text{color:#cbd5e1;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;padding-left:12px;font-size:.8rem;font-style:italic;line-height:1.4;display:-webkit-box;overflow:hidden}.quote-author{color:#64748b;margin-top:6px;padding-left:12px;font-size:.7rem}.briefing-tabs{scrollbar-width:none;border-bottom:1px solid #67e8f91a;gap:8px;padding:16px 24px 8px;display:flex;overflow-x:auto}.briefing-tabs::-webkit-scrollbar{display:none}.briefing-tabs button{color:#94a3b8;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:8px;padding:8px 14px;font-size:.8125rem;font-weight:500;transition:all .2s}.briefing-tabs button:hover{color:#cbd5e1;background:#6366f11a}.briefing-tabs button.active{color:#67e8f9;background:#6366f133;border-color:#6366f166}.briefing-section{max-height:300px;padding:16px 24px;overflow-y:auto}.briefing-section::-webkit-scrollbar{width:6px}.briefing-section::-webkit-scrollbar-track{background:#0f172a4d;border-radius:3px}.briefing-section::-webkit-scrollbar-thumb{background:#6366f14d;border-radius:3px}.briefing-section::-webkit-scrollbar-thumb:hover{background:#6366f180}.section-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:40px 20px;display:flex}.section-empty p{color:#cbd5e1;margin:0 0 6px;font-size:.9375rem}.section-empty small{color:#64748b;font-size:.75rem}.tasks-list{flex-direction:column;gap:8px;display:flex}.briefing-task{background:#1e293b66;border:1px solid #67e8f91a;border-radius:10px;align-items:center;gap:12px;padding:12px;transition:all .2s;display:flex}.briefing-task:hover{background:#1e293b99;border-color:#67e8f933}.task-checkbox{color:#67e8f9;cursor:pointer;background:0 0;border:2px solid #67e8f94d;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:12px;transition:all .2s;display:flex}.task-checkbox:hover{background:#67e8f91a;border-color:#67e8f999}.task-checkbox.checked{color:#fff;background:#22c55e;border-color:#22c55e}.task-content{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.task-title{color:#e2e8f0;white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;overflow:hidden}.task-title.completed{color:#64748b;text-decoration:line-through}.task-priority{text-transform:uppercase;border-radius:4px;flex-shrink:0;padding:2px 6px;font-size:.625rem;font-weight:600}.habits-list{flex-direction:column;gap:8px;display:flex}.briefing-habit{background:#1e293b66;border:1px solid #67e8f91a;border-radius:10px;align-items:center;gap:12px;padding:12px;transition:all .2s;display:flex}.briefing-habit:hover{background:#1e293b99;border-color:#67e8f933}.briefing-habit.completed{background:#22c55e1a;border-color:#22c55e33}.habit-checkbox{color:#67e8f9;cursor:pointer;background:0 0;border:2px solid #67e8f94d;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:12px;transition:all .2s;display:flex}.habit-checkbox:hover{background:#67e8f91a;border-color:#67e8f999}.habit-checkbox.checked{color:#fff;background:#22c55e;border-color:#22c55e}.habit-content{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.habit-icon{font-size:18px}.habit-name{color:#e2e8f0;white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:.875rem;overflow:hidden}.habit-streak{color:#f97316;background:#f973161a;border-radius:10px;padding:2px 6px;font-size:.75rem;font-weight:600}.events-list{flex-direction:column;gap:4px;display:flex}.briefing-event{background:#1e293b66;border:1px solid #67e8f91a;border-radius:10px;gap:16px;padding:12px;transition:all .2s;display:flex}.briefing-event:hover{background:#1e293b99;border-color:#67e8f933}.event-time-marker{flex-direction:column;align-items:center;gap:4px;display:flex}.event-time{color:#a78bfa;white-space:nowrap;font-size:.75rem;font-weight:600}.time-line{background:linear-gradient(#a78bfa 0%,#a78bfa33 100%);border-radius:1px;flex:1;width:2px;min-height:20px}.event-content{flex-direction:column;flex:1;gap:4px;display:flex}.event-title{color:#e2e8f0;font-size:.875rem;font-weight:500}.event-duration{color:#64748b;font-size:.75rem}.briefing-footer{text-align:center;background:linear-gradient(135deg,#6366f10d 0%,#ec48990d 100%);border-top:1px solid #67e8f91a;padding:16px 24px}.footer-message{color:#94a3b8;margin:0;font-size:.875rem}@media (max-width:640px){.daily-briefing-panel{border-radius:16px;max-height:90vh}.briefing-stats{grid-template-columns:repeat(2,1fr);gap:8px;padding:16px}.briefing-context{flex-direction:column;gap:12px;padding:16px}.weather-widget{justify-content:center}.briefing-tabs{padding:12px 16px 8px}.briefing-section{padding:12px 16px}.daily-briefing-header,.briefing-footer{padding:16px}}.quote-panel-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000d9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.quote-panel{background:#1e293b;border-radius:20px;flex-direction:column;width:90%;max-width:640px;max-height:85vh;animation:.3s ease-out panelSlideIn;display:flex;overflow:hidden;box-shadow:0 25px 80px #000000b3}@keyframes panelSlideIn{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.quote-panel-header{background:#0003;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.quote-panel-header h2{color:#fff;align-items:center;gap:10px;margin:0;font-size:20px;font-weight:600;display:flex}.quote-panel-actions{align-items:center;gap:8px;display:flex}.quote-panel-actions button{color:#94a3b8;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;justify-content:center;align-items:center;padding:8px 12px;font-size:18px;transition:all .2s;display:flex}.quote-panel-actions button:hover{color:#fff;background:#ffffff1a}.quote-panel-actions button.active{color:#fff;background:#6366f1;border-color:#6366f1}.quote-panel-actions button:last-child{width:38px;height:38px;padding:0;font-size:24px}.quote-panel-actions button:last-child:hover{color:#ef4444;background:#ef444433;border-color:#ef44444d}.quote-toast{color:#fff;z-index:10;background:#22c55e;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:500;animation:.3s ease-out toastSlide;position:absolute;top:80px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #22c55e4d}@keyframes toastSlide{0%{opacity:0;transform:translate(-50%)translateY(-10px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.quote-content{max-height:calc(85vh - 80px);padding:24px;overflow-y:auto}.daily-view{text-align:center;flex-direction:column;align-items:center;display:flex}.daily-badge{color:#fff;text-transform:uppercase;letter-spacing:1px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:20px;margin-bottom:24px;padding:8px 20px;font-size:12px;font-weight:600;box-shadow:0 4px 15px #6366f14d}.quote-card{background:#ffffff08;border:1px solid #ffffff14;border-radius:16px;padding:32px;transition:all .3s;position:relative}.quote-card.main{width:100%;max-width:520px}.quote-card.small{text-align:left;padding:20px}.quote-card:hover{background:#ffffff0d;border-color:#ffffff26}.quote-category-badge{color:#818cf8;background:#6366f126;border-radius:20px;align-items:center;gap:6px;margin-bottom:20px;padding:6px 14px;font-size:12px;font-weight:500;display:inline-flex}.quote-text{color:#f1f5f9;margin:0;font-size:22px;font-style:italic;line-height:1.6;position:relative}.quote-text.large{font-size:26px;line-height:1.5}.quote-text:before{content:"\"";color:#6366f14d;font-family:Georgia,serif;font-size:60px;line-height:1;position:absolute;top:-20px;left:-10px}.quote-author{color:#94a3b8;margin-top:20px;font-size:15px;font-style:normal;display:block}.quote-actions{justify-content:center;gap:12px;margin-top:28px;display:flex}.action-btn{color:#94a3b8;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;min-width:56px;padding:12px 20px;font-size:20px;transition:all .2s}.action-btn:hover{color:#fff;background:#ffffff1a;transform:translateY(-2px)}.action-btn.active{color:#fbbf24;background:#f59e0b33;border-color:#f59e0b66}.quote-navigation{align-items:center;gap:20px;margin-top:28px;display:flex}.quote-navigation button{color:#94a3b8;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;padding:10px 20px;font-size:20px;transition:all .2s}.quote-navigation button:hover{color:#fff;background:#ffffff1a}.quote-counter{color:#64748b;font-variant-numeric:tabular-nums;min-width:80px;font-size:14px}.quote-hint{color:#64748b;margin-top:20px;font-size:12px}.browse-view{padding:20px}.category-filters{border-bottom:1px solid #ffffff0f;flex-wrap:wrap;gap:8px;margin-bottom:20px;padding-bottom:16px;display:flex}.category-filters button{color:#94a3b8;cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;border-radius:20px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;transition:all .2s;display:flex}.category-filters button:hover{color:#fff;background:#ffffff14}.category-filters button.active{color:#fff;background:#6366f1;border-color:#6366f1}.quotes-grid{gap:16px;display:grid}.quote-card-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.category-tag{font-size:16px}.favorite-btn{cursor:pointer;color:#64748b;background:0 0;border:none;padding:4px;font-size:18px;transition:all .2s}.favorite-btn:hover{color:#fbbf24;transform:scale(1.1)}.favorite-btn.active{color:#fbbf24}.quote-card.small .quote-text{font-size:16px;line-height:1.5}.quote-card.small .quote-text:before{font-size:40px;top:-12px;left:-8px}.quote-card.small .quote-author{margin-top:12px;font-size:13px}.copy-btn{color:#94a3b8;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;margin-top:12px;padding:8px 14px;font-size:12px;transition:all .2s}.copy-btn:hover{color:#fff;background:#ffffff1a}.browse-stats{text-align:center;color:#64748b;border-top:1px solid #ffffff0f;margin-top:20px;padding-top:16px;font-size:13px}.favorites-view{padding:20px}.empty-favorites{text-align:center;color:#64748b;padding:60px 20px}.empty-favorites p{color:#94a3b8;margin:0 0 8px;font-size:18px}.empty-favorites span{font-size:14px}.favorites-header{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:16px;display:flex}.favorites-header span{color:#94a3b8;font-size:14px}.clear-favorites{color:#ef4444;cursor:pointer;background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;padding:8px 16px;font-size:12px;transition:all .2s}.clear-favorites:hover{background:#ef444433}.quote-meta{border-top:1px solid #ffffff0f;justify-content:space-between;align-items:center;margin-top:12px;padding-top:12px;display:flex}.quote-content::-webkit-scrollbar{width:6px}.quote-content::-webkit-scrollbar-track{background:#0003;border-radius:3px}.quote-content::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.quote-content::-webkit-scrollbar-thumb:hover{background:#fff3}@media (max-width:640px){.quote-panel{border-radius:16px;width:95%;max-height:90vh}.quote-text.large{font-size:20px}.category-filters{gap:6px}.category-filters button{padding:6px 12px;font-size:12px}.quote-card{padding:20px}.quote-card.small{padding:16px}}.daily-wins-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#000c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.daily-wins-panel{background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%);border:1px solid #6366f14d;border-radius:16px;flex-direction:column;width:100%;max-width:800px;max-height:90vh;display:flex;box-shadow:0 25px 50px -12px #00000080}.daily-wins-header{border-bottom:1px solid #6366f133;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.daily-wins-title{align-items:center;gap:12px;display:flex}.daily-wins-icon{font-size:32px}.daily-wins-title h2{color:#f8fafc;margin:0;font-size:1.5rem;font-weight:600}.daily-wins-subtitle{color:#94a3b8;margin:4px 0 0;font-size:.875rem}.daily-wins-close{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:4px 8px;font-size:28px;line-height:1;transition:all .2s}.daily-wins-close:hover{color:#ef4444;background:#ef444433}.daily-wins-stats-bar{background:#6366f11a;border-bottom:1px solid #6366f133;justify-content:space-around;padding:16px 24px;display:flex}.stat-item .stat-value{color:#f8fafc;font-size:1.75rem;font-weight:700}.stat-item .stat-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;font-size:.75rem}.stat-item.highlight .stat-value{color:#f59e0b}.daily-wins-tabs{border-bottom:1px solid #6366f133;gap:4px;padding:0 20px;display:flex}.daily-wins-tabs button{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:12px 20px;font-size:.875rem;font-weight:500;transition:all .2s}.daily-wins-tabs button:hover{color:#f8fafc;background:#6366f11a}.daily-wins-tabs button.active{color:#6366f1;background:#6366f11a;border-bottom-color:#6366f1}.daily-wins-toolbar{border-bottom:1px solid #6366f11a;justify-content:space-between;align-items:center;gap:16px;padding:16px 24px;display:flex}.toolbar-filters{flex:1;gap:12px;display:flex}.toolbar-filters select{color:#f8fafc;cursor:pointer;background:#1e293bcc;border:1px solid #6366f14d;border-radius:8px;padding:8px 12px;font-size:.875rem}.toolbar-filters select:focus{border-color:#6366f1;outline:none}.add-win-btn{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);border:none;border-radius:8px;padding:10px 20px;font-weight:600;transition:all .2s}.add-win-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #6366f166}.daily-wins-content{flex:1;padding:20px 24px;overflow-y:auto}.wins-empty{text-align:center;color:#94a3b8;padding:60px 20px}.wins-empty .empty-icon{opacity:.5;margin-bottom:16px;font-size:64px}.wins-empty h3{color:#f8fafc;margin:0 0 8px;font-size:1.25rem}.wins-empty p{margin:0 0 24px;font-size:.875rem}.wins-empty button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);border:none;border-radius:8px;padding:12px 24px;font-weight:600;transition:all .2s}.wins-empty button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #6366f166}.win-card{border:1px solid #6366f133;border-left:4px solid var(--win-color,#6366f1);background:#1e293b99;border-radius:12px;padding:16px;transition:all .2s;position:relative}.win-card:hover{background:#1e293bcc;border-color:#6366f166;transform:translate(4px)}.win-card-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.win-category-badge{border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;display:flex}.win-impact-badge{font-size:20px}.win-title{color:#f8fafc;margin:0 0 8px;font-size:1rem;font-weight:600;line-height:1.4}.win-description{color:#94a3b8;margin:0 0 12px;font-size:.875rem;line-height:1.5}.win-card-footer{color:#64748b;align-items:center;gap:12px;font-size:.75rem;display:flex}.win-date{background:#6366f11a;border-radius:4px;padding:2px 8px}.win-category-label{text-transform:capitalize}.win-delete-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:4px;margin-left:auto;padding:0 4px;font-size:18px;transition:all .2s}.win-delete-btn:hover{color:#ef4444;background:#ef44441a}.wins-calendar{padding:20px 0}.calendar-grid{grid-template-columns:repeat(7,1fr);gap:8px;margin-bottom:20px;display:grid}.calendar-day{aspect-ratio:1;background:#1e293b99;border:1px solid #6366f11a;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.calendar-day:hover{background:#1e293bcc;border-color:#6366f14d}.calendar-day.today{background:#6366f126;border-color:#6366f1}.calendar-day.has-wins{background:#22c55e1a;border-color:#22c55e4d}.calendar-day .day-name{color:#64748b;text-transform:uppercase;font-size:.625rem}.calendar-day .day-num{color:#f8fafc;margin:2px 0;font-size:.875rem;font-weight:600}.calendar-day .day-wins-indicator{font-size:14px;position:relative}.calendar-day .win-count{color:#fff;background:#6366f1;border-radius:50%;justify-content:center;align-items:center;width:14px;height:14px;font-size:.625rem;display:flex;position:absolute;top:-4px;right:-6px}.calendar-legend{color:#94a3b8;background:#1e293b66;border-radius:8px;justify-content:center;gap:24px;padding:16px;font-size:.75rem;display:flex}.calendar-legend span{align-items:center;gap:6px;display:flex}.wins-stats-view{padding:20px 0}.stats-card{text-align:center;background:#1e293b99;border:1px solid #6366f133;border-radius:12px;padding:20px}.stats-card h5{color:#94a3b8;margin:0 0 12px;font-size:.875rem;font-weight:500}.stats-big-number{color:#6366f1;margin-bottom:4px;font-size:2.5rem;font-weight:700}.stats-big-text{margin-bottom:4px;font-size:2.5rem}.stats-card p{color:#64748b;margin:0;font-size:.75rem}.motivation-quote{text-align:center;background:#6366f11a;border-left:4px solid #6366f1;border-radius:12px;padding:24px}.motivation-quote blockquote{color:#f8fafc;margin:0 0 8px;font-size:1rem;font-style:italic;line-height:1.6}.motivation-quote cite{color:#94a3b8;font-size:.875rem;font-style:normal}.win-form-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background:#000000b3;justify-content:center;align-items:center;padding:20px;display:flex;position:absolute;inset:0}.win-form{background:linear-gradient(135deg,#1e293b 0%,#0f172a 100%);border:1px solid #6366f14d;border-radius:16px;width:100%;max-width:480px;max-height:90vh;padding:24px;overflow-y:auto;box-shadow:0 25px 50px -12px #00000080}.win-form h3{color:#f8fafc;margin:0 0 20px;font-size:1.25rem}.form-row.two-col>*{flex:1}.quick-wins{margin-bottom:16px}.quick-wins label{color:#94a3b8;margin-bottom:8px;font-size:.875rem;display:block}.quick-win-chips{flex-wrap:wrap;gap:8px;display:flex}.quick-win-chip{color:#c7d2fe;cursor:pointer;background:#6366f126;border:1px solid #6366f14d;border-radius:20px;padding:6px 12px;font-size:.75rem;transition:all .2s}.quick-win-chip:hover{color:#f8fafc;background:#6366f14d}.impact-selector{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.impact-btn{color:#94a3b8;cursor:pointer;background:#1e293b99;border:1px solid #6366f133;border-radius:8px;flex-direction:column;align-items:center;gap:4px;padding:12px 8px;transition:all .2s;display:flex}.impact-btn:hover{background:#6366f11a;border-color:#6366f166}.impact-btn.selected{color:#f8fafc;background:#6366f133;border-color:#6366f1}.impact-btn .impact-emoji{font-size:20px}.impact-btn .impact-label{font-size:.75rem;font-weight:600}.impact-btn .impact-desc{opacity:.8;font-size:.625rem}@media (max-width:640px){.daily-wins-overlay{padding:0}.daily-wins-panel{border-radius:0;max-height:100vh}.daily-wins-toolbar{flex-direction:column;gap:12px}.toolbar-filters{width:100%}.toolbar-filters select{flex:1}.calendar-grid{gap:4px}.calendar-day .day-name{font-size:.5rem}.calendar-day .day-num{font-size:.75rem}.stats-grid,.impact-selector{grid-template-columns:1fr}.calendar-legend{flex-wrap:wrap;gap:12px}}.daily-wins-content::-webkit-scrollbar{width:8px}.win-form::-webkit-scrollbar{width:8px}.daily-wins-content::-webkit-scrollbar-track{background:#1e293b66;border-radius:4px}.win-form::-webkit-scrollbar-track{background:#1e293b66;border-radius:4px}.daily-wins-content::-webkit-scrollbar-thumb{background:#6366f166;border-radius:4px}.win-form::-webkit-scrollbar-thumb{background:#6366f166;border-radius:4px}.daily-wins-content::-webkit-scrollbar-thumb:hover{background:#6366f199}.win-form::-webkit-scrollbar-thumb:hover{background:#6366f199}.decision-journal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#000c;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.decision-journal{background:var(--panel-bg,#1a1a2e);border:1px solid var(--border-color,#2d2d44);border-radius:16px;flex-direction:column;width:100%;max-width:800px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #00000080}.decision-journal-header{border-bottom:1px solid var(--border-color,#2d2d44);background:linear-gradient(135deg,#60a5fa1a 0%,#0000 100%);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.decision-journal-title h3{color:var(--text-primary,#e6e6ff);align-items:center;gap:.5rem;margin:0;font-size:1.25rem;display:flex}.decision-journal-title .subtitle{color:var(--text-secondary,#8b8b9a);margin-top:.25rem;font-size:.75rem;font-weight:400;display:block}.decision-journal-actions{align-items:center;gap:.75rem;display:flex}.decision-journal-stats{background:var(--panel-bg-secondary,#16162a);border-bottom:1px solid var(--border-color,#2d2d44);grid-template-columns:repeat(4,1fr);gap:1rem;padding:1rem 1.5rem;display:grid}.stat-value{color:var(--accent-color,#60a5fa);font-size:1.5rem;font-weight:700;display:block}.review-alert{color:#fbbf24;background:linear-gradient(135deg,#fbbf241a 0%,#fb923c1a 100%);border-bottom:1px solid #fbbf2433;align-items:center;gap:.75rem;padding:.75rem 1.5rem;font-size:.875rem;display:flex}.alert-action{color:#fbbf24;cursor:pointer;background:#fbbf2433;border:1px solid #fbbf244d;border-radius:6px;margin-left:auto;padding:.35rem .75rem;font-size:.75rem;transition:all .2s}.alert-action:hover{background:#fbbf244d}.decision-list-view{flex-direction:column;flex:1;display:flex;overflow:hidden}.decision-filters{border-bottom:1px solid var(--border-color,#2d2d44);gap:.75rem;padding:1rem 1.5rem;display:flex}.search-input{border:1px solid var(--border-color,#2d2d44);color:var(--text-primary,#e6e6ff);background:#0000004d;border-radius:8px;flex:1;padding:.6rem 1rem;font-size:.875rem;transition:all .2s}.filter-select{border:1px solid var(--border-color,#2d2d44);color:var(--text-primary,#e6e6ff);cursor:pointer;background:#0000004d;border-radius:8px;min-width:140px;padding:.6rem .875rem;font-size:.875rem}.decisions-list{flex:1;padding:1rem 1.5rem;overflow-y:auto}.decision-card{cursor:pointer;background:#ffffff08;border:1px solid #ffffff0f;border-radius:12px;margin-bottom:.875rem;padding:1rem 1.25rem;transition:all .2s}.decision-card:hover{background:#ffffff0d;border-color:#60a5fa4d;transform:translateY(-2px)}.decision-card.overdue{background:linear-gradient(135deg,#fbbf240d 0%,#ffffff05 100%);border-color:#fbbf244d}.decision-card-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.decision-meta{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.category-badge{border-radius:20px;align-items:center;gap:.35rem;padding:.25rem .6rem;font-size:.75rem;font-weight:500;display:inline-flex}.category-badge.large{padding:.4rem .75rem;font-size:.875rem}.importance-badge.large{font-size:1rem}.outcome-badge{border-radius:20px;align-items:center;gap:.35rem;padding:.25rem .6rem;font-size:.75rem;font-weight:500;display:inline-flex}.outcome-badge.large{padding:.4rem .75rem;font-size:.875rem}.decision-date{color:var(--text-secondary,#8b8b9a);font-size:.75rem}.decision-title{color:var(--text-primary,#e6e6ff);margin:0 0 .5rem;font-size:1rem;font-weight:600}.decision-preview{color:var(--text-secondary,#8b8b9a);margin:0 0 .75rem;font-size:.875rem;line-height:1.5}.decision-preview strong{color:var(--text-primary,#e6e6ff)}.decision-tags{flex-wrap:wrap;gap:.35rem;display:flex}.decision-tag{color:var(--accent-color,#60a5fa);background:#60a5fa1a;border-radius:4px;padding:.15rem .5rem;font-size:.75rem}.overdue-badge{color:#fbbf24;background:#fbbf241a;border-radius:4px;align-items:center;gap:.35rem;margin-top:.5rem;padding:.25rem .6rem;font-size:.75rem;display:inline-flex}.decision-create-view{flex:1;padding:1.5rem;overflow-y:auto}.template-selector{margin-bottom:1.25rem}.template-selector label{color:var(--text-secondary,#8b8b9a);margin-bottom:.5rem;font-size:.875rem;display:block}.template-options{flex-wrap:wrap;gap:.5rem;display:flex}.template-btn{color:var(--text-secondary,#8b8b9a);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;padding:.5rem 1rem;font-size:.8rem;transition:all .2s}.template-btn:hover{color:var(--text-primary,#e6e6ff);background:#ffffff14}.template-btn.active{border-color:var(--accent-color,#60a5fa);color:var(--accent-color,#60a5fa);background:#60a5fa26}.form-group{flex-direction:column;flex:1;display:flex}.form-group.flex-2{flex:2}.form-group label{color:var(--text-secondary,#8b8b9a);text-transform:uppercase;letter-spacing:.03em;margin-bottom:.4rem;font-size:.8rem}.form-input,.form-select,.form-textarea{border:1px solid var(--border-color,#2d2d44);color:var(--text-primary,#e6e6ff);background:#0000004d;border-radius:8px;padding:.7rem .875rem;font-size:.9rem;transition:all .2s}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--accent-color,#60a5fa);outline:none}.form-textarea{resize:vertical;font-family:inherit;line-height:1.5}.form-textarea.highlight{background:#4ade8008;border-color:#4ade804d}.form-textarea.highlight:focus{border-color:#4ade8080}.tags-input-container{flex-direction:column;gap:.5rem;display:flex}.tags-list{flex-wrap:wrap;gap:.35rem;display:flex}.tag{color:var(--accent-color,#60a5fa);background:#60a5fa26;border-radius:4px;align-items:center;gap:.25rem;padding:.25rem .6rem;font-size:.8rem;display:inline-flex}.tag button{color:inherit;cursor:pointer;opacity:.7;background:0 0;border:none;margin-left:.25rem;padding:0;font-size:1rem;line-height:1;transition:opacity .2s}.tag-input{border:1px solid var(--border-color,#2d2d44);color:var(--text-primary,#e6e6ff);background:#0000004d;border-radius:8px;padding:.6rem .875rem;font-size:.875rem}.primary-btn{background:var(--accent-color,#60a5fa);color:#000;cursor:pointer;border:none;border-radius:8px;padding:.6rem 1.25rem;font-size:.875rem;font-weight:600;transition:all .2s}.primary-btn:hover:not(:disabled){background:#7db8ff;transform:translateY(-1px)}.primary-btn:disabled{opacity:.5;cursor:not-allowed}.secondary-btn{color:var(--text-primary,#e6e6ff);cursor:pointer;background:#ffffff1a;border:1px solid #ffffff26;border-radius:8px;padding:.6rem 1.25rem;font-size:.875rem;transition:all .2s}.secondary-btn:hover{background:#ffffff26}.icon-btn{cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.icon-btn:hover{background:#ffffff1a}.icon-btn.danger:hover{background:#f8717126;border-color:#f871714d}.decision-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1100;background:#000000d9;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.decision-modal{background:var(--panel-bg,#1a1a2e);border:1px solid var(--border-color,#2d2d44);border-radius:16px;width:100%;max-width:700px;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px -12px #00000080}.decision-modal-header{border-bottom:1px solid var(--border-color,#2d2d44);background:linear-gradient(135deg,#60a5fa1a 0%,#0000 100%);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.decision-modal-meta,.decision-modal-actions{gap:.5rem;display:flex}.decision-modal-title{color:var(--text-primary,#e6e6ff);margin:1.25rem 1.5rem .5rem;font-size:1.25rem}.decision-modal-dates{color:var(--text-secondary,#8b8b9a);border-bottom:1px solid var(--border-color,#2d2d44);gap:1rem;padding:0 1.5rem 1rem;font-size:.8rem;display:flex}.decision-modal-section{border-bottom:1px solid var(--border-color,#2d2d44);padding:1rem 1.5rem}.decision-modal-section.highlight{background:#4ade8008}.decision-modal-section h4{color:var(--text-secondary,#8b8b9a);text-transform:uppercase;letter-spacing:.03em;margin:0 0 .5rem;font-size:.8rem}.decision-modal-section p{color:var(--text-primary,#e6e6ff);white-space:pre-wrap;margin:0;font-size:.9rem;line-height:1.6}.decision-modal-tags{flex-wrap:wrap;gap:.4rem;padding:1rem 1.5rem;display:flex}.modal-tag{color:var(--accent-color,#60a5fa);background:#60a5fa1a;border-radius:4px;padding:.25rem .6rem;font-size:.8rem}.outcome-section{background:#0003;padding:1.25rem 1.5rem}.outcome-section h4{color:var(--text-primary,#e6e6ff);margin:0 0 1rem;font-size:.9rem}.current-outcome{background:#ffffff08;border-radius:8px;flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:1rem;padding:.75rem;display:flex}.outcome-date{color:var(--text-secondary,#8b8b9a);font-size:.75rem}.outcome-notes{width:100%;color:var(--text-secondary,#8b8b9a);margin:.5rem 0 0;font-size:.875rem;line-height:1.5}.outcome-form{flex-direction:column;gap:.75rem;display:flex}.outcome-form label{color:var(--text-secondary,#8b8b9a);font-size:.8rem}.outcome-options{grid-template-columns:repeat(3,1fr);gap:.5rem;display:grid}.outcome-option-btn{color:var(--text-secondary,#8b8b9a);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;flex-direction:column;align-items:center;gap:.35rem;padding:.75rem .5rem;transition:all .2s;display:flex}.outcome-option-btn:hover{background:#ffffff14}.outcome-option-btn.active{font-weight:600}.outcome-emoji{font-size:1.25rem}.outcome-label{text-align:center;font-size:.7rem}.outcome-notes-input{border:1px solid var(--border-color,#2d2d44);color:var(--text-primary,#e6e6ff);resize:vertical;background:#0000004d;border-radius:8px;padding:.75rem;font-family:inherit;font-size:.875rem}.outcome-notes-input:focus{border-color:var(--accent-color,#60a5fa);outline:none}.decisions-list::-webkit-scrollbar{width:8px}.decision-create-view::-webkit-scrollbar{width:8px}.decision-modal::-webkit-scrollbar{width:8px}.decisions-list::-webkit-scrollbar-track{background:#0003;border-radius:4px}.decision-create-view::-webkit-scrollbar-track{background:#0003;border-radius:4px}.decision-modal::-webkit-scrollbar-track{background:#0003;border-radius:4px}.decisions-list::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.decision-create-view::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.decision-modal::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.decisions-list::-webkit-scrollbar-thumb:hover{background:#fff3}.decision-create-view::-webkit-scrollbar-thumb:hover{background:#fff3}.decision-modal::-webkit-scrollbar-thumb:hover{background:#fff3}@media (max-width:640px){.decision-journal{border-radius:0;max-height:100vh}.decision-journal-stats{grid-template-columns:repeat(2,1fr)}.decision-filters{flex-direction:column}.filter-select{width:100%}.form-row{flex-direction:column;gap:1rem}.outcome-options{grid-template-columns:repeat(2,1fr)}.decision-modal-overlay{padding:0}.decision-modal{border-radius:0;max-height:100vh}}.deepwork-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#000c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.deepwork-panel{background:linear-gradient(145deg,#1a1a2e 0%,#16213e 100%);border:1px solid #6366f14d;border-radius:16px;flex-direction:column;width:100%;max-width:900px;max-height:85vh;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #00000080}.deepwork-header{background:#0003;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.deepwork-title{align-items:center;gap:12px;display:flex}.deepwork-icon{font-size:28px}.deepwork-title h2{color:#fff;margin:0;font-size:1.4rem;font-weight:600}.deepwork-subtitle{color:#ffffff80;margin:4px 0 0;font-size:.85rem}.deepwork-header-actions{align-items:center;gap:8px;display:flex}.deepwork-header-actions button{color:#ffffffb3;cursor:pointer;background:#ffffff1a;border:1px solid #0000;border-radius:8px;padding:8px 16px;font-size:.9rem;transition:all .2s}.deepwork-header-actions button:hover{color:#fff;background:#ffffff26}.deepwork-header-actions button.active{color:#fff;background:#6366f14d;border-color:#6366f180}.deepwork-header-actions .close-btn{padding:8px 12px;font-size:1.2rem;line-height:1}.deepwork-content{flex:1;padding:24px;overflow-y:auto}.log-welcome{flex-direction:column;gap:24px;display:flex}.quick-stats{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.stat-number{color:#6366f1;margin-bottom:4px;font-size:2rem;font-weight:700;display:block}.quick-start{text-align:center;background:#6366f11a;border:1px solid #6366f133;border-radius:12px;padding:24px}.quick-start h3{color:#fff;margin:0 0 8px;font-size:1.1rem}.quick-start p{color:#fff9;margin:0 0 16px}.duration-presets{flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:16px;display:flex}.preset-btn{color:#fff;cursor:pointer;background:#6366f133;border:1px solid #6366f14d;border-radius:8px;padding:12px 24px;font-size:.95rem;transition:all .2s}.preset-btn:hover{background:#6366f166;transform:translateY(-2px)}.custom-session-btn{color:#ffffffb3;cursor:pointer;background:0 0;border:1px dashed #ffffff4d;border-radius:8px;padding:12px 24px;font-size:.95rem;transition:all .2s}.custom-session-btn:hover{color:#fff;background:#6366f11a;border-color:#6366f180}.recent-sessions{background:#0003;border-radius:12px;padding:20px}.recent-sessions h3{color:#fffc;margin:0 0 16px;font-size:1rem}.mini-session-list{flex-direction:column;gap:10px;display:flex}.mini-session{background:#ffffff0d;border-radius:8px;justify-content:space-between;align-items:center;padding:12px 16px;transition:background .2s;display:flex}.mini-session:hover{background:#ffffff14}.mini-session-main{flex:1;align-items:center;gap:12px;display:flex}.mini-duration{color:#fff;text-align:center;background:#6366f14d;border-radius:20px;min-width:45px;padding:4px 10px;font-size:.8rem;font-weight:600}.mini-desc{color:#fffc;font-size:.9rem}.mini-session-meta{align-items:center;gap:8px;display:flex}.mini-tag{border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:.7rem;display:flex}.mini-rating{font-size:1rem}.session-form{flex-direction:column;gap:20px;display:flex}.form-group input,.form-group textarea,.form-group select{color:#fff;background:#0000004d;border:1px solid #ffffff26;border-radius:8px;padding:12px 16px;font-size:.95rem;transition:all .2s}.duration-input{flex-direction:column;gap:10px;display:flex}.duration-input input{width:100%}.duration-quick{gap:8px;display:flex}.duration-quick button{color:#ffffffb3;cursor:pointer;background:#ffffff1a;border:1px solid #0000;border-radius:6px;flex:1;padding:8px;font-size:.85rem;transition:all .2s}.duration-quick button:hover,.duration-quick button.active{color:#fff;background:#6366f14d;border-color:#6366f180}.tags-selector{flex-wrap:wrap;gap:8px;display:flex}.tag-btn{color:#ffffffb3;cursor:pointer;background:#ffffff14;border:2px solid #0000;border-radius:20px;align-items:center;gap:6px;padding:6px 14px;font-size:.85rem;transition:all .2s;display:flex}.tag-btn:hover{background:#ffffff1f}.tag-btn.selected{color:#fff;box-shadow:0 0 0 2px var(--tag-color,#6366f1);background:#6366f133}.tag-icon{font-size:.9rem}.tag-name{font-weight:500}.rating-selector{flex-wrap:wrap;gap:8px;display:flex}.rating-btn{color:#ffffffb3;cursor:pointer;background:#ffffff14;border:2px solid #0000;border-radius:10px;flex-direction:column;flex:1;align-items:center;gap:4px;min-width:80px;padding:12px 16px;transition:all .2s;display:flex}.rating-btn:hover{background:#ffffff1f}.rating-btn.selected{border-color:var(--rating-color,#6366f1);color:#fff;background:#6366f133}.rating-emoji{font-size:1.5rem}.rating-label{font-size:.75rem;font-weight:500}.history-view{padding:0}.filters-bar{background:#0003;border-bottom:1px solid #ffffff1a;flex-wrap:wrap;align-items:center;gap:12px;padding:16px 24px;display:flex}.filter-group select,.filter-group input{color:#fff;background:#0000004d;border:1px solid #ffffff26;border-radius:6px;min-width:120px;padding:8px 12px;font-size:.9rem}.filter-group.search{flex:1;min-width:200px}.filter-group.search input{width:100%}.filter-actions{gap:8px;margin-left:auto;display:flex}.filter-actions button,.import-btn{color:#ffffffb3;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff26;border-radius:6px;padding:8px 14px;font-size:.85rem;transition:all .2s}.filter-actions button:hover,.import-btn:hover{color:#fff;background:#ffffff26}.import-btn{align-items:center;display:inline-flex}.sessions-list{padding:20px 24px}.sessions-summary{color:#ffffff80;border-bottom:1px solid #ffffff1a;margin-bottom:16px;padding-bottom:12px;font-size:.85rem}.session-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;margin-bottom:12px;padding:16px;transition:all .2s}.session-card:hover{background:#ffffff14;border-color:#6366f14d}.session-title{flex:1;align-items:center;gap:12px;display:flex}.session-duration{color:#fff;white-space:nowrap;background:#6366f14d;border-radius:20px;padding:4px 12px;font-size:.85rem;font-weight:600}.session-desc{color:#fff;font-size:1rem;font-weight:500}.session-actions{gap:8px;display:flex}.session-meta{color:#ffffff80;gap:16px;margin-bottom:10px;font-size:.8rem;display:flex}.meta-project{color:#6366f1e6;background:#6366f126;border-radius:4px;padding:2px 8px}.session-tags-row{flex-wrap:wrap;gap:6px;display:flex}.session-tag{color:#fff;border-radius:20px;align-items:center;gap:4px;padding:4px 10px;font-size:.75rem;font-weight:500;display:flex}.session-rating{border-radius:20px;margin-left:auto;padding:4px 10px;font-size:.85rem}.session-notes{color:#fff9;border-top:1px solid #ffffff1a;margin-top:10px;padding-top:10px;font-size:.85rem;font-style:italic}.empty-state span{font-size:.9rem}.analytics-view{padding:0}.analytics-grid{grid-template-columns:repeat(2,1fr);gap:20px;padding:24px;display:grid}.analytics-card.main,.analytics-card.wide{grid-column:span 2}.analytics-card h3{color:#ffffffb3;text-transform:uppercase;letter-spacing:.5px;margin:0 0 16px;font-size:.95rem;font-weight:500}.stats-row{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.big-stat{text-align:center;background:#0003;border-radius:10px;padding:20px}.big-number{color:#6366f1;margin-bottom:8px;font-size:2.5rem;font-weight:700;display:block}.big-label{color:#fff9;font-size:.9rem}.streak-display{justify-content:center;align-items:baseline;gap:8px;margin:20px 0;display:flex}.streak-number{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#f97316 0%,#ef4444 100%);-webkit-background-clip:text;background-clip:text;font-size:4rem;font-weight:700}.streak-label{color:#fff9;font-size:1.2rem}.streak-subtitle{text-align:center;color:#ffffff80;margin:0;font-size:.9rem}.week-stats{justify-content:space-around;padding:10px 0;display:flex}.week-stat{text-align:center}.week-value{color:#10b981;margin-bottom:4px;font-size:1.8rem;font-weight:600;display:block}.week-label{color:#ffffff80;font-size:.85rem}.best-day{text-align:center;padding:20px 0}.best-day-name{color:#f59e0b;margin-bottom:8px;font-size:1.8rem;font-weight:600;display:block}.best-day-time{color:#fff9;font-size:1.1rem}.tag-distribution{flex-direction:column;gap:12px;display:flex}.tag-bar{flex-direction:column;gap:6px;display:flex}.tag-bar-info{align-items:center;gap:8px;font-size:.85rem;display:flex}.tag-bar-icon{font-size:1rem}.tag-bar-name{color:#fffc;flex:1}.tag-bar-count{color:#ffffff80;font-weight:500}.tag-bar-track{background:#ffffff1a;border-radius:4px;height:8px;overflow:hidden}.tag-bar-fill{border-radius:4px;height:100%;transition:width .5s}.insights-list{flex-direction:column;gap:12px;display:flex}.insight{border-radius:8px;align-items:flex-start;gap:12px;padding:14px;font-size:.9rem;line-height:1.5;display:flex}.insight.positive{background:#22c55e26;border:1px solid #22c55e4d}.insight.tip{background:#6366f126;border:1px solid #6366f14d}.insight.neutral{background:#ffffff14;border:1px solid #ffffff26}.insight-icon{flex-shrink:0;font-size:1.2rem}.insight span:last-child{color:#ffffffd9}.deepwork-content::-webkit-scrollbar{width:8px}.deepwork-content::-webkit-scrollbar-track{background:#0003}.deepwork-content::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.deepwork-content::-webkit-scrollbar-thumb:hover{background:#ffffff4d}@media (max-width:768px){.deepwork-panel{max-height:95vh;margin:10px}.quick-stats,.form-row{grid-template-columns:1fr}.rating-selector{flex-direction:column}.rating-btn{flex-direction:row;justify-content:center;gap:8px}.filters-bar{flex-direction:column;align-items:stretch}.filter-group.search{min-width:auto}.filter-actions{justify-content:flex-end;margin-left:0}.analytics-grid{grid-template-columns:1fr}.analytics-card.main,.analytics-card.wide{grid-column:span 1}.stats-row{grid-template-columns:1fr}.deepwork-header{text-align:center;flex-direction:column;gap:16px}.deepwork-header-actions{flex-wrap:wrap;justify-content:center}}.detox-panel-overlay{z-index:1000;background:#000000d9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.detox-panel{background:#1e293b;border-radius:20px;flex-direction:column;width:90%;max-width:480px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 25px 60px #0009}.detox-panel-header{background:#0003;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.detox-panel-header h3{align-items:center;gap:8px;margin:0;font-size:18px;font-weight:600;display:flex}.settings-btn,.stats-btn{color:#94a3b8;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;padding:6px 10px;font-size:16px;transition:all .2s}.settings-btn:hover,.stats-btn:hover{color:#fff;background:#ffffff1a}.detox-main{max-height:calc(90vh - 80px);padding:24px;overflow-y:auto}.detox-status-ring{background:conic-gradient(from 0deg,var(--status-color,#22c55e)var(--progress,0%),#ffffff0d var(--progress,0%));border-radius:50%;justify-content:center;align-items:center;width:200px;height:200px;margin:0 auto 24px;transition:all .3s;display:flex;position:relative}.detox-status-ring:before{content:"";background:#1e293b;border-radius:50%;position:absolute;inset:8px}.detox-status-ring.tracking{animation:2s ease-in-out infinite pulse-ring}.detox-status-ring.on-break{background:conic-gradient(#6366f1 100%,#ffffff0d 100%)}@keyframes pulse-ring{0%,to{box-shadow:0 0 #22c55e4d}50%{box-shadow:0 0 0 15px #22c55e00}}.status-content{z-index:1;text-align:center;position:relative}.screen-time,.break-timer{color:#fff;font-variant-numeric:tabular-nums;margin-bottom:8px;font-size:36px;font-weight:700;line-height:1}.status-label{color:#94a3b8;font-size:14px;font-weight:500}.progress-item{margin-bottom:16px}.progress-header{justify-content:space-between;align-items:center;margin-bottom:6px;font-size:13px;display:flex}.progress-header span:first-child{color:#cbd5e1;font-weight:500}.progress-fill.offline{background:linear-gradient(90deg,#22c55e,#10b981)}.progress-goal{color:#64748b;text-align:right;margin-top:4px;font-size:11px}.recommendation{background:#6366f114;border:1px solid #6366f126;border-radius:12px;margin-bottom:20px;padding:14px 16px}.recommendation p{color:#94a3b8;margin:0;font-size:13px;line-height:1.5}.app-usage-section{margin-bottom:20px}.app-usage-section h4{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;margin:0 0 12px;font-size:14px}.app-list{flex-direction:column;gap:10px;display:flex}.app-item{background:#0003;border-radius:10px;padding:12px}.app-header{align-items:center;gap:8px;margin-bottom:8px;display:flex}.app-icon{font-size:16px}.app-name{color:#cbd5e1;flex:1;font-size:13px}.app-time{color:#94a3b8;font-variant-numeric:tabular-nums;font-size:12px}.app-progress-bar{background:#ffffff0d;border-radius:2px;height:4px;overflow:hidden}.app-progress-fill{border-radius:2px;height:100%;transition:width .3s}.detox-controls{gap:12px;display:flex}.detox-btn{cursor:pointer;border:none;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:6px;padding:14px 20px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.detox-btn.start{color:#fff;background:linear-gradient(135deg,#22c55e,#16a34a)}.detox-btn.start:hover{transform:translateY(-2px);box-shadow:0 8px 20px #22c55e4d}.detox-btn.pause{color:#fff;background:linear-gradient(135deg,#f59e0b,#d97706)}.detox-btn.pause:hover{transform:translateY(-2px);box-shadow:0 8px 20px #f59e0b4d}.detox-btn.break{color:#818cf8;background:#6366f126;border:1px solid #6366f14d}.detox-btn.break:hover{background:#6366f140}.detox-btn.end-break{color:#fff;background:linear-gradient(135deg,#6366f1,#4f46e5)}.detox-btn.end-break:hover{transform:translateY(-2px);box-shadow:0 8px 20px #6366f14d}.detox-settings{max-height:calc(90vh - 80px);padding:24px;overflow-y:auto}.detox-settings h4,.detox-stats h4{color:#fff;margin:0 0 20px;font-size:16px;font-weight:600}.detox-stats{max-height:calc(90vh - 80px);padding:24px;overflow-y:auto}.week-chart{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:flex-end;height:150px;margin-bottom:20px;padding:20px 0;display:flex}.bar-container{flex-direction:column;flex:1;justify-content:flex-end;gap:2px;width:32px;display:flex;position:relative}.bar-screen,.bar-offline{border-radius:4px 4px 0 0;width:100%;min-height:4px;transition:height .5s}.bar-screen{background:linear-gradient(#818cf8,#6366f1)}.bar-offline{background:linear-gradient(#4ade80,#22c55e)}.day-label{color:#64748b;font-size:11px}.stat-item{text-align:center;background:#0003;border-radius:12px;padding:16px 8px}.break-modal-overlay{z-index:1100;background:#000000e6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.break-modal{background:#1e293b;border-radius:20px;width:90%;max-width:420px;max-height:90vh;padding:24px;overflow-y:auto;box-shadow:0 25px 60px #0009}.break-modal h4{color:#fff;text-align:center;margin:0 0 8px;font-size:20px;font-weight:600}.break-subtitle{color:#94a3b8;text-align:center;margin:0 0 20px;font-size:14px}.break-activities{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:20px;display:grid}.activity-option{cursor:pointer;text-align:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;flex-direction:column;align-items:center;gap:6px;padding:16px 12px;transition:all .2s;display:flex}.activity-option:hover{background:#6366f126;border-color:#6366f14d;transform:translateY(-2px)}.activity-icon{margin-bottom:4px;font-size:28px}.activity-label{color:#cbd5e1;font-size:13px;font-weight:600}.activity-desc{color:#64748b;font-size:11px;line-height:1.3}.break-actions{gap:12px;display:flex}.btn-secondary,.btn-primary{cursor:pointer;border:none;border-radius:10px;flex:1;padding:12px 20px;font-size:14px;font-weight:600;transition:all .2s}.detox-main::-webkit-scrollbar{width:6px}.detox-settings::-webkit-scrollbar{width:6px}.detox-stats::-webkit-scrollbar{width:6px}.break-modal::-webkit-scrollbar{width:6px}.detox-main::-webkit-scrollbar-track{background:#0003}.detox-settings::-webkit-scrollbar-track{background:#0003}.detox-stats::-webkit-scrollbar-track{background:#0003}.break-modal::-webkit-scrollbar-track{background:#0003}.detox-main::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.detox-settings::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.detox-stats::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.break-modal::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.detox-main::-webkit-scrollbar-thumb:hover{background:#fff3}.detox-settings::-webkit-scrollbar-thumb:hover{background:#fff3}.detox-stats::-webkit-scrollbar-thumb:hover{background:#fff3}.break-modal::-webkit-scrollbar-thumb:hover{background:#fff3}.energy-panel-overlay{z-index:1000;background:#000c;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.energy-panel{background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%);border:1px solid #ffffff1a;border-radius:16px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px #00000080}.energy-panel-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.energy-panel-header h3{color:#fff;align-items:center;gap:.5rem;margin:0;font-size:1.25rem;font-weight:600;display:flex}.header-actions button{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-size:1rem;transition:all .2s;display:flex}.header-actions button:hover{background:#fff3;transform:scale(1.05)}.close-btn{line-height:1;font-size:1.5rem!important}.view-mode-tabs{border-bottom:1px solid #ffffff0d;gap:.5rem;padding:1rem 1.5rem 0;display:flex}.view-mode-tabs button{color:#ffffff80;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:.75rem;font-size:.9rem;font-weight:500;transition:all .2s}.view-mode-tabs button.active{color:#10b981;border-bottom-color:#10b981}.view-mode-tabs button:hover:not(.active){color:#fffc}.energy-summary{padding:1.5rem}.current-energy{background:#ffffff0d;border-radius:12px;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:1.5rem;display:flex}.energy-display{align-items:center;gap:1rem;display:flex}.energy-big-emoji{font-size:3rem}.energy-big-info{flex-direction:column;display:flex}.energy-big-level{color:#fff;font-size:1.5rem;font-weight:600}.energy-big-time{color:#ffffff80;font-size:.875rem}.energy-today-avg{flex-direction:column;align-items:flex-end;gap:.25rem;display:flex}.avg-label{color:#ffffff80;text-transform:uppercase;letter-spacing:.05em;font-size:.8rem}.avg-value{color:#10b981;font-size:2rem;font-weight:700}.period-summary{text-align:center;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;display:flex}.summary-label{color:#fff9;font-size:.9rem}.summary-count{color:#fff6;font-size:.875rem}.empty-summary{text-align:center;color:#ffffff80;padding:3rem 1.5rem}.hourly-chart-section{margin-top:1.5rem}.hourly-chart-section h5{color:#fff9;text-transform:uppercase;letter-spacing:.05em;margin:0 0 1rem;font-size:.9rem}.hourly-chart{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:flex-end;gap:2px;height:120px;padding-bottom:1.5rem;display:flex}.hour-bar-container{flex-direction:column;flex:1;align-items:center;gap:.5rem;display:flex}.hour-bar-wrapper{align-items:flex-end;width:100%;height:100px;display:flex;position:relative}.hour-bar{border-radius:2px 2px 0 0;width:100%;min-height:4px;transition:all .3s}.hour-bar.has-data{box-shadow:0 0 8px}.quick-log-section{padding:0 1.5rem 1.5rem}.log-energy-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:none;border-radius:12px;justify-content:center;align-items:center;gap:.75rem;width:100%;padding:1rem 1.5rem;font-size:1rem;font-weight:600;transition:all .2s;display:flex;box-shadow:0 4px 15px #10b9814d}.log-energy-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #10b98166}.recent-logs{padding:0 1.5rem 1.5rem}.recent-logs h4{color:#fff9;text-transform:uppercase;letter-spacing:.05em;margin:0 0 1rem;font-size:.9rem}.log-item{background:#ffffff08;border-radius:10px;align-items:flex-start;gap:.75rem;padding:1rem;transition:background .2s;display:flex}.log-energy-indicator{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.25rem;display:flex}.log-content{flex:1;min-width:0}.log-header{justify-content:space-between;align-items:center;margin-bottom:.25rem;display:flex}.log-level{color:#fff;font-weight:600}.log-time{color:#fff6;font-size:.8rem}.log-factors{flex-wrap:wrap;gap:.5rem;margin-top:.5rem;display:flex}.factor-tag{color:#ffffffb3;background:#ffffff1a;border-radius:4px;padding:.25rem .5rem;font-size:.75rem}.log-notes{color:#fff9;margin-top:.5rem;font-size:.875rem;font-style:italic}.delete-btn{color:#ffffff4d;cursor:pointer;background:0 0;border:none;padding:.25rem;font-size:1.25rem;line-height:1;transition:color .2s}.delete-btn:hover{color:#ef4444}.energy-tips{padding:0 1.5rem 1.5rem}.energy-tips p{color:#fffc;background:#10b9811a;border-left:3px solid #10b981;border-radius:10px;margin:0;padding:1rem;font-size:.9rem}.energy-form{padding:1.5rem}.energy-form h4{color:#fff;margin:0 0 1.5rem;font-size:1.1rem}.energy-selector{flex-direction:column;gap:.5rem;display:flex}.energy-selector button{cursor:pointer;text-align:left;background:#ffffff0d;border:2px solid #0000;border-radius:10px;align-items:center;gap:.75rem;padding:.875rem 1rem;transition:all .2s;display:flex}.energy-selector button:hover{background:#ffffff1a}.energy-selector button.active{border-color:var(--energy-color);background:#ffffff1a}.energy-emoji{font-size:1.5rem}.energy-label{color:#fff;min-width:80px;font-weight:600}.energy-desc{color:#ffffff80;font-size:.85rem}.factors-grid{grid-template-columns:repeat(2,1fr);gap:.5rem;display:grid}.factors-grid button{cursor:pointer;color:#ffffffb3;background:#ffffff0d;border:2px solid #0000;border-radius:8px;align-items:center;gap:.5rem;padding:.75rem;transition:all .2s;display:flex}.factors-grid button:hover{background:#ffffff1a}.factors-grid button.active{color:#10b981;background:#10b9811a;border-color:#10b981}.factor-icon{font-size:1rem}.factor-label{font-size:.875rem}input[type=datetime-local],textarea{color:#fff;resize:vertical;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;width:100%;padding:.875rem 1rem;font-family:inherit;font-size:.9rem}input[type=datetime-local]:focus,textarea:focus{border-color:#10b981;outline:none}input[type=datetime-local]::-webkit-calendar-picker-indicator{filter:invert();opacity:.5;cursor:pointer}.energy-stats{padding:1.5rem}.energy-stats h4{color:#fff;margin:0 0 1.5rem;font-size:1.1rem}.stat-card{text-align:center;background:#ffffff0d;border-radius:12px;padding:1.25rem;transition:all .2s}.stat-card.highlight .stat-value{color:#fff}.chart-section h5{color:#fff9;margin:0 0 1rem;font-size:.9rem}.trend-chart{justify-content:space-between;align-items:flex-end;gap:.5rem;height:150px;padding-bottom:2rem;display:flex}.trend-bar-container{flex-direction:column;flex:1;align-items:center;gap:.5rem;display:flex}.trend-bar-wrapper{align-items:flex-end;width:100%;height:120px;display:flex}.trend-bar{border-radius:4px 4px 0 0;width:100%;min-height:4px;transition:all .3s}.trend-bar.has-data{box-shadow:0 0 10px}.trend-day{color:#ffffff80;font-size:.75rem}.trend-value{color:#10b981;font-size:.7rem;font-weight:600}.empty-stats{text-align:center;color:#ffffff80;padding:3rem 1rem}.energy-insights{padding:1.5rem}.energy-insights h4{color:#fff;margin:0 0 1.5rem;font-size:1.1rem}.insight-cards{grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1.5rem;display:grid}.insight-card{background:#ffffff0d;border-radius:12px;align-items:center;gap:1rem;padding:1rem;display:flex}.insight-content{flex-direction:column;display:flex}.insight-label{color:#ffffff80;font-size:.8rem}.insight-value{color:#fff;font-size:1.1rem;font-weight:600}.factor-insights{margin-bottom:1.5rem}.factor-insights h5{color:#fffc;margin:0 0 .5rem;font-size:.9rem}.insight-hint{color:#ffffff80;margin:0 0 1rem;font-size:.85rem}.factor-list{flex-direction:column;gap:.75rem;display:flex}.factor-item{background:#ffffff08;border-radius:8px;align-items:center;gap:.75rem;padding:.75rem;display:flex}.factor-name{color:#fffc;width:100px;font-size:.875rem}.factor-bar-container{background:#ffffff1a;border-radius:4px;flex:1;height:8px;overflow:hidden}.factor-bar{border-radius:4px;height:100%;transition:width .5s}.factor-avg{color:#fff;text-align:right;width:40px;font-size:.875rem;font-weight:600}.factor-count{color:#fff6;text-align:right;width:40px;font-size:.75rem}.insight-tips{margin-bottom:1.5rem}.insight-tips h5{color:#fffc;margin:0 0 .75rem;font-size:.9rem}.insight-tips ul{color:#fff9;margin:0;padding-left:1.25rem;font-size:.9rem}.insight-tips li{margin-bottom:.5rem}.empty-insights{text-align:center;color:#ffffff80;padding:3rem 1rem}.back-btn{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:8px;width:100%;padding:.875rem;font-size:.9rem;transition:background .2s}.energy-panel::-webkit-scrollbar{width:8px}.energy-panel::-webkit-scrollbar-track{background:0 0}.energy-panel::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.energy-panel::-webkit-scrollbar-thumb:hover{background:#ffffff4d}@media (max-width:480px){.energy-panel-overlay{padding:0}.energy-panel{border-radius:0;max-height:100vh}.stats-grid{grid-template-columns:repeat(2,1fr)}.insight-cards,.factors-grid{grid-template-columns:1fr}.current-energy{text-align:center;flex-direction:column}.energy-today-avg{align-items:center}}.expense-panel-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#000c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.expense-panel{background:linear-gradient(145deg,#1a1a2e 0%,#16213e 100%);border:1px solid #ffffff1a;border-radius:16px;flex-direction:column;width:100%;max-width:900px;max-height:85vh;display:flex;overflow-y:auto;box-shadow:0 25px 50px -12px #00000080}.expense-panel-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.expense-panel-header h3{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#22c55e 0%,#16a34a 100%);-webkit-background-clip:text;background-clip:text;margin:0;font-size:1.5rem}.budget-btn,.add-expense-btn{cursor:pointer;border:none;border-radius:8px;padding:10px 16px;font-size:.9rem;font-weight:500;transition:all .2s}.budget-btn{color:#60a5fa;background:#3b82f633;border:1px solid #3b82f64d}.budget-btn:hover{background:#3b82f64d}.add-expense-btn{color:#fff;background:linear-gradient(135deg,#22c55e 0%,#16a34a 100%)}.add-expense-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #22c55e4d}.month-selector{background:#ffffff08;border-bottom:1px solid #ffffff0d;justify-content:center;align-items:center;gap:16px;padding:16px 24px;display:flex}.nav-btn{color:#e5e7eb;cursor:pointer;background:#ffffff1a;border:none;border-radius:8px;width:36px;height:36px;font-size:1.1rem;transition:all .2s}.nav-btn:hover{background:#fff3}.current-month{color:#e5e7eb;text-align:center;min-width:150px;font-size:1.1rem;font-weight:600}.expense-tabs{background:#ffffff05;border-bottom:1px solid #ffffff1a;gap:4px;padding:12px 24px;display:flex}.expense-tabs button{color:#9ca3af;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:6px;padding:10px 20px;font-size:.9rem;transition:all .2s;display:flex}.expense-tabs button:hover{color:#e5e7eb;background:#ffffff0d}.expense-tabs button.active{color:#22c55e;background:#22c55e33;font-weight:500}.expense-summary{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;padding:24px;display:grid}.summary-card{background:#ffffff0d;border:1px solid #ffffff0d;border-radius:12px;align-items:center;gap:16px;padding:20px;transition:all .2s;display:flex;position:relative}.summary-card:hover{background:#ffffff14}.summary-icon{font-size:2rem}.summary-info{flex-direction:column;gap:4px;display:flex}.summary-value{color:#e5e7eb;font-size:1.4rem;font-weight:700}.summary-card.total .summary-value,.summary-card.remaining .summary-value{color:#22c55e}.summary-card.remaining.negative .summary-value{color:#ef4444}.trend-badge{border-radius:6px;padding:4px 8px;font-size:.75rem;font-weight:500;position:absolute;top:12px;right:12px}.trend-badge.up{color:#ef4444;background:#ef444433}.trend-badge.down{color:#22c55e;background:#22c55e33}.budget-progress-section{padding:0 24px 24px}.budget-progress-section h4{color:#e5e7eb;margin:0 0 16px;font-size:1rem}.budget-bars{flex-direction:column;gap:16px;display:flex}.budget-bar-item{background:#ffffff08;border:1px solid #ffffff0d;border-radius:10px;padding:14px 16px}.budget-bar-item.warning .progress-fill{background:#f59e0b!important}.budget-bar-item.over .progress-fill{background:#ef4444!important}.budget-bar-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.cat-info{align-items:center;gap:8px;display:flex}.cat-icon{font-size:1.2rem}.cat-name{color:#e5e7eb;font-size:.9rem;font-weight:500}.cat-amounts{align-items:center;gap:6px;font-size:.85rem;display:flex}.spent{color:#e5e7eb;font-weight:600}.divider{color:#6b7280}.budget{color:#9ca3af}.recent-transactions{padding:0 24px 24px}.recent-transactions h4{color:#e5e7eb;margin:0 0 16px;font-size:1rem}.transaction-list{flex-direction:column;gap:8px;display:flex}.transaction-item{cursor:pointer;background:#ffffff08;border:1px solid #ffffff0d;border-radius:10px;align-items:center;gap:12px;padding:12px 16px;transition:all .2s;display:flex}.transaction-item:hover{background:#ffffff0f;transform:translate(4px)}.trans-icon{font-size:1.3rem}.trans-info{flex-direction:column;flex:1;gap:2px;display:flex}.trans-desc{color:#e5e7eb;font-size:.9rem;font-weight:500}.trans-date{color:#6b7280;font-size:.75rem}.trans-amount{color:#ef4444;font-size:1rem;font-weight:600}.transaction-filters{background:#ffffff05;border-bottom:1px solid #ffffff0d;flex-wrap:wrap;gap:12px;padding:16px 24px;display:flex}.transaction-filters select{color:#e5e7eb;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;padding:10px 14px;font-size:.9rem}.transaction-filters select:focus{border-color:#22c55e;outline:none}.transactions-list{max-height:400px;padding:16px 24px;overflow-y:auto}.empty-state p{color:#9ca3af;margin-bottom:20px}.transaction-row{cursor:pointer;background:#ffffff08;border:1px solid #ffffff0d;border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:8px;padding:14px 16px;transition:all .2s;display:flex}.transaction-row:hover{background:#ffffff0f}.trans-main{align-items:center;gap:12px;display:flex}.category-badge{border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.1rem;display:flex}.trans-details{flex-direction:column;gap:2px;display:flex}.trans-details .trans-desc{color:#e5e7eb;font-size:.95rem;font-weight:500}.trans-meta{color:#6b7280;font-size:.8rem}.transaction-row .trans-amount{color:#ef4444;font-size:1.1rem;font-weight:600}.analytics-section{flex-direction:column;gap:20px;padding:24px;display:flex}.analytics-card{background:#ffffff08;border:1px solid #ffffff0d;border-radius:12px;padding:20px}.analytics-card h4{color:#e5e7eb;margin:0 0 16px;font-size:1rem}.category-chart{flex-direction:column;gap:14px;display:flex}.chart-bar{flex-direction:column;gap:6px;display:flex}.chart-label{justify-content:space-between;font-size:.85rem;display:flex}.chart-label span:first-child{color:#e5e7eb}.chart-label span:last-child{color:#9ca3af}.chart-progress{background:#ffffff1a;border-radius:5px;height:10px;overflow:hidden}.chart-fill{border-radius:5px;height:100%;transition:width .3s}.payment-methods{flex-direction:column;gap:12px;display:flex}.payment-item{background:#ffffff08;border-radius:8px;align-items:center;gap:12px;padding:12px;display:flex}.payment-icon{font-size:1.3rem}.payment-label{color:#e5e7eb;flex:1;font-size:.9rem}.payment-amount{color:#22c55e;font-weight:600}.recurring-summary{text-align:center;padding:16px}.recurring-total{color:#22c55e;font-size:1.5rem;font-weight:700}.recurring-summary p{color:#6b7280;margin:8px 0 0;font-size:.9rem}.expense-form-overlay,.budget-settings-overlay,.expense-detail-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1100;background:#000000b3;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.expense-form{background:linear-gradient(145deg,#1e1e3f 0%,#1a1a2e 100%);border:1px solid #ffffff1a;border-radius:16px;width:100%;max-width:450px;padding:24px;box-shadow:0 25px 50px -12px #00000080}.expense-form h4{color:#e5e7eb;margin:0 0 20px;font-size:1.1rem}.form-row{gap:16px;margin-bottom:16px;display:flex}.form-row.two-col{grid-template-columns:1fr 1fr;display:grid}.form-group{flex-direction:column;flex:1;gap:6px;display:flex}.form-group.full{flex:2}.form-group label{color:#9ca3af;text-transform:uppercase;letter-spacing:.5px;font-size:.8rem;font-weight:500}.form-group.checkbox{flex-direction:row;align-items:center}.checkbox-label{cursor:pointer;align-items:center;gap:10px;display:flex}.checkbox-label span{color:#e5e7eb;text-transform:none;font-size:.9rem}.form-actions button{cursor:pointer;border:none;border-radius:8px;padding:12px 20px;font-size:.9rem;font-weight:500;transition:all .2s}.btn-secondary{color:#e5e7eb;background:#ffffff1a}.btn-delete{color:#ef4444;background:#ef444433;margin-right:auto}.budget-settings{background:linear-gradient(145deg,#1e1e3f 0%,#1a1a2e 100%);border:1px solid #ffffff1a;border-radius:16px;width:100%;max-width:450px;max-height:80vh;overflow-y:auto;box-shadow:0 25px 50px -12px #00000080}.budget-settings-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.budget-settings-header h4{color:#e5e7eb;margin:0;font-size:1.1rem}.budget-list{padding:16px 24px}.budget-item{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:12px 0;display:flex}.budget-item:last-child{border-bottom:none}.budget-cat-info{align-items:center;gap:10px;display:flex}.budget-cat-info .cat-icon{font-size:1.3rem}.budget-cat-info .cat-label{color:#e5e7eb;font-size:.9rem}.budget-input-group{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:4px;padding:4px 12px;display:flex}.budget-input-group .currency{color:#6b7280;font-size:.9rem}.budget-input-group input{color:#e5e7eb;text-align:right;background:0 0;border:none;outline:none;width:80px;font-size:.95rem}.budget-total{background:#ffffff08;border-top:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.budget-total span:first-child{color:#9ca3af;font-size:.9rem}.total-amount{color:#22c55e;font-size:1.3rem;font-weight:700}.expense-detail{background:linear-gradient(145deg,#1e1e3f 0%,#1a1a2e 100%);border:1px solid #ffffff1a;border-radius:16px;width:100%;max-width:400px;overflow:hidden;box-shadow:0 25px 50px -12px #00000080}.expense-detail-header{background:#ffffff08;border-bottom:1px solid #ffffff1a;align-items:center;gap:16px;padding:24px;display:flex}.detail-category-icon{border-radius:14px;justify-content:center;align-items:center;width:56px;height:56px;font-size:1.8rem;display:flex}.detail-info h4{color:#e5e7eb;margin:0 0 4px;font-size:1.1rem}.detail-category{color:#9ca3af;font-size:.85rem}.detail-amount{color:#ef4444;font-size:1.5rem;font-weight:700}.expense-detail-content{padding:20px 24px}.detail-row{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:12px 0;display:flex}.detail-row:last-child{border-bottom:none}.detail-row.notes{flex-direction:column;align-items:flex-start;gap:8px}.detail-label{color:#6b7280;font-size:.85rem}.detail-value{color:#e5e7eb;font-size:.9rem}.detail-row.notes .detail-value{color:#9ca3af;line-height:1.5}.expense-detail-actions{gap:12px;padding:16px 24px 24px;display:flex}.expense-detail-actions button{cursor:pointer;color:#e5e7eb;background:#ffffff1a;border:none;border-radius:8px;flex:1;padding:12px;font-size:.9rem;font-weight:500;transition:all .2s}.expense-detail-actions button:hover{background:#ffffff26}.expense-detail-actions .btn-delete{color:#ef4444;background:#ef444433;margin-right:0}.expense-detail-actions .btn-delete:hover{background:#ef44444d}.expense-panel::-webkit-scrollbar{width:8px}.budget-settings::-webkit-scrollbar{width:8px}.transactions-list::-webkit-scrollbar{width:8px}.expense-panel::-webkit-scrollbar-track{background:#ffffff05}.budget-settings::-webkit-scrollbar-track{background:#ffffff05}.transactions-list::-webkit-scrollbar-track{background:#ffffff05}.expense-panel::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.budget-settings::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.transactions-list::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.expense-panel::-webkit-scrollbar-thumb:hover{background:#ffffff26}.budget-settings::-webkit-scrollbar-thumb:hover{background:#ffffff26}.transactions-list::-webkit-scrollbar-thumb:hover{background:#ffffff26}@media (max-width:640px){.expense-summary{grid-template-columns:repeat(2,1fr)}.form-row.two-col{grid-template-columns:1fr}.transaction-filters{flex-direction:column}.search-input{width:100%}}.focus-panel-overlay{z-index:1000;background:#000c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.focus-panel{background:#1e293b;border-radius:16px;flex-direction:column;width:90%;max-width:420px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 25px 60px #0009}.focus-panel-header{background:#0003;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.focus-panel-header h3{align-items:center;gap:8px;margin:0;font-size:18px;font-weight:600;display:flex}.timer-display{justify-content:center;padding:32px 24px 24px;display:flex}.timer-ring{width:240px;height:240px;position:relative}.timer-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.ring-progress{fill:none;stroke-width:8px;stroke-linecap:round;transition:stroke-dashoffset 1s linear}.timer-ring.work .ring-progress{stroke:#ef4444}.timer-ring.break .ring-progress{stroke:#22c55e}.timer-ring.longBreak .ring-progress{stroke:#3b82f6}.timer-content{text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.timer-time{font-variant-numeric:tabular-nums;letter-spacing:-1px;color:#fff;margin-bottom:8px;font-size:52px;font-weight:700;line-height:1}.timer-mode{text-transform:uppercase;letter-spacing:.5px;border-radius:20px;padding:6px 14px;font-size:14px;font-weight:500}.timer-mode.work{color:#ef4444;background:#ef444426}.timer-mode.break{color:#22c55e;background:#22c55e26}.timer-mode.longBreak{color:#3b82f6;background:#3b82f626}.session-dots{justify-content:center;gap:8px;padding:0 24px 20px;display:flex}.session-dot{background:#ffffff1a;border-radius:50%;width:10px;height:10px;transition:all .3s}.session-dot.completed{background:#ef4444;box-shadow:0 0 8px #ef444480}.timer-controls{justify-content:center;gap:12px;padding:0 24px 24px;display:flex}.timer-btn.start:hover{background:#16a34a;transform:translateY(-1px)}.timer-btn.pause{color:#fff;background:#f59e0b}.timer-btn.pause:hover{background:#d97706}.timer-btn.reset,.timer-btn.skip{color:#94a3b8;background:#ffffff14;border:1px solid #ffffff1a}.timer-btn.reset:hover,.timer-btn.skip:hover{color:#fff;background:#ffffff1f}.stats-section{background:#00000026;border-top:1px solid #ffffff14;padding:20px 24px}.stats-section h4{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;margin:0 0 16px;font-size:14px;font-weight:600}.stat-item{background:#ffffff08;border-radius:10px;flex-direction:column;align-items:center;padding:12px;display:flex}.clear-history{color:#ef4444;cursor:pointer;background:0 0;border:1px solid #ef44444d;border-radius:6px;width:100%;margin-top:12px;padding:8px;font-size:12px;transition:all .2s}.clear-history:hover{background:#ef44441a}.focus-tips{background:#6366f114;border-top:1px solid #ffffff0d;padding:16px 24px 20px}.focus-tips p{color:#94a3b8;margin:0;font-size:13px;line-height:1.5}.focus-tips strong{color:#6366f1}.focus-settings{max-height:60vh;padding:24px;overflow-y:auto}.focus-settings h4{color:#fff;margin:0 0 20px;font-size:16px;font-weight:600}.preset-selector{margin-bottom:24px}.preset-selector label{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px;font-size:13px;display:block}.preset-buttons{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.preset-buttons button{color:#94a3b8;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;padding:12px 16px;font-size:13px;transition:all .2s}.preset-buttons button:hover{color:#fff;background:#ffffff14}.preset-buttons button.active{color:#fff;background:#6366f1;border-color:#6366f1}.custom-settings{background:#0003;border-radius:10px;margin-bottom:24px;padding:16px}.setting-row{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.setting-row:last-child{margin-bottom:0}.setting-row label{color:#cbd5e1;font-size:14px}.setting-row input{color:#fff;text-align:center;background:#0f172a;border:1px solid #ffffff1a;border-radius:6px;width:70px;padding:8px 12px;font-size:14px}.setting-row input:focus{border-color:#6366f1;outline:none}.timer-ring.work .timer-time{animation:2s ease-in-out infinite pulse}.focus-settings::-webkit-scrollbar{width:6px}.focus-panel::-webkit-scrollbar{width:6px}.focus-settings::-webkit-scrollbar-track{background:#0003}.focus-panel::-webkit-scrollbar-track{background:#0003}.focus-settings::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.focus-panel::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.focus-settings::-webkit-scrollbar-thumb:hover{background:#fff3}.focus-panel::-webkit-scrollbar-thumb:hover{background:#fff3}.goal-panel-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#020617d9;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.goal-panel{background:linear-gradient(135deg,#0f172af2 0%,#1e1b4bf2 100%);border:1px solid #6366f14d;border-radius:20px;flex-direction:column;width:100%;max-width:900px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #00000080,0 0 40px #6366f133}.goal-panel-header{background:#6366f11a;border-bottom:1px solid #6366f133;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.goal-panel-header h3{color:#e2e8f0;margin:0;font-size:1.5rem;font-weight:600}.add-goal-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);border:none;border-radius:10px;padding:10px 20px;font-size:.9rem;font-weight:500;transition:all .2s}.add-goal-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #6366f166}.close-btn:hover{color:#fff;background:#ef44444d;transform:scale(1.05)}.goals-stats{border-bottom:1px solid #6366f11a;grid-template-columns:repeat(4,1fr);gap:16px;padding:20px 24px;display:grid}.stat-card{text-align:center;background:#0f172a80;border:1px solid #6366f133;border-radius:12px;padding:16px;transition:all .2s}.stat-card.completed{background:#22c55e1a;border-color:#22c55e4d}.stat-card.progress{background:#3b82f61a;border-color:#3b82f64d}.stat-card.rate{background:#a855f71a;border-color:#a855f74d}.stat-number{color:#e2e8f0;margin-bottom:4px;font-size:2rem;font-weight:700;line-height:1;display:block}.goals-filters{border-bottom:1px solid #6366f11a;flex-wrap:wrap;align-items:center;gap:16px;padding:16px 24px;display:flex}.view-toggle{gap:8px;margin-left:auto;display:flex}.view-toggle button.active,.view-toggle button:hover{color:#e2e8f0;background:#6366f133;border-color:#6366f180}.empty-goals{text-align:center;padding:60px 24px}.empty-goals h4{color:#e2e8f0;margin-bottom:8px;font-size:1.3rem}.empty-goals p{color:#94a3b8;font-size:.95rem}.goals-list{max-height:50vh;padding:20px 24px;overflow-y:auto}.goals-list.grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;display:grid}.goals-list.category{flex-direction:column;gap:16px;display:flex}.goal-card{border:1px solid #6366f133;border-left:4px solid var(--category-color,#6366f1);background:#0f172a99;border-radius:12px;padding:16px;transition:all .2s}.goal-card:hover{border-color:#6366f166;transform:translateY(-2px);box-shadow:0 8px 24px #0000004d}.goal-card.completed{opacity:.7;border-left-color:#22c55e}.goal-card.completed .goal-title{color:#64748b;text-decoration:line-through}.goal-card-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.goal-category-badge{color:#fff;border-radius:20px;padding:4px 10px;font-size:.75rem;font-weight:500}.goal-time-remaining{color:#93c5fd;background:#3b82f633;border-radius:20px;padding:4px 10px;font-size:.8rem}.goal-time-remaining.urgent{color:#fca5a5;background:#ef444433}.goal-title{color:#e2e8f0;margin:0 0 8px;font-size:1.1rem;font-weight:600}.goal-description{color:#94a3b8;margin:0 0 12px;font-size:.9rem;line-height:1.5}.goal-progress-section{align-items:center;gap:12px;margin-bottom:12px;display:flex}.goal-milestones{border-top:1px solid #6366f11a;flex-direction:column;gap:6px;margin-bottom:12px;padding-top:8px;display:flex}.milestone-item{color:#cbd5e1;cursor:pointer;align-items:center;gap:10px;padding:4px 0;font-size:.85rem;display:flex}.milestone-item.completed span{color:#64748b;text-decoration:line-through}.goal-motivation{color:#86efac;background:#22c55e1a;border:1px solid #22c55e33;border-radius:8px;align-items:flex-start;gap:8px;margin-bottom:12px;padding:10px 12px;font-size:.85rem;display:flex}.motivation-icon{flex-shrink:0;font-size:1rem}.goal-card-footer{border-top:1px solid #6366f11a;justify-content:space-between;align-items:center;padding-top:12px;display:flex}.goal-timeframe{color:#64748b;background:#0f172acc;border-radius:6px;padding:4px 10px;font-size:.8rem}.goal-actions{gap:8px;display:flex}.goal-actions button{cursor:pointer;background:#0f172acc;border:1px solid #6366f133;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:.9rem;transition:all .2s;display:flex}.complete-btn:hover{background:#22c55e33;border-color:#22c55e66}.complete-btn.completed{background:#22c55e4d;border-color:#22c55e80}.category-summary{background:#0f172a66;border-top:1px solid #6366f11a;padding:20px 24px}.category-summary h4{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;margin:0 0 16px;font-size:.9rem}.category-bar-header{color:#cbd5e1;justify-content:space-between;font-size:.85rem;display:flex}.category-bar{background:#0f172acc;border-radius:4px;height:8px;overflow:hidden}.goal-form-container{max-height:70vh;padding:24px;overflow-y:auto}.goal-form-container h4{color:#e2e8f0;margin:0 0 20px;font-size:1.2rem}.goal-form,.form-row{flex-direction:column;gap:16px;display:flex}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#6366f199;outline:none;box-shadow:0 0 0 3px #6366f11a}.milestones-group{background:#0f172a66;border:1px solid #6366f133;border-radius:12px;padding:16px}.milestone-input-row input{flex:1}.remove-milestone-btn{color:#fca5a5;cursor:pointer;background:#ef444433;border:1px solid #ef44444d;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.remove-milestone-btn:hover{color:#fff;background:#ef44444d}.add-milestone-btn:hover{color:#c4b5fd;background:#6366f11a;border-color:#6366f199}.goals-list::-webkit-scrollbar{width:8px}.goal-form-container::-webkit-scrollbar{width:8px}.goals-list::-webkit-scrollbar-track{background:#0f172a4d;border-radius:4px}.goal-form-container::-webkit-scrollbar-track{background:#0f172a4d;border-radius:4px}.goals-list::-webkit-scrollbar-thumb{background:#6366f166;border-radius:4px}.goal-form-container::-webkit-scrollbar-thumb{background:#6366f166;border-radius:4px}.goals-list::-webkit-scrollbar-thumb:hover{background:#6366f199}.goal-form-container::-webkit-scrollbar-thumb:hover{background:#6366f199}@media (max-width:768px){.goals-stats{grid-template-columns:repeat(2,1fr)}.goals-list.grid,.form-row.two-col{grid-template-columns:1fr}.goals-filters{flex-direction:column;align-items:stretch}.view-toggle{justify-content:center;margin-left:0}}.gratitude-overlay{z-index:1000;background:#000c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.gratitude-panel{background:#1e293b;border-radius:16px;flex-direction:column;width:90%;max-width:550px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 25px 60px #0009}.gratitude-header{background:#0003;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.gratitude-header h3{align-items:center;gap:8px;margin:0;font-size:18px;font-weight:600;display:flex}.view-tabs{background:#0000004d;border-radius:8px;gap:4px;padding:4px;display:flex}.view-tabs button{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px 14px;font-size:13px;font-weight:500;transition:all .2s}.view-tabs button:hover{color:#fff;background:#ffffff0d}.view-tabs button.active{color:#fff;background:#8b5cf6}.gratitude-write{flex:1;padding:24px;overflow-y:auto}.gratitude-stats-bar{background:#8b5cf614;border:1px solid #8b5cf626;border-radius:12px;gap:16px;margin-bottom:24px;padding:16px;display:flex}.stat-item{flex:1;align-items:center;gap:6px;display:flex}.prompt-card{background:linear-gradient(135deg,#8b5cf626,#8b5cf60d);border:1px solid #8b5cf633;border-radius:12px;margin-bottom:20px;padding:20px;position:relative}.prompt-label{text-transform:uppercase;letter-spacing:.5px;color:#a78bfa;margin-bottom:8px;font-size:11px}.prompt-text{color:#fff;margin:0;padding-right:60px;font-size:16px;font-style:italic}.prompt-refresh,.prompt-hide{color:#94a3b8;cursor:pointer;background:#ffffff14;border:1px solid #ffffff1a;border-radius:6px;padding:6px;font-size:14px;transition:all .2s;position:absolute}.prompt-refresh{top:12px;right:40px}.prompt-hide{top:12px;right:12px}.prompt-refresh:hover,.prompt-hide:hover{color:#fff;background:#ffffff1f}.show-prompt-btn{color:#a78bfa;cursor:pointer;background:#8b5cf61a;border:1px dashed #8b5cf64d;border-radius:10px;width:100%;margin-bottom:20px;padding:12px;font-size:14px;font-weight:500;transition:all .2s}.show-prompt-btn:hover{background:#8b5cf626;border-style:solid}.mood-selection{margin-bottom:20px}.mood-selection label{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;font-size:13px;display:block}.mood-options{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.mood-btn{color:#94a3b8;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff14;border-radius:10px;flex-direction:column;align-items:center;gap:6px;padding:12px 8px;transition:all .2s;display:flex}.mood-btn.selected{color:#fff;background:#8b5cf633;border-color:#8b5cf6}.mood-icon{font-size:24px}.mood-label{font-size:11px;font-weight:500}.entry-input-section{margin-bottom:24px}.gratitude-textarea{color:#fff;resize:vertical;background:#0f172a;border:1px solid #ffffff1a;border-radius:12px;width:100%;min-height:100px;padding:16px;font-family:inherit;font-size:15px;line-height:1.5}.gratitude-textarea:focus{border-color:#8b5cf6;outline:none;box-shadow:0 0 0 3px #8b5cf61a}.gratitude-textarea::placeholder{color:#64748b}.input-meta{justify-content:space-between;align-items:center;margin-top:12px;display:flex}.char-count{color:#64748b;font-size:12px}.add-entry-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;border-radius:8px;padding:10px 24px;font-size:14px;font-weight:600;transition:all .2s}.add-entry-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf64d}.add-entry-btn:disabled{opacity:.5;cursor:not-allowed}.today-entries{margin-bottom:24px}.today-entries h4{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;margin:0 0 12px;font-size:14px;font-weight:600}.entry-card{background:#8b5cf614;border:1px solid #8b5cf626;border-radius:10px;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.entry-content{flex:1;align-items:center;gap:10px;display:flex}.entry-mood{font-size:20px}.entry-text{color:#fff;font-size:14px;line-height:1.4}.entry-actions{gap:6px;display:flex}.entry-actions button{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px;font-size:14px;transition:all .2s}.entry-actions button:hover{color:#fff;background:#ffffff14}.entry-edit input{color:#fff;background:#0f172a;border:1px solid #8b5cf6;border-radius:6px;width:100%;padding:8px 12px;font-size:14px}.gratitude-quote{text-align:center;background:#ffffff08;border-radius:12px;padding:20px}.gratitude-quote p{color:#e2e8f0;margin:0 0 8px;font-size:15px;font-style:italic}.gratitude-quote span{color:#64748b;font-size:13px}.gratitude-history{flex:1;padding:20px;overflow-y:auto}.empty-icon{margin-bottom:16px;font-size:48px}.history-date-group{flex-direction:column;gap:10px;display:flex}.date-header{color:#8b5cf6;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #8b5cf633;padding-bottom:8px;font-size:13px;font-weight:600}.date-entries{flex-direction:column;gap:8px;display:flex}.history-entry{background:#ffffff08;border-radius:10px;align-items:center;gap:12px;padding:12px 14px;transition:all .2s;display:flex}.history-entry:hover{background:#ffffff0f}.entry-time{color:#64748b;font-variant-numeric:tabular-nums;min-width:50px;font-size:12px}.history-entry .entry-content{flex:1}.delete-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;padding:4px;font-size:18px;transition:all .2s;display:flex}.gratitude-stats{flex:1;padding:24px;overflow-y:auto}.stat-card.highlight{background:linear-gradient(135deg,#8b5cf626,#8b5cf60d);border:1px solid #8b5cf633}.stat-card-icon{margin-bottom:8px;font-size:28px}.stat-card-value{color:#fff;margin-bottom:4px;font-size:32px;font-weight:700}.stat-card-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;font-size:12px}.mood-stats-section{margin-bottom:24px}.mood-stats-section h4{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;margin:0 0 16px;font-size:14px;font-weight:600}.mood-distribution{flex-direction:column;gap:12px;display:flex}.mood-stat-item{align-items:center;gap:12px;display:flex}.mood-stat-icon{text-align:center;width:32px;font-size:24px}.mood-stat-bar{background:#ffffff0d;border-radius:4px;flex:1;height:8px;overflow:hidden}.mood-stat-fill{background:linear-gradient(90deg,#8b5cf6,#a78bfa);border-radius:4px;height:100%;transition:width .5s}.mood-stat-count{color:#fff;text-align:right;min-width:30px;font-size:14px;font-weight:600}.gratitude-tips{background:#8b5cf60d;border:1px solid #8b5cf61a;border-radius:12px;padding:20px}.gratitude-tips h4{color:#a78bfa;margin:0 0 12px;font-size:14px;font-weight:600}.gratitude-tips ul{flex-direction:column;gap:8px;margin:0;padding-left:20px;display:flex}.gratitude-tips li{color:#94a3b8;font-size:13px;line-height:1.5}.gratitude-write::-webkit-scrollbar{width:6px}.gratitude-history::-webkit-scrollbar{width:6px}.gratitude-stats::-webkit-scrollbar{width:6px}.gratitude-write::-webkit-scrollbar-track{background:#0003}.gratitude-history::-webkit-scrollbar-track{background:#0003}.gratitude-stats::-webkit-scrollbar-track{background:#0003}.gratitude-write::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.gratitude-history::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.gratitude-stats::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.gratitude-write::-webkit-scrollbar-thumb:hover{background:#fff3}.gratitude-history::-webkit-scrollbar-thumb:hover{background:#fff3}.gratitude-stats::-webkit-scrollbar-thumb:hover{background:#fff3}@media (max-width:480px){.gratitude-panel{width:95%;max-height:95vh}.mood-options{grid-template-columns:repeat(2,1fr)}.stats-grid{grid-template-columns:1fr}.gratitude-stats-bar{flex-wrap:wrap}.view-tabs button{padding:6px 10px;font-size:12px}}.habit-panel-overlay{z-index:1000;background:#000c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.habit-panel{background:#1e293b;border-radius:16px;flex-direction:column;width:90%;max-width:800px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 25px 60px #0009}.habit-panel-header{background:#0003;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.habit-panel-header h3{align-items:center;gap:8px;margin:0;font-size:18px;font-weight:600;display:flex}.add-habit-btn{color:#fff;cursor:pointer;background:#6366f1;border:none;border-radius:8px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s}.add-habit-btn:hover{background:#4f46e5;transform:translateY(-1px)}.today-progress-section{background:#6366f114;border-bottom:1px solid #ffffff0d;padding:20px 24px}.progress-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.progress-title{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;font-size:14px;font-weight:600}.progress-percent{color:#6366f1;font-size:20px;font-weight:700}.view-toggle{border-bottom:1px solid #ffffff0d;gap:8px;padding:12px 24px;display:flex}.week-view{flex:1;padding:16px 0;overflow-y:auto}.week-header{text-align:center;grid-template-columns:repeat(7,1fr);gap:8px;padding:0 24px 12px;display:grid}.week-day-header{border-radius:8px;flex-direction:column;align-items:center;padding:8px;display:flex}.week-day-header.today{background:#6366f133}.week-day-header .day-name{color:#64748b;text-transform:uppercase;letter-spacing:.5px;font-size:11px}.week-day-header .day-number{color:#e2e8f0;margin-top:4px;font-size:16px;font-weight:600}.week-day-header.today .day-number{color:#6366f1}.habits-list{padding:0 24px}.empty-habits{text-align:center;flex-direction:column;align-items:center;padding:40px;display:flex}.empty-habits .empty-icon{margin-bottom:16px;font-size:48px}.empty-habits p{color:#94a3b8;margin-bottom:16px}.empty-habits button{color:#fff;cursor:pointer;background:#6366f1;border:none;border-radius:8px;padding:10px 20px;font-size:14px;transition:all .2s}.empty-habits button:hover{background:#4f46e5}.habit-row{background:#ffffff08;border:1px solid #ffffff0d;border-radius:12px;margin-bottom:12px;padding:16px;transition:all .2s}.habit-row:hover{background:#ffffff0d;border-color:#ffffff1a}.habit-info{align-items:center;gap:12px;margin-bottom:12px;display:flex}.habit-icon{border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;display:flex}.habit-details{flex:1}.habit-name{color:#e2e8f0;font-size:15px;font-weight:600;display:block}.habit-meta{gap:12px;margin-top:4px;display:flex}.streak{color:#f59e0b;font-size:12px}.weekly{color:#64748b;font-size:12px}.edit-habit-btn{color:#64748b;cursor:pointer;opacity:0;background:0 0;border:none;border-radius:6px;padding:6px;font-size:14px;transition:all .2s}.habit-row:hover .edit-habit-btn{opacity:1}.edit-habit-btn:hover{color:#e2e8f0;background:#ffffff1a}.habit-week-checks{grid-template-columns:repeat(7,1fr);gap:8px;display:grid}.day-check{aspect-ratio:1;color:#64748b;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;justify-content:center;align-items:center;font-size:14px;font-weight:600;transition:all .2s;display:flex}.day-check:hover{background:#ffffff1a;border-color:#fff3}.day-check.complete{color:#fff;background:#22c55e;border-color:#22c55e}.day-check.partial{color:#fbbf24;background:#f59e0b4d;border-color:#f59e0b}.day-check.today{box-shadow:0 0 0 2px #6366f180}.month-view{flex:1;padding:16px 24px;overflow-y:auto}.month-nav{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.month-nav button{color:#94a3b8;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;padding:8px 16px;font-size:18px;transition:all .2s}.month-nav button:hover{color:#fff;background:#ffffff1a}.month-grid{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.month-day-label{text-align:center;color:#64748b;text-transform:uppercase;letter-spacing:.5px;padding:8px;font-size:11px}.month-day{aspect-ratio:1;background:#ffffff08;border:1px solid #ffffff0d;border-radius:8px;flex-direction:column;justify-content:flex-start;align-items:center;min-height:60px;padding:6px;display:flex}.month-day.empty{background:0 0;border:none}.month-day.today{background:#6366f11a;border-color:#6366f1}.month-day .day-number{color:#94a3b8;margin-bottom:4px;font-size:12px}.month-day.today .day-number{color:#6366f1;font-weight:600}.day-habits{flex-wrap:wrap;justify-content:center;gap:3px;display:flex}.day-habit-dot{border-radius:50%;width:8px;height:8px}.day-habit-dot.partial{opacity:.5}.month-legend{border-top:1px solid #ffffff0d;flex-wrap:wrap;gap:12px;margin-top:16px;padding-top:16px;display:flex}.legend-item{align-items:center;gap:6px;display:flex}.legend-name{color:#94a3b8;font-size:12px}.habit-form-overlay{z-index:10;background:#000000b3;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.habit-form{background:#1e293b;border:1px solid #ffffff1a;border-radius:16px;width:90%;max-width:400px;max-height:80vh;padding:24px;overflow-y:auto}.habit-form h4{color:#fff;margin:0 0 20px;font-size:16px;font-weight:600}.form-group input,.form-group select{color:#fff;background:#0f172a;border:1px solid #ffffff1a;border-radius:8px;width:100%;padding:10px 12px;font-size:14px}.icon-picker{flex-wrap:wrap;gap:8px;display:flex}.icon-option{cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;transition:all .2s;display:flex}.icon-option.selected{border-width:2px}.form-actions button{cursor:pointer;border-radius:8px;flex:1;padding:12px;font-size:14px;font-weight:500;transition:all .2s}.habit-panel::-webkit-scrollbar{width:6px}.week-view::-webkit-scrollbar{width:6px}.month-view::-webkit-scrollbar{width:6px}.habit-form::-webkit-scrollbar{width:6px}.habit-panel::-webkit-scrollbar-track{background:#0003}.week-view::-webkit-scrollbar-track{background:#0003}.month-view::-webkit-scrollbar-track{background:#0003}.habit-form::-webkit-scrollbar-track{background:#0003}.habit-panel::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.week-view::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.month-view::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.habit-form::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}body.theme-light .habit-panel{background:#fff;border:1px solid #94a3b84d}body.theme-light .habit-panel-header{background:#f8fafccc;border-bottom-color:#94a3b833}body.theme-light .habit-panel-header h3,body.theme-light .habit-name{color:#1e293b}body.theme-light .day-check{color:#64748b;background:#94a3b81a;border-color:#94a3b833}body.theme-light .month-day,body.theme-light .habit-row{background:#94a3b80d;border-color:#94a3b81a}body.theme-light .habit-form{background:#fff;border-color:#94a3b84d}body.theme-light .form-group input,body.theme-light .form-group select{color:#1e293b;background:#f8fafc;border-color:#94a3b84d}.health-monitor-overlay{z-index:2000;background:#000c;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.health-monitor-panel{background:linear-gradient(135deg,#1e293b 0%,#0f172a 100%);border:1px solid #94a3b833;border-radius:16px;flex-direction:column;width:90%;max-width:900px;max-height:90vh;animation:.3s ease-out slideUp;display:flex;box-shadow:0 25px 50px #00000080}.health-monitor-header{border-bottom:1px solid #94a3b81a;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.health-monitor-header h2{color:#e2e8f0;margin:0;font-size:20px;font-weight:600}.health-monitor-actions{gap:8px;display:flex}.health-monitor-actions button{color:#94a3b8;cursor:pointer;background:#94a3b81a;border:1px solid #94a3b833;border-radius:8px;padding:8px 12px;font-size:16px;transition:all .2s}.health-monitor-actions button:hover{color:#e2e8f0;background:#94a3b833}.health-monitor-content{flex:1;padding:24px;overflow-y:auto}.health-section{margin-bottom:24px}.health-section:last-child{margin-bottom:0}.health-section h3{color:#a78bfa;text-transform:uppercase;letter-spacing:.5px;margin:0 0 16px;font-size:14px;font-weight:600}.section-header h3{margin:0}.clear-btn{color:#fca5a5;cursor:pointer;background:0 0;border:1px solid #ef44444d;border-radius:6px;padding:4px 12px;font-size:12px;transition:all .2s}.status-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;display:grid}.status-card{background:#0f172a99;border:1px solid #94a3b81a;border-radius:10px;padding:16px;transition:all .2s;position:relative}.status-card:hover{border-color:#94a3b84d}.status-indicator{border-radius:50%;width:10px;height:10px;animation:2s ease-in-out infinite pulse;position:absolute;top:12px;right:12px}.status-label{color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:11px}.status-value{color:#e2e8f0;font-size:20px;font-weight:700}.memory-bar{background:#94a3b833;border-radius:3px;height:6px;margin-top:8px;overflow:hidden}.memory-fill{border-radius:3px;height:100%;transition:all .3s}.alerts-list{flex-direction:column;gap:8px;display:flex}.alert-item{border-radius:8px;align-items:center;gap:12px;padding:12px 16px;font-size:13px;animation:.3s ease-out slideIn;display:flex}.alert-critical{color:#fca5a5;background:#ef44441a;border:1px solid #ef44444d}.alert-error{color:#fca5a5;background:#ef44441a;border:1px solid #ef444433}.alert-warning{color:#fbbf24;background:#eab3081a;border:1px solid #eab3084d}.alert-icon{font-size:16px}.alert-message{flex:1}.alert-value{opacity:.8;font-family:monospace;font-size:12px}.alert-time{opacity:.6;font-size:11px}.logs-container{background:#0f172a99;border:1px solid #94a3b81a;border-radius:10px;max-height:200px;overflow-y:auto}.log-item{border-bottom:1px solid #94a3b80d;align-items:center;gap:12px;padding:8px 12px;font-size:12px;display:flex}.log-item:last-child{border-bottom:none}.log-timestamp{color:#64748b;min-width:70px;font-family:monospace;font-size:11px}.log-level{text-transform:uppercase;text-align:center;border-radius:4px;min-width:50px;padding:2px 6px;font-size:9px;font-weight:700}.log-level-error{color:#fca5a5;background:#ef444433}.log-level-warning{color:#fbbf24;background:#eab30833}.log-level-info{color:#93c5fd;background:#3b82f633}.log-level-debug{color:#94a3b8;background:#94a3b833}.log-message{color:#e2e8f0;flex:1}.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;display:grid}.metric-box{background:#0f172a99;border:1px solid #94a3b81a;border-radius:10px;padding:16px}.metric-label{color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:11px}.metric-value{color:#e2e8f0;font-size:24px;font-weight:700}.action-buttons{flex-wrap:wrap;gap:12px;display:flex}.action-buttons button{color:#fff;cursor:pointer;background:linear-gradient(120deg,#6366f1,#4f46e5);border:none;border-radius:8px;padding:12px 20px;font-size:13px;font-weight:600;transition:all .2s}.action-buttons button:hover{transform:translateY(-1px);box-shadow:0 6px 12px #6366f14d}.action-buttons button:nth-child(2){background:linear-gradient(120deg,#ec4899,#db2777)}.action-buttons button:nth-child(3){background:linear-gradient(120deg,#f59e0b,#d97706)}.action-buttons button:nth-child(4){background:linear-gradient(120deg,#10b981,#059669)}@keyframes slideIn{0%{opacity:0;filter:blur(2px);transform:translateY(12px)scale(.98)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}.health-monitor-content::-webkit-scrollbar{width:6px}.logs-container::-webkit-scrollbar{width:6px}.health-monitor-content::-webkit-scrollbar-track{background:0 0}.logs-container::-webkit-scrollbar-track{background:0 0}.health-monitor-content::-webkit-scrollbar-thumb{background:#94a3b833;border-radius:3px}.logs-container::-webkit-scrollbar-thumb{background:#94a3b833;border-radius:3px}@media (max-width:600px){.status-grid,.metrics-grid{grid-template-columns:repeat(2,1fr)}.action-buttons button{flex:1;min-width:120px}}.idea-incubator-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.idea-incubator-panel{background:var(--panel-bg,#1a1a2e);border:1px solid var(--border-color,#ffffff1a);border-radius:16px;flex-direction:column;width:100%;max-width:1000px;height:85vh;max-height:800px;display:flex;overflow:hidden;box-shadow:0 25px 50px #00000080}.idea-incubator-header{border-bottom:1px solid var(--border-color,#ffffff1a);background:linear-gradient(135deg,#6366f11a 0%,#0000 100%);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.idea-incubator-title{align-items:center;gap:12px;display:flex}.idea-incubator-icon{filter:drop-shadow(0 0 10px #6366f180);font-size:2rem}.idea-incubator-title h2{color:var(--text-primary,#fff);margin:0;font-size:1.4rem;font-weight:600}.idea-incubator-subtitle{color:var(--text-secondary,#a0a0a0);margin:2px 0 0;font-size:.85rem}.idea-incubator-close{color:var(--text-secondary,#a0a0a0);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;padding:0;font-size:1.8rem;transition:all .2s;display:flex}.idea-incubator-close:hover{color:#ef4444;background:#ef444433}.idea-incubator-error{color:#ef4444;background:#ef444426;border:1px solid #ef44444d;justify-content:space-between;align-items:center;padding:12px 24px;font-size:.9rem;display:flex}.idea-incubator-error button{color:#ef4444;cursor:pointer;background:0 0;border:1px solid #ef444480;border-radius:4px;padding:4px 12px;font-size:.8rem}.idea-incubator-tabs{border-bottom:1px solid var(--border-color,#ffffff1a);background:#0003;gap:4px;padding:12px 24px 0;display:flex}.idea-incubator-tabs button{color:var(--text-secondary,#a0a0a0);cursor:pointer;background:0 0;border:none;border-radius:8px 8px 0 0;align-items:center;gap:6px;padding:10px 16px;font-size:.9rem;transition:all .2s;display:flex}.idea-incubator-tabs button:hover{color:var(--text-primary,#fff);background:#ffffff0d}.idea-incubator-tabs button.active{background:var(--panel-bg,#1a1a2e);color:var(--text-primary,#fff);border:1px solid var(--border-color,#ffffff1a);border-bottom:none;margin-bottom:-1px}.idea-incubator-content{flex:1;padding:20px 24px;overflow-y:auto}.idea-incubator-loading{height:200px;color:var(--text-secondary,#a0a0a0);justify-content:center;align-items:center;font-size:1rem;display:flex}.idea-btn{color:var(--text-primary,#fff);cursor:pointer;background:#ffffff1a;border:1px solid #ffffff26;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:.85rem;transition:all .2s;display:inline-flex}.idea-btn:hover{background:#ffffff26}.idea-btn-primary{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);border:none}.idea-btn-primary:hover{background:linear-gradient(135deg,#5558e0 0%,#7c4fe0 100%);box-shadow:0 4px 12px #6366f166}.idea-btn-sm{padding:6px 12px;font-size:.8rem}.idea-btn.danger{color:#ef4444;border-color:#ef44444d}.idea-btn.danger:hover{background:#ef444426}.ideas-tab{height:100%}.ideas-toolbar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px;display:flex}.ideas-search{flex:1;min-width:200px}.ideas-search-input{border:1px solid var(--border-color,#ffffff1a);width:100%;color:var(--text-primary,#fff);background:#0000004d;border-radius:8px;padding:10px 14px;font-size:.9rem;transition:all .2s}.ideas-search-input:focus{border-color:#6366f1;outline:none;box-shadow:0 0 0 3px #6366f126}.ideas-filters{gap:8px;display:flex}.ideas-filter-select{border:1px solid var(--border-color,#ffffff1a);color:var(--text-primary,#fff);cursor:pointer;background:#0000004d;border-radius:8px;min-width:140px;padding:8px 12px;font-size:.85rem}.ideas-filter-select:focus{border-color:#6366f1;outline:none}.ideas-filter-select option{background:#1a1a2e}.ideas-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.ideas-empty-icon{opacity:.5;margin-bottom:16px;font-size:4rem}.ideas-empty h3{color:var(--text-primary,#fff);margin:0 0 8px;font-size:1.3rem}.ideas-empty p{color:var(--text-secondary,#a0a0a0);max-width:300px;margin:0 0 20px}.ideas-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;display:grid}.idea-card{border:1px solid var(--border-color,#ffffff1a);cursor:pointer;background:#0003;border-radius:12px;padding:16px;transition:all .2s;position:relative;overflow:hidden}.idea-card:before{content:"";background:var(--idea-color,#6366f1);opacity:.7;width:4px;position:absolute;top:0;bottom:0;left:0}.idea-card:hover{border-color:var(--idea-color,#fff3);background:#0000004d;transform:translateY(-2px);box-shadow:0 8px 24px #0000004d}.idea-card.implemented{opacity:.7}.idea-card.implemented:before{background:#10b981}.idea-card-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.idea-card-category{color:var(--text-secondary,#a0a0a0);align-items:center;gap:6px;font-size:.8rem;display:flex}.idea-category-icon{font-size:1rem}.idea-card-badges{gap:6px;display:flex}.idea-priority-badge{border-radius:4px;padding:2px 8px;font-size:.7rem;font-weight:500}.idea-title{color:var(--text-primary,#fff);margin:0 0 8px;font-size:1.1rem;font-weight:600;line-height:1.3}.idea-description{color:var(--text-secondary,#a0a0a0);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0 0 12px;font-size:.85rem;line-height:1.5;display:-webkit-box;overflow:hidden}.idea-card-status{align-items:center;gap:8px;margin-bottom:12px;display:flex}.status-indicator{color:#fff;border-radius:6px;align-items:center;gap:6px;padding:4px 10px;font-size:.8rem;display:flex}.status-advance-btn{color:var(--text-secondary,#a0a0a0);cursor:pointer;background:#ffffff1a;border:1px solid #ffffff26;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:flex}.status-advance-btn:hover{color:var(--text-primary,#fff);background:#fff3}.idea-tags{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.idea-tag{color:var(--text-secondary,#a0a0a0);background:#ffffff1a;border-radius:4px;padding:2px 8px;font-size:.75rem}.idea-tag-more{color:var(--text-secondary,#a0a0a0);font-size:.75rem}.idea-card-footer{border-top:1px solid var(--border-color,#ffffff0d);justify-content:space-between;align-items:center;padding-top:12px;display:flex}.idea-actions{gap:4px;display:flex}.idea-action-btn{color:var(--text-secondary,#a0a0a0);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 8px;font-size:.85rem;transition:all .2s}.idea-action-btn:hover{color:var(--text-primary,#fff);background:#ffffff1a}.idea-action-btn.danger:hover{color:#ef4444;background:#ef444426}.inspire-tab{padding:10px}.prompt-card{text-align:center;background:linear-gradient(135deg,#6366f126 0%,#8b5cf61a 100%);border:1px solid #6366f14d;border-radius:16px;margin-bottom:32px;padding:32px}.prompt-header{justify-content:center;align-items:center;gap:10px;margin-bottom:16px;display:flex}.prompt-icon{font-size:2rem}.prompt-header h3{color:var(--text-secondary,#a0a0a0);text-transform:uppercase;letter-spacing:1px;margin:0;font-size:1.1rem}.prompt-text{color:var(--text-primary,#fff);margin:0 0 24px;font-size:1.5rem;font-weight:500;line-height:1.4}.creativity-tips{margin-top:32px}.creativity-tips h4{color:var(--text-primary,#fff);margin:0 0 16px;font-size:1.1rem}.tips-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.tip-card{border:1px solid var(--border-color,#ffffff1a);background:#0003;border-radius:12px;padding:20px;transition:all .2s}.tip-card:hover{background:#0000004d;border-color:#ffffff26}.tip-icon{margin-bottom:10px;font-size:1.5rem;display:block}.tip-card h5{color:var(--text-primary,#fff);margin:0 0 6px;font-size:.95rem}.tip-card p{color:var(--text-secondary,#a0a0a0);margin:0;font-size:.85rem;line-height:1.5}.stats-grid .stat-card{border:1px solid var(--border-color,#ffffff1a);text-align:center;background:#0003;border-radius:12px;padding:20px}.stats-grid .stat-value{color:#6366f1;margin-bottom:4px;font-size:2rem;font-weight:700}.stats-grid .stat-card.implemented .stat-value{color:#10b981}.stats-grid .stat-card.progress .stat-value{color:#f59e0b}.stats-grid .stat-card.rate .stat-value{color:#ec4899}.stats-grid .stat-label{color:var(--text-secondary,#a0a0a0);font-size:.85rem}.stats-sections{grid-template-columns:1fr 1fr;gap:24px;display:grid}.stats-section{border:1px solid var(--border-color,#ffffff1a);background:#0003;border-radius:12px;padding:20px}.stats-section.full-width{grid-column:1/-1}.status-bars{flex-direction:column;gap:12px;display:flex}.status-bar-item{flex-direction:column;gap:4px;display:flex}.status-bar-header{color:var(--text-secondary,#a0a0a0);justify-content:space-between;font-size:.85rem;display:flex}.status-bar{background:#ffffff1a;border-radius:4px;height:8px;overflow:hidden}.status-bar-fill{border-radius:4px;height:100%;transition:width .3s}.category-stat-item{background:#ffffff0d;border-radius:8px;align-items:center;gap:10px;padding:8px 12px;display:flex}.category-stat-icon{font-size:1.1rem}.category-stat-name{color:var(--text-primary,#fff);flex:1;font-size:.9rem}.category-stat-count{color:#6366f1;font-size:.9rem;font-weight:600}.no-data{text-align:center;color:var(--text-secondary,#a0a0a0);padding:20px;font-size:.9rem}.timeline-chart{align-items:flex-end;gap:16px;height:150px;padding-top:20px;display:flex}.timeline-bar-item{flex-direction:column;flex:1;align-items:center;gap:8px;display:flex}.timeline-bar{background:linear-gradient(#6366f1 0%,#8b5cf6 100%);border-radius:4px 4px 0 0;justify-content:center;align-items:flex-start;width:100%;min-height:20px;padding-top:4px;transition:all .3s;display:flex}.timeline-bar-value{color:#fff;font-size:.75rem;font-weight:600}.timeline-bar-label{color:var(--text-secondary,#a0a0a0);font-size:.75rem}.idea-detail-overlay{z-index:1100;background:#000000e6;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.idea-detail-panel{background:var(--panel-bg,#1a1a2e);border:1px solid var(--border-color,#ffffff1a);border-radius:16px;width:100%;max-width:700px;max-height:85vh;padding:24px;overflow-y:auto}.idea-detail-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.idea-detail-meta{gap:8px;display:flex}.idea-detail-category,.idea-detail-priority{border-radius:6px;padding:4px 10px;font-size:.8rem;font-weight:500}.idea-detail-actions{align-items:center;gap:8px;display:flex}.idea-detail-close{color:var(--text-secondary,#a0a0a0);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:1.8rem;transition:all .2s;display:flex}.idea-detail-close:hover{color:#ef4444;background:#ef444433}.idea-detail-title{color:var(--text-primary,#fff);margin:0 0 16px;font-size:1.6rem;font-weight:600;line-height:1.3}.idea-detail-description{background:#0003;border-radius:8px;margin-bottom:20px;padding:16px}.idea-detail-description p{color:var(--text-secondary,#a0a0a0);white-space:pre-wrap;margin:0;font-size:1rem;line-height:1.6}.idea-detail-status-section{margin-bottom:20px}.idea-detail-status-section label{color:var(--text-secondary,#a0a0a0);margin-bottom:10px;font-size:.85rem;display:block}.status-selector{flex-wrap:wrap;gap:8px;display:flex}.status-option{border:1px solid var(--border-color,#ffffff26);cursor:pointer;background:#0000004d;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:.85rem;transition:all .2s;display:flex}.status-option:hover{background:#ffffff0d}.status-option.active{border-width:2px;font-weight:500}.idea-detail-tags{border-bottom:1px solid var(--border-color,#ffffff1a);flex-wrap:wrap;gap:8px;margin-bottom:20px;padding-bottom:20px;display:flex}.idea-detail-tag{color:#818cf8;background:#6366f126;border:1px solid #6366f14d;border-radius:6px;padding:4px 12px;font-size:.85rem}.idea-detail-dates{color:var(--text-secondary,#a0a0a0);gap:16px;margin-bottom:24px;font-size:.8rem;display:flex}.idea-notes-section{background:#0003;border-radius:12px;padding:20px}.notes-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.notes-header h4{color:var(--text-primary,#fff);margin:0;font-size:1rem}.notes-empty{text-align:center;color:var(--text-secondary,#a0a0a0);padding:30px}.note-item{background:#ffffff0d;border-radius:8px;padding:12px 16px}.note-content{color:var(--text-primary,#fff);white-space:pre-wrap;margin-bottom:8px;font-size:.9rem;line-height:1.5}.note-footer{justify-content:space-between;align-items:center;display:flex}.note-date{color:var(--text-secondary,#a0a0a0);font-size:.75rem}.note-delete-btn{color:var(--text-secondary,#a0a0a0);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px 6px;font-size:1rem;transition:all .2s}.note-delete-btn:hover{color:#ef4444;background:#ef444426}.idea-form-overlay{z-index:1200;background:#000000e6;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.idea-form-panel{background:var(--panel-bg,#1a1a2e);border:1px solid var(--border-color,#ffffff1a);border-radius:16px;width:100%;max-width:500px;max-height:90vh;padding:24px;overflow-y:auto}.idea-form-panel.note-form{max-width:400px}.idea-form-panel h3{color:var(--text-primary,#fff);margin:0 0 4px;font-size:1.3rem}.note-form-context{color:var(--text-secondary,#a0a0a0);margin:0 0 20px;font-size:.85rem;font-style:italic}.form-group input,.form-group textarea,.form-group select{border:1px solid var(--border-color,#ffffff26);width:100%;color:var(--text-primary,#fff);background:#0000004d;border-radius:8px;padding:10px 14px;font-size:.9rem;transition:all .2s}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:#6366f1;outline:none;box-shadow:0 0 0 3px #6366f126}.form-row{gap:12px;display:flex}.form-row .form-group,.form-row.three-col .form-group{flex:1}.tag-input-row{gap:8px;display:flex}.tag-input-row input{flex:1}.tag-input-row button{color:var(--text-primary,#fff);cursor:pointer;background:#ffffff1a;border:1px solid #ffffff26;border-radius:8px;padding:8px 16px;font-size:.85rem;transition:all .2s}.tag-input-row button:hover{background:#ffffff26}.form-tag{color:#818cf8;background:#6366f133;border:1px solid #6366f14d;border-radius:6px;align-items:center;gap:4px;padding:4px 10px;font-size:.8rem;display:flex}.form-tag button{color:#818cf8;cursor:pointer;background:0 0;border:none;border-radius:3px;justify-content:center;align-items:center;width:16px;height:16px;padding:0;font-size:.9rem;transition:all .2s;display:flex}.form-tag button:hover{color:#ef4444;background:#ef44444d}@media (max-width:768px){.idea-incubator-panel{border-radius:12px;height:95vh;max-height:none}.ideas-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}.stats-sections,.tips-grid{grid-template-columns:1fr}.ideas-toolbar{flex-direction:column;align-items:stretch}.ideas-filters{flex-wrap:wrap}.ideas-filter-select{flex:1;min-width:120px}.form-row,.form-row.three-col,.status-selector{flex-direction:column}.status-option{justify-content:center}.idea-detail-dates{flex-direction:column;gap:4px}.prompt-text{font-size:1.2rem}.timeline-chart{gap:8px}}@media (max-width:480px){.idea-incubator-header,.idea-incubator-content{padding:16px}.idea-incubator-tabs{padding:8px 16px 0}.idea-incubator-tabs button{padding:8px 12px;font-size:.8rem}.stats-grid{grid-template-columns:1fr 1fr}.stats-grid .stat-value{font-size:1.5rem}}.inspiration-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#000000d9;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.inspiration-panel{background:linear-gradient(145deg,#1a1a2e 0%,#16213e 100%);border:1px solid #ffffff1a;border-radius:20px;flex-direction:column;width:100%;max-width:1200px;height:90vh;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #00000080}.inspiration-header{background:#0003;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:24px 28px;display:flex}.inspiration-title{align-items:center;gap:16px;display:flex}.inspiration-title h2{color:#fff;-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#fbbf24 0%,#f59e0b 100%);-webkit-background-clip:text;background-clip:text;margin:0;font-size:1.5rem;font-weight:600}.subtitle{color:#ffffff80;margin:4px 0 0;font-size:.875rem}.random-btn{color:#fff;background:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 100%)}.random-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #8b5cf666}.random-btn:disabled{opacity:.5;cursor:not-allowed}.add-btn{color:#1a1a2e;background:linear-gradient(135deg,#fbbf24 0%,#f59e0b 100%)}.inspiration-filters{background:#00000026;border-bottom:1px solid #ffffff14;padding:20px 28px}.filter-section{margin-bottom:16px}.filter-section:last-of-type{margin-bottom:0}.filter-section label{text-transform:uppercase;letter-spacing:.05em;color:#fff6;margin-bottom:10px;font-size:.75rem;font-weight:600;display:block}.filter-chips{flex-wrap:wrap;gap:8px;display:flex}.filter-chip{color:#ffffffb3;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff26;border-radius:20px;align-items:center;gap:6px;padding:8px 14px;font-size:.875rem;transition:all .2s;display:flex}.filter-chip:hover{background:#ffffff1a;border-color:#ffffff40}.filter-chip.active{color:#fff;background:#6366f14d;border-color:#6366f199}.filter-chip .count{background:#ffffff26;border-radius:10px;padding:2px 8px;font-size:.75rem;font-weight:600}.mood-chip{border-color:#ffffff1a}.mood-chip .mood-dot{border-radius:50%;width:8px;height:8px}.mood-chip.active{background:var(--mood-color);background:var(--mood-color)}@supports (color:color-mix(in lab, red, red)){.mood-chip.active{background:color-mix(in srgb,var(--mood-color)30%,transparent)}}.mood-chip.active{border-color:var(--mood-color)}.filter-row{align-items:center;gap:16px;margin-top:16px;display:flex}.search-box{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;flex:1;align-items:center;padding:0 14px;transition:all .2s;display:flex}.search-box:focus-within{background:#ffffff14;border-color:#6366f180}.search-icon{color:#fff6;margin-right:10px}.search-box input{color:#fff;background:0 0;border:none;outline:none;flex:1;padding:12px 0;font-size:.9375rem}.clear-search{color:#fff6;cursor:pointer;background:0 0;border:none;padding:4px;font-size:1.25rem}.view-toggle{background:#ffffff0d;border-radius:10px;display:flex;overflow:hidden}.view-toggle button{color:#ffffff80;cursor:pointer;background:0 0;border:none;padding:10px 14px;font-size:1rem;transition:all .2s}.inspiration-form{flex:1;padding:28px;overflow-y:auto}.inspiration-form h3{color:#fff;margin:0 0 8px;font-size:1.25rem}.form-prompt{color:#ffffff80;margin:0 0 24px;font-style:italic}.form-group label .required{color:#ef4444;margin-left:4px}.form-group input,.form-group textarea,.form-group select{color:#fff;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;width:100%;padding:12px 16px;font-family:inherit;font-size:.9375rem;transition:all .2s}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{background:#ffffff14;border-color:#6366f180;outline:none}.form-group select option{color:#fff;background:#1a1a2e}.type-selector{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.type-btn{color:#ffffffb3;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;flex-direction:column;align-items:center;gap:8px;padding:16px;transition:all .2s;display:flex}.type-btn span{font-size:1.5rem}.type-btn.active{color:#fff;background:#6366f140;border-color:#6366f199}.inspiration-content{flex:1;padding:24px 28px;overflow-y:auto}.inspiration-content.grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;display:grid}.inspiration-content.list{flex-direction:column;gap:16px;display:flex}.inspiration-content.list .inspiration-card{max-width:none}.inspiration-card{background:#ffffff08;border:1px solid #ffffff14;border-radius:16px;padding:20px;transition:all .2s;position:relative;overflow:hidden}.inspiration-card:before{content:"";background:var(--mood-color,#6366f1);opacity:.6;height:3px;position:absolute;top:0;left:0;right:0}.inspiration-card:hover{border-color:#ffffff26;transform:translateY(-4px);box-shadow:0 12px 24px #0000004d}.card-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.card-type{font-size:1.25rem}.card-actions{opacity:0;gap:6px;transition:opacity .2s;display:flex}.inspiration-card:hover .card-actions{opacity:1}.card-action{cursor:pointer;background:#ffffff14;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;font-size:.875rem;transition:all .2s;display:flex}.card-action:hover{background:#ffffff26}.card-content{margin-bottom:14px}.card-content blockquote{color:#fff;margin:0;padding:0;font-size:1.125rem;font-style:italic;line-height:1.6}.card-content p{color:#ffffffd9;white-space:pre-wrap;margin:0;font-size:.9375rem;line-height:1.7}.card-link{color:#60a5fa;word-break:break-all;align-items:center;gap:8px;font-size:.9375rem;text-decoration:none;display:inline-flex}.card-link:hover{text-decoration:underline}.card-source{color:#ffffff80;margin-bottom:14px;font-size:.8125rem;font-style:italic}.card-footer{border-top:1px solid #ffffff0f;flex-wrap:wrap;align-items:center;gap:8px;padding-top:14px;display:flex}.mood-badge{border-radius:12px;padding:4px 10px;font-size:.75rem;font-weight:500}.card-footer .date{color:#fff6;margin-left:auto;font-size:.75rem}.empty-state{text-align:center;flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;padding:60px 20px;display:flex}.empty-state p{color:#ffffff80;max-width:300px;margin:0 0 24px}.inspiration-stats{color:#ffffff80;background:#0003;border-top:1px solid #ffffff14;justify-content:center;gap:16px;padding:16px 28px;font-size:.875rem;display:flex}.random-modal{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:1100;background:#000000e6;justify-content:center;align-items:center;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.random-content{text-align:center;max-width:600px;padding:40px;animation:.4s slideUp}.random-close{color:#ffffffb3;cursor:pointer;background:#ffffff1a;border:none;border-radius:50%;width:44px;height:44px;font-size:1.5rem;transition:all .2s;position:absolute;top:24px;right:24px}.random-close:hover{color:#fff;background:#fff3}.random-label{text-transform:uppercase;letter-spacing:.1em;color:#ffffff80;margin-bottom:24px;font-size:.875rem}.random-card{background:linear-gradient(145deg,#ffffff1a 0%,#ffffff0d 100%);border:1px solid #ffffff26;border-radius:24px;margin-bottom:32px;padding:48px;position:relative;box-shadow:0 25px 50px -12px #00000080}.random-card:before{content:"";background:var(--mood-color,#6366f1);border-radius:24px 24px 0 0;height:4px;position:absolute;top:0;left:0;right:0}.random-type{margin-bottom:24px;font-size:3rem;display:block}.random-card blockquote{color:#fff;margin:0;font-size:1.75rem;font-style:italic;line-height:1.5}.random-card p{color:#ffffffe6;margin:0;font-size:1.25rem;line-height:1.7}.random-card a{color:#60a5fa;font-size:1.125rem;text-decoration:none}.random-source{color:#fff9;margin-top:24px;font-size:1rem;font-style:italic}.random-mood{color:#fff;border-radius:20px;margin-top:24px;padding:8px 20px;font-size:.875rem;font-weight:500;display:inline-block}.inspiration-content::-webkit-scrollbar{width:8px}.inspiration-form::-webkit-scrollbar{width:8px}.inspiration-content::-webkit-scrollbar-track{background:#ffffff08}.inspiration-form::-webkit-scrollbar-track{background:#ffffff08}.inspiration-content::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}.inspiration-form::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}.inspiration-content::-webkit-scrollbar-thumb:hover{background:#ffffff40}.inspiration-form::-webkit-scrollbar-thumb:hover{background:#ffffff40}@media (max-width:768px){.inspiration-panel{border-radius:0;max-width:100%;height:100vh}.inspiration-overlay{padding:0}.inspiration-header{flex-direction:column;gap:16px;padding:16px 20px}.inspiration-title,.header-actions{justify-content:center;width:100%}.inspiration-filters{padding:16px 20px}.filter-row{flex-direction:column;gap:12px}.type-selector{grid-template-columns:repeat(2,1fr)}.form-row{grid-template-columns:1fr}.inspiration-content.grid{grid-template-columns:1fr;padding:16px 20px}.random-card{padding:32px 24px}.random-card blockquote{font-size:1.25rem}}.journal-panel-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#000c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.journal-panel{background:var(--bg-primary,#1a1a2e);border:1px solid var(--border-color,#2a2a4a);border-radius:16px;flex-direction:column;width:100%;max-width:800px;max-height:90vh;animation:.3s ease-out journalSlideIn;display:flex;overflow:hidden}@keyframes journalSlideIn{0%{opacity:0;transform:scale(.95)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.journal-panel-header{border-bottom:1px solid var(--border-color,#2a2a4a);background:var(--bg-secondary,#16162a);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.journal-title{align-items:center;gap:16px;display:flex}.journal-title h3{color:var(--text-primary,#e8e8f0);margin:0;font-size:1.4rem;font-weight:600}.journal-streak{color:#fff;background:linear-gradient(135deg,#ff6b35 0%,#f7931e 100%);border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:.9rem;font-weight:600;display:flex}.streak-fire{font-size:1.1rem}.journal-header-actions{gap:8px;display:flex}.journal-header-actions button{background:var(--bg-tertiary,#252545);border:1px solid var(--border-color,#3a3a5a);cursor:pointer;border-radius:8px;padding:8px 12px;font-size:1rem;transition:all .2s}.journal-header-actions button:hover,.journal-header-actions button.active{background:var(--accent-color,#6366f1);border-color:var(--accent-color,#6366f1)}.journal-header-actions .close-btn{padding:4px 12px;font-size:1.4rem;line-height:1}.journal-stats{background:var(--bg-secondary,#16162a);border-bottom:1px solid var(--border-color,#2a2a4a);grid-template-columns:repeat(4,1fr);gap:16px;padding:16px 24px;display:grid}.stat-item{background:var(--bg-primary,#1a1a2e);border:1px solid var(--border-color,#2a2a4a);border-radius:12px;flex-direction:column;align-items:center;gap:4px;padding:12px;display:flex}.journal-write-view{flex:1;padding:24px;overflow-y:auto}.journal-date-selector{align-items:center;gap:12px;margin-bottom:16px;display:flex}.journal-date-selector input[type=date]{background:var(--bg-tertiary,#252545);border:1px solid var(--border-color,#3a3a5a);color:var(--text-primary,#e8e8f0);cursor:pointer;border-radius:8px;padding:10px 14px;font-size:1rem}.today-badge{color:#fff;text-transform:uppercase;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border-radius:12px;padding:4px 10px;font-size:.75rem;font-weight:600}.journal-prompt{background:linear-gradient(135deg,#6366f11a 0%,#8b5cf61a 100%);border:1px solid #6366f14d;border-radius:12px;margin-bottom:20px;padding:16px;position:relative}.prompt-label{color:var(--accent-color,#6366f1);text-transform:uppercase;letter-spacing:.5px;font-size:.8rem;font-weight:600}.prompt-text{color:var(--text-primary,#e8e8f0);margin:8px 0 0;font-size:1.1rem;font-style:italic}.prompt-refresh{cursor:pointer;opacity:.7;background:0 0;border:none;font-size:1.2rem;transition:opacity .2s;position:absolute;top:12px;right:12px}.prompt-refresh:hover{opacity:1;transform:rotate(180deg)}.journal-mood-selector{margin-bottom:20px}.mood-label{color:var(--text-secondary,#9ca3af);margin-bottom:12px;font-size:.9rem;display:block}.mood-btn{background:var(--bg-tertiary,#252545);cursor:pointer;border:2px solid #0000;border-radius:12px;align-items:center;gap:8px;padding:10px 16px;transition:all .2s;display:flex}.mood-btn.selected{border-color:var(--accent-color,#6366f1)}.mood-text{color:var(--text-primary,#e8e8f0);font-size:.9rem;font-weight:500}.journal-textarea{background:var(--bg-tertiary,#252545);border:1px solid var(--border-color,#3a3a5a);width:100%;color:var(--text-primary,#e8e8f0);resize:vertical;border-radius:12px;min-height:200px;padding:16px;font-family:inherit;font-size:1rem;line-height:1.7}.journal-textarea:focus{border-color:var(--accent-color,#6366f1);outline:none}.journal-textarea::placeholder{color:var(--text-muted,#6b7280)}.journal-tags{margin-top:16px}.tags-list{flex-wrap:wrap;gap:8px;margin-bottom:10px;display:flex}.tag{background:var(--accent-color,#6366f1);color:#fff;border-radius:16px;align-items:center;gap:6px;padding:4px 10px;font-size:.85rem;display:inline-flex}.tag button{color:#fff;cursor:pointer;opacity:.7;background:0 0;border:none;font-size:1rem;line-height:1}.tag button:hover{opacity:1}.tag-input{background:var(--bg-tertiary,#252545);border:1px solid var(--border-color,#3a3a5a);color:var(--text-primary,#e8e8f0);border-radius:8px;width:100%;padding:10px 14px;font-size:.9rem}.tag-input:focus{border-color:var(--accent-color,#6366f1);outline:none}.journal-actions{justify-content:flex-end;margin-top:20px;display:flex}.save-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);border:none;border-radius:10px;align-items:center;gap:8px;padding:12px 24px;font-size:1rem;font-weight:600;transition:all .2s;display:flex}.journal-timeline-view{flex:1;padding:24px;overflow-y:auto}.journal-search{margin-bottom:20px}.journal-search input{background:var(--bg-tertiary,#252545);border:1px solid var(--border-color,#3a3a5a);width:100%;color:var(--text-primary,#e8e8f0);border-radius:10px;padding:12px 16px;font-size:1rem}.journal-search input:focus{border-color:var(--accent-color,#6366f1);outline:none}.journal-entries-list{flex-direction:column;gap:16px;display:flex}.journal-entry-card{background:var(--bg-tertiary,#252545);border:1px solid var(--border-color,#3a3a5a);cursor:pointer;border-radius:12px;padding:16px;transition:all .2s}.journal-entry-card:hover{border-color:var(--accent-color,#6366f1);transform:translate(4px)}.entry-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.entry-date{color:var(--text-secondary,#9ca3af);font-size:.85rem;font-weight:500}.entry-mood{border-radius:16px;padding:4px 10px;font-size:.8rem;font-weight:600}.entry-preview{color:var(--text-primary,#e8e8f0);margin:0;font-size:.95rem;line-height:1.6}.entry-tags{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.entry-tag{background:var(--bg-secondary,#1e1e3a);color:var(--text-secondary,#9ca3af);border-radius:12px;padding:2px 8px;font-size:.75rem}.journal-calendar-view{flex:1;padding:24px;overflow-y:auto}.journal-calendar{background:var(--bg-tertiary,#252545);border-radius:12px;padding:16px}.journal-calendar-header{text-align:center;color:var(--text-primary,#e8e8f0);margin-bottom:16px;font-size:1.1rem;font-weight:600}.journal-calendar-grid{grid-template-columns:repeat(7,1fr);gap:8px;display:grid}.journal-calendar-day-header{text-align:center;color:var(--text-secondary,#9ca3af);padding:8px 0;font-size:.8rem;font-weight:600}.journal-calendar-day{aspect-ratio:1;background:var(--bg-primary,#1a1a2e);color:var(--text-primary,#e8e8f0);cursor:pointer;border:2px solid #0000;border-radius:8px;justify-content:center;align-items:center;font-size:.9rem;transition:all .2s;display:flex;position:relative}.journal-calendar-day.empty{cursor:default;background:0 0}.journal-calendar-day:not(.empty):hover{background:var(--bg-hover,#353560)}.journal-calendar-day.today{background:var(--accent-color,#6366f1);color:#fff;font-weight:600}.journal-calendar-day.has-entry{border-color:var(--accent-color,#6366f1)}.mood-dot{border-radius:50%;width:6px;height:6px;position:absolute;bottom:4px}.journal-calendar-legend{flex-wrap:wrap;justify-content:center;gap:20px;margin-top:20px;display:flex}.legend-dot{border-radius:50%;width:10px;height:10px}.journal-entry-modal{z-index:1100;background:#000000e6;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.journal-entry-modal-content{background:var(--bg-primary,#1a1a2e);border:1px solid var(--border-color,#2a2a4a);border-radius:16px;width:100%;max-width:600px;max-height:80vh;padding:24px;overflow-y:auto}.modal-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.modal-header h4{color:var(--text-primary,#e8e8f0);margin:0}.modal-actions{gap:8px;display:flex}.modal-actions button{background:var(--bg-tertiary,#252545);border:1px solid var(--border-color,#3a3a5a);cursor:pointer;border-radius:8px;padding:8px 12px;transition:all .2s}.modal-actions .delete-btn:hover{background:#ef4444;border-color:#ef4444}.modal-mood{border-radius:20px;margin-bottom:16px;padding:6px 14px;font-size:.9rem;font-weight:600;display:inline-block}.modal-content{color:var(--text-primary,#e8e8f0);white-space:pre-wrap;margin:0 0 16px;font-size:1rem;line-height:1.8}.modal-tags{flex-wrap:wrap;gap:8px;display:flex}.modal-tag{background:var(--accent-color,#6366f1);color:#fff;border-radius:16px;padding:4px 12px;font-size:.85rem}.empty-state{text-align:center;color:var(--text-secondary,#9ca3af);padding:40px;font-size:1rem}@media (max-width:600px){.journal-panel{border-radius:0;max-width:100%;max-height:100vh}.journal-panel-overlay{padding:0}.journal-stats{grid-template-columns:repeat(2,1fr)}.mood-options{justify-content:center}.mood-btn{flex-direction:column;min-width:60px;padding:8px 12px}.mood-text{font-size:.75rem}}.knowledge-panel-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#000000b3;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.knowledge-panel{background:var(--panel-bg,#1e293b);border:1px solid var(--border-color,#334155);border-radius:16px;flex-direction:column;width:100%;max-width:800px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #00000080}.knowledge-panel-header{border-bottom:1px solid var(--border-color,#334155);background:linear-gradient(135deg,#10b981 0%,#059669 100%);justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.knowledge-panel-header h3{color:#fff;margin:0;font-size:1.25rem;font-weight:600}.knowledge-tabs{background:var(--panel-bg-secondary,#0f172a);border-bottom:1px solid var(--border-color,#334155);gap:0;display:flex}.knowledge-tabs button{color:var(--text-secondary,#94a3b8);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:.875rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s}.knowledge-tabs button:hover{color:var(--text-primary,#f1f5f9);background:#ffffff0d}.knowledge-tabs button.active{color:#10b981;background:#10b9811a;border-bottom-color:#10b981}.knowledge-content{flex:1;padding:1.5rem;overflow-y:auto}.knowledge-toolbar{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.search-box{flex:1}.add-btn{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:none;border-radius:8px;padding:.625rem 1.25rem;font-weight:500;transition:transform .2s,box-shadow .2s}.filter-bar{flex-wrap:wrap;gap:.75rem;margin-bottom:1rem;display:flex}.filter-bar select{background:var(--input-bg,#0f172a);border:1px solid var(--border-color,#334155);color:var(--text-primary,#f1f5f9);cursor:pointer;border-radius:6px;padding:.5rem .75rem;font-size:.875rem}.filter-bar select:focus{border-color:#10b981;outline:none}.items-list{flex-direction:column;gap:.75rem;display:flex}.knowledge-item{background:var(--item-bg,#0f172a);border:1px solid var(--border-color,#334155);border-radius:12px;padding:1rem;transition:border-color .2s,transform .2s}.knowledge-item:hover{border-color:#10b981;transform:translate(4px)}.knowledge-item.high{border-left:3px solid #ef4444}.knowledge-item.medium{border-left:3px solid #f59e0b}.knowledge-item.low{border-left:3px solid #22c55e}.item-header{align-items:flex-start;gap:.75rem;margin-bottom:.5rem;display:flex}.item-icon{flex-shrink:0;font-size:1.5rem}.item-title-group{flex:1;min-width:0}.item-title-group h5{color:var(--text-primary,#f1f5f9);word-wrap:break-word;margin:0;font-size:1rem;font-weight:600}.item-author{color:var(--text-secondary,#94a3b8);font-size:.8rem}.item-actions{gap:.25rem;display:flex}.item-actions button,.item-actions a{width:28px;height:28px;color:var(--text-secondary,#94a3b8);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;font-size:.875rem;text-decoration:none;transition:all .2s;display:flex}.item-actions button:hover,.item-actions a:hover{color:var(--text-primary,#f1f5f9);background:#ffffff1a}.item-meta{flex-wrap:wrap;gap:.5rem;margin-bottom:.5rem;display:flex}.status-badge,.priority-badge,.category-badge{border-radius:4px;padding:.25rem .5rem;font-size:.75rem;font-weight:500}.status-badge{color:#60a5fa;background:#3b82f633}.status-badge.completed{color:#4ade80;background:#22c55e33}.status-badge.learning{color:#fbbf24;background:#f59e0b33}.status-badge.dropped{color:#94a3b8;background:#64748b33}.priority-badge.high{color:#f87171;background:#ef444433}.priority-badge.medium{color:#fbbf24;background:#f59e0b33}.priority-badge.low{color:#4ade80;background:#22c55e33}.category-badge{color:#a78bfa;background:#8b5cf633}.progress-bar{background:var(--input-bg,#0f172a);border-radius:12px;height:24px;margin-top:.5rem;position:relative;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#10b981 0%,#059669 100%);height:100%;transition:width .3s}.progress-bar span{color:#fff;text-shadow:0 1px 2px #0000004d;justify-content:center;align-items:center;font-size:.75rem;font-weight:600;display:flex;position:absolute;inset:0}.item-rating{margin-top:.5rem;font-size:.875rem}.item-notes{color:var(--text-secondary,#94a3b8);margin:.5rem 0 0;font-size:.875rem;font-style:italic}.add-form-overlay{z-index:1100;background:#000c;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.add-form{background:var(--panel-bg,#1e293b);border:1px solid var(--border-color,#334155);border-radius:12px;width:100%;max-width:500px;max-height:90vh;padding:1.5rem;overflow-y:auto}.add-form h4{color:var(--text-primary,#f1f5f9);margin:0 0 1rem}.add-form input,.add-form select,.add-form textarea{background:var(--input-bg,#0f172a);border:1px solid var(--border-color,#334155);width:100%;color:var(--text-primary,#f1f5f9);border-radius:8px;margin-bottom:.75rem;padding:.625rem .875rem;font-size:.875rem}.add-form input:focus,.add-form select:focus,.add-form textarea:focus{border-color:#10b981;outline:none}.add-form textarea{resize:vertical;min-height:80px}.progress-input,.rating-input{margin-bottom:.75rem}.progress-input label,.rating-input label{color:var(--text-secondary,#94a3b8);margin-bottom:.25rem;font-size:.875rem;display:block}.progress-input input[type=range]{width:100%;margin:0}.stars{gap:.25rem;display:flex}.stars button{cursor:pointer;opacity:.4;background:0 0;border:none;padding:0;font-size:1.25rem;transition:opacity .2s}.stars button.filled{opacity:1}.cancel-btn{border:1px solid var(--border-color,#334155);color:var(--text-secondary,#94a3b8);cursor:pointer;background:0 0;border-radius:8px;padding:.625rem 1rem;transition:all .2s}.cancel-btn:hover{color:#ef4444;border-color:#ef4444}.save-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:none;border-radius:8px;padding:.625rem 1.25rem;font-weight:500;transition:all .2s}.save-btn:not(:disabled):hover{box-shadow:0 4px 12px #10b9814d}.ideas-list{flex-direction:column;gap:.75rem;display:flex}.idea-card{background:var(--item-bg,#0f172a);border:1px solid var(--border-color,#334155);border-radius:12px;padding:1rem;transition:all .2s}.idea-card:hover{border-color:#f59e0b}.idea-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.idea-date{color:var(--text-secondary,#94a3b8);font-size:.75rem}.idea-card h5{color:var(--text-primary,#f1f5f9);margin:0 0 .5rem;font-size:1rem}.idea-content{color:var(--text-secondary,#94a3b8);white-space:pre-wrap;margin:0;font-size:.875rem;line-height:1.5}.stats-overview{grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.5rem;display:grid}.stat-card{background:var(--item-bg,#0f172a);border:1px solid var(--border-color,#334155);text-align:center;border-radius:12px;padding:1rem;transition:all .2s}.stat-card:hover{border-color:#10b981;transform:translateY(-2px)}.stat-card.completed{border-color:#22c55e}.stat-card.in-progress{border-color:#f59e0b}.stat-card.want{border-color:#3b82f6}.stats-section h4{color:var(--text-primary,#f1f5f9);margin:0 0 1rem;font-size:1rem}.category-stats{flex-direction:column;gap:.75rem;display:flex}.category-stat-bar{align-items:center;gap:.75rem;display:flex}.category-label{width:100px;color:var(--text-secondary,#94a3b8);flex-shrink:0;font-size:.875rem}.category-bar{background:var(--input-bg,#0f172a);border-radius:4px;flex:1;height:8px;overflow:hidden}.category-fill{border-radius:4px;height:100%;transition:width .3s}.category-numbers{text-align:right;width:50px;color:var(--text-secondary,#94a3b8);font-size:.875rem}.monthly-stats{flex-direction:column;gap:.5rem;display:flex}.month-bar{align-items:center;gap:.75rem;display:flex}.month-label{width:80px;color:var(--text-secondary,#94a3b8);flex-shrink:0;font-size:.8rem}.month-fill-container{background:var(--input-bg,#0f172a);border-radius:4px;flex:1;height:24px;overflow:hidden}.month-fill{background:linear-gradient(90deg,#10b981 0%,#059669 100%);border-radius:4px;height:100%;transition:width .3s}.month-count{text-align:right;width:30px;color:var(--text-primary,#f1f5f9);font-size:.875rem;font-weight:600}.no-data{color:var(--text-secondary,#94a3b8);font-style:italic}.motivation{background:linear-gradient(135deg,#10b9811a 0%,#0596691a 100%);border:1px solid #10b9814d;border-radius:12px;padding:1rem 1.5rem}.motivation p{color:var(--text-secondary,#94a3b8);margin:0;line-height:1.6}@media (max-width:640px){.knowledge-panel{border-radius:0;max-height:100vh}.knowledge-panel-overlay{padding:0}.stats-overview{grid-template-columns:repeat(2,1fr)}.form-row{grid-template-columns:1fr}.category-label{width:80px;font-size:.75rem}.knowledge-toolbar{flex-direction:column}.add-btn{width:100%}}.learning-path-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#000c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.learning-path-panel{background:var(--surface,#1a1a2e);border:1px solid var(--border,#ffffff1a);border-radius:16px;flex-direction:column;width:100%;max-width:900px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #00000080}.learning-path-header{border-bottom:1px solid var(--border,#ffffff1a);background:var(--surface-elevated,#252542);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.learning-path-header h3{color:var(--text-primary,#fff);margin:0;font-size:1.25rem;font-weight:600}.create-btn,.back-btn{cursor:pointer;border:none;border-radius:8px;padding:8px 16px;font-size:.875rem;font-weight:500;transition:all .2s}.create-btn{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6)}.back-btn{background:var(--surface,#2a2a4a);color:var(--text-primary,#fff);border:1px solid var(--border,#ffffff1a)}.close-btn{width:32px;height:32px;color:var(--text-secondary,#94a3b8);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;font-size:1.5rem;transition:all .2s;display:flex}.stats-dashboard{background:var(--surface-elevated,#252542);grid-template-columns:repeat(4,1fr);gap:16px;padding:20px 24px;display:grid}.stat-value{color:var(--primary,#6366f1);font-size:1.75rem;font-weight:700;line-height:1;display:block}.filters-row{background:var(--surface-elevated,#252542);border-bottom:1px solid var(--border,#ffffff1a);gap:12px;padding:16px 24px;display:flex}.filters-row select{border:1px solid var(--border,#ffffff1a);background:var(--surface,#1a1a2e);color:var(--text-primary,#fff);cursor:pointer;border-radius:8px;padding:8px 12px;font-size:.875rem}.paths-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;max-height:500px;padding:20px 24px;display:grid;overflow-y:auto}.path-card{background:var(--surface,#1a1a2e);border:1px solid var(--border,#ffffff0d);cursor:pointer;border-radius:12px;padding:20px;transition:all .2s;position:relative;overflow:hidden}.path-card:before{content:"";background:var(--path-color,#6366f1);height:3px;position:absolute;top:0;left:0;right:0}.path-card:hover{border-color:var(--path-color,#6366f14d);transform:translateY(-2px);box-shadow:0 8px 24px #0000004d}.path-card-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.path-icon{font-size:1.5rem}.difficulty-badge{text-transform:uppercase;letter-spacing:.5px;color:#fff;border-radius:4px;padding:4px 8px;font-size:.625rem;font-weight:600}.path-title{color:var(--text-primary,#fff);white-space:nowrap;text-overflow:ellipsis;margin:0 0 8px;font-size:1rem;font-weight:600;overflow:hidden}.path-description{color:var(--text-secondary,#94a3b8);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 16px;font-size:.8125rem;line-height:1.5;display:-webkit-box;overflow:hidden}.path-progress{margin-bottom:12px}.progress-fill{background:linear-gradient(90deg,var(--path-color,#6366f1),var(--path-color,#6366f1));height:100%}@supports (color:color-mix(in lab, red, red)){.progress-fill{background:linear-gradient(90deg,var(--path-color,#6366f1),color-mix(in srgb,var(--path-color,#6366f1)70%,white))}}.progress-fill{border-radius:3px;transition:width .3s}.path-stats-row{color:var(--text-tertiary,#64748b);gap:12px;font-size:.75rem;display:flex}.empty-state{text-align:center;color:var(--text-secondary,#94a3b8);grid-column:1/-1;padding:60px 20px}.empty-state p{margin:0 0 16px;font-size:1rem}.empty-state button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:8px;padding:10px 20px;font-weight:500;transition:all .2s}.empty-state button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #6366f166}.path-form{max-height:70vh;padding:24px;overflow-y:auto}.form-section input[type=text],.form-section input[type=number],.form-section input[type=url],.form-section textarea,.form-section select{border:1px solid var(--border,#ffffff1a);background:var(--surface,#1a1a2e);width:100%;color:var(--text-primary,#fff);border-radius:8px;padding:10px 14px;font-size:.875rem;transition:all .2s}.form-section input:focus,.form-section textarea:focus,.form-section select:focus{border-color:var(--primary,#6366f1);outline:none;box-shadow:0 0 0 3px #6366f11a}.form-section textarea{resize:vertical;font-family:inherit}.category-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.category-option{border:1px solid var(--border,#ffffff1a);background:var(--surface,#1a1a2e);cursor:pointer;border-radius:8px;flex-direction:column;align-items:center;gap:4px;padding:12px 8px;transition:all .2s;display:flex}.category-option.selected{border-color:var(--primary,#6366f1);background:#6366f11a}.category-emoji{font-size:1.5rem}.category-label{color:var(--text-secondary,#94a3b8);text-align:center;font-size:.625rem}.difficulty-options{flex-direction:column;gap:8px;display:flex}.difficulty-option{border:1px solid var(--border,#ffffff1a);background:var(--surface,#1a1a2e);cursor:pointer;border-radius:8px;align-items:center;gap:12px;padding:12px;transition:all .2s;display:flex}.difficulty-option:hover{background:var(--surface-hover,#252542)}.difficulty-option.selected{border-color:var(--difficulty-color,#6366f1);background:var(--difficulty-color,#6366f1)}@supports (color:color-mix(in lab, red, red)){.difficulty-option.selected{background:color-mix(in srgb,var(--difficulty-color,#6366f1)10%,transparent)}}.difficulty-name{color:var(--text-primary,#fff);min-width:80px;font-size:.875rem;font-weight:500}.difficulty-desc{color:var(--text-secondary,#94a3b8);font-size:.75rem}.milestone-input-row,.resource-input-row{gap:8px;margin-bottom:8px;display:flex}.resource-input-row input[type=text]{flex:1}.resource-input-row input[type=url]{flex:1.5}.remove-btn{color:#ef4444;cursor:pointer;background:#ef44441a;border:none;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.25rem;transition:all .2s;display:flex}.remove-btn:hover{background:#ef444433}.add-btn{border:1px dashed var(--border,#fff3);color:var(--text-secondary,#94a3b8);cursor:pointer;background:0 0;border-radius:8px;width:100%;padding:8px 16px;font-size:.875rem;transition:all .2s}.add-btn:hover{border-color:var(--primary,#6366f1);color:var(--primary,#6366f1);background:#6366f10d}.btn-secondary{background:var(--surface,#2a2a4a);color:var(--text-primary,#fff);border:1px solid var(--border,#ffffff1a)}.btn-danger{color:#ef4444;background:#ef44441a;border:1px solid #ef444433}.path-detail{flex-direction:column;height:100%;display:flex;overflow:hidden}.detail-header{background:linear-gradient(135deg,var(--path-color,#6366f1),transparent);padding:24px}@supports (color:color-mix(in lab, red, red)){.detail-header{background:linear-gradient(135deg,color-mix(in srgb,var(--path-color,#6366f1)20%,transparent),transparent)}}.detail-header{border-bottom:1px solid var(--border,#ffffff1a);align-items:flex-start;gap:16px;display:flex}.detail-icon{font-size:3rem;line-height:1}.detail-info{flex:1}.detail-info h2{color:var(--text-primary,#fff);margin:0 0 8px;font-size:1.5rem;font-weight:600}.detail-info p{color:var(--text-secondary,#94a3b8);margin:0 0 12px;font-size:.875rem}.detail-meta{flex-wrap:wrap;gap:8px;display:flex}.meta-badge{text-transform:uppercase;letter-spacing:.5px;color:#fff;background:var(--surface,#2a2a4a);border-radius:4px;padding:4px 10px;font-size:.6875rem;font-weight:600}.detail-tabs{border-bottom:1px solid var(--border,#ffffff1a);background:var(--surface-elevated,#252542);gap:4px;padding:0 24px;display:flex}.tab-btn{color:var(--text-secondary,#94a3b8);cursor:pointer;background:0 0;border:none;padding:12px 20px;font-size:.875rem;font-weight:500;transition:all .2s;position:relative}.tab-btn:hover{color:var(--text-primary,#fff)}.tab-btn.active{color:var(--primary,#6366f1)}.detail-stats{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;display:grid}.detail-stat{text-align:center;background:var(--surface,#1a1a2e);border:1px solid var(--border,#ffffff0d);border-radius:12px;padding:16px}.detail-stat .stat-number{color:var(--primary,#6366f1);font-size:1.5rem;font-weight:700;display:block}.detail-stat .stat-label{color:var(--text-secondary,#94a3b8);text-transform:uppercase;letter-spacing:.5px;font-size:.6875rem}.study-timer-section{background:var(--surface,#1a1a2e);text-align:center;border:1px solid var(--border,#ffffff0d);border-radius:12px;margin-bottom:24px;padding:24px}.study-timer-section h4{color:var(--text-secondary,#94a3b8);text-transform:uppercase;letter-spacing:.5px;margin:0 0 16px;font-size:.875rem}.timer-display-large{color:var(--text-primary,#fff);text-shadow:0 0 30px #6366f14d;margin-bottom:20px;font-family:SF Mono,Monaco,monospace;font-size:3rem;font-weight:700}.recent-sessions h4{color:var(--text-secondary,#94a3b8);margin:0 0 12px;font-size:.875rem}.no-data{color:var(--text-tertiary,#64748b);text-align:center;padding:20px;font-style:italic}.session-item{background:var(--surface,#1a1a2e);color:var(--text-secondary,#94a3b8);border-radius:8px;justify-content:space-between;padding:10px 14px;font-size:.875rem;display:flex}.milestones-list{flex-direction:column;gap:8px;display:flex}.milestone-item{background:var(--surface,#1a1a2e);cursor:pointer;border:1px solid var(--border,#ffffff0d);border-radius:10px;align-items:center;gap:12px;padding:14px;transition:all .2s;display:flex}.milestone-item:hover{background:var(--surface-hover,#252542)}.milestone-item.completed{opacity:.7}.milestone-item.completed .milestone-title{color:var(--text-tertiary,#64748b);text-decoration:line-through}.milestone-checkbox{flex-shrink:0;font-size:1.25rem}.milestone-content{flex-direction:column;flex:1;gap:2px;display:flex}.milestone-number{color:var(--text-tertiary,#64748b);text-transform:uppercase;letter-spacing:.5px;font-size:.625rem}.milestone-title{color:var(--text-primary,#fff);font-size:.9375rem;font-weight:500}.milestone-date{color:#4ade80;font-size:.6875rem}.resources-list{flex-direction:column;gap:8px;display:flex}.resource-item{background:var(--surface,#1a1a2e);border:1px solid var(--border,#ffffff0d);border-radius:10px;align-items:center;gap:12px;padding:14px;text-decoration:none;transition:all .2s;display:flex}.resource-item:hover{background:var(--surface-hover,#252542);border-color:var(--primary,#6366f14d)}.resource-type{background:var(--surface-elevated,#252542);text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary,#94a3b8);border-radius:4px;padding:4px 8px;font-size:.625rem;font-weight:600}.resource-title{color:var(--text-primary,#fff);flex:1;font-size:.9375rem}.resource-link{opacity:.5;font-size:.875rem}.notes-tab textarea{border:1px solid var(--border,#ffffff1a);background:var(--surface,#1a1a2e);width:100%;min-height:300px;color:var(--text-primary,#fff);resize:vertical;border-radius:12px;padding:16px;font-family:inherit;font-size:.9375rem;line-height:1.6}.notes-tab textarea:focus{border-color:var(--primary,#6366f1);outline:none}.detail-actions{border-top:1px solid var(--border,#ffffff1a);background:var(--surface-elevated,#252542);justify-content:flex-end;padding:16px 24px;display:flex}@media (max-width:768px){.stats-dashboard,.detail-stats{grid-template-columns:repeat(2,1fr)}.paths-grid{grid-template-columns:1fr}.category-grid{grid-template-columns:repeat(3,1fr)}.form-row{grid-template-columns:1fr}.filters-row{flex-wrap:wrap}.filters-row select{flex:1;min-width:120px}.timer-display-large{font-size:2rem}.resource-input-row{flex-direction:column}}.theme-light .learning-path-panel{--surface:#fff;--surface-elevated:#f8fafc;--text-primary:#1e293b;--text-secondary:#64748b;--text-tertiary:#94a3b8;--border:#0000001a;--primary:#6366f1}.life-balance-overlay{z-index:1000;background:#000000d9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.life-balance-panel{background:linear-gradient(#1e293b 0%,#0f172a 100%);border-radius:20px;flex-direction:column;width:90%;max-width:700px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 25px 80px #000000b3,0 0 0 1px #ffffff0d}.life-balance-header{background:#0003;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.life-balance-header h3{color:#fff;align-items:center;gap:10px;margin:0;font-size:20px;font-weight:600;display:flex}.history-btn{color:#94a3b8;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;padding:8px 12px;font-size:16px;transition:all .2s}.history-btn:hover{color:#fff;background:#ffffff1a}.life-balance-content{max-height:calc(90vh - 80px);padding:24px;overflow-y:auto}.wheel-section{flex-direction:column;align-items:center;margin-bottom:24px;display:flex}.wheel-container{width:280px;height:280px;margin-bottom:16px;position:relative}.balance-wheel{width:100%;height:100%}.area-label{cursor:pointer;-webkit-user-select:none;user-select:none;font-size:20px;transition:all .2s}.area-label:hover{transform:scale(1.2)}.area-label.selected{filter:drop-shadow(0 0 8px #6366f1cc)}.balance-polygon{transition:all .3s;animation:3s ease-in-out infinite pulse-wheel}@keyframes pulse-wheel{0%,to{opacity:.8}50%{opacity:1}}.overall-score{flex-direction:column;align-items:center;gap:4px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.score-circle{background:#00000080;border:3px solid;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:80px;height:80px;display:flex}.score-value{font-size:28px;font-weight:700;line-height:1}.score-label{color:#64748b;font-size:12px}.score-status{white-space:nowrap;background:#0000004d;border-radius:12px;padding:4px 10px;font-size:12px;font-weight:600}.wheel-instructions{text-align:center;background:#6366f114;border:1px solid #6366f133;border-radius:10px;padding:12px 16px}.wheel-instructions p{color:#94a3b8;margin:0;font-size:13px;line-height:1.5}.areas-grid{grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:24px;display:grid}.area-card{cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;padding:14px;transition:all .2s;position:relative;overflow:hidden}.area-card:before{content:"";background:var(--area-color,#6366f1);opacity:0;width:4px;transition:opacity .2s;position:absolute;top:0;bottom:0;left:0}.area-card:hover{background:#ffffff0f;transform:translateY(-2px)}.area-card.selected{border-color:var(--area-color,#6366f1);background:#ffffff14}.area-card.selected:before{opacity:1}.area-header{align-items:center;gap:10px;display:flex}.area-icon{font-size:20px}.area-name{color:#fff;flex:1;font-size:14px;font-weight:500}.area-rating{font-size:14px;font-weight:600}.area-controls{border-top:1px solid #ffffff14;margin-top:14px;padding-top:14px}.area-description{color:#64748b;margin:0 0 12px;font-size:12px;line-height:1.4}.rating-slider{appearance:none;cursor:pointer;background:#ffffff1a;border-radius:4px;outline:none;width:100%;height:8px}.rating-slider::-webkit-slider-thumb{appearance:none;background:var(--area-color,#6366f1);cursor:pointer;border-radius:50%;width:20px;height:20px;transition:transform .1s;box-shadow:0 2px 8px #0000004d}.rating-slider::-webkit-slider-thumb:hover{transform:scale(1.1)}.rating-slider::-moz-range-thumb{background:var(--area-color,#6366f1);cursor:pointer;border:none;border-radius:50%;width:20px;height:20px;box-shadow:0 2px 8px #0000004d}.rating-labels{color:#64748b;justify-content:space-between;align-items:center;margin-top:8px;font-size:11px;display:flex}.insights-section{margin-bottom:24px}.insights-section h4{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;margin:0 0 16px;font-size:14px;font-weight:600}.insights-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.insight-card{background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;padding:16px}.insight-card h5{color:#fff;margin:0 0 10px;font-size:13px;font-weight:600}.insight-card p{color:#64748b;margin:0 0 8px;font-size:12px}.insight-card ul{color:#94a3b8;margin:0;padding-left:16px;font-size:12px}.insight-card li{margin-bottom:4px;line-height:1.4}.reflection-section{margin-bottom:24px}.reflection-section h4{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;margin:0 0 12px;font-size:14px;font-weight:600}.reflection-section textarea{color:#fff;resize:vertical;box-sizing:border-box;background:#0000004d;border:1px solid #ffffff1a;border-radius:10px;width:100%;padding:14px;font-family:inherit;font-size:14px}.reflection-section textarea:focus{border-color:#6366f1;outline:none}.reflection-section textarea::placeholder{color:#64748b}.life-balance-actions{justify-content:center;gap:12px;display:flex}.save-snapshot-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:8px;padding:14px 20px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.save-snapshot-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #6366f166}.clear-data-btn{color:#ef4444;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;padding:14px 20px;font-size:14px;font-weight:500;transition:all .2s}.clear-data-btn:hover{background:#ef44441a}.life-balance-history{max-height:calc(90vh - 80px);padding:24px;overflow-y:auto}.life-balance-history h4{color:#fff;margin:0 0 20px;font-size:16px;font-weight:600}.no-history{text-align:center;color:#64748b;padding:40px;font-style:italic}.history-list{flex-direction:column;gap:10px;margin-bottom:20px;display:flex}.history-item{background:#ffffff08;border:1px solid #ffffff14;border-radius:10px;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.history-avg{color:#94a3b8;font-size:14px}.history-avg strong{color:#6366f1}.life-balance-content::-webkit-scrollbar{width:6px}.life-balance-history::-webkit-scrollbar{width:6px}.life-balance-content::-webkit-scrollbar-track{background:#0003}.life-balance-history::-webkit-scrollbar-track{background:#0003}.life-balance-content::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.life-balance-history::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.life-balance-content::-webkit-scrollbar-thumb:hover{background:#fff3}.life-balance-history::-webkit-scrollbar-thumb:hover{background:#fff3}@media (max-width:640px){.areas-grid,.insights-grid{grid-template-columns:1fr}.wheel-container{width:240px;height:240px}.score-circle{width:70px;height:70px}.score-value{font-size:24px}}.meal-panel-overlay{z-index:1000;background:#000000d9;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.meal-panel{background:linear-gradient(#1e293b 0%,#0f172a 100%);border:1px solid #ffffff14;border-radius:20px;flex-direction:column;width:100%;max-width:500px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 25px 80px #000000b3}.meal-panel-header{background:#0003;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.meal-panel-header h3{color:#fff;align-items:center;gap:8px;margin:0;font-size:18px;font-weight:600;display:flex}.meal-view-tabs{background:#00000026;border-bottom:1px solid #ffffff14;gap:8px;padding:12px 16px;display:flex}.meal-view-tabs button{color:#94a3b8;cursor:pointer;background:#ffffff08;border:1px solid #ffffff0f;border-radius:10px;flex:1;padding:10px 16px;font-size:14px;font-weight:500;transition:all .2s}.meal-view-tabs button:hover{color:#fff;background:#ffffff14}.meal-view-tabs button.active{color:#fff;background:linear-gradient(135deg,#22c55e,#16a34a);border-color:#0000}.daily-summary{background:linear-gradient(#22c55e14 0%,#0000 100%);padding:20px 24px}.macro-cards{grid-template-columns:1.2fr 1fr 1fr 1fr;gap:12px;display:grid}.macro-card{background:#00000040;border:1px solid #ffffff0f;border-radius:14px;flex-direction:column;align-items:center;padding:16px 8px;display:flex}.macro-card.calories{grid-row:span 2;justify-content:center}.macro-ring{width:100px;height:100px;position:relative}.macro-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.ring-progress{fill:none;stroke:#22c55e;stroke-width:8px;stroke-linecap:round;transition:stroke-dashoffset .5s}.macro-card.calories .macro-value{text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.macro-card.calories .current{color:#fff;font-size:28px;font-weight:700;line-height:1;display:block}.macro-card.calories .goal{color:#64748b;font-size:14px}.macro-card.calories .macro-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;margin-top:12px;font-size:13px;font-weight:600}.macro-card.calories .macro-remaining{color:#22c55e;margin-top:4px;font-size:12px}.macro-card:not(.calories){justify-content:space-between;min-height:70px}.macro-bar{background:#ffffff14;border-radius:3px;width:100%;height:6px;margin-bottom:8px;overflow:hidden}.macro-bar-fill{border-radius:3px;height:100%;transition:width .4s}.macro-card.protein .macro-bar-fill{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.macro-card.carbs .macro-bar-fill{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.macro-card.fat .macro-bar-fill{background:linear-gradient(90deg,#a855f7,#c084fc)}.macro-card:not(.calories) .macro-label{color:#64748b;text-transform:uppercase;letter-spacing:.5px;font-size:11px}.macro-card:not(.calories) .macro-amount{color:#fff;font-size:14px;font-weight:600}.add-meal-section{border-bottom:1px solid #ffffff0f;padding:16px 24px}.add-meal-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#22c55e,#16a34a);border:none;border-radius:14px;justify-content:center;align-items:center;gap:10px;width:100%;padding:16px 24px;font-size:16px;font-weight:600;transition:all .2s;display:flex;box-shadow:0 4px 20px #22c55e4d}.add-meal-btn:hover{transform:translateY(-2px);box-shadow:0 8px 30px #22c55e66}.add-meal-btn .btn-icon{font-size:24px;line-height:1}.meals-container{flex:1;padding:16px 20px;overflow-y:auto}.meal-section{background:#0003;border:1px solid #ffffff0f;border-radius:14px;margin-bottom:16px;overflow:hidden}.meal-section-header{background:linear-gradient(90deg,rgba(var(--meal-color-rgb,255,255,255),.1),transparent);border-bottom:1px solid #ffffff0f;align-items:center;gap:10px;padding:12px 16px;display:flex}.meal-icon{font-size:20px}.meal-label{color:#fff;flex:1;font-size:14px;font-weight:600}.quick-add{color:#94a3b8;cursor:pointer;background:#ffffff14;border:1px solid #ffffff1a;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;padding:0;font-size:18px;transition:all .2s;display:flex}.quick-add:hover{color:#fff;background:#ffffff26}.empty-meal-type{text-align:center;color:#64748b;padding:20px;font-size:13px}.meal-items{padding:8px}.meal-item{background:#ffffff08;border-radius:10px;align-items:center;gap:12px;margin-bottom:8px;padding:12px;transition:all .2s;display:flex}.meal-item:hover{background:#ffffff0f}.meal-item-icon{background:#0000004d;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;font-size:24px;display:flex}.meal-item-info{flex-direction:column;flex:1;gap:2px;display:flex}.meal-item-name{color:#fff;font-size:14px;font-weight:500}.meal-item-macros{color:#64748b;font-size:12px}.meal-item-time{color:#475569;font-variant-numeric:tabular-nums;font-size:12px}.remove-meal-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;padding:0;font-size:18px;transition:all .2s;display:flex}.remove-meal-btn:hover{color:#ef4444;background:#ef444433}.add-meal-modal{z-index:100;background:#000000e6;justify-content:center;align-items:flex-end;display:flex;position:absolute;inset:0}.add-meal-content{background:linear-gradient(#1e293b 0%,#0f172a 100%);border:1px solid #ffffff14;border-bottom:none;border-radius:24px 24px 0 0;flex-direction:column;width:100%;max-height:85%;animation:.3s slide-up;display:flex}@keyframes slide-up{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.modal-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.modal-header h4{color:#fff;margin:0;font-size:18px;font-weight:600}.meal-type-selector{border-bottom:1px solid #ffffff0f;grid-template-columns:repeat(4,1fr);gap:8px;padding:16px 20px;display:grid}.meal-type-selector button{color:#94a3b8;cursor:pointer;background:#ffffff08;border:2px solid #ffffff0f;border-radius:12px;flex-direction:column;align-items:center;gap:6px;padding:12px 8px;transition:all .2s;display:flex}.meal-type-selector button span:first-child{font-size:24px}.meal-type-selector button span:last-child{font-size:11px;font-weight:500}.meal-type-selector button:hover{background:#ffffff14;border-color:#ffffff1f}.meal-type-selector button.active{background:rgba(var(--meal-color-rgb,255,255,255),.15);border-color:var(--meal-color,#22c55e);color:#fff}.food-tabs{gap:8px;padding:16px 20px 12px;display:flex}.food-tabs button{color:#94a3b8;cursor:pointer;background:#ffffff08;border:1px solid #ffffff0f;border-radius:10px;flex:1;padding:12px 16px;font-size:13px;font-weight:500;transition:all .2s}.food-tabs button:hover{color:#fff;background:#ffffff14}.food-tabs button.active{color:#60a5fa;background:#3b82f633;border-color:#3b82f666}.food-grid{flex:1;grid-template-columns:repeat(2,1fr);gap:10px;padding:0 20px 20px;display:grid;overflow-y:auto}.food-item{position:relative}.food-btn{color:#fff;cursor:pointer;background:#ffffff08;border:1px solid #ffffff0f;border-radius:12px;flex-direction:column;align-items:center;gap:6px;width:100%;padding:14px 12px;transition:all .2s;display:flex}.food-btn:hover{background:#ffffff14;border-color:#ffffff1f;transform:translateY(-2px)}.food-icon{font-size:28px}.food-name{font-size:13px;font-weight:500}.food-calories{color:#64748b;font-size:11px}.favorite-btn{color:#64748b;cursor:pointer;background:#00000080;border:none;border-radius:6px;justify-content:center;align-items:center;width:26px;height:26px;padding:0;font-size:14px;transition:all .2s;display:flex;position:absolute;top:6px;right:6px}.favorite-btn:hover,.favorite-btn.active{color:#fbbf24;background:#fbbf2433}.custom-food-form{flex-direction:column;gap:16px;padding:0 20px 20px;display:flex}.custom-food-form input[type=text]{color:#fff;background:#0000004d;border:1px solid #ffffff1a;border-radius:10px;width:100%;padding:14px 16px;font-size:15px}.custom-food-form input:focus{border-color:#22c55e;outline:none}.macro-inputs{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.macro-inputs>div{flex-direction:column;gap:6px;display:flex}.macro-inputs label{color:#64748b;text-transform:uppercase;letter-spacing:.5px;font-size:12px}.macro-inputs input{color:#fff;background:#0000004d;border:1px solid #ffffff1a;border-radius:10px;width:100%;padding:12px 14px;font-size:15px}.add-custom-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#22c55e,#16a34a);border:none;border-radius:12px;padding:14px 24px;font-size:15px;font-weight:600;transition:all .2s}.add-custom-btn:hover{transform:translateY(-2px);box-shadow:0 4px 20px #22c55e4d}.meal-settings{flex:1;padding:24px;overflow-y:auto}.meal-settings h4{color:#fff;margin:0 0 20px;font-size:16px;font-weight:600}.goal-inputs{flex-direction:column;gap:16px;margin-bottom:24px;display:flex}.goal-input-group{flex-direction:column;gap:8px;display:flex}.goal-input-group label{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;font-size:13px}.goal-input-group input{color:#fff;background:#0000004d;border:1px solid #ffffff1a;border-radius:10px;padding:14px 16px;font-size:16px;font-weight:500}.stats-view h4{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;margin:0 0 20px;font-size:15px;font-weight:600}.weekly-chart{background:#0003;border-radius:16px;justify-content:space-between;align-items:flex-end;height:200px;margin-bottom:24px;padding:20px;display:flex}.day-bar{flex-direction:column;flex:1;align-items:center;gap:8px;display:flex}.bar-container{background:#ffffff0d;border-radius:8px;width:100%;height:120px;position:relative;overflow:hidden}.bar-fill{border-radius:8px 8px 0 0;transition:height .4s;position:absolute;bottom:0;left:0;right:0}.day-label{color:#64748b;font-size:12px;font-weight:500}.day-calories{color:#475569;font-size:11px}.stats-summary{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.stat-box{text-align:center;background:#0003;border-radius:14px;flex-direction:column;align-items:center;padding:20px;display:flex}.stat-box .stat-value{color:#fff;margin-bottom:4px;font-size:24px;font-weight:700}.history-view h4{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;margin:0 0 16px;font-size:15px;font-weight:600}.history-item{background:#0003;border-radius:12px;align-items:center;gap:12px;padding:14px;transition:all .2s;display:flex}.history-name{color:#fff;font-size:14px;font-weight:500}.history-calories{color:#22c55e;font-size:14px;font-weight:600}.meals-container::-webkit-scrollbar{width:6px}.food-grid::-webkit-scrollbar{width:6px}.meal-settings::-webkit-scrollbar{width:6px}.history-view::-webkit-scrollbar{width:6px}.meals-container::-webkit-scrollbar-track{background:#0003}.food-grid::-webkit-scrollbar-track{background:#0003}.meal-settings::-webkit-scrollbar-track{background:#0003}.history-view::-webkit-scrollbar-track{background:#0003}.meals-container::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.food-grid::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.meal-settings::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.history-view::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.meals-container::-webkit-scrollbar-thumb:hover{background:#fff3}.food-grid::-webkit-scrollbar-thumb:hover{background:#fff3}.meal-settings::-webkit-scrollbar-thumb:hover{background:#fff3}.history-view::-webkit-scrollbar-thumb:hover{background:#fff3}@media (max-width:480px){.meal-panel{border-radius:16px;max-height:95vh}.macro-cards{grid-template-columns:1fr 1fr}.macro-card.calories{grid-area:span 1/span 2}.food-grid{grid-template-columns:1fr}.meal-type-selector{grid-template-columns:repeat(2,1fr)}.stats-summary{grid-template-columns:1fr}.weekly-chart{height:160px}.bar-container{height:80px}}.meeting-panel-overlay{z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000d9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.meeting-panel{background:linear-gradient(145deg,#1e293b 0%,#0f172a 100%);border:1px solid #ffffff14;border-radius:20px;flex-direction:column;width:90%;max-width:700px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 25px 80px #0009,0 0 0 1px #ffffff0d}.meeting-panel-header{background:#0003;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.meeting-panel-header h3{color:#e2e8f0;align-items:center;gap:10px;margin:0;font-size:20px;font-weight:600;display:flex}.new-meeting-btn,.back-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);border:none;border-radius:10px;padding:10px 18px;font-size:14px;font-weight:500;transition:all .2s}.new-meeting-btn:hover,.back-btn:hover{transform:translateY(-1px);box-shadow:0 8px 20px #6366f166}.meeting-list-view{max-height:calc(90vh - 80px);padding:24px;overflow-y:auto}.templates-section{margin-bottom:28px}.templates-section h4{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;margin:0 0 16px;font-size:14px}.template-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.template-card{cursor:pointer;text-align:left;background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;flex-direction:column;gap:6px;padding:16px;transition:all .2s;display:flex}.template-card:hover{background:#6366f11a;border-color:#6366f14d;transform:translateY(-2px)}.template-name{color:#e2e8f0;font-size:14px;font-weight:500}.template-duration{color:#64748b;font-size:12px}.meeting-history h4{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;margin:0 0 16px;font-size:14px}.empty-meetings{text-align:center;color:#64748b;padding:48px 24px}.empty-emoji{margin-bottom:16px;font-size:48px;display:block}.empty-meetings p{color:#94a3b8;margin:0 0 8px;font-size:16px}.meeting-list{flex-direction:column;gap:8px;display:flex}.meeting-item{cursor:pointer;background:#ffffff08;border:1px solid #ffffff0f;border-radius:12px;justify-content:space-between;align-items:center;padding:16px;transition:all .2s;display:flex}.meeting-item:hover{background:#ffffff0f;border-color:#ffffff1a}.meeting-info{flex-direction:column;gap:4px;display:flex}.meeting-title{color:#e2e8f0;font-size:15px;font-weight:500}.meeting-meta{color:#64748b;font-size:12px}.meeting-actions{align-items:center;gap:12px;display:flex}.meeting-status{font-size:16px}.delete-meeting-btn{color:#64748b;cursor:pointer;opacity:0;background:0 0;border:none;padding:4px;font-size:14px;transition:all .2s}.meeting-item:hover .delete-meeting-btn{opacity:1}.delete-meeting-btn:hover{color:#ef4444}.prepare-view{max-height:calc(90vh - 80px);padding:24px;overflow-y:auto}.meeting-form{flex-direction:column;gap:20px;display:flex}.form-group label{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;font-size:13px}.form-group input[type=text]{color:#e2e8f0;background:#0000004d;border:1px solid #ffffff1a;border-radius:12px;padding:14px 16px;font-size:15px;transition:all .2s}.form-group input[type=text]:focus{background:#0006;border-color:#6366f1;outline:none}.agenda-builder{flex-direction:column;gap:12px;display:flex}.agenda-header{justify-content:space-between;align-items:center;display:flex}.agenda-header label{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;font-size:13px}.total-duration{color:#6366f1;font-size:13px;font-weight:500}.agenda-items{flex-direction:column;gap:8px;display:flex}.agenda-item-row{background:#0003;border:1px solid #ffffff0f;border-radius:10px;align-items:center;gap:10px;padding:12px;display:flex}.agenda-icon{font-size:18px}.agenda-title-input{color:#e2e8f0;background:#ffffff0d;border:1px solid #ffffff14;border-radius:8px;flex:1;padding:10px 14px;font-size:14px}.agenda-title-input:focus{border-color:#6366f1;outline:none}.agenda-duration-input{color:#e2e8f0;text-align:center;background:#ffffff0d;border:1px solid #ffffff14;border-radius:8px;width:60px;padding:10px;font-size:14px}.duration-label{color:#64748b;margin-right:8px;font-size:12px}.agenda-controls{gap:4px;display:flex}.agenda-controls button{color:#94a3b8;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff14;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex}.agenda-controls button:hover:not(:disabled){color:#fff;background:#ffffff1a}.agenda-controls button:disabled{opacity:.3;cursor:not-allowed}.agenda-controls .remove-btn:hover{color:#ef4444;background:#ef444433;border-color:#ef44444d}.add-agenda-btn{color:#94a3b8;cursor:pointer;background:#ffffff08;border:1px dashed #ffffff26;border-radius:10px;padding:14px;font-size:14px;transition:all .2s}.add-agenda-btn:hover{color:#a78bfa;background:#6366f11a;border-color:#6366f166}.start-meeting-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#22c55e 0%,#16a34a 100%);border:none;border-radius:12px;margin-top:8px;padding:16px;font-size:16px;font-weight:600;transition:all .2s}.start-meeting-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #22c55e66}.start-meeting-btn:disabled{opacity:.5;cursor:not-allowed}.live-view{max-height:calc(90vh - 80px);padding:24px;overflow-y:auto}.meeting-progress{margin-bottom:20px}.progress-bar{background:#ffffff14;border-radius:3px;height:6px;margin-bottom:8px;overflow:hidden}.progress-text{color:#64748b;font-size:12px}.current-agenda{text-align:center;background:#6366f11a;border:1px solid #6366f133;border-radius:16px;margin-bottom:24px;padding:24px}.current-icon{margin-bottom:12px;font-size:36px;display:block}.current-agenda h4{color:#e2e8f0;margin:0;font-size:20px;font-weight:600}.meeting-timer{text-align:center;margin-bottom:20px}.timer-display{font-variant-numeric:tabular-nums;color:#e2e8f0;text-shadow:0 0 30px #6366f14d;margin-bottom:20px;font-size:64px;font-weight:700;line-height:1}.timer-display.warning{color:#f59e0b;animation:1s ease-in-out infinite pulse-warning}@keyframes pulse-warning{0%,to{opacity:1}50%{opacity:.6}}.timer-controls{justify-content:center;gap:12px;display:flex}.timer-btn{cursor:pointer;color:#94a3b8;background:#ffffff14;border:1px solid #ffffff1a;border-radius:10px;padding:14px 24px;font-size:14px;font-weight:600;transition:all .2s}.timer-btn:hover:not(:disabled){color:#fff;background:#ffffff1f}.timer-btn:disabled{opacity:.3;cursor:not-allowed}.timer-btn.start{color:#fff;background:linear-gradient(135deg,#22c55e 0%,#16a34a 100%);border:none}.timer-btn.start:hover{box-shadow:0 8px 24px #22c55e66}.timer-btn.pause{color:#fff;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);border:none}.timer-btn.pause:hover{box-shadow:0 8px 24px #f59e0b66}.up-next{text-align:center;background:#ffffff08;border-radius:8px;margin-bottom:20px;padding:12px}.up-next span{color:#64748b;font-size:13px}.live-notes,.live-action-items{margin-bottom:20px}.live-notes label,.live-action-items label{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px;font-size:13px;display:block}.live-notes textarea{color:#e2e8f0;resize:vertical;background:#0000004d;border:1px solid #ffffff1a;border-radius:12px;width:100%;min-height:100px;padding:14px;font-family:inherit;font-size:14px}.live-notes textarea:focus{border-color:#6366f1;outline:none}.action-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.add-action-btn{color:#a78bfa;cursor:pointer;background:#6366f133;border:1px solid #6366f14d;border-radius:6px;padding:6px 14px;font-size:12px;transition:all .2s}.add-action-btn:hover{background:#6366f14d}.action-list{flex-direction:column;gap:8px;display:flex}.action-item{background:#0003;border:1px solid #ffffff0f;border-radius:10px;align-items:center;gap:10px;padding:12px;display:flex}.action-item.completed{opacity:.5}.action-item.completed .action-text{text-decoration:line-through}.action-item input[type=checkbox]{accent-color:#6366f1;cursor:pointer;width:20px;height:20px}.action-text{color:#e2e8f0;background:#ffffff0d;border:1px solid #ffffff14;border-radius:6px;flex:1;padding:8px 12px;font-size:14px}.action-assignee{color:#a78bfa;background:#ffffff0d;border:1px solid #ffffff14;border-radius:6px;width:100px;padding:8px 12px;font-size:13px}.remove-action-btn{color:#64748b;cursor:pointer;background:0 0;border:none;padding:4px;font-size:18px;transition:all .2s}.remove-action-btn:hover{color:#ef4444}.end-meeting-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);border:none;border-radius:12px;width:100%;padding:16px;font-size:16px;font-weight:600;transition:all .2s}.end-meeting-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #6366f166}.summary-view{max-height:calc(90vh - 80px);padding:24px;overflow-y:auto}.summary-header{margin-bottom:20px}.summary-header h4{color:#e2e8f0;margin:0 0 8px;font-size:22px}.summary-date{color:#64748b;font-size:13px}.summary-stats{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:24px;display:grid}.stat-box{text-align:center;background:#0003;border:1px solid #ffffff0f;border-radius:12px;padding:20px}.stat-box .stat-value{color:#e2e8f0;margin-bottom:4px;font-size:28px;font-weight:700;display:block}.stat-box .stat-label{color:#64748b;text-transform:uppercase;letter-spacing:.5px;font-size:12px}.summary-section{margin-bottom:24px}.summary-section h5{color:#94a3b8;align-items:center;gap:8px;margin:0 0 12px;font-size:14px;display:flex}.summary-notes{color:#e2e8f0;white-space:pre-wrap;background:#0003;border:1px solid #ffffff0f;border-radius:12px;padding:16px;font-size:14px;line-height:1.6}.summary-actions{flex-direction:column;gap:8px;display:flex}.summary-action{background:#0003;border:1px solid #ffffff0f;border-radius:10px;align-items:center;gap:10px;padding:12px 16px;display:flex}.summary-action.done{opacity:.5}.summary-action.done .action-text{text-decoration:line-through}.summary-action .action-text{color:#e2e8f0;flex:1;font-size:14px}.summary-action .action-assignee{color:#a78bfa;background:#6366f11a;border-radius:20px;padding:4px 10px;font-size:12px}.summary-agenda{flex-direction:column;gap:8px;display:flex}.summary-agenda-item{background:#0003;border:1px solid #ffffff0f;border-radius:10px;align-items:center;gap:10px;padding:12px 16px;display:flex}.summary-agenda-item span:first-child{font-size:18px}.summary-agenda-item span:nth-child(2){color:#e2e8f0;flex:1;font-size:14px}.agenda-duration{color:#64748b;background:#ffffff0d;border-radius:20px;padding:4px 10px;font-size:12px}.back-to-list-btn{color:#94a3b8;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;width:100%;margin-top:8px;padding:14px;font-size:14px;transition:all .2s}.back-to-list-btn:hover{color:#fff;background:#ffffff1a}.meeting-list-view::-webkit-scrollbar{width:6px}.prepare-view::-webkit-scrollbar{width:6px}.live-view::-webkit-scrollbar{width:6px}.summary-view::-webkit-scrollbar{width:6px}.meeting-list-view::-webkit-scrollbar-track{background:#0003}.prepare-view::-webkit-scrollbar-track{background:#0003}.live-view::-webkit-scrollbar-track{background:#0003}.summary-view::-webkit-scrollbar-track{background:#0003}.meeting-list-view::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.prepare-view::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.live-view::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.summary-view::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.meeting-list-view::-webkit-scrollbar-thumb:hover{background:#fff3}.prepare-view::-webkit-scrollbar-thumb:hover{background:#fff3}.live-view::-webkit-scrollbar-thumb:hover{background:#fff3}.summary-view::-webkit-scrollbar-thumb:hover{background:#fff3}@media (max-width:600px){.meeting-panel{width:95%;max-height:95vh}.template-grid{grid-template-columns:1fr}.agenda-item-row{flex-wrap:wrap}.agenda-title-input{order:2;width:100%;margin-top:8px}.timer-display{font-size:48px}.timer-controls{flex-wrap:wrap}.timer-btn{flex:1;min-width:80px}.summary-stats{grid-template-columns:1fr}}.mindful-panel-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.mindful-panel{background:linear-gradient(145deg,#1a1a2e 0%,#16213e 100%);border-radius:20px;flex-direction:column;width:100%;max-width:600px;max-height:85vh;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #00000080,0 0 0 1px #ffffff1a}.mindful-panel-header{background:#0003;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.mindful-panel-header h3{color:#fff;align-items:center;gap:10px;margin:0;font-size:1.4rem;font-weight:600;display:flex}.view-btn{color:#ffffffb3;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff1a;border-radius:8px;padding:8px 14px;font-size:.85rem;transition:all .2s}.view-btn:hover{color:#fff;background:#ffffff26}.view-btn.active{color:#fff;background:#6366f1;border-color:#6366f1}.mindful-home{flex:1;padding:24px;overflow-y:auto}.mindful-stats-row{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:24px;display:grid}.stat-card .stat-icon{margin-bottom:8px;font-size:1.5rem}.stat-card .stat-value{color:#fff;margin-bottom:2px;font-size:1.5rem;font-weight:700}.stat-card .stat-label{color:#ffffff80;text-transform:uppercase;letter-spacing:.5px;font-size:.75rem}.section{margin-bottom:24px}.section h4{color:#fff9;text-transform:uppercase;letter-spacing:1px;margin:0 0 12px;font-size:.9rem}.preset-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.preset-card{cursor:pointer;text-align:left;background:#ffffff0d;border:2px solid #0000;border-radius:14px;flex-direction:column;align-items:flex-start;padding:16px;transition:all .2s;display:flex}.preset-card:hover{background:#ffffff14;transform:translateY(-2px)}.preset-card.selected{background:#6366f11a;border-color:#6366f1}.preset-card .preset-name{color:#fff;margin-bottom:4px;font-size:1rem;font-weight:600}.preset-card .preset-duration{color:#6366f1;margin-bottom:4px;font-size:.85rem;font-weight:500}.preset-card .preset-desc{color:#fff6;font-size:.75rem}.custom-duration{background:#ffffff08;border-radius:10px;align-items:center;gap:12px;margin-top:12px;padding:12px;display:flex}.custom-duration label{color:#fff9;white-space:nowrap;font-size:.85rem}.custom-duration input[type=range]{-webkit-appearance:none;background:#ffffff1a;border-radius:3px;outline:none;flex:1;height:6px}.custom-duration input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#6366f1;border-radius:50%;width:18px;height:18px;box-shadow:0 2px 8px #6366f166}.duration-value{color:#6366f1;text-align:right;min-width:50px;font-size:.9rem;font-weight:600}.guidance-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.guidance-card{cursor:pointer;text-align:left;background:#ffffff0d;border:2px solid #0000;border-radius:12px;flex-direction:column;padding:14px;transition:all .2s;display:flex}.guidance-card:hover{background:#ffffff14}.guidance-card.selected{background:#10b9811a;border-color:#10b981}.guidance-card .guidance-name{color:#fff;margin-bottom:4px;font-size:.95rem;font-weight:500}.guidance-card .guidance-desc{color:#fff6;font-size:.75rem}.ambient-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.ambient-card{cursor:pointer;background:#ffffff0d;border:2px solid #0000;border-radius:12px;flex-direction:column;align-items:center;gap:6px;padding:12px 8px;transition:all .2s;display:flex}.ambient-card:hover{background:#ffffff14}.ambient-card.selected{background:#8b5cf61a;border-color:#8b5cf6}.ambient-card .ambient-icon{font-size:1.5rem}.ambient-card .ambient-name{color:#ffffffb3;font-size:.75rem}.bell-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.bell-card{cursor:pointer;background:#ffffff0d;border:2px solid #0000;border-radius:12px;flex-direction:column;align-items:center;gap:6px;padding:12px 8px;transition:all .2s;display:flex}.bell-card:hover{background:#ffffff14}.bell-card.selected{background:#f59e0b1a;border-color:#f59e0b}.bell-card .bell-icon{font-size:1.3rem}.bell-card .bell-name{color:#ffffffb3;text-align:center;font-size:.7rem}.start-meditation-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);border:none;border-radius:16px;justify-content:center;align-items:center;gap:12px;width:100%;margin-top:8px;padding:18px 24px;transition:all .3s;display:flex;box-shadow:0 8px 24px #6366f14d}.start-meditation-btn:hover{transform:translateY(-2px);box-shadow:0 12px 32px #6366f166}.start-meditation-btn .btn-icon{font-size:1.5rem}.start-meditation-btn .btn-text{font-size:1.1rem;font-weight:600}.start-meditation-btn .btn-duration{background:#fff3;border-radius:20px;margin-left:auto;padding:4px 12px;font-size:.85rem}.meditation-timer{background:linear-gradient(#6366f10d 0%,#0000 100%);flex-direction:column;flex:1;justify-content:center;align-items:center;padding:40px;display:flex}.timer-container{flex-direction:column;align-items:center;gap:40px;display:flex}.meditation-circle{width:260px;height:260px;position:relative}.meditation-circle svg{width:100%;height:100%;transform:rotate(-90deg)}.circle-bg{fill:none;stroke:#ffffff1a;stroke-width:4px}.circle-progress{fill:none;stroke:url(#gradient);stroke-width:4px;stroke-linecap:round;transition:stroke-dashoffset 1s linear}.timer-display{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.timer-display .timer-time{color:#fff;font-variant-numeric:tabular-nums;letter-spacing:2px;font-size:3.5rem;font-weight:300}.timer-display .timer-guidance{color:#ffffff80;margin-top:8px;font-size:1rem}.breathing-circle{background:radial-gradient(circle,#6366f14d 0%,#0000 70%);border-radius:50%;justify-content:center;align-items:center;width:260px;height:260px;animation:4s ease-in-out infinite breathe-pulse;display:flex;position:relative}.breathing-circle.inhale{animation:4s ease-in-out forwards breathe-inhale}.breathing-circle.hold{animation:4s ease-in-out forwards breathe-hold}.breathing-circle.exhale{animation:4s ease-in-out forwards breathe-exhale}@keyframes breathe-inhale{0%{opacity:.5;transform:scale(1)}to{opacity:.8;transform:scale(1.3)}}@keyframes breathe-exhale{0%{opacity:.8;transform:scale(1.3)}to{opacity:.5;transform:scale(1)}}.breath-inner{background:radial-gradient(circle,#6366f180 0%,#8b5cf64d 100%);border-radius:50%;justify-content:center;align-items:center;width:180px;height:180px;display:flex;box-shadow:0 0 60px #6366f166}.breath-text{color:#fff;text-align:center;font-size:1.2rem;font-weight:500}.timer-controls{gap:16px;display:flex}.control-btn{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:12px;align-items:center;gap:8px;padding:14px 28px;font-size:1rem;transition:all .2s;display:flex}.control-btn:hover{background:#ffffff26;transform:translateY(-2px)}.control-btn.stop:hover{background:#ef444433}.control-btn.pause:hover{background:#f59e0b33}.session-info{color:#fff9;background:#ffffff0d;border-radius:20px;align-items:center;gap:8px;padding:10px 16px;font-size:.85rem;display:flex}.session-complete{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:40px;display:flex}.complete-icon{margin-bottom:20px;font-size:5rem;animation:2s ease-in-out infinite gentle-bounce}@keyframes gentle-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.session-complete h4{color:#fff;margin:0 0 12px;font-size:1.8rem}.complete-message{color:#fff9;max-width:300px;margin-bottom:32px;font-size:1rem;line-height:1.6}.complete-stats{grid-template-columns:repeat(2,1fr);gap:16px;width:100%;max-width:280px;margin-bottom:32px;display:grid}.complete-stat{background:#ffffff0d;border-radius:12px;flex-direction:column;gap:4px;padding:16px;display:flex}.complete-stat .stat-label{color:#ffffff80;text-transform:uppercase;letter-spacing:.5px;font-size:.75rem}.complete-stat .stat-value{color:#fff;font-size:1.3rem;font-weight:600}.complete-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:none;border-radius:12px;padding:14px 32px;font-size:1rem;font-weight:600;transition:all .2s}.history-view{flex:1;padding:24px;overflow-y:auto}.history-view h4{color:#fff;margin:0 0 20px;font-size:1.2rem}.history-item{background:#ffffff08;border:1px solid #ffffff0d;border-radius:12px;align-items:center;gap:14px;padding:16px;transition:background .2s;display:flex}.history-icon{background:#6366f133;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.2rem;display:flex}.history-info{flex-direction:column;flex:1;gap:2px;display:flex}.history-preset{color:#fff;font-size:.95rem;font-weight:500}.history-meta{color:#fff6;font-size:.8rem}.history-duration{color:#6366f1;background:#6366f11a;border-radius:20px;padding:6px 12px;font-size:.9rem;font-weight:600}.clear-history-btn{color:#ef4444cc;cursor:pointer;background:#ef44441a;border:1px solid #ef44444d;border-radius:10px;width:100%;margin-top:20px;padding:12px;font-size:.9rem;transition:all .2s}.clear-history-btn:hover{color:#ef4444;background:#ef444433}.stats-view{flex:1;padding:24px;overflow-y:auto}.stats-view h4{color:#fff;margin:0 0 20px;font-size:1.2rem}.stats-view h5{color:#fff9;text-transform:uppercase;letter-spacing:1px;margin:0 0 16px;font-size:.9rem}.stats-summary{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:32px;display:grid}.summary-card{text-align:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:14px;flex-direction:column;align-items:center;padding:20px 12px;transition:all .2s;display:flex}.summary-card.highlight{background:#6366f11a;border-color:#6366f14d}.summary-card .summary-value{color:#fff;margin-bottom:4px;font-size:1.3rem;font-weight:700}.summary-card.highlight .summary-value{color:#6366f1}.summary-card .summary-label{color:#ffffff80;text-transform:uppercase;letter-spacing:.5px;font-size:.7rem}.weekly-chart{margin-bottom:32px}.chart-bars{background:#ffffff08;border-radius:14px;justify-content:space-between;align-items:flex-end;gap:8px;height:150px;padding:16px;display:flex}.chart-bar-wrapper{flex-direction:column;flex:1;align-items:center;gap:8px;height:100%;display:flex;position:relative}.chart-bar{background:linear-gradient(#6366f1 0%,#8b5cf6 100%);border-radius:4px 4px 0 0;width:100%;max-width:30px;min-height:4px;transition:all .3s}.chart-bar:not(.has-data){background:#ffffff1a}.chart-bar-wrapper:hover .chart-bar{opacity:1!important}.chart-tooltip{color:#fff;white-space:nowrap;opacity:0;pointer-events:none;background:#000c;border-radius:6px;margin-bottom:4px;padding:4px 8px;font-size:.7rem;transition:opacity .2s;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.chart-bar-wrapper:hover .chart-tooltip{opacity:1}.insights{margin-bottom:24px}.insight-cards{flex-direction:column;gap:10px;display:flex}.insight-card{background:#ffffff08;border:1px solid #ffffff0d;border-radius:12px;align-items:center;gap:12px;padding:14px 16px;display:flex}.insight-card .insight-icon{font-size:1.3rem}.insight-card .insight-text{color:#ffffffb3;font-size:.9rem}@media (max-width:480px){.mindful-panel-overlay{padding:10px}.mindful-panel{max-height:90vh}.mindful-stats-row{grid-template-columns:repeat(3,1fr);gap:8px}.stat-card{padding:12px 8px}.stat-card .stat-value{font-size:1.2rem}.stat-card .stat-label{font-size:.65rem}.preset-grid,.guidance-grid{grid-template-columns:1fr}.ambient-grid,.bell-grid{grid-template-columns:repeat(2,1fr)}.stats-summary{grid-template-columns:1fr}.breathing-circle{width:220px;height:220px}.breath-inner{width:150px;height:150px}.meditation-circle{width:220px;height:220px}.timer-display .timer-time{font-size:2.8rem}}.mode-selector-screen{color:#fff;background:radial-gradient(circle at 25% 25%,#6366f126 0%,#0000 50%),radial-gradient(circle at 75% 75%,#ec48991f 0%,#0000 50%),linear-gradient(135deg,#0a0e1a 0%,#0f172a 50%,#1e1b4b 100%);justify-content:center;align-items:center;width:100%;min-height:100vh;padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,Roboto,sans-serif;animation:10s ease-in-out infinite bgPulse;display:flex;position:relative;overflow:hidden}.mode-selector-screen:before{content:"";opacity:.4;background-image:linear-gradient(#67e8f908 1px,#0000 1px),linear-gradient(90deg,#67e8f908 1px,#0000 1px);background-size:50px 50px;animation:20s linear infinite gridMove;position:absolute;inset:0}@keyframes gridMove{0%{transform:translate(0)}to{transform:translate(50px,50px)}}.mode-selector-container{text-align:center;z-index:1;width:100%;max-width:900px;position:relative}.avatar-wrapper-small{width:120px;height:120px;margin:0 auto 30px}.mode-title{color:#e2e8f0;text-shadow:0 0 30px #6366f14d;margin:0 0 12px;font-size:36px;font-weight:700}.mode-subtitle{color:#94a3b8;margin:0 0 40px;font-size:14px}.modes-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-top:30px;animation:.6s ease-out fadeInUp;display:grid}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.mode-card{-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);cursor:pointer;text-align:center;color:#fff;background:#0f172a99;border:1px solid #67e8f933;border-radius:16px;padding:28px;font-family:inherit;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 8px 24px #0000004d,inset 0 1px #ffffff0d,0 0 #6366f100}.mode-card:before{content:"";opacity:0;background:linear-gradient(135deg,#6366f11a 0%,#0000 50%);transition:opacity .4s;position:absolute;inset:0}.mode-card:hover:before{opacity:1}.mode-card:hover{background:#0f172acc;border-color:#6366f199;transform:translateY(-6px)scale(1.02);box-shadow:0 16px 40px #6366f14d,inset 0 1px #ffffff14,0 0 60px #6366f14d}.mode-card:hover .mode-icon{filter:drop-shadow(0 8px 20px #6366f199);transform:scale(1.1)translateY(-4px)}.mode-card:active{transform:translateY(-3px)}.mode-icon{filter:drop-shadow(0 4px 12px #6366f166);z-index:1;margin-bottom:16px;font-size:48px;transition:transform .4s cubic-bezier(.4,0,.2,1),filter .4s cubic-bezier(.4,0,.2,1);display:inline-block;position:relative}.mode-name{color:#e2e8f0;margin:12px 0;font-size:18px;font-weight:600}.mode-description{color:#cbd5e1;margin:0;font-size:13px;line-height:1.5}@media (max-width:600px){.modes-grid{grid-template-columns:1fr}.mode-title{font-size:24px}}.mood-panel-overlay{z-index:1000;background:#000c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.mood-panel{background:#1e293b;border-radius:16px;flex-direction:column;width:90%;max-width:520px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 25px 60px #0009}.mood-panel-header{background:#0003;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.mood-panel-header h3{align-items:center;gap:8px;margin:0;font-size:18px;font-weight:600;display:flex}.new-entry-btn{color:#fff;cursor:pointer;background:#6366f1;border:none;border-radius:8px;padding:8px 14px;font-size:13px;font-weight:500;transition:all .2s}.new-entry-btn:hover{background:#4f46e5;transform:translateY(-1px)}.today-mood-section{background:#6366f114;border-bottom:1px solid #ffffff0d;padding:20px 24px}.today-mood-display{align-items:center;gap:16px;display:flex}.mood-emoji-large{filter:drop-shadow(0 4px 12px #0000004d);font-size:56px;line-height:1}.today-mood-info{flex-direction:column;flex:1;gap:4px;display:flex}.today-mood-label{color:#64748b;text-transform:uppercase;letter-spacing:.5px;font-size:12px}.today-mood-value{color:#fff;font-size:18px;font-weight:600}.today-mood-note{color:#94a3b8;font-size:14px;font-style:italic}.edit-today-btn{color:#94a3b8;cursor:pointer;background:#ffffff14;border:1px solid #ffffff1a;border-radius:8px;padding:8px 14px;font-size:12px;transition:all .2s}.edit-today-btn:hover{color:#fff;background:#ffffff1f}.today-mood-empty{flex-direction:column;align-items:center;gap:12px;padding:16px;display:flex}.today-mood-empty .empty-emoji{font-size:40px}.today-mood-empty span{color:#94a3b8;font-size:15px}.today-mood-empty button{color:#fff;cursor:pointer;background:#6366f1;border:none;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .2s}.today-mood-empty button:hover{background:#4f46e5;transform:translateY(-1px)}.view-toggle{background:#0000001a;border-bottom:1px solid #ffffff0d;gap:4px;padding:12px 24px;display:flex}.view-toggle button{color:#64748b;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;flex:1;padding:10px;font-size:13px;transition:all .2s}.view-toggle button:hover{color:#94a3b8;background:#ffffff0d}.view-toggle button.active{color:#6366f1;background:#6366f126;border-color:#6366f14d}.calendar-view{padding:20px 24px;overflow-y:auto}.calendar-nav{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.calendar-nav button{color:#94a3b8;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;padding:8px 14px;font-size:14px;transition:all .2s}.calendar-nav button:hover{color:#fff;background:#ffffff1a}.month-title{color:#fff;font-size:16px;font-weight:600}.mood-calendar-grid{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.calendar-day-label{text-align:center;color:#64748b;text-transform:uppercase;letter-spacing:.5px;padding:8px 0;font-size:11px}.calendar-day{aspect-ratio:1;cursor:pointer;background:#ffffff08;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:2px;transition:all .2s;display:flex;position:relative}.calendar-day:hover{background:#ffffff14}.calendar-day.empty{cursor:default;background:0 0}.calendar-day.today{background:#6366f126;border:1px solid #6366f14d}.calendar-day.has-entry{background:#ffffff0f}.calendar-day .day-number{color:#94a3b8;font-size:12px}.calendar-day.today .day-number{color:#6366f1;font-weight:600}.calendar-day .day-mood-emoji{font-size:16px}.stats-view{max-height:400px;padding:20px 24px;overflow-y:auto}.stat-card{background:#ffffff08;border:1px solid #ffffff0d;border-radius:12px;flex-direction:column;align-items:center;gap:6px;padding:16px;display:flex}.tag-stats{margin-bottom:24px}.tag-stats h4{color:#94a3b8;margin:0 0 12px;font-size:14px}.tag-list{flex-direction:column;gap:8px;display:flex}.tag-item{background:#ffffff08;border-radius:8px;align-items:center;gap:10px;padding:8px 12px;display:flex}.tag-name{color:#cbd5e1;min-width:80px;font-size:13px}.tag-bar-container{background:#ffffff0d;border-radius:3px;flex:1;height:6px;overflow:hidden}.tag-bar{border-radius:3px;height:100%;transition:width .3s}.tag-count{color:#64748b;text-align:center;min-width:20px;font-size:12px}.tag-avg{text-align:right;min-width:30px;font-size:12px;font-weight:600}.mood-legend h4{color:#94a3b8;margin:0 0 12px;font-size:14px}.legend-moods{flex-wrap:wrap;gap:12px;display:flex}.empty-stats{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:40px 20px;display:flex}.empty-stats .empty-emoji{font-size:48px}.empty-stats p{color:#fff;margin:0;font-size:16px;font-weight:500}.empty-stats span{color:#64748b;font-size:14px}.timeline-view{max-height:400px;padding:20px 24px;overflow-y:auto}.timeline-list{flex-direction:column;gap:12px;display:flex}.timeline-item{background:#ffffff08;border-radius:10px;align-items:flex-start;gap:12px;padding:14px;transition:all .2s;display:flex}.timeline-item:hover{background:#ffffff0d}.timeline-mood-indicator{border-radius:2px;flex-shrink:0;width:4px;height:40px}.timeline-content{flex-direction:column;flex:1;gap:6px;display:flex}.timeline-header{justify-content:space-between;align-items:center;display:flex}.timeline-date{color:#64748b;font-size:12px}.timeline-mood{font-size:13px;font-weight:500}.timeline-note{color:#cbd5e1;margin:0;font-size:14px;line-height:1.4}.timeline-tags{flex-wrap:wrap;gap:6px;display:flex}.timeline-tag{color:#64748b;background:#ffffff14;border-radius:4px;padding:3px 8px;font-size:11px}.edit-entry-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px;font-size:14px;transition:all .2s}.edit-entry-btn:hover{color:#fff;background:#ffffff1a}.empty-timeline{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:40px 20px;display:flex}.empty-timeline .empty-emoji{font-size:48px}.empty-timeline p{color:#fff;margin:0;font-size:16px;font-weight:500}.empty-timeline button{color:#fff;cursor:pointer;background:#6366f1;border:none;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .2s}.empty-timeline button:hover{background:#4f46e5}.mood-form-overlay{z-index:1100;background:#000c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.mood-form{background:#1e293b;border-radius:16px;width:90%;max-width:400px;max-height:85vh;padding:24px;overflow-y:auto;box-shadow:0 25px 60px #0009}.mood-form h4{color:#fff;margin:0 0 8px;font-size:18px}.selected-date{color:#64748b;margin-bottom:20px;font-size:13px}.mood-selector{flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.mood-option.selected{border-width:2px}.mood-option .mood-emoji{font-size:28px}.mood-option .mood-label{color:#fff;font-size:15px;font-weight:500}.form-group textarea{color:#fff;resize:vertical;background:#0f172a;border:1px solid #ffffff1a;border-radius:8px;width:100%;padding:12px;font-family:inherit;font-size:14px}.form-group textarea:focus{border-color:#6366f1;outline:none}.tag-option{color:#94a3b8;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;padding:6px 12px;font-size:12px;transition:all .2s}.tag-option:hover{background:#ffffff14}.tag-option.selected{color:#818cf8;background:#6366f133;border-color:#6366f180}.btn-primary{color:#fff;background:#6366f1;border:none;flex:1}.mood-panel::-webkit-scrollbar{width:6px}.calendar-view::-webkit-scrollbar{width:6px}.stats-view::-webkit-scrollbar{width:6px}.timeline-view::-webkit-scrollbar{width:6px}.mood-form::-webkit-scrollbar{width:6px}.mood-panel::-webkit-scrollbar-track{background:#0003}.calendar-view::-webkit-scrollbar-track{background:#0003}.stats-view::-webkit-scrollbar-track{background:#0003}.timeline-view::-webkit-scrollbar-track{background:#0003}.mood-form::-webkit-scrollbar-track{background:#0003}.mood-panel::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.calendar-view::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.stats-view::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.timeline-view::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.mood-form::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.mood-panel::-webkit-scrollbar-thumb:hover{background:#fff3}.calendar-view::-webkit-scrollbar-thumb:hover{background:#fff3}.stats-view::-webkit-scrollbar-thumb:hover{background:#fff3}.timeline-view::-webkit-scrollbar-thumb:hover{background:#fff3}.mood-form::-webkit-scrollbar-thumb:hover{background:#fff3}.timeline-item{animation:.3s ease-out fadeIn}.navbar{z-index:100;-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);background:#0f172ab3;border-bottom:1px solid #67e8f926;padding:12px 20px;position:fixed;top:0;left:0;right:0;box-shadow:0 8px 32px #0000004d,inset 0 1px #ffffff0d}.navbar-content{justify-content:space-between;align-items:center;max-width:1600px;margin:0 auto;display:flex}.navbar-center{flex-direction:column;align-items:center;gap:2px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.navbar-mission-control{flex-direction:column;align-items:center;gap:2px;display:flex}.mission-control-title{color:#22d3ee;text-shadow:0 0 20px #22d3ee80;letter-spacing:.5px;text-transform:uppercase;font-size:18px;font-weight:700}.mission-control-subtitle{color:#94a3b8;text-transform:lowercase;letter-spacing:.5px;font-size:10px;font-weight:500}.navbar-left{align-items:center;gap:16px;display:flex}.navbar-back-btn{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:#67e8f9;cursor:pointer;background:#0f172ab3;border:1px solid #67e8f940;border-radius:10px;padding:8px 16px;font-size:14px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #0003,inset 0 1px #ffffff0d}.navbar-back-btn:hover{color:#22d3ee;background:#0f172ad9;border-color:#67e8f980;transform:translateY(-1px);box-shadow:0 6px 20px #22d3ee33,inset 0 1px #ffffff14,0 0 20px #67e8f933}.navbar-logo{flex-direction:column;gap:2px;display:flex}.navbar-logo-text{color:#22d3ee;text-shadow:0 0 20px #22d3ee80;letter-spacing:.5px;font-size:20px;font-weight:700}.navbar-logo-subtitle{color:#94a3b8;text-transform:uppercase;letter-spacing:1px;font-size:10px;font-weight:500}.navbar-right{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;max-width:calc(100% - 160px);display:flex}.navbar-btn{cursor:pointer;background:#0f172a80;border:1px solid #94a3b833;border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;padding:10px;font-size:18px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 12px #0003,inset 0 1px #ffffff0d}.navbar-btn:hover{transform:translateY(-2px)scale(1.05);box-shadow:0 8px 20px #0000004d,inset 0 1px #ffffff14}.navbar-btn-skills{color:#f9a8d4;background:#ec489933;border-color:#ec48994d}.navbar-btn-skills:hover{color:#e2e8f0;background:#ec48994d;border-color:#ec489980;box-shadow:0 8px 24px #ec489966,0 0 30px #ec48994d}.navbar-btn-briefing{color:#fbbf24;background:#f59e0b33;border-color:#f59e0b4d}.navbar-btn-briefing:hover{color:#f59e0b;background:#f59e0b4d;border-color:#f59e0b80;box-shadow:0 8px 24px #f59e0b66,0 0 30px #f59e0b4d}.navbar-btn-settings{color:#a78bfa;background:#6366f133;border-color:#6366f14d}.navbar-btn-settings:hover{color:#e2e8f0;background:#6366f14d;border-color:#6366f199;box-shadow:0 8px 24px #6366f166,inset 0 1px #ffffff14,0 0 30px #6366f14d}.navbar-btn-health{color:#86efac;background:#22c55e33;border-color:#22c55e4d}.navbar-btn-health:hover{color:#e2e8f0;background:#22c55e4d;border-color:#22c55e80;box-shadow:0 8px 24px #22c55e66,0 0 30px #22c55e4d}.navbar-btn-links{color:#93c5fd;background:#3b82f633;border-color:#3b82f64d}.navbar-btn-links:hover{color:#e2e8f0;background:#3b82f64d;border-color:#3b82f680;box-shadow:0 8px 24px #3b82f666,0 0 30px #3b82f64d}.navbar-btn-activity{color:#c4b5fd;background:#8b5cf633;border-color:#8b5cf64d}.navbar-btn-activity:hover{color:#e2e8f0;background:#8b5cf64d;border-color:#8b5cf680;box-shadow:0 8px 24px #8b5cf666,0 0 30px #8b5cf64d}.navbar-btn-focus{color:#fca5a5;background:#ef444433;border-color:#ef44444d}.navbar-btn-focus:hover{color:#e2e8f0;background:#ef44444d;border-color:#ef444480;box-shadow:0 8px 24px #ef444466,0 0 30px #ef44444d}.navbar-btn-weather{color:#fcd34d;background:#f59e0b33;border-color:#f59e0b4d}.navbar-btn-weather:hover{color:#e2e8f0;background:#f59e0b4d;border-color:#f59e0b80;box-shadow:0 8px 24px #f59e0b66,0 0 30px #f59e0b4d}.navbar-btn-habit{color:#c4b5fd;background:#8b5cf633;border-color:#8b5cf64d}.navbar-btn-habit:hover{color:#e2e8f0;background:#8b5cf64d;border-color:#8b5cf680;box-shadow:0 8px 24px #8b5cf666,0 0 30px #8b5cf64d}.navbar-btn-quote{color:#f9a8d4;background:#ec489933;border-color:#ec48994d}.navbar-btn-quote:hover{color:#e2e8f0;background:#ec48994d;border-color:#ec489980;box-shadow:0 8px 24px #ec489966,0 0 30px #ec48994d}.navbar-btn-time{color:#7dd3fc;background:#0ea5e933;border-color:#0ea5e94d}.navbar-btn-time:hover{color:#e2e8f0;background:#0ea5e94d;border-color:#0ea5e980;box-shadow:0 8px 24px #0ea5e966,0 0 30px #0ea5e94d}.navbar-btn-mood{color:#d8b4fe;background:#a855f733;border-color:#a855f74d}.navbar-btn-mood:hover{color:#e2e8f0;background:#a855f74d;border-color:#a855f780;box-shadow:0 8px 24px #a855f766,0 0 30px #a855f74d}.navbar-btn-breathing{color:#6ee7b7;background:#10b98133;border-color:#10b9814d}.navbar-btn-breathing:hover{color:#e2e8f0;background:#10b9814d;border-color:#10b98180;box-shadow:0 8px 24px #10b98166,0 0 30px #10b9814d}.navbar-btn-productivity{color:#a78bfa;background:#6366f133;border-color:#6366f14d}.navbar-btn-productivity:hover{color:#e2e8f0;background:#6366f14d;border-color:#6366f180;box-shadow:0 8px 24px #6366f166,0 0 30px #6366f14d}.navbar-btn-notes{color:#fcd34d;background:#fbbf2433;border-color:#fbbf244d}.navbar-btn-notes:hover{color:#e2e8f0;background:#fbbf244d;border-color:#fbbf2480;box-shadow:0 8px 24px #fbbf2466,0 0 30px #fbbf244d}.navbar-btn-journal{color:#f9a8d4;background:#f472b633;border-color:#f472b64d}.navbar-btn-journal:hover{color:#e2e8f0;background:#f472b64d;border-color:#f472b680;box-shadow:0 8px 24px #f472b666,0 0 30px #f472b64d}.navbar-btn-quest{color:#c4b5fd;background:#8b5cf633;border-color:#8b5cf64d}.navbar-btn-quest:hover{color:#e2e8f0;background:#8b5cf64d;border-color:#8b5cf680;box-shadow:0 8px 24px #8b5cf666,0 0 30px #8b5cf64d}.navbar-btn-goals{color:#fcd34d;background:#f59e0b33;border-color:#f59e0b4d}.navbar-btn-goals:hover{color:#e2e8f0;background:#f59e0b4d;border-color:#f59e0b80;box-shadow:0 8px 24px #f59e0b66,0 0 30px #f59e0b4d}.navbar-btn-workout{color:#86efac;background:#22c55e33;border-color:#22c55e4d}.navbar-btn-workout:hover{color:#e2e8f0;background:#22c55e4d;border-color:#22c55e80;box-shadow:0 8px 24px #22c55e66,0 0 30px #22c55e4d}.navbar-btn-sleep{color:#a78bfa;background:#6366f133;border-color:#6366f14d}.navbar-btn-sleep:hover{color:#e2e8f0;background:#6366f14d;border-color:#6366f180;box-shadow:0 8px 24px #6366f166,0 0 30px #6366f14d}.navbar-btn-subscription{color:#67e8f9;background:#06b6d433;border-color:#06b6d44d}.navbar-btn-subscription:hover{color:#e2e8f0;background:#06b6d44d;border-color:#06b6d480;box-shadow:0 8px 24px #06b6d466,0 0 30px #06b6d44d}.navbar-btn-travel{color:#7dd3fc;background:#0ea5e933;border-color:#0ea5e94d}.navbar-btn-travel:hover{color:#e2e8f0;background:#0ea5e94d;border-color:#0ea5e980;box-shadow:0 8px 24px #0ea5e966,0 0 30px #0ea5e94d}.navbar-btn-voice{color:#f9a8d4;background:#ec489933;border-color:#ec48994d}.navbar-btn-voice:hover{color:#e2e8f0;background:#ec48994d;border-color:#ec489980;box-shadow:0 8px 24px #ec489966,0 0 30px #ec48994d}.navbar-btn-quick-capture{color:#818cf8;background:linear-gradient(135deg,#6366f133,#8b5cf626);border-color:#6366f166;animation:3s ease-in-out infinite pulse-subtle}.navbar-btn-quick-capture:hover{color:#a5b4fc;background:linear-gradient(135deg,#6366f159,#8b5cf640);border-color:#6366f199;animation:none;transform:translateY(-2px)scale(1.05);box-shadow:0 8px 24px #6366f159}@keyframes pulse-subtle{0%,to{box-shadow:0 4px 12px #6366f133}50%{box-shadow:0 4px 20px #6366f159}}@media (max-width:1200px){.navbar-right{gap:6px}.navbar-btn{width:38px;height:38px;font-size:16px}.mission-control-title{font-size:16px}.mission-control-subtitle{font-size:9px}}@media (max-width:768px){.navbar{padding:8px 12px}.navbar-logo-text{font-size:16px}.navbar-logo-subtitle{font-size:8px}.navbar-center{display:none}.navbar-right{gap:4px}.navbar-btn{width:36px;height:36px;font-size:14px}.navbar-back-btn{padding:6px 12px;font-size:12px}}.navbar-connection-status{text-transform:uppercase;letter-spacing:.5px;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:10px 16px;font-size:12px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 12px #0003,inset 0 1px #ffffff0d}.navbar-connection-status span{align-items:center;gap:6px;display:flex}.navbar-connection-status.connected{color:#86efac;background:#22c55e33;border:1px solid #22c55e66;animation:3s ease-in-out infinite navbarStatusPulse}@keyframes navbarStatusPulse{0%,to{box-shadow:0 4px 12px #0003,inset 0 1px #ffffff0d,0 0 #22c55e00}50%{box-shadow:0 4px 12px #0003,inset 0 1px #ffffff0d,0 0 25px #22c55e80}}.navbar-connection-status.reconnecting{color:#fdba74;background:#fb923c33;border:1px solid #fb923c66}.navbar-connection-status.backend-only{color:#fbbf24;background:#eab30833;border:1px solid #eab30866}.navbar-connection-status.connecting{color:#93c5fd;background:#3b82f633;border:1px solid #3b82f666}.navbar-connection-status.unconfigured{color:#cbd5e1;background:#94a3b833;border:1px solid #94a3b866}.navbar-connection-status.error,.navbar-connection-status.offline{color:#fca5a5;background:#ef444433;border:1px solid #ef444466}@media (max-width:768px){.navbar-connection-status{padding:8px 12px;font-size:10px}}.notes-panel-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0f172ae6;justify-content:center;align-items:center;padding:20px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.notes-panel{background:linear-gradient(145deg,#1e293b 0%,#0f172a 100%);border:1px solid #94a3b833;border-radius:16px;flex-direction:column;width:100%;max-width:1000px;height:90vh;animation:.3s slideIn;display:flex;box-shadow:0 25px 50px -12px #00000080}.notes-panel-header{border-bottom:1px solid #94a3b826;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.notes-title-section{align-items:center;gap:12px;display:flex}.notes-panel-header h3{color:#e2e8f0;margin:0;font-size:1.5rem;font-weight:600}.notes-count{color:#94a3b8;background:#94a3b81a;border-radius:20px;padding:4px 10px;font-size:.875rem}.notes-header-actions{gap:8px;display:flex}.icon-btn.add-btn:hover{color:#fff;background:#6366f166}.icon-btn.close-btn:hover{color:#fca5a5;background:#ef444433;border-color:#ef444466}.icon-btn.view-toggle{font-size:.9rem}.notes-toolbar{border-bottom:1px solid #94a3b81a;gap:12px;padding:16px 24px;display:flex}.notes-search-wrapper{flex:1;position:relative}.notes-search{color:#e2e8f0;background:#1e293b99;border:1px solid #94a3b833;border-radius:10px;width:100%;padding:10px 40px 10px 16px;font-size:.95rem;transition:all .2s}.notes-search:focus{background:#1e293bcc;border-color:#6366f180;outline:none}.notes-search::placeholder{color:#64748b}.clear-search{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:50%;padding:4px 8px;font-size:1.2rem;transition:all .2s;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.clear-search:hover{color:#e2e8f0;background:#94a3b826}.notes-tag-filters{border-bottom:1px solid #94a3b81a;flex-wrap:wrap;gap:8px;max-height:80px;padding:12px 24px;display:flex;overflow-y:auto}.tag-pill{color:#94a3b8;cursor:pointer;white-space:nowrap;background:#1e293b99;border:1px solid #94a3b833;border-radius:20px;padding:6px 12px;font-size:.85rem;transition:all .2s}.tag-pill.active{color:#a78bfa;background:#6366f140;border-color:#6366f199}.notes-container{flex:1;padding:20px 24px;overflow-y:auto}.notes-section{margin-bottom:24px}.section-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;margin:0 0 12px 4px;font-size:.85rem;font-weight:500}.notes-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.notes-list{flex-direction:column;gap:12px;display:flex}.note-card{cursor:pointer;border:1px solid;border-radius:12px;padding:16px;transition:all .2s;position:relative;overflow:hidden}.note-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px -5px #0000004d}.note-card.pinned{border-width:2px}.note-card.list{align-items:center;gap:16px;padding:14px 20px;display:flex}.note-card.list .note-content-preview{white-space:nowrap;text-overflow:ellipsis;flex:1;margin:0;overflow:hidden}.note-card.list .note-tags{margin:0}.note-card.list .note-footer{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:2px;margin:0}.pin-indicator{opacity:.7;font-size:.9rem;position:absolute;top:8px;right:8px}.note-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:10px;display:flex}.note-title{color:#f1f5f9;word-break:break-word;margin:0;font-size:1rem;font-weight:600;line-height:1.3}.note-menu-wrapper{position:relative}.menu-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 8px;font-size:1.2rem;line-height:1;transition:all .2s}.menu-btn:hover{color:#e2e8f0;background:#ffffff1a}.note-menu{z-index:10;background:#1e293b;border:1px solid #94a3b833;border-radius:8px;min-width:140px;padding:6px;animation:.15s menuAppear;position:absolute;top:100%;right:0;box-shadow:0 10px 30px -5px #00000080}@keyframes menuAppear{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.note-menu button{color:#cbd5e1;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:6px;width:100%;padding:8px 12px;font-size:.9rem;transition:all .15s;display:block}.note-menu button:hover{color:#e2e8f0;background:#6366f126}.note-menu button.delete:hover{color:#fca5a5;background:#ef444426}.note-content-preview{color:#94a3b8;-webkit-line-clamp:4;white-space:pre-wrap;word-break:break-word;-webkit-box-orient:vertical;margin-bottom:12px;font-size:.9rem;line-height:1.5;display:-webkit-box;overflow:hidden}.note-tags{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.note-tag{color:#a78bfa;background:#6366f126;border-radius:12px;padding:3px 8px;font-size:.75rem}.note-tag.more{color:#94a3b8;background:#94a3b826}.note-footer{color:#64748b;justify-content:space-between;align-items:center;margin-top:auto;font-size:.75rem;display:flex}.note-stats{font-size:.7rem}.notes-empty-state{text-align:center;color:#64748b;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.notes-empty-state p{color:#94a3b8;margin:0 0 8px;font-size:1.1rem}.notes-empty-state small{color:#64748b;font-size:.9rem}.notes-form-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1001;background:#0f172ad9;justify-content:center;align-items:center;padding:20px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.notes-form{border:1px solid;border-radius:16px;width:100%;max-width:600px;max-height:85vh;padding:24px;animation:.3s slideIn;overflow-y:auto;box-shadow:0 25px 50px -12px #00000080}.notes-form-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.notes-form h4{color:#f1f5f9;margin:0;font-size:1.25rem;font-weight:600}.pin-btn{cursor:pointer;opacity:.5;background:#ffffff0d;border:1px solid #94a3b833;border-radius:10px;width:44px;height:44px;font-size:1.2rem;transition:all .2s}.pin-btn:hover{opacity:.8;background:#ffffff1a}.pin-btn.pinned{opacity:1;background:#6366f133;border-color:#6366f166}.title-input{color:#f1f5f9;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;width:100%;padding:12px 16px;font-size:1.1rem;font-weight:500;transition:all .2s}.title-input:focus{background:#ffffff14;border-color:#ffffff4d;outline:none}.content-textarea{color:#e2e8f0;resize:vertical;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;width:100%;min-height:150px;padding:14px 16px;font-family:inherit;font-size:.95rem;line-height:1.6;transition:all .2s}.content-textarea:focus{background:#ffffff14;border-color:#ffffff4d;outline:none}.content-textarea::placeholder{color:#ffffff4d}.char-count{text-align:right;color:#fff6;margin-top:6px;font-size:.8rem}.char-count.warning{color:#fca5a5}.tags-input-wrapper{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;flex-wrap:wrap;align-items:center;gap:8px;min-height:44px;padding:8px 12px;display:flex}.tag-chip{color:#c4b5fd;background:#6366f140;border-radius:16px;align-items:center;gap:4px;padding:4px 10px;font-size:.85rem;display:inline-flex}.tag-chip button{color:#c4b5fd;cursor:pointer;opacity:.7;background:0 0;border:none;padding:0 2px;font-size:1rem;line-height:1;transition:opacity .15s}.tag-chip button:hover{opacity:1}.tag-input{color:#e2e8f0;background:0 0;border:none;flex:1;min-width:100px;padding:4px;font-size:.9rem}.tag-input:focus{outline:none}.tag-input::placeholder{color:#ffffff4d}.color-picker{align-items:center;gap:12px;display:flex}.color-picker label{color:#fff9;font-size:.9rem}.color-options{gap:8px;display:flex}.btn-secondary:hover{background:#ffffff1a;border-color:#ffffff40}.notes-container::-webkit-scrollbar{width:8px;height:8px}.notes-tag-filters::-webkit-scrollbar{width:8px;height:8px}.notes-form::-webkit-scrollbar{width:8px;height:8px}.notes-container::-webkit-scrollbar-track{background:#94a3b80d;border-radius:4px}.notes-tag-filters::-webkit-scrollbar-track{background:#94a3b80d;border-radius:4px}.notes-form::-webkit-scrollbar-track{background:#94a3b80d;border-radius:4px}.notes-container::-webkit-scrollbar-thumb{background:#94a3b833;border-radius:4px}.notes-tag-filters::-webkit-scrollbar-thumb{background:#94a3b833;border-radius:4px}.notes-form::-webkit-scrollbar-thumb{background:#94a3b833;border-radius:4px}.notes-container::-webkit-scrollbar-thumb:hover{background:#94a3b84d}.notes-tag-filters::-webkit-scrollbar-thumb:hover{background:#94a3b84d}.notes-form::-webkit-scrollbar-thumb:hover{background:#94a3b84d}body.theme-light .notes-panel-overlay{background:#f8fafce6}body.theme-light .notes-panel{background:linear-gradient(145deg,#fff 0%,#f1f5f9 100%);border-color:#94a3b84d;box-shadow:0 25px 50px -12px #00000026}body.theme-light .notes-panel-header{border-bottom-color:#94a3b833}body.theme-light .notes-panel-header h3{color:#1e293b}body.theme-light .notes-count{color:#64748b;background:#94a3b826}body.theme-light .icon-btn{color:#64748b;background:#f1f5f9cc;border-color:#94a3b84d}body.theme-light .icon-btn:hover{color:#6366f1;background:#6366f11a;border-color:#6366f166}body.theme-light .notes-search,body.theme-light .sort-select{color:#1e293b;background:#f1f5f9cc;border-color:#94a3b84d}body.theme-light .notes-search::placeholder{color:#94a3b8}body.theme-light .tag-pill{color:#64748b;background:#f1f5f9cc;border-color:#94a3b84d}body.theme-light .tag-pill.active{color:#6366f1;background:#6366f126;border-color:#6366f180}body.theme-light .notes-empty-state{color:#94a3b8}body.theme-light .notes-empty-state p{color:#64748b}body.theme-light .notes-form-overlay{background:#f8fafce6}@media (max-width:768px){.notes-panel-overlay{padding:10px}.notes-panel{border-radius:12px;height:95vh}.notes-grid{grid-template-columns:1fr}.notes-toolbar{flex-direction:column;gap:10px}.notes-tag-filters{max-height:60px}.note-card.list{flex-wrap:wrap}.note-card.list .note-content-preview{order:3;width:100%}}.vault-panel-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#000c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.vault-panel{background:linear-gradient(145deg,#1a1a2e 0%,#16213e 100%);border:1px solid #6366f14d;border-radius:16px;flex-direction:column;width:100%;max-width:900px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #00000080,0 0 40px #6366f133}.vault-panel--locked{max-width:450px}.vault-lock-screen{text-align:center;flex-direction:column;align-items:center;gap:20px;padding:48px;display:flex}.vault-lock-icon{font-size:64px;animation:2s ease-in-out infinite pulse-lock}@keyframes pulse-lock{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.vault-lock-screen h3{color:#f8fafc;margin:0;font-size:24px;font-weight:600}.vault-lock-subtitle{color:#94a3b8;margin:0;font-size:14px}.vault-unlock-form{flex-direction:column;gap:16px;width:100%;margin-top:16px;display:flex}.vault-password-input{color:#f8fafc;background:#0f172acc;border:2px solid #6366f14d;border-radius:12px;width:100%;padding:16px 20px;font-size:16px;transition:all .2s}.vault-password-input:focus{border-color:#6366f1;outline:none;box-shadow:0 0 0 3px #6366f133}.vault-password-input::placeholder{color:#64748b}.vault-unlock-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);border:none;border-radius:12px;width:100%;padding:16px 24px;font-size:16px;font-weight:600;transition:all .2s}.vault-unlock-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #6366f166}.vault-error{color:#ef4444;text-align:center;font-size:14px}.vault-security-note{background:#eab3081a;border:1px solid #eab3084d;border-radius:12px;align-items:flex-start;gap:12px;margin-top:16px;padding:16px;display:flex}.vault-security-note span{font-size:20px}.vault-security-note p{color:#eab308;text-align:left;margin:0;font-size:12px;line-height:1.5}.vault-panel-header{background:#0f172a80;border-bottom:1px solid #6366f133;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.vault-header-left{align-items:center;gap:12px;display:flex}.vault-icon{font-size:28px}.vault-panel-header h3{color:#f8fafc;margin:0;font-size:20px;font-weight:600}.vault-status{border-radius:20px;padding:4px 12px;font-size:12px;font-weight:500}.vault-status.unlocked{color:#22c55e;background:#22c55e33}.vault-header-actions{align-items:center;gap:8px;display:flex}.vault-action-btn{color:#f8fafc;cursor:pointer;background:#6366f133;border:1px solid #6366f14d;border-radius:8px;padding:8px 16px;font-size:14px;transition:all .2s}.vault-action-btn:hover{background:#6366f14d}.vault-action-btn.lock{background:#ef444433;border-color:#ef44444d}.vault-action-btn.lock:hover{background:#ef44444d}.vault-stats-bar{background:#0f172a4d;border-bottom:1px solid #6366f11a;gap:24px;padding:16px 24px;display:flex}.vault-stat{flex-direction:column;gap:4px;display:flex}.vault-stat.warning .stat-value{color:#f59e0b}.vault-stat.warning .stat-label{color:#eab308}.vault-toolbar{border-bottom:1px solid #6366f11a;padding:16px 24px}.vault-search{margin-bottom:12px;position:relative}.search-icon{color:#64748b;font-size:16px;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.vault-search input{color:#f8fafc;background:#0f172a99;border:1px solid #6366f133;border-radius:10px;width:100%;padding:12px 16px 12px 44px;font-size:14px;transition:all .2s}.vault-search input:focus{border-color:#6366f1;outline:none}.vault-search input::placeholder{color:#64748b}.vault-categories{flex-wrap:wrap;gap:8px;display:flex}.category-btn{color:#94a3b8;cursor:pointer;background:#0f172a99;border:1px solid #6366f133;border-radius:20px;padding:6px 12px;font-size:13px;transition:all .2s}.category-btn:hover{color:#f8fafc;background:#6366f133}.category-btn.active{color:#f8fafc;background:#6366f14d;border-color:#6366f1}.vault-entries{flex:1;padding:16px 24px;overflow-y:auto}.vault-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:48px;display:flex}.empty-icon{opacity:.5;font-size:48px}.vault-empty p{color:#64748b;margin:0}.vault-empty button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);border:none;border-radius:10px;padding:12px 24px;font-size:14px;transition:all .2s}.vault-empty button:hover{transform:translateY(-2px);box-shadow:0 8px 20px #6366f166}.vault-entry{background:#0f172a66;border:1px solid #6366f11a;border-radius:12px;justify-content:space-between;align-items:flex-start;margin-bottom:12px;padding:16px;transition:all .2s;display:flex}.vault-entry:hover{background:#0f172a99;border-color:#6366f14d}.entry-main{flex:1;gap:16px;display:flex}.entry-icon{background:#6366f11a;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:24px;display:flex}.entry-details{flex-direction:column;flex:1;gap:6px;display:flex}.entry-title-row{align-items:center;gap:8px;display:flex}.entry-title{color:#f8fafc;font-size:16px;font-weight:600}.entry-url{color:#6366f1;opacity:.8;font-size:12px;text-decoration:none;transition:opacity .2s}.entry-url:hover{opacity:1}.entry-credentials{flex-wrap:wrap;gap:12px;display:flex}.credential{color:#94a3b8;align-items:center;gap:6px;font-family:monospace;font-size:13px;display:flex}.reveal-btn,.copy-btn{cursor:pointer;opacity:.6;background:#ffffff1a;border:none;border-radius:4px;padding:2px 6px;font-size:12px;transition:all .2s}.reveal-btn:hover,.copy-btn:hover{opacity:1;background:#fff3}.entry-notes{color:#64748b;font-size:12px;font-style:italic}.entry-strength{align-items:center;gap:8px;margin-top:4px;display:flex}.strength-bar{border-radius:2px;flex:1;max-width:100px;height:4px;transition:all .3s}.entry-strength span,.password-strength-preview span{font-size:11px;font-weight:600}.entry-actions{opacity:0;gap:8px;transition:opacity .2s;display:flex}.vault-entry:hover .entry-actions{opacity:1}.edit-btn,.delete-btn{cursor:pointer;background:#ffffff1a;border:none;border-radius:8px;padding:8px;font-size:14px;transition:all .2s}.edit-btn:hover{background:#6366f14d}.vault-form-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10;background:#000000b3;justify-content:center;align-items:center;padding:24px;display:flex;position:absolute;inset:0}.vault-form{background:linear-gradient(145deg,#1e1e3f 0%,#1a1a2e 100%);border:1px solid #6366f14d;border-radius:16px;width:100%;max-width:480px;max-height:90%;padding:24px;overflow-y:auto}.vault-form h4{color:#f8fafc;margin:0 0 20px;font-size:18px;font-weight:600}.form-group input,.form-group textarea{color:#f8fafc;background:#0f172acc;border:1px solid #6366f133;border-radius:10px;width:100%;padding:12px 16px;font-family:inherit;font-size:14px;transition:all .2s}.form-group input:focus,.form-group textarea:focus{border-color:#6366f1;outline:none;box-shadow:0 0 0 3px #6366f11a}.password-input-group{gap:8px;display:flex}.password-input-group input{flex:1}.generate-btn{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);border:none;border-radius:10px;padding:12px 16px;font-size:13px;transition:all .2s}.generate-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #6366f166}.password-strength-preview{align-items:center;gap:8px;margin-top:8px;display:flex}.password-strength-preview .strength-bar{border-radius:2px;flex:1;height:4px}.category-picker{flex-wrap:wrap;gap:8px;display:flex}.category-option{color:#94a3b8;cursor:pointer;background:#0f172a99;border:1px solid #6366f133;border-radius:8px;padding:8px 12px;font-size:13px;transition:all .2s}.category-option:hover{color:#f8fafc;background:#6366f133}.category-option.selected{color:#f8fafc;background:#6366f14d;border-color:#6366f1}.btn-primary,.btn-secondary,.btn-delete{cursor:pointer;border-radius:10px;padding:12px 20px;font-size:14px;font-weight:500;transition:all .2s}.btn-delete{color:#ef4444;background:#ef444433;border:1px solid #ef44444d}.generator-form{max-width:400px}.generator-options{margin-bottom:20px}.option-row{margin-bottom:16px}.option-row label{color:#94a3b8;margin-bottom:8px;font-size:13px;display:block}.option-row input[type=range]{-webkit-appearance:none;background:#0f172acc;border-radius:3px;outline:none;width:100%;height:6px}.option-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);border-radius:50%;width:18px;height:18px}.option-checkboxes{flex-direction:column;gap:10px;display:flex}.checkbox-label{color:#94a3b8;cursor:pointer;align-items:center;gap:10px;font-size:14px;display:flex}.checkbox-label input[type=checkbox]{accent-color:#6366f1;width:18px;height:18px}.generate-action{width:100%;margin-bottom:16px}.generated-result{background:#0f172a99;border:1px solid #6366f133;border-radius:10px;margin-bottom:16px;padding:16px}.generated-password{color:#f8fafc;word-break:break-all;text-align:center;background:#0000004d;border-radius:8px;margin-bottom:12px;padding:12px;font-family:monospace;font-size:18px;display:block}.generated-actions{gap:8px;display:flex}.generated-actions button{flex:1}.close-generator{width:100%}.vault-entries::-webkit-scrollbar{width:6px}.vault-entries::-webkit-scrollbar-track{background:#0f172a4d;border-radius:3px}.vault-entries::-webkit-scrollbar-thumb{background:#6366f14d;border-radius:3px}.vault-entries::-webkit-scrollbar-thumb:hover{background:#6366f180}@media (max-width:640px){.vault-panel{border-radius:0;max-height:100vh}.vault-panel-overlay{padding:0}.form-row{grid-template-columns:1fr}.vault-categories{flex-wrap:nowrap;padding-bottom:8px;overflow-x:auto}.category-btn{white-space:nowrap}.entry-actions{opacity:1}}.priority-matrix-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#000c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.priority-matrix-container{background:linear-gradient(145deg,#1a1a2e 0%,#16213e 100%);border:1px solid #ffffff1a;border-radius:20px;flex-direction:column;width:100%;max-width:1200px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #00000080}.priority-matrix-header{background:#0003;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.priority-matrix-title{align-items:center;gap:12px;display:flex}.priority-matrix-icon{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:12px;justify-content:center;align-items:center;width:50px;height:50px;font-size:2rem;display:flex}.priority-matrix-title h2{color:#fff;margin:0;font-size:1.5rem;font-weight:600}.priority-matrix-subtitle{color:#94a3b8;margin:4px 0 0;font-size:.875rem}.priority-matrix-header-actions{align-items:center;gap:8px;display:flex}.pm-view-btn{color:#94a3b8;cursor:pointer;background:#ffffff1a;border:none;border-radius:8px;width:36px;height:36px;font-size:1.1rem;transition:all .2s}.pm-view-btn:hover{color:#fff;background:#fff3}.pm-view-btn.active{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.pm-add-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#22c55e 0%,#16a34a 100%);border:none;border-radius:8px;padding:8px 16px;font-weight:500;transition:all .2s}.pm-add-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #22c55e66}.pm-close-btn{color:#94a3b8;cursor:pointer;background:#ffffff1a;border:none;border-radius:8px;width:36px;height:36px;font-size:1.5rem;line-height:1;transition:all .2s}.pm-close-btn:hover{color:#ef4444;background:#ef444433}.priority-matrix-stats-bar{background:#00000026;border-bottom:1px solid #ffffff0d;justify-content:center;gap:24px;padding:16px 24px;display:flex}.pm-stat{flex-direction:column;align-items:center;gap:4px;display:flex}.pm-stat-value{color:#fff;font-size:1.5rem;font-weight:700}.pm-stat.do .pm-stat-value{color:#ef4444}.pm-stat.schedule .pm-stat-value{color:#3b82f6}.pm-stat.delegate .pm-stat-value{color:#f59e0b}.pm-stat.eliminate .pm-stat-value{color:#6b7280}.pm-stat.completed .pm-stat-value{color:#22c55e}.pm-stat-label{color:#64748b;text-transform:uppercase;letter-spacing:.5px;font-size:.75rem}.priority-matrix-grid{grid-template-rows:40px 1fr;grid-template-columns:60px 1fr;gap:0;max-height:calc(90vh - 200px);padding:20px;display:grid;overflow:auto}.pm-label-column{flex-direction:column;grid-area:2/1;gap:8px;display:flex}.pm-label-row{grid-area:1/2;gap:8px;display:flex}.pm-label{color:#94a3b8;justify-content:center;align-items:center;gap:6px;font-size:.875rem;font-weight:500;display:flex}.pm-label.urgent,.pm-label.not-urgent{writing-mode:vertical-rl;text-orientation:mixed;flex:1;transform:rotate(180deg)}.pm-label.important,.pm-label.not-important{flex:1}.pm-quadrants{grid-area:2/2;grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;gap:12px;display:grid}.pm-quadrant{background:var(--quadrant-bg);border:2px solid var(--quadrant-color);border-radius:16px;flex-direction:column;min-height:200px;padding:16px;transition:all .2s;display:flex}.pm-quadrant:hover{box-shadow:0 0 20px var(--quadrant-bg)}.pm-quadrant-header{align-items:center;gap:10px;margin-bottom:8px;display:flex}.pm-quadrant-emoji{font-size:1.5rem}.pm-quadrant-title-group{flex:1}.pm-quadrant-title{color:#fff;margin:0;font-size:1rem;font-weight:600}.pm-quadrant-subtitle{color:#94a3b8;font-size:.75rem}.pm-quadrant-count{background:var(--quadrant-color);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:.75rem;font-weight:600;display:flex}.pm-quadrant-description{color:#94a3b8;margin:0 0 12px;font-size:.8rem;font-style:italic}.pm-task-list{flex-direction:column;flex:1;gap:8px;display:flex;overflow-y:auto}.pm-task-card{cursor:grab;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;align-items:flex-start;gap:10px;padding:12px;transition:all .2s;display:flex}.pm-task-card:hover{background:#ffffff1a;border-color:#fff3}.pm-task-card:active{cursor:grabbing}.pm-task-content{flex:1;min-width:0}.pm-task-text{color:#e2e8f0;word-wrap:break-word;font-size:.9rem;display:block}.pm-task-meta{gap:8px;margin-top:6px;display:flex}.pm-task-score{color:#64748b;background:#0000004d;border-radius:4px;padding:2px 6px;font-size:.7rem}.pm-task-actions{opacity:0;gap:4px;transition:opacity .2s;display:flex}.pm-task-card:hover .pm-task-actions{opacity:1}.pm-task-btn{color:#94a3b8;cursor:pointer;background:#ffffff1a;border:none;border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;font-size:.8rem;transition:all .2s;display:flex}.pm-task-btn:hover{background:#fff3}.pm-task-btn.complete:hover{color:#22c55e;background:#22c55e4d}.pm-task-btn.edit:hover{color:#3b82f6;background:#3b82f64d}.pm-task-btn.delete:hover{color:#ef4444;background:#ef44444d}.pm-empty-state{color:#64748b;flex:1;justify-content:center;align-items:center;min-height:60px;font-size:.875rem;font-style:italic;display:flex}.priority-matrix-list-view{max-height:calc(90vh - 200px);padding:20px;overflow:auto}.pm-list-filters{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.pm-list-filters button{color:#94a3b8;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;padding:8px 16px;font-size:.875rem;transition:all .2s}.pm-list-filters button:hover{background:#ffffff1a}.pm-list-filters button.active{background:var(--filter-color,#667eea);border-color:var(--filter-color,#667eea);color:#fff}.pm-task-table{flex-direction:column;gap:8px;display:flex}.pm-task-table-header{color:#64748b;text-transform:uppercase;letter-spacing:.5px;background:#0003;border-radius:10px;grid-template-columns:2fr 100px 100px 120px 100px;gap:12px;padding:12px 16px;font-size:.75rem;font-weight:600;display:grid}.pm-task-row{background:#ffffff08;border-radius:10px;grid-template-columns:2fr 100px 100px 120px 100px;align-items:center;gap:12px;padding:12px 16px;transition:background .2s;display:grid}.pm-task-row:hover{background:#ffffff0f}.pm-task-name{color:#e2e8f0;white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;overflow:hidden}.pm-score-bar{align-items:center;gap:8px;display:flex}.pm-score-fill{border-radius:3px;flex:1;height:6px}.pm-score-bar span{color:#64748b;min-width:24px;font-size:.75rem}.pm-quadrant-badge{background:var(--badge-color);color:#fff;white-space:nowrap;border-radius:6px;padding:4px 8px;font-size:.75rem;font-weight:500}.pm-row-actions{gap:4px;display:flex}.pm-row-actions button{color:#94a3b8;cursor:pointer;background:#ffffff1a;border:none;border-radius:6px;width:28px;height:28px;transition:all .2s}.pm-row-actions button:hover{color:#fff;background:#fff3}.priority-matrix-stats-view{max-height:calc(90vh - 200px);padding:20px;overflow:auto}.pm-stats-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.pm-stat-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;flex-direction:column;align-items:center;gap:8px;padding:24px;display:flex}.pm-stat-card.total{background:#667eea1a;border-color:#667eea}.pm-stat-card.completed{background:#22c55e1a;border-color:#22c55e}.pm-stat-number{color:#fff;font-size:2.5rem;font-weight:700}.pm-stat-card.total .pm-stat-number{color:#667eea}.pm-stat-card.completed .pm-stat-number{color:#22c55e}.pm-distribution{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;grid-column:span 2;padding:24px}.pm-distribution h3{color:#fff;margin:0 0 20px;font-size:1.1rem}.pm-distribution-bars{flex-direction:column;gap:16px;display:flex}.pm-dist-bar{align-items:center;gap:12px;display:flex}.pm-dist-label{align-items:center;gap:8px;min-width:140px;display:flex}.pm-dist-label span:first-child{font-size:1.2rem}.pm-dist-label span:last-child{color:#e2e8f0;font-size:.9rem}.pm-dist-track{background:#ffffff1a;border-radius:4px;flex:1;height:8px;overflow:hidden}.pm-dist-fill{border-radius:4px;height:100%;transition:width .5s}.pm-dist-value{text-align:right;color:#94a3b8;min-width:80px;font-size:.875rem}.pm-priority-tips{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;grid-column:span 2;padding:24px}.pm-priority-tips h3{color:#fff;margin:0 0 16px;font-size:1.1rem}.pm-priority-tips ul{color:#94a3b8;margin:0;padding-left:20px;font-size:.9rem;line-height:1.8}.pm-priority-tips li strong{color:#e2e8f0}.priority-matrix-actions{background:#0003;border-top:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.pm-quick-add-toggle{color:#94a3b8;cursor:pointer;background:#ffffff1a;border:none;border-radius:8px;padding:10px 16px;font-size:.875rem;transition:all .2s}.pm-quick-add-toggle:hover{color:#e2e8f0;background:#ffffff26}.pm-clear-btn{color:#f87171;cursor:pointer;background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;padding:10px 16px;font-size:.875rem;transition:all .2s}.pm-clear-btn:hover{background:#ef444433}.pm-quick-add-panel{background:#00000026;border-top:1px solid #ffffff0d;padding:16px 24px}.pm-quick-add-panel h4{color:#94a3b8;margin:0 0 12px;font-size:.875rem;font-weight:500}.pm-suggestion-chips{flex-wrap:wrap;gap:8px;display:flex}.pm-suggestion-chip{color:#94a3b8;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;padding:8px 14px;font-size:.85rem;transition:all .2s}.pm-suggestion-chip:hover{color:#e2e8f0;background:#667eea33;border-color:#667eea}.pm-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1100;background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.pm-modal{background:linear-gradient(145deg,#1e1e3f 0%,#1a1a2e 100%);border:1px solid #ffffff1a;border-radius:16px;width:100%;max-width:480px;padding:24px;box-shadow:0 25px 50px -12px #00000080}.pm-modal h3{color:#fff;margin:0 0 20px;font-size:1.25rem}.pm-form-group{margin-bottom:20px}.pm-form-group label{color:#94a3b8;margin-bottom:8px;font-size:.875rem;display:block}.pm-form-group input[type=text]{color:#e2e8f0;background:#0000004d;border:1px solid #ffffff1a;border-radius:8px;width:100%;padding:12px 16px;font-size:1rem;transition:all .2s}.pm-form-group input[type=text]:focus{border-color:#667eea;outline:none}.pm-form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.pm-slider{appearance:none;cursor:pointer;background:#ffffff1a;border-radius:3px;width:100%;height:6px}.pm-slider::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#fff;border-radius:50%;width:20px;height:20px;transition:all .2s}.pm-slider.urgency::-webkit-slider-thumb{background:#ef4444}.pm-slider.importance::-webkit-slider-thumb{background:#3b82f6}.pm-slider::-webkit-slider-thumb:hover{transform:scale(1.1)}.pm-slider-labels{color:#64748b;justify-content:space-between;margin-top:4px;font-size:.75rem;display:flex}.pm-preview{color:#94a3b8;background:#0000004d;border-radius:8px;margin-bottom:20px;padding:12px 16px;font-size:.875rem}.pm-preview-quadrant{font-weight:600}.pm-modal-actions{justify-content:flex-end;gap:12px;display:flex}.pm-btn-secondary{color:#94a3b8;cursor:pointer;background:#ffffff1a;border:none;border-radius:8px;padding:10px 20px;font-size:.875rem;transition:all .2s}.pm-btn-secondary:hover{color:#e2e8f0;background:#ffffff26}.pm-btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:8px;padding:10px 20px;font-size:.875rem;font-weight:500;transition:all .2s}.pm-btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.pm-btn-primary:disabled{opacity:.5;cursor:not-allowed}@media (max-width:1024px){.priority-matrix-grid{grid-template-columns:40px 1fr}.pm-quadrants{grid-template-rows:repeat(4,auto);grid-template-columns:1fr}.pm-stats-grid{grid-template-columns:repeat(2,1fr)}.pm-distribution,.pm-priority-tips{grid-column:span 2}}@media (max-width:768px){.priority-matrix-container{border-radius:0;max-height:100vh}.priority-matrix-header{text-align:center;flex-direction:column;gap:16px}.priority-matrix-stats-bar{flex-wrap:wrap;gap:16px}.pm-task-table-header,.pm-task-row{grid-template-columns:1fr 60px 60px}.pm-task-table-header span:nth-child(4),.pm-task-row span.pm-quadrant-badge,.pm-row-actions{display:none}.pm-stats-grid{grid-template-columns:1fr}.pm-distribution,.pm-priority-tips{grid-column:span 1}.pm-form-row{grid-template-columns:1fr}}.productivity-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#000000b3;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.productivity-panel{background:linear-gradient(145deg,#1a1a2e 0%,#16213e 100%);border:1px solid #ffffff1a;border-radius:20px;flex-direction:column;width:100%;max-width:800px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #00000080}.productivity-header{background:#0003;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.productivity-title{align-items:center;gap:12px;display:flex}.title-icon{font-size:28px}.productivity-title h2{color:#fff;-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);-webkit-background-clip:text;background-clip:text;margin:0;font-size:22px;font-weight:600}.productivity-actions{align-items:center;gap:8px;display:flex}.action-btn{cursor:pointer;border:none;border-radius:8px;padding:8px 12px;font-size:13px;font-weight:500;transition:all .2s}.test-btn{color:#667eea;background:#667eea33}.test-btn:hover{background:#667eea4d}.clear-btn{color:#ef4444;background:#ef444433}.clear-btn:hover{background:#ef44444d}.productivity-tabs{background:#0000001a;border-bottom:1px solid #ffffff1a;gap:4px;padding:12px 20px 0;display:flex}.tab-btn{color:#fff9;cursor:pointer;background:0 0;border:none;border-radius:10px 10px 0 0;padding:10px 20px;font-size:14px;font-weight:500;transition:all .2s;position:relative}.tab-btn:hover{color:#ffffffe6;background:#ffffff0d}.tab-btn.active{color:#fff;background:#667eea33}.tab-btn.active:after{content:"";background:linear-gradient(90deg,#667eea,#764ba2);height:2px;position:absolute;bottom:0;left:0;right:0}.productivity-content{flex:1;padding:24px;overflow-y:auto}.stat-card{text-align:center;background:#ffffff0d;border:1px solid #ffffff0d;border-radius:16px;flex-direction:column;align-items:center;padding:20px;transition:all .2s;display:flex}.stat-card:hover{background:#ffffff14;transform:translateY(-2px)}.stat-card.primary{background:linear-gradient(145deg,#667eea33,#764ba233);border-color:#667eea4d}.stat-card.primary .stat-value{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:28px;font-weight:700}.stat-card.secondary .stat-value{color:#fff;font-size:24px;font-weight:600}.stat-sub{color:#fff6;margin-top:2px;font-size:11px}.goals-section{background:#ffffff08;border-radius:16px;margin-bottom:24px;padding:20px}.section-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.section-header h3{color:#fff;margin:0;font-size:16px;font-weight:600}.edit-goal-btn{color:#ffffffb3;cursor:pointer;background:0 0;border:1px solid #fff3;border-radius:6px;padding:6px 12px;font-size:12px;transition:all .2s}.edit-goal-btn:hover{color:#fff;background:#ffffff1a}.goal-edit{align-items:center;gap:8px;display:flex}.goal-edit input{color:#fff;background:#0000004d;border:1px solid #fff3;border-radius:6px;width:80px;padding:6px 10px;font-size:14px}.goal-edit button{cursor:pointer;border:none;border-radius:6px;padding:6px 12px;font-size:12px;transition:all .2s}.goal-edit button:first-of-type{color:#fff;background:#667eea}.goal-edit button:last-of-type{color:#ffffffb3;background:#ffffff1a}.goal-progress{margin-bottom:16px}.goal-progress:last-child{margin-bottom:0}.goal-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.goal-value{color:#ffffff80;font-family:monospace;font-size:13px}.progress-bar-container{background:#0000004d;border-radius:5px;height:10px;overflow:hidden}.progress-bar{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:5px;height:100%;transition:width .5s,background .3s}.progress-bar.complete{background:linear-gradient(90deg,#10b981,#34d399);animation:2s infinite pulse}.weekly-section{background:#ffffff08;border-radius:16px;margin-bottom:24px;padding:20px}.week-nav{align-items:center;gap:12px;display:flex}.week-nav button{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:flex}.week-nav button:hover:not(:disabled){background:#667eea4d}.week-nav button:disabled{opacity:.3;cursor:not-allowed}.week-nav span{color:#ffffffb3;text-align:center;min-width:100px;font-size:13px}.weekly-chart{justify-content:space-between;align-items:flex-end;gap:8px;height:180px;padding:16px 8px;display:flex}.chart-bar-container{background:#0003;border-radius:8px;flex:1;justify-content:center;align-items:flex-end;width:100%;display:flex;position:relative;overflow:hidden}.chart-bar{background:linear-gradient(#667eea 0%,#764ba2 100%);border-radius:8px 8px 0 0;width:70%;min-height:4px;transition:height .3s;position:relative}.chart-bar.filled{opacity:1}.chart-bar:not(.filled){opacity:.3}.chart-bar.today{background:linear-gradient(#10b981 0%,#059669 100%);box-shadow:0 0 15px #10b9814d}.chart-value{color:#fffc;white-space:nowrap;font-size:10px;position:absolute;top:-20px;left:50%;transform:translate(-50%)}.chart-label{color:#ffffff80;text-transform:uppercase;font-size:11px}.chart-label.today{color:#10b981;font-weight:600}.hour-section{background:#ffffff08;border-radius:16px;padding:20px}.hour-section h3{color:#fff;margin:0 0 16px;font-size:16px;font-weight:600}.hour-distribution{flex-direction:column;gap:16px;display:flex}.hour-chart{justify-content:space-between;align-items:flex-end;gap:4px;height:120px;display:flex}.hour-bar-wrapper{flex-direction:column;flex:1;align-items:center;gap:6px;display:flex}.hour-bar-container{background:#0003;border-radius:4px;flex:1;justify-content:center;align-items:flex-end;width:100%;display:flex;overflow:hidden}.hour-bar{background:linear-gradient(#667eeacc,#764ba2cc);border-radius:4px 4px 0 0;width:80%;min-height:2px;transition:height .3s}.hour-bar:not(.filled){opacity:.2;height:2px!important}.hour-label{color:#fff6;font-size:9px}.peak-hours{border-top:1px solid #ffffff1a;flex-wrap:wrap;align-items:center;gap:8px;padding-top:12px;display:flex}.peak-label{color:#ffffff80;font-size:12px}.peak-hour{color:#667eea;background:#667eea1a;border-radius:20px;padding:4px 10px;font-size:12px}.achievements-tab{flex-direction:column;gap:24px;display:flex}.achievements-summary{background:#ffffff08;border-radius:16px;justify-content:center;padding:20px;display:flex}.achievement-progress{flex-direction:column;align-items:center;gap:12px;display:flex}.progress-ring{width:120px;height:120px;position:relative}.progress-ring-bg{fill:none;stroke:#ffffff1a;stroke-width:8px}.progress-ring-fill{fill:none;stroke:url(#gradient);stroke-width:8px;stroke-linecap:round;transition:stroke-dashoffset .5s}.progress-text{text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.progress-value{color:#fff;font-size:32px;font-weight:700}.progress-total{color:#ffffff80;font-size:16px}.progress-label{color:#fff9;font-size:14px}.achievements-section h4{color:#ffffffb3;text-transform:uppercase;letter-spacing:1px;margin:0 0 12px;font-size:14px}.achievements-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;display:grid}.achievement-badge{background:#ffffff0d;border:1px solid #ffffff0d;border-radius:12px;align-items:center;gap:12px;padding:14px;transition:all .2s;display:flex}.achievement-badge:hover{transform:translateY(-2px)}.achievement-badge.unlocked{background:linear-gradient(145deg,#10b9811a,#34d3990d);border-color:#10b98133}.achievement-badge.locked{opacity:.5;filter:grayscale(.8)}.achievement-icon{background:#0000004d;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;font-size:22px;display:flex}.achievement-badge.unlocked .achievement-icon{background:linear-gradient(145deg,#10b98133,#34d3991a)}.achievement-info{flex-direction:column;gap:2px;display:flex}.achievement-name{color:#fff;font-size:14px;font-weight:600}.achievement-desc{color:#ffffff80;font-size:11px}.history-tab{min-height:300px}.empty-hint{color:#fff6!important;font-size:13px!important}.session-item{background:#ffffff08;border-radius:10px;grid-template-columns:1fr auto auto auto;align-items:center;gap:16px;padding:14px 16px;transition:all .2s;display:grid}.session-item:hover{background:#ffffff0f}.session-date{color:#fff;font-size:14px;font-weight:500}.session-time{color:#ffffff80;font-family:monospace;font-size:13px}.session-duration{color:#667eea;background:#667eea1a;border-radius:20px;padding:4px 10px;font-size:13px;font-weight:500}.session-status{font-size:16px}.productivity-content::-webkit-scrollbar{width:8px}.productivity-content::-webkit-scrollbar-track{background:#0003;border-radius:4px}.productivity-content::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.productivity-content::-webkit-scrollbar-thumb:hover{background:#fff3}.productivity-panel svg defs{position:absolute}@media (max-width:640px){.productivity-overlay{padding:10px}.productivity-panel{max-height:95vh}.stats-grid{grid-template-columns:repeat(2,1fr)}.achievements-grid{grid-template-columns:1fr}.weekly-chart{height:140px}.chart-value{font-size:9px}.chart-label{font-size:10px}.session-item{grid-template-columns:1fr auto;gap:8px}.session-time{display:none}}.project-dashboard-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.project-dashboard{background:linear-gradient(145deg,#1e293b 0%,#0f172a 100%);border:1px solid #ffffff14;border-radius:16px;flex-direction:column;width:95%;max-width:1200px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 25px 60px #0009}.project-dashboard-header{background:#ffffff05;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.header-title h3{color:#f1f5f9;margin:0;font-size:20px;font-weight:600}.project-count{color:#64748b;background:#ffffff0d;border-radius:20px;padding:4px 10px;font-size:13px}.view-toggle{background:#ffffff0d;border-radius:8px;padding:3px;display:flex}.view-toggle button{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px 12px;font-size:16px;transition:all .2s}.view-toggle button.active{color:#6366f1;background:#6366f133}.add-project-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);border:none;border-radius:8px;padding:10px 18px;font-size:14px;font-weight:500;transition:all .2s}.add-project-btn:hover{transform:translateY(-1px);box-shadow:0 4px 15px #6366f166}.stats-overview{border-bottom:1px solid #ffffff0d;grid-template-columns:repeat(4,1fr);gap:16px;padding:20px 24px;display:grid}.stat-card{background:#ffffff08;border:1px solid #ffffff0f;border-radius:12px;align-items:center;gap:12px;padding:16px;transition:all .2s;display:flex}.stat-card:hover{background:#ffffff0d;border-color:#ffffff1a}.stat-icon{background:#ffffff0d;border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;font-size:24px;display:flex}.stat-info{flex-direction:column;display:flex}.category-breakdown{border-bottom:1px solid #ffffff0d;flex-wrap:wrap;gap:8px;padding:12px 24px;display:flex}.category-pill{border:1px solid;border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;display:flex}.category-pill .count{background:#ffffff26;border-radius:10px;padding:2px 8px;font-weight:600}.project-filters{border-bottom:1px solid #ffffff0d;gap:20px;padding:16px 24px;display:flex}.projects-container{flex:1;padding:20px 24px;overflow-y:auto}.projects-container.grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;display:grid}.projects-container.list{flex-direction:column;gap:12px;display:flex}.projects-container.list .project-card{flex-direction:row;align-items:center}.project-card{background:#ffffff08;border:1px solid #ffffff0f;border-radius:12px;flex-direction:column;gap:12px;padding:16px;transition:all .2s;display:flex;position:relative}.project-card:hover{background:#ffffff0d;border-color:#ffffff1f;transform:translateY(-2px)}.project-card.completed{opacity:.7}.project-card.completed .project-name{text-decoration:line-through}.project-card-header{justify-content:space-between;align-items:flex-start;display:flex}.project-meta{flex-wrap:wrap;gap:8px;display:flex}.project-category,.project-status{text-transform:uppercase;letter-spacing:.3px;border-radius:6px;padding:4px 10px;font-size:11px;font-weight:500}.project-actions{gap:4px;display:flex}.project-actions button{color:#64748b;cursor:pointer;opacity:0;background:0 0;border:none;border-radius:6px;padding:4px 8px;font-size:14px;transition:all .2s}.project-card:hover .project-actions button{opacity:1}.project-actions button:hover{color:#e2e8f0;background:#ffffff1a}.project-name{color:#f1f5f9;margin:0;font-size:16px;font-weight:600;line-height:1.3}.project-description{color:#64748b;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:13px;line-height:1.4;display:-webkit-box;overflow:hidden}.project-stats{gap:16px;display:flex}.project-stat{flex-direction:column;gap:2px;display:flex}.project-stat .stat-label{color:#64748b;text-transform:uppercase;letter-spacing:.5px;font-size:11px}.project-stat .stat-value{color:#e2e8f0;font-size:14px;font-weight:600}.project-stat.urgent .stat-value{color:#ef4444}.project-progress{align-items:center;gap:10px;display:flex}.progress-bar{background:#ffffff14;border-radius:3px;flex:1;height:6px;overflow:hidden}.progress-fill{border-radius:3px;height:100%;transition:width .3s}.progress-text{color:#94a3b8;text-align:right;min-width:36px;font-size:12px;font-weight:600}.project-deadline{color:#64748b;align-items:center;gap:6px;font-size:12px;display:flex}.empty-projects{text-align:center;color:#64748b;grid-column:1/-1;padding:60px 20px}.empty-projects p{margin:0 0 20px;font-size:16px}.empty-projects button{color:#fff;cursor:pointer;background:#6366f1;border:none;border-radius:8px;padding:12px 24px;font-size:14px;font-weight:500}.project-modal-overlay{z-index:1100;background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.project-modal{background:#1e293b;border:1px solid #ffffff1a;border-radius:16px;width:90%;max-width:480px;max-height:90vh;padding:24px;overflow-y:auto}.project-modal h4{margin:0 0 20px;font-size:18px;font-weight:600}.modal-actions{justify-content:flex-end;gap:12px;margin-top:24px;display:flex}.btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);border:none;border-radius:8px;padding:10px 18px;font-size:14px;font-weight:500;transition:all .2s}@media (max-width:768px){.stats-overview{grid-template-columns:repeat(2,1fr)}.projects-container.grid{grid-template-columns:1fr}.project-dashboard{border-radius:0;width:100%;max-height:100vh}.form-row{grid-template-columns:1fr}}.projects-container::-webkit-scrollbar{width:8px}.project-modal::-webkit-scrollbar{width:8px}.projects-container::-webkit-scrollbar-track{background:#ffffff08;border-radius:4px}.project-modal::-webkit-scrollbar-track{background:#ffffff08;border-radius:4px}.projects-container::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}.project-modal::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}.projects-container::-webkit-scrollbar-thumb:hover{background:#ffffff40}.project-modal::-webkit-scrollbar-thumb:hover{background:#ffffff40}.prompt-panel-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#000c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.prompt-panel{background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%);border:1px solid #6366f14d;border-radius:16px;flex-direction:column;width:100%;max-width:1000px;height:80vh;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #00000080}.prompt-panel-header{background:#0003;border-bottom:1px solid #6366f133;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.prompt-panel-header h3{color:#fff;margin:0;font-size:1.25rem;font-weight:600}.view-toggle-btn{color:#a5b4fc;cursor:pointer;background:#6366f133;border:1px solid #6366f14d;border-radius:8px;padding:8px 12px;font-size:1rem;transition:all .2s}.view-toggle-btn:hover{color:#fff;background:#6366f14d}.add-prompt-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);border:none;border-radius:8px;padding:8px 16px;font-weight:500;transition:all .2s}.add-prompt-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #6366f166}.prompt-panel-body{flex:1;display:flex;overflow:hidden}.prompt-sidebar{background:#0003;border-right:1px solid #6366f133;flex-direction:column;gap:16px;width:240px;padding:16px;display:flex;overflow-y:auto}.search-box{position:relative}.search-box input{color:#e0e7ff;background:#ffffff0d;border:1px solid #6366f133;border-radius:8px;outline:none;width:100%;padding:10px 32px 10px 12px;font-size:.9rem;transition:all .2s}.search-box input:focus{background:#ffffff14;border-color:#6366f180}.clear-search{color:#6b7280;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:20px;height:20px;padding:0;font-size:1.1rem;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.clear-search:hover{color:#e0e7ff}.category-list{flex-direction:column;gap:4px;display:flex}.category-item{color:#a5b4fc;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;padding:10px 12px;font-size:.9rem;transition:all .2s;display:flex}.category-item:hover{color:#e0e7ff;background:#6366f11a}.category-item.active{color:#fff;background:#6366f140}.category-icon{font-size:1.1rem}.category-name{flex:1}.category-count{color:#a5b4fc;background:#6366f133;border-radius:12px;padding:2px 8px;font-size:.75rem;font-weight:500}.import-export{gap:8px;margin-top:auto;display:flex}.export-btn,.import-btn{color:#a5b4fc;cursor:pointer;text-align:center;background:#6366f126;border:1px solid #6366f140;border-radius:8px;flex:1;padding:8px 12px;font-size:.85rem;transition:all .2s}.export-btn:hover,.import-btn:hover{color:#e0e7ff;background:#6366f140}.prompt-content{flex-direction:column;flex:1;display:flex;overflow:hidden}.prompt-toolbar{border-bottom:1px solid #6366f11a;justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.results-info{color:#6b7280;font-size:.9rem}.sort-select:focus{border-color:#6366f180}.prompts-grid{flex:1;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;padding:20px;display:grid;overflow-y:auto}.prompts-list{flex-direction:column;flex:1;gap:12px;padding:20px;display:flex;overflow-y:auto}.prompts-list .prompt-card{flex-direction:row;align-items:center;padding:16px}.prompts-list .prompt-card-header{border-bottom:none;flex:0 0 200px;margin-bottom:0;padding-bottom:0}.prompts-list .prompt-preview{-webkit-line-clamp:1;flex:1;margin:0 16px}.prompts-list .prompt-tags{flex:none;margin:0 16px 0 0}.prompts-list .prompt-actions{border-top:none;flex:none;margin-top:0;padding-top:0}.prompt-card{cursor:pointer;background:#ffffff08;border:1px solid #6366f126;border-radius:12px;flex-direction:column;padding:16px;transition:all .2s;display:flex}.prompt-card:hover{background:#ffffff0d;border-color:#6366f14d;transform:translateY(-2px);box-shadow:0 8px 24px #0000004d}.prompt-card.expanded{background:#6366f114;border-color:#6366f166}.prompt-card-header{border-bottom:1px solid #6366f11a;align-items:center;gap:10px;margin-bottom:12px;padding-bottom:12px;display:flex}.prompt-icon{background:#6366f126;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.5rem;display:flex}.prompt-title{color:#e0e7ff;flex:1;font-size:1rem;font-weight:600}.use-count{color:#fbbf24;background:#f59e0b33;border-radius:12px;padding:2px 8px;font-size:.75rem;font-weight:500}.favorite-btn{color:#6b7280;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:28px;height:28px;padding:0;font-size:1.25rem;transition:all .2s;display:flex}.favorite-btn:hover,.favorite-btn.active{color:#fbbf24}.prompt-preview{color:#9ca3af;-webkit-line-clamp:3;-webkit-box-orient:vertical;flex:1;font-size:.9rem;line-height:1.5;display:-webkit-box;overflow:hidden}.prompt-tags{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.tag{color:#a5b4fc;background:#6366f126;border-radius:12px;padding:4px 10px;font-size:.75rem}.tag.more{color:#e0e7ff;background:#6366f140}.prompt-actions{border-top:1px solid #6366f11a;gap:8px;margin-top:16px;padding-top:16px;display:flex}.action-btn{cursor:pointer;border:none;border-radius:8px;flex:1;padding:8px 12px;font-size:.85rem;font-weight:500;transition:all .2s}.action-btn.use{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%)}.action-btn.use:hover{transform:translateY(-1px);box-shadow:0 4px 12px #6366f166}.action-btn.copy{color:#34d399;background:#10b98133}.action-btn.copy:hover{background:#10b9814d}.action-btn.edit{color:#a5b4fc;background:#6366f133}.action-btn.edit:hover{background:#6366f14d}.action-btn.delete{color:#fca5a5;background:#ef444433;flex:none;width:36px}.empty-prompts{color:#6b7280;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:40px;display:flex}.empty-prompts p{margin-bottom:20px;font-size:1.1rem}.empty-prompts button{color:#a5b4fc;cursor:pointer;background:#6366f133;border:1px solid #6366f14d;border-radius:8px;padding:10px 20px;font-size:.9rem;transition:all .2s}.empty-prompts button:hover{color:#e0e7ff;background:#6366f14d}.prompt-form-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background:#000c;justify-content:center;align-items:center;padding:20px;display:flex;position:absolute;inset:0}.prompt-form{background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%);border:1px solid #6366f14d;border-radius:16px;width:100%;max-width:500px;max-height:90vh;padding:24px;overflow-y:auto}.prompt-form h4{color:#fff;margin:0 0 20px;font-size:1.2rem}.form-group input,.form-group textarea,.form-group select{color:#e0e7ff;box-sizing:border-box;background:#0000004d;border:1px solid #6366f133;border-radius:8px;outline:none;width:100%;padding:10px 12px;font-size:.9rem;transition:all .2s}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{background:#0006;border-color:#6366f180}.form-group textarea{resize:vertical;min-height:100px;font-family:inherit;line-height:1.5}.icon-picker{grid-template-columns:repeat(10,1fr);gap:6px;display:grid}.icon-option{aspect-ratio:1;cursor:pointer;background:#0000004d;border:2px solid #0000;border-radius:8px;justify-content:center;align-items:center;font-size:1.1rem;transition:all .2s;display:flex}.icon-option:hover{background:#6366f133}.icon-option.selected{background:#6366f14d;border-color:#6366f1}.btn-secondary{color:#a5b4fc;cursor:pointer;background:#ffffff1a;border:none;border-radius:8px;padding:10px 20px;transition:all .2s}.btn-delete{color:#fca5a5;cursor:pointer;background:#ef444433;border:none;border-radius:8px;margin-right:auto;padding:10px 16px;transition:all .2s}.btn-delete:hover{color:#fff;background:#ef44444d}@media (max-width:768px){.prompt-panel{border-radius:12px;height:95vh}.prompt-sidebar{width:200px}.prompts-grid,.form-row{grid-template-columns:1fr}.icon-picker{grid-template-columns:repeat(10,1fr)}.prompts-list .prompt-card{flex-direction:column;align-items:stretch}.prompts-list .prompt-card-header{border-bottom:1px solid #6366f11a;flex:none;margin-bottom:12px;padding-bottom:12px}.prompts-list .prompt-preview,.prompts-list .prompt-tags{margin:0 0 12px}.prompts-list .prompt-actions{border-top:1px solid #6366f11a;margin-top:12px;padding-top:12px}}@media (max-width:480px){.prompt-sidebar{display:none}.header-actions{gap:4px}.view-toggle-btn{padding:6px 8px}.add-prompt-btn{padding:6px 12px;font-size:.85rem}.prompt-actions{flex-wrap:wrap}.action-btn{flex:calc(50% - 4px)}.action-btn.delete{flex:0 0 36px}}.prompt-content::-webkit-scrollbar{width:8px}.prompt-sidebar::-webkit-scrollbar{width:8px}.prompt-form::-webkit-scrollbar{width:8px}.prompt-content::-webkit-scrollbar-track{background:#0003}.prompt-sidebar::-webkit-scrollbar-track{background:#0003}.prompt-form::-webkit-scrollbar-track{background:#0003}.prompt-content::-webkit-scrollbar-thumb{background:#6366f14d;border-radius:4px}.prompt-sidebar::-webkit-scrollbar-thumb{background:#6366f14d;border-radius:4px}.prompt-form::-webkit-scrollbar-thumb{background:#6366f14d;border-radius:4px}.prompt-content::-webkit-scrollbar-thumb:hover{background:#6366f180}.prompt-sidebar::-webkit-scrollbar-thumb:hover{background:#6366f180}.prompt-form::-webkit-scrollbar-thumb:hover{background:#6366f180}.quest-log-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#000c;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.quest-log{background:linear-gradient(135deg,#1e1b4b 0%,#0f172a 50%,#1e293b 100%);border:1px solid #8b5cf64d;border-radius:20px;flex-direction:column;width:90%;max-width:600px;max-height:85vh;animation:.3s slideUp;display:flex;overflow:hidden;box-shadow:0 25px 60px #00000080,0 0 0 1px #8b5cf633,inset 0 1px #ffffff0d}.quest-log-header{background:linear-gradient(90deg,#8b5cf61a 0%,#6366f11a 100%);border-bottom:1px solid #8b5cf633;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.quest-log-title{align-items:center;gap:12px;display:flex}.title-icon{filter:drop-shadow(0 0 10px #8b5cf680);font-size:28px}.quest-log-header h3{-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#a78bfa 0%,#67e8f9 100%);-webkit-background-clip:text;background-clip:text;margin:0;font-size:22px;font-weight:700}.add-quest-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#8b5cf6 0%,#6366f1 100%);border:none;border-radius:10px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s;box-shadow:0 4px 15px #8b5cf64d}.add-quest-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #8b5cf680}.close-btn{color:#94a3b8;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;margin-left:12px;padding:0;font-size:24px;transition:all .2s;display:flex}.player-stats-card{background:#0f172a80;border-bottom:1px solid #8b5cf626;flex-wrap:wrap;align-items:center;gap:16px;padding:20px 24px;display:flex}.level-badge{background:linear-gradient(135deg,#fbbf24 0%,#f59e0b 100%);border:3px solid #fff3;border-radius:50%;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;width:70px;height:70px;display:flex;box-shadow:0 0 30px #fbbf2466,inset 0 2px 4px #ffffff4d}.level-number{color:#1e1b4b;font-size:28px;font-weight:800;line-height:1}.level-label{color:#1e1b4b;letter-spacing:1px;font-size:10px;font-weight:700}.stats-info{flex:1;min-width:200px}.xp-bar{background:#0f172acc;border:1px solid #8b5cf633;border-radius:10px;height:12px;margin-bottom:6px;overflow:hidden}.xp-progress{background:linear-gradient(90deg,#8b5cf6 0%,#22d3ee 50%,#34d399 100%);border-radius:10px;height:100%;transition:width .5s;box-shadow:0 0 10px #8b5cf680}.xp-text{color:#94a3b8;text-align:right;font-size:12px}.stats-grid{border-top:1px solid #8b5cf61a;grid-template-columns:repeat(4,1fr);gap:12px;width:100%;margin-top:12px;padding-top:16px;display:grid}.stat-item{text-align:center;flex-direction:column;align-items:center;display:flex}.achievements-preview{background:#8b5cf60d;border-bottom:1px solid #8b5cf61a;padding:16px 24px}.achievements-preview h4{color:#a78bfa;margin:0 0 12px;font-size:14px;font-weight:600}.achievement-list{flex-wrap:wrap;gap:10px;display:flex}.achievement-item{border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;font-size:20px;transition:all .2s;display:flex;position:relative}.achievement-item.locked{filter:grayscale();opacity:.5;background:#0f172a99;border:1px solid #ffffff0d}.achievement-item.unlocked{background:linear-gradient(135deg,#fbbf2433 0%,#f59e0b33 100%);border:1px solid #fbbf2466;animation:2s ease-in-out infinite achievementPulse;box-shadow:0 0 15px #fbbf244d}@keyframes achievementPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.quest-filters{border-bottom:1px solid #8b5cf61a;gap:8px;padding:16px 24px;display:flex;overflow-x:auto}.quest-filters button{color:#94a3b8;cursor:pointer;white-space:nowrap;background:#0f172a99;border:1px solid #8b5cf633;border-radius:10px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .2s}.quest-filters button:hover{color:#e2e8f0;background:#8b5cf61a;border-color:#8b5cf666}.quest-filters button.active{color:#fff;background:linear-gradient(135deg,#8b5cf6 0%,#6366f1 100%);border-color:#0000;box-shadow:0 4px 15px #8b5cf64d}.quest-list{flex:1;padding:16px 24px;overflow-y:auto}.empty-state p{color:#94a3b8;margin-bottom:8px;font-size:16px}.quest-card{background:#0f172a99;border:1px solid #8b5cf626;border-radius:16px;margin-bottom:12px;padding:16px;transition:all .2s;position:relative;overflow:hidden}.quest-card:before{content:"";background:var(--difficulty-color,#6366f1);width:4px;height:100%;position:absolute;top:0;left:0}.quest-card:hover{border-color:#8b5cf64d;transform:translateY(-2px);box-shadow:0 8px 25px #0000004d}.quest-card.completed{opacity:.7;border-color:#22c55e4d}.quest-card.completed:before{background:#22c55e}.quest-card.epic{background:linear-gradient(135deg,#8b5cf61a 0%,#0f172a99 100%);border-color:#8b5cf666}.quest-card.epic:before{background:linear-gradient(#a78bfa 0%,#8b5cf6 100%);width:5px;box-shadow:0 0 10px #8b5cf680}.quest-card-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.quest-meta{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.quest-category{font-size:16px}.quest-difficulty{text-transform:uppercase;letter-spacing:.5px;background:#0000004d;border-radius:20px;padding:4px 10px;font-size:11px;font-weight:700}.quest-xp{color:#fbbf24;background:#fbbf241a;border:1px solid #fbbf2433;border-radius:20px;padding:4px 10px;font-size:11px;font-weight:700}.quest-content{margin-bottom:12px}.quest-title{color:#e2e8f0;margin:0 0 6px;font-size:16px;font-weight:600}.quest-description{color:#94a3b8;margin:0;font-size:13px;line-height:1.5}.quest-milestones{margin-bottom:12px}.milestone-progress{align-items:center;gap:10px;margin-bottom:10px;display:flex}.milestone-bar{background:#0f172acc;border-radius:10px;flex:1;height:6px;overflow:hidden}.milestone-fill{background:linear-gradient(90deg,#8b5cf6 0%,#22d3ee 100%);border-radius:10px;height:100%;transition:width .3s}.milestone-text{color:#64748b;text-align:right;min-width:35px;font-size:11px;font-weight:600}.milestone-item{cursor:pointer;color:#cbd5e1;align-items:center;gap:10px;padding:6px 0;font-size:13px;transition:all .2s;display:flex}.milestone-item:hover{color:#e2e8f0}.milestone-item.completed{color:#64748b;text-decoration:line-through}.milestone-item input[type=checkbox]{cursor:pointer;accent-color:#8b5cf6;width:16px;height:16px}.complete-quest-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#22c55e 0%,#16a34a 100%);border:none;border-radius:10px;width:100%;padding:12px;font-size:14px;font-weight:600;transition:all .2s;box-shadow:0 4px 15px #22c55e4d}.complete-quest-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #22c55e66}.completed-badge{text-align:center;color:#22c55e;background:#22c55e1a;border:1px solid #22c55e33;border-radius:10px;padding:10px;font-size:13px;font-weight:500}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1100;background:#000c;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal{background:linear-gradient(135deg,#1e293b 0%,#0f172a 100%);border:1px solid #8b5cf64d;border-radius:20px;width:90%;max-width:450px;max-height:80vh;padding:24px;animation:.3s slideUp;overflow-y:auto;box-shadow:0 25px 60px #00000080,0 0 0 1px #8b5cf633}.modal h4{color:#e2e8f0;margin:0 0 20px;font-size:18px}.quest-modal input,.quest-modal textarea,.quest-modal select{color:#e2e8f0;background:#0f172acc;border:1px solid #8b5cf633;border-radius:12px;width:100%;margin-bottom:12px;padding:12px 16px;font-size:14px;transition:all .2s}.quest-modal input:focus,.quest-modal textarea:focus,.quest-modal select:focus{border-color:#8b5cf680;outline:none;box-shadow:0 0 15px #8b5cf633}.quest-modal textarea{resize:vertical;min-height:60px}.form-row label{flex-direction:column;gap:6px;display:flex}.form-row label span{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:600}.form-row select{margin-bottom:0}.milestones-section{background:#0f172a80;border:1px solid #8b5cf61a;border-radius:12px;margin:16px 0;padding:16px}.milestones-section>label{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;font-size:12px;font-weight:600;display:block}.milestone-input-row{gap:8px;margin-bottom:8px;display:flex}.milestone-input-row input{flex:1;margin-bottom:0}.remove-milestone{color:#ef4444;cursor:pointer;background:#ef44441a;border:1px solid #ef444433;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;transition:all .2s;display:flex}.remove-milestone:hover{background:#ef444433;border-color:#ef444466}.add-milestone-btn{color:#a78bfa;cursor:pointer;background:#8b5cf61a;border:1px dashed #8b5cf64d;border-radius:8px;width:100%;padding:10px;font-size:13px;transition:all .2s}.add-milestone-btn:hover{background:#8b5cf633;border-style:solid}.modal-actions button{cursor:pointer;border-radius:10px;padding:10px 24px;font-size:14px;font-weight:600;transition:all .2s}.modal-actions button:first-child{color:#94a3b8;background:#ffffff0d;border:1px solid #ffffff1a}.modal-actions button:first-child:hover{color:#e2e8f0;background:#ffffff1a}.modal-actions button.primary{color:#fff;background:linear-gradient(135deg,#8b5cf6 0%,#6366f1 100%);border:none;box-shadow:0 4px 15px #8b5cf64d}.modal-actions button.primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #8b5cf666}.achievement-overlay{background:#000000e6}.achievement-modal{text-align:center;padding:40px}.achievement-unlocked{position:relative}.achievement-glow{background:radial-gradient(circle,#fbbf244d 0%,#0000 70%);width:200px;height:200px;animation:2s ease-in-out infinite glowPulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes glowPulse{0%,to{opacity:.5;transform:translate(-50%,-50%)scale(1)}50%{opacity:1;transform:translate(-50%,-50%)scale(1.2)}}.achievement-icon-large{z-index:1;filter:drop-shadow(0 0 20px #fbbf24cc);margin-bottom:20px;font-size:64px;animation:.5s iconBounce;display:block;position:relative}.achievement-unlocked h4{color:#fbbf24;text-transform:uppercase;letter-spacing:2px;margin:0 0 8px;font-size:14px;font-weight:700}.achievement-unlocked h3{-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#fbbf24 0%,#f59e0b 100%);-webkit-background-clip:text;background-clip:text;margin:0 0 12px;font-size:28px;font-weight:700}.achievement-unlocked p{color:#94a3b8;margin:0 0 24px;font-size:15px}.achievement-unlocked button{padding:14px 32px;font-size:16px}.quest-list::-webkit-scrollbar{width:8px}.modal::-webkit-scrollbar{width:8px}.quest-list::-webkit-scrollbar-track{background:#0f172a4d;border-radius:4px}.modal::-webkit-scrollbar-track{background:#0f172a4d;border-radius:4px}.quest-list::-webkit-scrollbar-thumb{background:#8b5cf64d;border-radius:4px}.modal::-webkit-scrollbar-thumb{background:#8b5cf64d;border-radius:4px}.quest-list::-webkit-scrollbar-thumb:hover{background:#8b5cf680}.modal::-webkit-scrollbar-thumb:hover{background:#8b5cf680}@media (max-width:600px){.quest-log{width:95%;max-height:90vh}.stats-grid{grid-template-columns:repeat(2,1fr)}.form-row{grid-template-columns:1fr}}body.theme-light .quest-log{background:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 50%,#f1f5f9 100%);border-color:#8b5cf633}body.theme-light .quest-card{background:#fffc;border-color:#8b5cf61a}body.theme-light .quest-title{color:#1e293b}body.theme-light .quest-description{color:#64748b}body.theme-light .milestone-item{color:#334155}.quick-capture-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0009;justify-content:center;align-items:flex-start;padding-top:80px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.quick-capture-panel{background:var(--surface,#1a1a2e);border-radius:16px;flex-direction:column;width:90%;max-width:500px;max-height:80vh;animation:.3s slideIn;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #00000080,0 0 0 1px #ffffff1a}.quick-capture-panel.expanded{max-width:700px}.quick-capture-header{background:linear-gradient(135deg,#6366f11a,#0000);border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.quick-capture-header h3{color:var(--text-primary,#fff);margin:0;font-size:1.1rem;font-weight:600}.expand-btn,.close-btn{width:32px;height:32px;color:var(--text-secondary,#a0a0a0);cursor:pointer;background:#ffffff1a;border:none;border-radius:8px;justify-content:center;align-items:center;font-size:.9rem;transition:all .2s;display:flex}.expand-btn:hover,.close-btn:hover{color:var(--text-primary,#fff);background:#fff3}.quick-capture-content{flex:1;padding:20px;overflow-y:auto}.capture-types{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.type-btn{cursor:pointer;color:var(--text-secondary,#a0a0a0);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;align-items:center;gap:6px;padding:8px 12px;font-size:.85rem;transition:all .2s;display:flex}.type-btn:hover{background:#ffffff1a;border-color:#fff3}.type-btn.active{background:var(--type-color,#6366f1);border-color:var(--type-color,#6366f1);color:#fff;box-shadow:0 4px 12px #0000004d}.type-icon{font-size:1rem}.type-label{font-weight:500}.capture-input-area{margin-bottom:20px}.bookmark-inputs{flex-direction:column;gap:10px;display:flex}.capture-input,.capture-textarea{width:100%;color:var(--text-primary,#fff);resize:none;background:#0003;border:1px solid #ffffff26;border-radius:12px;padding:14px 16px;font-family:inherit;font-size:1rem;transition:all .2s}.capture-input::placeholder,.capture-textarea::placeholder{color:var(--text-muted,#6b7280)}.capture-input:focus,.capture-textarea:focus{border-color:var(--primary,#6366f1);background:#0000004d;outline:none;box-shadow:0 0 0 3px #6366f133}.quick-tags{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.quick-tag{cursor:pointer;color:var(--text-secondary,#a0a0a0);background:0 0;border:1px solid #ffffff1a;border-radius:16px;padding:6px 12px;font-size:.8rem;transition:all .2s}.quick-tag:hover{background:#ffffff0d;border-color:#fff3}.quick-tag.active{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-color:#0000}.capture-submit-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:12px;width:100%;margin-top:16px;padding:14px 20px;font-size:1rem;font-weight:600;transition:all .2s;box-shadow:0 4px 12px #6366f14d}.capture-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #6366f166}.capture-submit-btn:disabled{opacity:.5;cursor:not-allowed}.capture-submit-btn.success{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 12px #10b9814d}.recent-captures{border-top:1px solid #ffffff1a;padding-top:20px}.recent-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.recent-header h4{color:var(--text-secondary,#a0a0a0);margin:0;font-size:.95rem;font-weight:600}.capture-count{color:#6366f1;background:#6366f133;border-radius:12px;padding:4px 10px;font-size:.8rem;font-weight:600}.captures-list{flex-direction:column;gap:10px;max-height:300px;display:flex;overflow-y:auto}.capture-item{border:1px solid #ffffff14;border-left:3px solid var(--type-color,#6366f1);background:#ffffff08;border-radius:10px;padding:12px 14px;transition:all .2s}.capture-item:hover{background:#ffffff0f;border-color:#ffffff26}.capture-item.processed{opacity:.5;border-left-color:#10b981}.capture-item-header{align-items:center;gap:8px;margin-bottom:6px;display:flex}.capture-type-icon{font-size:.9rem}.capture-time{color:var(--text-muted,#6b7280);margin-left:auto;margin-right:8px;font-size:.75rem}.capture-actions{gap:4px;display:flex}.action-btn{cursor:pointer;opacity:.6;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:24px;height:24px;font-size:.75rem;transition:all .2s;display:flex}.action-btn:hover{opacity:1;background:#ffffff1a}.capture-content{color:var(--text-primary,#fff);word-break:break-word;font-size:.95rem;line-height:1.5}.capture-link{color:#60a5fa;word-break:break-all;text-decoration:none}.capture-link:hover{text-decoration:underline}.capture-tags{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.capture-tag{color:var(--text-muted,#6b7280);background:#ffffff0d;border-radius:10px;padding:2px 8px;font-size:.7rem}.captures-empty{text-align:center;color:var(--text-secondary,#a0a0a0);padding:40px 20px}.captures-empty p{margin:0;font-size:1rem}.integration-info{border-top:1px solid #ffffff1a;margin-top:20px;padding-top:16px}.integration-info p{color:var(--text-secondary,#a0a0a0);margin:0 0 10px;font-size:.85rem}.integrations{flex-wrap:wrap;gap:8px;display:flex}.integration{color:#818cf8;background:#6366f11a;border:1px solid #6366f133;border-radius:16px;padding:6px 12px;font-size:.8rem}.captures-list::-webkit-scrollbar{width:6px}.quick-capture-content::-webkit-scrollbar{width:6px}.captures-list::-webkit-scrollbar-track{background:0 0}.quick-capture-content::-webkit-scrollbar-track{background:0 0}.captures-list::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.quick-capture-content::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.captures-list::-webkit-scrollbar-thumb:hover{background:#fff3}.quick-capture-content::-webkit-scrollbar-thumb:hover{background:#fff3}@media (max-width:640px){.quick-capture-overlay{align-items:flex-end;padding-top:20px}.quick-capture-panel{border-radius:20px 20px 0 0;width:100%;max-width:none;max-height:90vh}.capture-types{justify-content:center}.type-btn{padding:6px 10px}.type-label{display:none}}.theme-light .quick-capture-panel{background:#fff;box-shadow:0 25px 50px -12px #00000026,0 0 0 1px #0000001a}.theme-light .quick-capture-header{background:linear-gradient(135deg,#6366f10d,#0000);border-bottom-color:#0000001a}.theme-light .type-btn{color:#6b7280;background:#00000008;border-color:#0000001a}.theme-light .type-btn:hover{background:#0000000f}.theme-light .capture-input,.theme-light .capture-textarea{color:#1f2937;background:#00000008;border-color:#00000026}.theme-light .capture-input:focus,.theme-light .capture-textarea:focus{background:#fff;border-color:#6366f1}.theme-light .quick-tag{color:#6b7280;border-color:#0000001a}.theme-light .capture-item{background:#00000005;border-color:#00000014}.theme-light .capture-item:hover{background:#0000000a}.theme-light .capture-content{color:#1f2937}.theme-light .captures-empty{color:#6b7280}.theme-light .empty-hint{color:#9ca3af}.theme-light .recent-captures,.theme-light .integration-info{border-top-color:#0000001a}.theme-light .expand-btn,.theme-light .close-btn{color:#6b7280;background:#0000000d}.theme-light .expand-btn:hover,.theme-light .close-btn:hover{background:#0000001a}.quicklinks-panel-overlay{z-index:1000;background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.quicklinks-panel{background:#1e293b;border-radius:16px;flex-direction:column;width:90%;max-width:800px;height:85vh;display:flex;overflow:hidden;box-shadow:0 25px 60px #0009}.quicklinks-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.quicklinks-header h3{color:#f8fafc;margin:0;font-size:20px;font-weight:600}.quicklinks-actions{gap:8px;display:flex}.icon-btn{color:#94a3b8;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;transition:all .2s;display:flex}.icon-btn:hover{color:#f8fafc;background:#ffffff1a}.icon-btn.add-btn{color:#fff;background:#6366f1;border-color:#6366f1;font-size:20px;font-weight:300}.icon-btn.add-btn:hover{background:#4f46e5}.icon-btn.close-btn{font-size:24px;font-weight:300}.icon-btn.close-btn:hover{color:#ef4444;background:#ef444433}.quicklinks-toolbar{border-bottom:1px solid #ffffff0d;flex-direction:column;gap:12px;padding:16px 24px;display:flex}.quicklinks-search{color:#f8fafc;background:#0f172a;border:1px solid #ffffff1a;border-radius:10px;width:100%;padding:12px 16px;font-size:15px;transition:border-color .2s}.quicklinks-search:focus{border-color:#6366f1;outline:none}.quicklinks-search::placeholder{color:#64748b}.category-filters{flex-wrap:wrap;gap:8px;display:flex}.category-pill{color:#94a3b8;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;transition:all .2s;display:flex}.category-pill:hover{color:#e2e8f0;background:#ffffff1a}.category-pill .count{background:#ffffff1a;border-radius:10px;padding:2px 8px;font-size:11px;font-weight:500}.category-pill.active .count{background:#6366f14d}.quicklinks-list{flex:1;padding:16px 24px;overflow-y:auto}.quicklink-card{background:#ffffff08;border:1px solid #ffffff0d;border-radius:12px;align-items:flex-start;gap:16px;margin-bottom:12px;padding:16px;transition:all .2s;display:flex}.quicklink-card:hover{background:#ffffff0f;border-color:#ffffff1a;transform:translate(4px)}.quicklink-icon{background:#ffffff0d;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:24px;display:flex}.quicklink-content{flex:1;min-width:0}.quicklink-title{color:#f8fafc;margin-bottom:4px;font-size:15px;font-weight:500;text-decoration:none;transition:color .2s;display:block}.quicklink-title:hover{color:#818cf8}.quicklink-url{color:#64748b;white-space:nowrap;text-overflow:ellipsis;margin-bottom:6px;font-family:monospace;font-size:13px;overflow:hidden}.quicklink-notes{color:#94a3b8;margin-bottom:8px;font-size:13px;line-height:1.4}.quicklink-meta{align-items:center;gap:12px;display:flex}.category-badge{color:#818cf8;text-transform:capitalize;background:#6366f126;border-radius:12px;padding:4px 10px;font-size:11px;font-weight:500}.click-count{color:#64748b;font-size:11px}.quicklink-actions{opacity:0;gap:6px;transition:opacity .2s;display:flex}.quicklink-card:hover .quicklink-actions{opacity:1}.action-btn{color:#94a3b8;cursor:pointer;background:#ffffff0d;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;transition:all .2s;display:flex}.empty-state{color:#64748b;text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.empty-state button{color:#fff;cursor:pointer;background:#6366f1;border:none;border-radius:8px;margin-top:20px;padding:12px 24px;font-size:14px;font-weight:500;transition:background .2s}.empty-state button:hover{background:#4f46e5}.quicklinks-form-overlay{z-index:10;background:#000000b3;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.quicklinks-form{background:#1e293b;border:1px solid #ffffff1a;border-radius:16px;width:90%;max-width:450px;padding:24px;box-shadow:0 25px 60px #0009}.quicklinks-form h4{color:#f8fafc;margin:0 0 20px;font-size:18px}.form-group input,.form-group select,.form-group textarea{color:#f8fafc;box-sizing:border-box;background:#0f172a;border:1px solid #ffffff1a;border-radius:10px;width:100%;padding:12px 14px;font-size:14px;transition:border-color .2s}.form-group select{cursor:pointer}.btn-secondary,.btn-primary{cursor:pointer;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .2s}.quicklinks-list::-webkit-scrollbar{width:8px}.quicklinks-list::-webkit-scrollbar-track{background:0 0}.quicklinks-list::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.quicklinks-list::-webkit-scrollbar-thumb:hover{background:#fff3}@media (max-width:640px){.quicklinks-panel{border-radius:0;width:100%;height:100vh}.category-filters{flex-wrap:nowrap;padding-bottom:4px;overflow-x:auto}.quicklink-actions{opacity:1}}.reading-panel-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#000000b3;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.reading-panel{background:var(--bg-secondary,#1a1a2e);border:1px solid var(--border-color,#2d2d44);border-radius:16px;flex-direction:column;width:100%;max-width:1000px;max-height:90vh;animation:.3s slideUp;display:flex;overflow:hidden}.reading-panel-header{border-bottom:1px solid var(--border-color,#2d2d44);background:var(--bg-tertiary,#16162a);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.reading-panel-header h3{color:var(--text-primary,#fff);margin:0;font-size:1.4rem}.add-book-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:8px;padding:8px 16px;font-size:.9rem;font-weight:500;transition:all .2s}.add-book-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #6366f14d}.close-btn{border:1px solid var(--border-color,#2d2d44);width:32px;height:32px;color:var(--text-secondary,#888);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;font-size:1.4rem;line-height:1;transition:all .2s;display:flex}.close-btn:hover{background:var(--danger-color,#ef4444);color:#fff;border-color:var(--danger-color,#ef4444)}.reading-stats{background:var(--bg-tertiary,#16162a);border-bottom:1px solid var(--border-color,#2d2d44);grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:12px;padding:16px 24px;display:grid}.stat-label{color:var(--text-secondary,#888);text-transform:uppercase;letter-spacing:.5px;margin-top:4px;font-size:.75rem;display:block}.stat-card.finished .stat-number{color:#22c55e}.stat-card.reading .stat-number{color:#3b82f6}.stat-card.pages .stat-number{color:#8b5cf6}.stat-card.rating .stat-number{color:#f59e0b}.reading-filters{background:var(--bg-tertiary,#16162a);border-bottom:1px solid var(--border-color,#2d2d44);flex-wrap:wrap;align-items:center;gap:12px;padding:16px 24px;display:flex}.search-box{flex:1;min-width:200px}.search-box input{background:var(--bg-secondary,#1a1a2e);border:1px solid var(--border-color,#2d2d44);width:100%;color:var(--text-primary,#fff);border-radius:8px;padding:10px 14px;font-size:.9rem}.search-box input:focus{border-color:#6366f1;outline:none}.filter-group select{background:var(--bg-secondary,#1a1a2e);border:1px solid var(--border-color,#2d2d44);color:var(--text-primary,#fff);cursor:pointer;border-radius:8px;padding:10px 14px;font-size:.9rem}.books-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;max-height:50vh;padding:20px 24px;display:grid;overflow-y:auto}.book-card{background:var(--bg-secondary,#1a1a2e);border:1px solid var(--border-color,#2d2d44);cursor:pointer;border-radius:12px;padding:16px;transition:all .2s;position:relative;overflow:hidden}.book-card:hover{border-color:#6366f1;transform:translateY(-4px);box-shadow:0 8px 24px #0000004d}.book-card.finished{border-color:#22c55e40}.book-card.reading{border-color:#3b82f640}.book-card-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.status-indicator{border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;font-size:.9rem;display:flex}.genre-tag{font-size:1.1rem}.book-cover{aspect-ratio:2/3;border:1px solid var(--border-color,#2d2d44);background:linear-gradient(135deg,#2d2d44,#1a1a2e);border-radius:8px;justify-content:center;align-items:center;width:100%;margin-bottom:12px;display:flex}.book-icon{opacity:.7;font-size:3rem}.book-info{margin-bottom:12px}.book-title{color:var(--text-primary,#fff);white-space:nowrap;text-overflow:ellipsis;margin:0 0 4px;font-size:.95rem;font-weight:600;overflow:hidden}.book-author{color:var(--text-secondary,#888);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.8rem;overflow:hidden}.book-progress{align-items:center;gap:8px;margin-bottom:12px;display:flex}.mini-progress-bar{background:var(--bg-tertiary,#16162a);border-radius:3px;flex:1;height:6px;overflow:hidden}.mini-progress-fill{border-radius:3px;height:100%;transition:width .3s}.progress-text{color:var(--text-secondary,#888);text-align:right;min-width:32px;font-size:.75rem}.book-rating-mini{filter:drop-shadow(0 2px 4px #0000004d);font-size:1.2rem;position:absolute;top:12px;right:12px}.book-card-actions{opacity:0;gap:6px;transition:opacity .2s;display:flex}.book-card:hover .book-card-actions{opacity:1}.action-btn{background:var(--bg-tertiary,#16162a);border:1px solid var(--border-color,#2d2d44);color:var(--text-secondary,#888);cursor:pointer;border-radius:6px;flex:1;padding:6px;font-size:.75rem;transition:all .2s}.action-btn:hover{color:#fff;background:#6366f1;border-color:#6366f1}.action-btn.primary{color:#22c55e;background:#22c55e20;border-color:#22c55e40}.action-btn.primary:hover{color:#fff;background:#22c55e}.empty-books{text-align:center;color:var(--text-secondary,#888);padding:60px 20px}.empty-books h4{color:var(--text-primary,#fff);margin:0 0 8px}.empty-books p{margin:0 0 20px}.empty-books button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:8px;padding:12px 24px;font-size:.95rem;transition:all .2s}.empty-books button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #6366f14d}.book-form-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10;background:#000c;justify-content:center;align-items:center;padding:20px;display:flex;position:absolute;inset:0}.book-form{background:var(--bg-secondary,#1a1a2e);border:1px solid var(--border-color,#2d2d44);border-radius:16px;width:100%;max-width:480px;max-height:80vh;padding:24px;overflow-y:auto}.book-form h4{color:var(--text-primary,#fff);margin:0 0 20px;font-size:1.2rem}.form-row{margin-bottom:16px}.form-row.two-col{grid-template-columns:1fr 1fr;gap:12px;display:grid}.form-group label{color:var(--text-secondary,#888);margin-bottom:6px;font-size:.85rem;display:block}.form-group input,.form-group select,.form-group textarea{background:var(--bg-tertiary,#16162a);border:1px solid var(--border-color,#2d2d44);width:100%;color:var(--text-primary,#fff);border-radius:8px;padding:10px 12px;font-size:.9rem}.rating-selector{gap:8px;display:flex}.rating-btn{background:var(--bg-tertiary,#16162a);border:1px solid var(--border-color,#2d2d44);cursor:pointer;opacity:.5;border-radius:8px;flex:1;padding:10px;font-size:1.4rem;transition:all .2s}.rating-btn:hover{opacity:.8}.rating-btn.selected{opacity:1;background:#f59e0b20;border-color:#f59e0b}.quote-input-row{gap:8px;margin-bottom:8px;display:flex}.quote-input-row input{flex:1}.remove-quote-btn{background:var(--danger-color,#ef4444)20;border:1px solid var(--danger-color,#ef4444)40;color:var(--danger-color,#ef4444);cursor:pointer;border-radius:6px;padding:0 10px;font-size:1.2rem}.add-quote-btn{border:1px dashed var(--border-color,#2d2d44);color:var(--text-secondary,#888);cursor:pointer;background:0 0;border-radius:8px;width:100%;padding:8px 12px;font-size:.85rem}.add-quote-btn:hover{color:#6366f1;border-color:#6366f1}.form-actions button{cursor:pointer;border-radius:8px;padding:10px 20px;font-size:.9rem;transition:all .2s}.btn-secondary{border:1px solid var(--border-color,#2d2d44);color:var(--text-secondary,#888);background:0 0}.btn-secondary:hover{border-color:var(--text-primary,#fff);color:var(--text-primary,#fff)}.btn-primary{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;margin-left:auto}.btn-delete{background:var(--danger-color,#ef4444)20;border:1px solid var(--danger-color,#ef4444)40;color:var(--danger-color,#ef4444)}.btn-delete:hover{background:var(--danger-color,#ef4444);color:#fff}.book-detail-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10;background:#000c;justify-content:center;align-items:center;padding:20px;display:flex;position:absolute;inset:0}.book-detail{background:var(--bg-secondary,#1a1a2e);border:1px solid var(--border-color,#2d2d44);border-radius:16px;width:100%;max-width:560px;max-height:80vh;overflow-y:auto}.book-detail-header{background:var(--bg-tertiary,#16162a);border-bottom:1px solid var(--border-color,#2d2d44);gap:20px;padding:24px;display:flex;position:relative}.book-cover-placeholder{border:1px solid var(--border-color,#2d2d44);background:linear-gradient(135deg,#2d2d44,#1a1a2e);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:100px;height:140px;font-size:3rem;display:flex}.book-detail-info{flex:1}.book-detail-info h3{color:var(--text-primary,#fff);margin:0 0 8px;font-size:1.3rem}.book-author{color:var(--text-secondary,#888);margin:0 0 12px;font-size:.95rem}.book-meta{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.status-badge,.genre-badge{color:#fff;border-radius:20px;padding:4px 10px;font-size:.75rem;font-weight:500}.genre-badge{background:var(--bg-secondary,#1a1a2e);border:1px solid var(--border-color,#2d2d44);color:var(--text-secondary,#888)}.book-rating{color:#f59e0b;font-size:1.1rem}.book-detail-content{padding:20px 24px}.progress-section{margin-bottom:20px}.progress-header{justify-content:space-between;margin-bottom:8px;font-size:.9rem;display:flex}.progress-header span:first-child{color:var(--text-secondary,#888)}.progress-header span:last-child{color:var(--text-primary,#fff);font-weight:500}.progress-bar{background:var(--bg-tertiary,#16162a);border-radius:4px;height:8px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:4px;height:100%;transition:width .3s}.progress-controls{align-items:center;gap:8px;margin-top:12px;display:flex}.progress-controls button{background:var(--bg-tertiary,#16162a);border:1px solid var(--border-color,#2d2d44);width:36px;height:36px;color:var(--text-primary,#fff);cursor:pointer;border-radius:8px;font-size:1.2rem;transition:all .2s}.progress-controls button:hover{background:#6366f1;border-color:#6366f1}.progress-controls input{background:var(--bg-tertiary,#16162a);border:1px solid var(--border-color,#2d2d44);color:var(--text-primary,#fff);text-align:center;border-radius:8px;flex:1;padding:8px 12px}.detail-section{margin-bottom:20px}.detail-section h5{color:var(--text-secondary,#888);text-transform:uppercase;letter-spacing:.5px;margin:0 0 10px;font-size:.9rem}.detail-section p{color:var(--text-primary,#fff);margin:0;line-height:1.6}.quotes-list{flex-direction:column;gap:12px;display:flex}.quotes-list blockquote{background:var(--bg-tertiary,#16162a);color:var(--text-primary,#fff);border-left:3px solid #6366f1;border-radius:0 8px 8px 0;margin:0;padding:16px;font-style:italic;line-height:1.5}.detail-section.dates{color:var(--text-secondary,#888);flex-wrap:wrap;gap:16px;font-size:.85rem;display:flex}.book-detail-actions{background:var(--bg-tertiary,#16162a);border-top:1px solid var(--border-color,#2d2d44);flex-direction:column;gap:12px;padding:16px 24px;display:flex}.status-actions{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.status-actions button{background:var(--bg-secondary,#1a1a2e);border:1px solid var(--border-color,#2d2d44);color:var(--text-secondary,#888);cursor:pointer;border-radius:8px;padding:8px 10px;font-size:.8rem;transition:all .2s}.status-actions button:hover{border-color:var(--text-primary,#fff);color:var(--text-primary,#fff)}.status-actions button.active{color:#fff;border-color:#0000}.edit-btn{border:1px solid var(--border-color,#2d2d44);color:var(--text-secondary,#888);cursor:pointer;background:0 0;border-radius:8px;padding:10px 20px;font-size:.9rem;transition:all .2s}.edit-btn:hover{color:#6366f1;border-color:#6366f1}.genre-stats{border-top:1px solid var(--border-color,#2d2d44);background:var(--bg-tertiary,#16162a);padding:20px 24px}.genre-stats h4{color:var(--text-secondary,#888);margin:0 0 16px;font-size:.95rem}.genre-bars{flex-direction:column;gap:12px;display:flex}.genre-bar-item{flex-direction:column;gap:4px;display:flex}.genre-bar-header{justify-content:space-between;font-size:.85rem;display:flex}.genre-bar-header span:first-child{color:var(--text-primary,#fff)}.genre-bar-header span:last-child{color:var(--text-secondary,#888)}.genre-bar{background:var(--bg-secondary,#1a1a2e);border-radius:3px;height:6px;overflow:hidden}.genre-bar-fill{background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:3px;height:100%;transition:width .3s}@media (max-width:600px){.books-grid{grid-template-columns:repeat(2,1fr);padding:16px}.reading-stats{grid-template-columns:repeat(3,1fr)}.form-row.two-col{grid-template-columns:1fr}.status-actions{grid-template-columns:repeat(2,1fr)}.book-detail-header{text-align:center;flex-direction:column;align-items:center}}.reflection-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#000c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.reflection-panel{background:var(--mc-bg-secondary,#1a1a2e);border:1px solid var(--mc-border,#2d2d44);border-radius:16px;flex-direction:column;width:100%;max-width:700px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #00000080}.reflection-header{border-bottom:1px solid var(--mc-border,#2d2d44);background:var(--mc-bg-tertiary,#16162a);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.reflection-title{align-items:center;gap:10px;display:flex}.reflection-icon{font-size:24px}.reflection-title h2{color:var(--mc-text-primary,#e2e8f0);margin:0;font-size:20px;font-weight:600}.reflection-nav{gap:8px;display:flex}.reflection-nav button{background:var(--mc-bg-secondary,#1a1a2e);border:1px solid var(--mc-border,#2d2d44);color:var(--mc-text-secondary,#94a3b8);cursor:pointer;border-radius:8px;padding:8px 12px;font-size:16px;transition:all .2s}.reflection-nav button:hover{background:var(--mc-bg-hover,#252542);color:var(--mc-text-primary,#e2e8f0)}.reflection-nav button.active{color:#fff;background:linear-gradient(135deg,#8b5cf6,#6366f1);border-color:#0000}.reflection-stats-bar{background:var(--mc-bg-tertiary,#16162a);border-bottom:1px solid var(--mc-border,#2d2d44);justify-content:space-around;padding:12px 20px;display:flex}.stat-label{text-transform:uppercase;letter-spacing:.5px;color:var(--mc-text-muted,#64748b);font-size:11px}.reflection-toast{color:#fff;z-index:10;background:linear-gradient(135deg,#10b981,#059669);border-radius:8px;padding:10px 20px;font-size:14px;font-weight:500;animation:.3s toastSlide;position:absolute;top:70px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #10b9814d}.reflection-roulette,.reflection-browse,.reflection-history,.reflection-favorites{flex:1;padding:20px;overflow-y:auto}.roulette-filter{margin-bottom:16px}.roulette-filter select{background:var(--mc-bg-tertiary,#16162a);border:1px solid var(--mc-border,#2d2d44);width:100%;color:var(--mc-text-primary,#e2e8f0);cursor:pointer;border-radius:10px;outline:none;padding:10px 14px;font-size:14px;transition:border-color .2s}.roulette-filter select:focus{border-color:var(--mc-accent,#8b5cf6)}.prompt-card{background:linear-gradient(145deg,var(--mc-bg-tertiary,#16162a),var(--mc-bg-secondary,#1a1a2e));border:1px solid var(--mc-border,#2d2d44);border-radius:16px;margin-bottom:20px;padding:24px;transition:all .3s}.prompt-card.spinning{opacity:.7;transform:scale(.98)}.prompt-card.mini{cursor:pointer;padding:16px;transition:all .2s}.prompt-card.mini:hover{border-color:var(--mc-accent,#8b5cf6);transform:translateY(-2px)}.prompt-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.prompt-category{text-transform:uppercase;letter-spacing:.5px;border-radius:20px;padding:6px 12px;font-size:12px;font-weight:600}.prompt-difficulty{font-size:12px;font-weight:500}.prompt-text{color:var(--mc-text-primary,#e2e8f0);margin-bottom:20px;font-size:20px;font-style:italic;line-height:1.5}.prompt-actions{justify-content:center;gap:10px;display:flex}.prompt-favorite{background:var(--mc-bg-secondary,#1a1a2e);border:1px solid var(--mc-border,#2d2d44);color:var(--mc-text-secondary,#94a3b8);cursor:pointer;border-radius:10px;padding:10px 16px;font-size:18px;transition:all .2s}.prompt-favorite:hover{background:var(--mc-bg-hover,#252542)}.prompt-favorite.active{color:#f59e0b;background:#f59e0b33;border-color:#f59e0b}.spin-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#8b5cf6,#6366f1);border:none;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:15px;font-weight:600;transition:all .2s;display:flex}.spin-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #8b5cf666}.spin-btn:disabled{opacity:.6;cursor:not-allowed}.reflection-input-section{margin-bottom:16px}.reflection-textarea{background:var(--mc-bg-tertiary,#16162a);border:1px solid var(--mc-border,#2d2d44);width:100%;min-height:120px;color:var(--mc-text-primary,#e2e8f0);resize:vertical;border-radius:12px;outline:none;padding:16px;font-family:inherit;font-size:15px;line-height:1.6;transition:border-color .2s}.reflection-textarea:focus{border-color:var(--mc-accent,#8b5cf6)}.reflection-input-actions{justify-content:space-between;align-items:center;margin-top:12px;display:flex}.reflection-hint{color:var(--mc-text-muted,#64748b);font-size:13px}.save-reflection-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:10px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s}.save-reflection-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #10b98166}.save-reflection-btn:disabled{opacity:.5;cursor:not-allowed}.reflection-tip{color:var(--mc-text-secondary,#94a3b8);text-align:center;background:#8b5cf61a;border:1px solid #8b5cf64d;border-radius:10px;padding:12px 16px;font-size:13px}.category-filters{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.category-filters button{background:var(--mc-bg-tertiary,#16162a);color:var(--mc-text-secondary,#94a3b8);cursor:pointer;border:2px solid #0000;border-radius:20px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.category-filters button:hover{background:var(--mc-bg-hover,#252542);color:var(--mc-text-primary,#e2e8f0)}.category-filters button.active{border-color:var(--mc-accent,#8b5cf6);color:var(--mc-text-primary,#e2e8f0)}.prompts-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;display:grid}.prompt-card-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.mini-category{font-size:16px}.mini-favorite{cursor:pointer;opacity:.5;background:0 0;border:none;font-size:16px;transition:opacity .2s}.mini-favorite:hover,.mini-favorite.active{opacity:1}.mini-text{color:var(--mc-text-primary,#e2e8f0);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-bottom:8px;font-size:14px;line-height:1.5;display:-webkit-box;overflow:hidden}.mini-difficulty{font-size:11px;font-weight:600}.saved-date{color:var(--mc-text-muted,#64748b);font-size:11px}.history-header,.favorites-header{border-bottom:1px solid var(--mc-border,#2d2d44);justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;display:flex}.history-header span,.favorites-header span{color:var(--mc-text-secondary,#94a3b8);font-size:14px}.export-btn,.clear-btn{background:var(--mc-bg-secondary,#1a1a2e);border:1px solid var(--mc-border,#2d2d44);color:var(--mc-text-secondary,#94a3b8);cursor:pointer;border-radius:8px;padding:8px 14px;font-size:13px;transition:all .2s}.export-btn:hover{color:#fff;background:#3b82f6;border-color:#3b82f6}.clear-btn:hover{color:#fff;background:#ef4444;border-color:#ef4444}.reflections-list{flex-direction:column;gap:12px;display:flex}.reflection-item{background:var(--mc-bg-tertiary,#16162a);border:1px solid var(--mc-border,#2d2d44);border-radius:12px;padding:16px;transition:all .2s}.reflection-item:hover{border-color:var(--mc-border-hover,#3d3d5c)}.reflection-item-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.reflection-meta{align-items:center;gap:12px;display:flex}.reflection-category{font-size:12px;font-weight:600}.reflection-date{color:var(--mc-text-muted,#64748b);font-size:12px}.delete-reflection{cursor:pointer;opacity:.5;background:0 0;border:none;padding:4px;font-size:14px;transition:opacity .2s}.delete-reflection:hover{opacity:1;color:#ef4444}.reflection-prompt{color:var(--mc-text-secondary,#94a3b8);border-bottom:1px dashed var(--mc-border,#2d2d44);margin-bottom:10px;padding-bottom:10px;font-size:13px;font-style:italic}.reflection-response{color:var(--mc-text-primary,#e2e8f0);white-space:pre-wrap;font-size:14px;line-height:1.6}.reflection-roulette::-webkit-scrollbar{width:8px}.reflection-browse::-webkit-scrollbar{width:8px}.reflection-history::-webkit-scrollbar{width:8px}.reflection-favorites::-webkit-scrollbar{width:8px}.reflection-roulette::-webkit-scrollbar-track{background:0 0}.reflection-browse::-webkit-scrollbar-track{background:0 0}.reflection-history::-webkit-scrollbar-track{background:0 0}.reflection-favorites::-webkit-scrollbar-track{background:0 0}.reflection-roulette::-webkit-scrollbar-thumb{background:var(--mc-border,#2d2d44);border-radius:4px}.reflection-browse::-webkit-scrollbar-thumb{background:var(--mc-border,#2d2d44);border-radius:4px}.reflection-history::-webkit-scrollbar-thumb{background:var(--mc-border,#2d2d44);border-radius:4px}.reflection-favorites::-webkit-scrollbar-thumb{background:var(--mc-border,#2d2d44);border-radius:4px}.reflection-roulette::-webkit-scrollbar-thumb:hover{background:var(--mc-border-hover,#3d3d5c)}.reflection-browse::-webkit-scrollbar-thumb:hover{background:var(--mc-border-hover,#3d3d5c)}.reflection-history::-webkit-scrollbar-thumb:hover{background:var(--mc-border-hover,#3d3d5c)}.reflection-favorites::-webkit-scrollbar-thumb:hover{background:var(--mc-border-hover,#3d3d5c)}.theme-light .reflection-panel{background:#fff;border-color:#e2e8f0}.theme-light .reflection-header,.theme-light .reflection-stats-bar{background:#f8fafc;border-color:#e2e8f0}.theme-light .prompt-card{background:linear-gradient(145deg,#f8fafc,#fff);border-color:#e2e8f0}.theme-light .reflection-textarea,.theme-light .reflection-item,.theme-light .roulette-filter select{color:#1e293b;background:#f8fafc;border-color:#e2e8f0}.theme-light .category-filters button{color:#64748b;background:#f1f5f9}.theme-light .prompt-text,.theme-light .reflection-title h2,.theme-light .reflection-response,.theme-light .empty-state h3{color:#1e293b}.theme-light .mini-text{color:#334155}@media (max-width:640px){.reflection-panel{border-radius:12px;max-height:95vh}.reflection-header{padding:12px 16px}.reflection-title h2{font-size:18px}.reflection-nav button{padding:6px 10px;font-size:14px}.reflection-stats-bar{padding:10px}.stat-value{font-size:16px}.stat-label{font-size:10px}.prompt-card{padding:16px}.prompt-text{font-size:16px}.prompts-grid{grid-template-columns:1fr}.reflection-input-actions{flex-direction:column;align-items:stretch;gap:12px}.save-reflection-btn{width:100%}}.reflection-panel-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000d9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.reflection-panel{background:linear-gradient(145deg,#1e293b 0%,#0f172a 100%);border-radius:20px;flex-direction:column;width:95%;max-width:700px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 25px 80px #0009,0 0 0 1px #ffffff0d}.reflection-panel-header{background:#0003;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.header-left{align-items:center;gap:16px;display:flex}.reflection-panel-header h3{color:#fff;align-items:center;gap:10px;margin:0;font-size:20px;font-weight:600;display:flex}.reflection-tabs{scrollbar-width:none;background:#0000001a;border-bottom:1px solid #ffffff0f;gap:4px;padding:12px 16px 0;display:flex;overflow-x:auto}.reflection-tabs::-webkit-scrollbar{display:none}.reflection-tabs button{color:#64748b;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:10px 10px 0 0;align-items:center;gap:6px;padding:10px 16px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.reflection-tabs button:hover{color:#94a3b8;background:#ffffff08}.reflection-tabs button.active{color:#fff;background:#6366f126;position:relative}.reflection-tabs button.active:after{content:"";background:#6366f1;border-radius:2px 2px 0 0;height:2px;position:absolute;bottom:0;left:8px;right:8px}.tab-content{flex:1;padding:24px;overflow-y:auto}.tab-intro{margin-bottom:20px}.tab-intro p{color:#94a3b8;margin:0;font-size:15px;line-height:1.6}.category-grid{grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:24px;display:grid}.category-card{cursor:pointer;text-align:center;background:#ffffff08;border:1px solid #ffffff0f;border-radius:14px;flex-direction:column;align-items:center;gap:8px;padding:20px 16px;transition:all .2s;display:flex}.category-card:hover{border-color:var(--category-color,#ffffff1a);background:#ffffff0f;transform:translateY(-2px);box-shadow:0 8px 24px #0000004d}.category-icon{font-size:32px;line-height:1}.category-title{color:#fff;font-size:14px;font-weight:600}.category-count{color:#64748b;font-size:11px}.input-section{margin-bottom:20px}.input-row{gap:10px;display:flex}.input-row input{color:#fff;background:#0000004d;border:1px solid #ffffff1a;border-radius:10px;flex:1;padding:12px 16px;font-size:14px;transition:all .2s}.input-row input:focus{background:#0006;border-color:#6366f1;outline:none}.input-row input::placeholder{color:#64748b}.input-row button{color:#fff;cursor:pointer;background:#6366f1;border:none;border-radius:10px;padding:12px 20px;font-size:14px;font-weight:600;transition:all .2s}.input-row button:hover:not(:disabled){background:#4f46e5;transform:translateY(-1px)}.input-row button:disabled{opacity:.5;cursor:not-allowed}.reflection-input{flex-direction:column;gap:16px;display:flex}.input-header{justify-content:space-between;align-items:center;display:flex}.back-btn{color:#94a3b8;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;padding:8px 14px;font-size:13px;transition:all .2s}.category-tag{background:#ffffff0d;border-radius:20px;padding:6px 12px;font-size:13px;font-weight:600}.prompt-card{background:linear-gradient(135deg,#6366f11a 0%,#8b5cf61a 100%);border:1px solid #6366f133;border-radius:14px;padding:20px;position:relative}.prompt-text{color:#e2e8f0;margin:0;padding-right:40px;font-size:16px;line-height:1.6}.shuffle-btn{cursor:pointer;background:#ffffff14;border:1px solid #ffffff1a;border-radius:8px;padding:8px;font-size:16px;transition:all .2s;position:absolute;top:16px;right:16px}.shuffle-btn:hover{background:#ffffff26;transform:rotate(180deg)}.reflection-input textarea{color:#fff;resize:vertical;box-sizing:border-box;background:#0000004d;border:1px solid #ffffff1a;border-radius:12px;width:100%;min-height:120px;padding:16px;font-family:inherit;font-size:15px;line-height:1.6;transition:all .2s}.reflection-input textarea:focus{background:#0006;border-color:#6366f1;outline:none}.reflection-input textarea::placeholder{color:#64748b}.mood-selector{flex-direction:column;gap:10px;display:flex}.mood-selector label{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;font-size:13px}.mood-btn{cursor:pointer;background:#ffffff08;border:2px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:all .2s;display:flex}.mood-btn:hover{background:#ffffff14;transform:scale(1.1)}.mood-btn.selected{border-width:2px}.mood-emoji{font-size:24px;line-height:1}.mood-detail{background:#ffffff08;border:1px solid;border-radius:12px;padding:16px}.mood-detail p{margin:0 0 12px;font-size:14px;line-height:1.6}.mood-suggestions{flex-wrap:wrap;gap:8px;display:flex}.suggestion{color:#94a3b8;background:#ffffff0d;border-radius:20px;padding:6px 12px;font-size:12px}.save-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);border:none;border-radius:12px;margin-top:8px;padding:14px 24px;font-size:15px;font-weight:600;transition:all .2s}.save-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #6366f166}.today-section,.past-section,.active-section,.released-section{margin-bottom:24px}.today-section h4,.past-section h4,.active-section h4,.released-section h4{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;margin:0 0 12px;font-size:14px}.wins-list{flex-direction:column;gap:10px;display:flex}.win-item{background:#ffffff08;border:1px solid #ffffff0f;border-radius:10px;justify-content:space-between;align-items:center;padding:14px 16px;transition:all .2s;display:flex}.win-item:hover{background:#ffffff0d}.win-item.celebrated{background:#22c55e14;border-color:#22c55e33}.win-item.celebrated .win-text{opacity:.7;text-decoration:line-through}.win-text{color:#e2e8f0;flex:1;font-size:14px}.win-actions{gap:8px;display:flex}.celebrate-btn{cursor:pointer;background:#22c55e26;border:1px solid #22c55e4d;border-radius:8px;padding:6px 10px;font-size:16px;transition:all .2s}.celebrate-btn:hover{background:#22c55e40;transform:scale(1.1)}.delete-btn{cursor:pointer;color:#ef4444;background:#ef44441a;border:1px solid #ef444433;border-radius:8px;padding:6px 10px;font-size:14px;transition:all .2s}.delete-btn:hover{background:#ef444433}.win-date,.released-date,.gratitude-date{color:#64748b;font-size:12px}.gratitude-list{flex-direction:column;gap:10px;display:flex}.gratitude-item{background:#ec48990d;border:1px solid #ec489926;border-radius:10px;justify-content:space-between;align-items:center;padding:14px 16px;transition:all .2s;display:flex}.gratitude-item:hover{background:#ec489914}.gratitude-text{color:#e2e8f0;flex:1;font-size:14px}.lettinggo-list{flex-direction:column;gap:10px;display:flex}.lettinggo-item{background:#14b8a60d;border:1px solid #14b8a626;border-radius:10px;justify-content:space-between;align-items:center;padding:14px 16px;transition:all .2s;display:flex}.lettinggo-item:hover{background:#14b8a614}.lettinggo-text{color:#e2e8f0;flex:1;font-size:14px}.lettinggo-actions{gap:8px;display:flex}.release-btn{cursor:pointer;color:#14b8a6;background:#14b8a626;border:1px solid #14b8a64d;border-radius:8px;padding:8px 14px;font-size:13px;font-weight:500;transition:all .2s}.release-btn:hover{background:#14b8a640;transform:translateY(-1px)}.released-list{flex-direction:column;gap:8px;display:flex}.released-item{opacity:.7;background:#ffffff05;border:1px solid #ffffff0a;border-radius:8px;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.released-text{color:#94a3b8;font-size:13px;text-decoration:line-through}.released-date{color:#64748b;font-size:11px}.history-item{background:#ffffff08;border:1px solid #ffffff0f;border-radius:12px;padding:16px;transition:all .2s}.history-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.history-category{align-items:center;gap:6px;font-size:13px;font-weight:600;display:flex}.history-prompt{color:#64748b;margin:0 0 8px;font-size:13px;font-style:italic}.history-response{color:#e2e8f0;margin:0 0 12px;font-size:14px;line-height:1.6}.history-mood{text-transform:capitalize;font-size:12px;font-weight:500}.history-item .delete-btn{margin-top:10px;padding:6px 12px;font-size:12px}.empty-state span{color:#64748b;font-size:14px}.recent-reflections-preview{border-top:1px solid #ffffff0f;margin-top:24px;padding-top:24px}.recent-reflections-preview h4{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;margin:0 0 16px;font-size:14px}.preview-item{background:#ffffff05;border-radius:8px;align-items:center;gap:12px;margin-bottom:8px;padding:12px;display:flex}.preview-category{font-size:18px}.preview-text{color:#94a3b8;flex:1;font-size:13px}.preview-date{color:#64748b;font-size:11px}.tab-content::-webkit-scrollbar{width:6px}.history-list::-webkit-scrollbar{width:6px}.tab-content::-webkit-scrollbar-track{background:0 0}.history-list::-webkit-scrollbar-track{background:0 0}.tab-content::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.history-list::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.tab-content::-webkit-scrollbar-thumb:hover{background:#fff3}.history-list::-webkit-scrollbar-thumb:hover{background:#fff3}@media (max-width:600px){.category-grid{grid-template-columns:1fr}.reflection-panel{border-radius:0;width:100%;height:100%;max-height:100vh}.mood-options{justify-content:center}.input-row{flex-direction:column}.input-row button{width:100%}}.win-item,.gratitude-item,.lettinggo-item,.history-item,.preview-item{animation:.3s fadeIn}.relationship-panel-overlay{z-index:1000;background:#000c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.relationship-panel{background:#1e293b;border-radius:16px;flex-direction:column;width:90%;max-width:520px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 25px 60px #0009}.relationship-panel-header{background:#0003;border-bottom:1px solid #ffffff14;flex-shrink:0;justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.relationship-panel-header h3{align-items:center;gap:8px;margin:0;font-size:18px;font-weight:600;display:flex}.relationship-stats-bar{background:#00000026;border-bottom:1px solid #ffffff0d;flex-shrink:0;gap:12px;padding:16px 24px;display:flex}.stat-pill{background:#ffffff0d;border-radius:20px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;display:flex}.stat-pill.urgent{background:#ef444426;border:1px solid #ef44444d}.stat-pill.warning{background:#f59e0b26;border:1px solid #f59e0b4d}.stat-pill .stat-icon{font-size:14px}.stat-pill .stat-count{color:#fff;font-weight:700}.stat-pill .stat-label{color:#94a3b8}.relationship-toolbar{border-bottom:1px solid #ffffff0d;flex-shrink:0;gap:10px;padding:12px 24px;display:flex}.search-input{color:#fff;background:#0f172a;border:1px solid #ffffff1a;border-radius:8px;flex:1;padding:10px 14px;font-size:14px}.search-input::placeholder{color:#64748b}.filter-select,.sort-select{color:#fff;cursor:pointer;background:#0f172a;border:1px solid #ffffff1a;border-radius:8px;padding:10px 12px;font-size:13px}.filter-select:focus,.sort-select:focus{border-color:#6366f1;outline:none}.contacts-list{flex:1;padding:16px 24px;overflow-y:auto}.empty-subtitle{opacity:.7;font-size:13px}.contact-card{background:#ffffff08;border:1px solid #ffffff0f;border-radius:12px;margin-bottom:12px;padding:16px;transition:all .2s}.contact-card:hover{background:#ffffff0d;border-color:#ffffff1a}.contact-card.overdue{background:#f59e0b0d;border-left:3px solid #f59e0b}.contact-card.critical.overdue{background:#ef44440d;border-left:3px solid #ef4444}.contact-header{justify-content:space-between;align-items:flex-start;margin-bottom:12px;display:flex}.contact-identity{align-items:center;gap:12px;display:flex}.contact-type-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;display:flex}.contact-info{flex-direction:column;gap:4px;display:flex}.contact-name{color:#fff;font-size:16px;font-weight:600}.contact-meta{align-items:center;gap:8px;font-size:12px;display:flex}.contact-type{color:#94a3b8;background:#ffffff0d;border-radius:4px;padding:2px 8px}.importance-badge{font-size:11px}.contact-actions{gap:6px;display:flex}.contact-status{background:#0003;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:12px;padding:8px 12px;display:flex}.status-indicator{align-items:center;gap:6px;font-size:13px;display:flex}.status-indicator.ok{color:#22c55e}.status-indicator.overdue{color:#f59e0b}.contact-card.critical .status-indicator.overdue{color:#ef4444}.status-text{font-weight:500}.frequency-badge{color:#64748b;background:#ffffff0d;border-radius:12px;padding:4px 10px;font-size:11px}.contact-notes,.contact-details{color:#94a3b8;background:#ffffff08;border-radius:6px;margin-bottom:8px;padding:8px 12px;font-size:13px;line-height:1.4}.contact-notes{border-left:2px solid #6366f1}.log-interaction-btn{color:#22c55e;cursor:pointer;background:#22c55e1a;border:1px solid #22c55e4d;border-radius:8px;width:100%;padding:10px;font-size:13px;font-weight:500;transition:all .2s}.log-interaction-btn:hover{background:#22c55e33}.add-contact-btn{color:#fff;cursor:pointer;background:#6366f1;border:none;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;gap:8px;width:calc(100% - 48px);margin:0 24px 24px;padding:14px;font-size:15px;font-weight:600;transition:all .2s;display:flex}.add-contact-btn:hover{background:#4f46e5;transform:translateY(-1px)}.relationship-form{padding:24px;overflow-y:auto}.relationship-form h4{color:#fff;margin:0 0 20px;font-size:16px;font-weight:600}.form-group textarea{resize:vertical;font-family:inherit}.btn-secondary,.btn-primary{cursor:pointer;border-radius:8px;flex:1;padding:12px;font-size:14px;font-weight:600;transition:all .2s}.relationship-settings{padding:24px;overflow-y:auto}.relationship-settings h4{color:#fff;margin:0 0 20px;font-size:16px;font-weight:600}.setting-group>label{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;font-size:13px;display:block}.toggle-option{background:#ffffff08;border-radius:8px;align-items:center;gap:10px;padding:12px;display:flex}.toggle-option input[type=checkbox]{accent-color:#6366f1;cursor:pointer;width:20px;height:20px}.toggle-option label{color:#cbd5e1;cursor:pointer;font-size:14px}.stats-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.stats-grid.compact{gap:8px}.stats-grid .stat-item{background:#ffffff08;border-radius:10px;flex-direction:column;align-items:center;padding:16px 12px;display:flex}.stats-grid.compact .stat-item{padding:12px}.stats-grid .stat-value{color:#fff;font-size:24px;font-weight:700;line-height:1}.stats-grid.compact .stat-value{font-size:20px}.stats-grid .stat-label{color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin-top:6px;font-size:11px}.contacts-list::-webkit-scrollbar{width:6px}.relationship-form::-webkit-scrollbar{width:6px}.relationship-settings::-webkit-scrollbar{width:6px}.contacts-list::-webkit-scrollbar-track{background:#0003}.relationship-form::-webkit-scrollbar-track{background:#0003}.relationship-settings::-webkit-scrollbar-track{background:#0003}.contacts-list::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.relationship-form::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.relationship-settings::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.contacts-list::-webkit-scrollbar-thumb:hover{background:#fff3}.relationship-form::-webkit-scrollbar-thumb:hover{background:#fff3}.relationship-settings::-webkit-scrollbar-thumb:hover{background:#fff3}@media (max-width:480px){.relationship-toolbar{flex-wrap:wrap}.search-input{width:100%}.filter-select,.sort-select{flex:1}.form-row{grid-template-columns:1fr}}.reminder-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#000c;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.reminder-panel{background:linear-gradient(145deg,#1a1a2e 0%,#16213e 100%);border:1px solid #6366f14d;border-radius:16px;flex-direction:column;width:100%;max-width:700px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #00000080,0 0 40px #6366f133}.reminder-header{background:#0000004d;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.reminder-title{align-items:center;gap:.75rem;display:flex}.reminder-icon{filter:drop-shadow(0 0 8px #6366f180);font-size:1.5rem}.reminder-title h3{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);-webkit-background-clip:text;background-clip:text;margin:0;font-size:1.25rem;font-weight:600}.reminder-header-actions{align-items:center;gap:.5rem;display:flex}.notification-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);border:none;border-radius:8px;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s}.notification-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #f59e0b66}.reminder-stats{background:#0003;grid-template-columns:repeat(4,1fr);gap:.75rem;padding:1rem 1.5rem;display:grid}.stat-number{color:#e2e8f0;font-size:1.5rem;font-weight:700;display:block}.stat-number.upcoming{color:#3b82f6}.stat-number.overdue{color:#ef4444}.stat-number.completed{color:#10b981}.reminder-toolbar{background:#0003;border-bottom:1px solid #ffffff0d;gap:.75rem;padding:.75rem 1.5rem;display:flex}.search-icon{opacity:.5;position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}.add-reminder-btn{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);border:none;border-radius:8px;padding:.625rem 1.25rem;font-size:.875rem;font-weight:500;transition:all .2s}.add-reminder-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #6366f166}.filter-tabs{scrollbar-width:thin;scrollbar-color:#6366f14d transparent;background:#0003;border-bottom:1px solid #ffffff0d;gap:.25rem;padding:.5rem 1.5rem;display:flex;overflow-x:auto}.filter-tabs::-webkit-scrollbar{height:4px}.filter-tabs::-webkit-scrollbar-thumb{background:#6366f14d;border-radius:2px}.filter-tabs button{color:#94a3b8;cursor:pointer;white-space:nowrap;background:#ffffff0d;border:1px solid #0000;border-radius:6px;padding:.375rem .75rem;font-size:.8125rem;transition:all .2s}.reminder-form-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10;background:#000000d9;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:absolute;inset:0}.reminder-form{background:linear-gradient(145deg,#1e1e3f 0%,#1a1a2e 100%);border:1px solid #6366f14d;border-radius:12px;width:100%;max-width:450px;max-height:90%;padding:1.5rem;overflow-y:auto}.reminder-form h4{color:#e2e8f0;margin:0 0 1.25rem;font-size:1.1rem}.form-actions button{cursor:pointer;border:none;border-radius:8px;flex:1;padding:.625rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s}.save-btn{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%)}.save-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #6366f166}.reminders-list{scrollbar-width:thin;scrollbar-color:#6366f14d transparent;flex:1;padding:.75rem;overflow-y:auto}.reminders-list::-webkit-scrollbar{width:6px}.reminders-list::-webkit-scrollbar-thumb{background:#6366f14d;border-radius:3px}.reminder-item{border:1px solid #ffffff0d;border-left:3px solid var(--category-color,#6366f1);background:#ffffff08;border-radius:10px;align-items:flex-start;gap:.75rem;margin-bottom:.5rem;padding:.875rem;transition:all .2s;display:flex}.reminder-item:hover{background:#ffffff0f;transform:translate(2px)}.reminder-item.completed{opacity:.5;border-left-color:#10b981}.reminder-item.overdue{background:#ef444414;border-left-color:#ef4444}.reminder-item.priority-high{box-shadow:inset 0 0 0 1px #ef44444d}.reminder-item.priority-low{opacity:.8}.complete-checkbox{color:#10b981;cursor:pointer;background:0 0;border:2px solid #fff3;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:.875rem;transition:all .2s;display:flex}.complete-checkbox:hover{background:#10b9811a;border-color:#10b981}.reminder-content{flex:1;min-width:0}.reminder-main{align-items:center;gap:.5rem;margin-bottom:.25rem;display:flex}.category-badge{font-size:.875rem}.reminder-title-text{color:#e2e8f0;word-break:break-word;font-weight:500}.reminder-item.completed .reminder-title-text{color:#64748b;text-decoration:line-through}.recurring-badge{opacity:.7;font-size:.75rem}.priority-indicator{border-radius:50%;width:6px;height:6px;margin-left:auto}.priority-indicator.priority-high{background:#ef4444;box-shadow:0 0 6px #ef444480}.priority-indicator.priority-normal{background:#f59e0b}.priority-indicator.priority-low{background:#10b981}.reminder-description{color:#94a3b8;margin:.25rem 0 .375rem;font-size:.8125rem;line-height:1.4}.reminder-meta{color:#64748b;align-items:center;gap:.75rem;font-size:.75rem;display:flex}.datetime{align-items:center;gap:.25rem;display:flex}.overdue-text{color:#ef4444;font-weight:500}.time-until{color:#64748b}.reminder-actions{opacity:0;gap:.25rem;transition:opacity .2s;display:flex}.reminder-item:hover .reminder-actions{opacity:1}.snooze-menu{position:relative}.snooze-options{opacity:0;visibility:hidden;z-index:10;background:#1e1e3f;border:1px solid #ffffff1a;border-radius:8px;min-width:100px;margin-top:.25rem;padding:.25rem;transition:all .2s;position:absolute;top:100%;right:0;transform:translateY(-4px);box-shadow:0 10px 25px #00000080}.snooze-menu:hover .snooze-options{opacity:1;visibility:visible;transform:translateY(0)}.snooze-options button{color:#94a3b8;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:4px;width:100%;padding:.5rem .75rem;font-size:.8125rem;transition:all .15s;display:block}.snooze-options button:hover{color:#e2e8f0;background:#6366f133}.empty-state{text-align:center;padding:3rem 1.5rem}.empty-state p{color:#94a3b8;margin:0 0 .5rem}.empty-hint{opacity:.7;font-size:.8125rem}.empty-cta{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);border:none;border-radius:8px;margin-top:1rem;padding:.625rem 1.25rem;font-size:.875rem;transition:all .2s}.empty-cta:hover{transform:translateY(-1px);box-shadow:0 4px 12px #6366f166}.bulk-actions{background:#0003;border-top:1px solid #ffffff0d;gap:.5rem;padding:.75rem 1.5rem;display:flex}.bulk-btn{color:#94a3b8;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;padding:.5rem 1rem;font-size:.8125rem;transition:all .2s}.bulk-btn:hover{color:#e2e8f0;background:#ffffff1a}.bulk-btn.danger:hover{color:#ef4444;background:#ef444433;border-color:#ef44444d}.quick-presets{scrollbar-width:none;background:#6366f11a;border-top:1px solid #6366f133;align-items:center;gap:.5rem;padding:.75rem 1.5rem;display:flex;overflow-x:auto}.quick-presets::-webkit-scrollbar{display:none}.presets-label{color:#64748b;white-space:nowrap;font-size:.75rem}.preset-chip{color:#a5b4fc;cursor:pointer;white-space:nowrap;background:#6366f126;border:1px solid #6366f14d;border-radius:20px;padding:.375rem .75rem;font-size:.75rem;transition:all .2s}.preset-chip:hover{color:#e0e7ff;background:#6366f140;transform:translateY(-1px)}@media (max-width:600px){.reminder-overlay{padding:0}.reminder-panel{border-radius:0;max-height:100vh}.reminder-stats{grid-template-columns:repeat(2,1fr)}.filter-tabs{padding:.5rem}.form-row{grid-template-columns:1fr}.reminder-actions{opacity:1}}.resource-library-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#000000d9;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.resource-library-panel{background:linear-gradient(145deg,#1a1a2e 0%,#16213e 100%);border:1px solid #ffffff1a;border-radius:16px;flex-direction:column;width:100%;max-width:1200px;height:90vh;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #00000080}.resource-library-header{background:#0003;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.header-title{align-items:center;gap:12px;display:flex}.header-icon{font-size:28px}.header-title h2{color:#fff;-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#667eea 0%,#764ba2 100%);-webkit-background-clip:text;background-clip:text;margin:0;font-size:1.5rem;font-weight:600}.header-stats{color:#8892b0;background:#667eea1a;border-radius:20px;margin-left:8px;padding:4px 12px;font-size:.85rem}.action-btn{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:10px 20px;font-size:.9rem;font-weight:500;transition:all .2s;display:flex}.action-btn.primary{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.action-btn.primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #667eea66}.stats-bar{background:#00000026;border-bottom:1px solid #ffffff0d;gap:24px;padding:16px 24px;display:flex}.stat-item{flex-direction:column;align-items:center;gap:4px;display:flex}.completion-rate .stat-value{-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#48dbfb 0%,#0abde3 100%);-webkit-background-clip:text;background-clip:text}.resource-form-container{background:#0003;border-bottom:1px solid #ffffff1a;padding:20px 24px;animation:.3s slideDown}.resource-form h3{color:#fff;margin:0 0 16px;font-size:1.1rem}.form-group{flex-direction:column;gap:6px;display:flex}.form-group label{color:#8892b0;font-size:.8rem;font-weight:500}.form-group input,.form-group select,.form-group textarea{color:#fff;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;padding:10px 14px;font-size:.9rem;transition:all .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:#ffffff14;border-color:#667eea;outline:none}.form-group input::placeholder,.form-group textarea::placeholder{color:#5a6275}.url-input-group{gap:8px;display:flex}.url-input-group input{flex:1}.quick-add-btn{color:#48dbfb;cursor:pointer;white-space:nowrap;background:#48dbfb33;border:1px solid #48dbfb4d;border-radius:8px;padding:10px 16px;font-size:.85rem;font-weight:500;transition:all .2s}.quick-add-btn:hover:not(:disabled){background:#48dbfb4d}.quick-add-btn:disabled{opacity:.5;cursor:not-allowed}.priority-selector{gap:8px;display:flex}.priority-btn{color:#fff;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;flex:1;padding:8px 12px;font-size:.85rem;transition:all .2s}.priority-btn.active{background:var(--priority-color);border-color:var(--priority-color);font-weight:500}.form-actions{justify-content:flex-end;gap:12px;margin-top:20px;display:flex}.btn{cursor:pointer;border:none;border-radius:8px;padding:10px 24px;font-size:.9rem;font-weight:500;transition:all .2s}.btn.secondary{color:#fff;background:#ffffff1a}.btn.secondary:hover{background:#ffffff26}.btn.primary{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.btn.primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px #667eea66}.toolbar{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;gap:16px;padding:16px 24px;display:flex}.filter-tabs{gap:8px;display:flex}.filter-tab{color:#8892b0;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:.85rem;transition:all .2s;display:flex}.filter-tab:hover{color:#fff;background:#ffffff1a}.filter-tab.active{color:#667eea;background:#667eea33;border-color:#667eea80}.count-badge{background:#ffffff1a;border-radius:10px;padding:2px 6px;font-size:.75rem}.filter-tab.active .count-badge{background:#667eea4d}.toolbar-actions{align-items:center;gap:12px;display:flex}.search-input{color:#fff;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;width:240px;padding:10px 16px;font-size:.9rem;transition:all .2s}.search-input:focus{background:#ffffff14;border-color:#667eea;outline:none;width:280px}.sort-select{color:#fff;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;padding:10px 14px;font-size:.85rem}.bulk-actions-bar{background:#667eea1a;border-bottom:1px solid #667eea33;justify-content:space-between;align-items:center;padding:12px 24px;animation:.2s slideDown;display:flex}.bulk-actions-bar span{color:#667eea;font-weight:500}.bulk-buttons{gap:8px;display:flex}.bulk-buttons button{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:6px;padding:6px 14px;font-size:.85rem;transition:all .2s}.bulk-buttons button:hover{background:#fff3}.tags-cloud{border-bottom:1px solid #ffffff0d;flex-wrap:wrap;align-items:center;gap:8px;padding:12px 24px;display:flex}.tags-label{color:#8892b0;font-size:.85rem}.tag-pill{color:#a8b2d1;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;padding:4px 12px;font-size:.8rem;transition:all .2s}.tag-pill:hover{color:#667eea;background:#667eea33;border-color:#667eea66}.resources-container{flex:1;padding:20px 24px;overflow-y:auto}.resources-container::-webkit-scrollbar{width:8px}.resources-container::-webkit-scrollbar-track{background:#0000001a}.resources-container::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}.resources-container::-webkit-scrollbar-thumb:hover{background:#fff3}.loading-state,.empty-state{color:#8892b0;text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex}.empty-state h3{color:#fff;margin:0 0 8px;font-size:1.3rem}.empty-state p{max-width:300px;margin:0 0 20px}.resources-grid{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:16px;display:grid}.resource-card{background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;gap:12px;padding:16px;transition:all .2s;display:flex;position:relative}.resource-card:hover{background:#ffffff0f;border-color:#ffffff26;transform:translateY(-2px)}.resource-card.selected{background:#667eea1a;border-color:#667eea66}.card-checkbox{padding-top:2px}.card-checkbox input[type=checkbox]{cursor:pointer;accent-color:#667eea;width:18px;height:18px}.card-priority{background:var(--priority-color);border-radius:12px 0 0 12px;width:4px;height:100%;position:absolute;top:0;left:0}.card-content{flex:1;min-width:0}.card-header{align-items:flex-start;gap:10px;margin-bottom:8px;display:flex}.favicon{border-radius:4px;flex-shrink:0;width:20px;height:20px;margin-top:2px}.card-title-row{flex:1;min-width:0}.card-title{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:.95rem;font-weight:600;line-height:1.4;overflow:hidden}.card-title a{color:#fff;text-decoration:none;transition:color .2s}.card-title a:hover{color:#667eea}.domain{color:#5a6275;margin-top:2px;font-size:.75rem;display:block}.card-description{color:#a8b2d1;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:8px 0;font-size:.85rem;line-height:1.5;display:-webkit-box;overflow:hidden}.card-meta{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px;display:flex}.meta-item{color:#8892b0;background:#ffffff0d;border-radius:12px;padding:4px 10px;font-size:.75rem}.meta-item.category{color:#667eea;background:#667eea26}.meta-item.status{color:#48dbfb;background:#48dbfb26}.card-tags{flex-wrap:wrap;gap:6px;display:flex}.card-tags .tag{color:#a8b2d1;background:#ffffff14;border-radius:10px;padding:3px 8px;font-size:.7rem}.card-tags .tag.more{color:#667eea;background:0 0}.card-notes{color:#ffd369;background:#ffd3691a;border-radius:8px;margin-top:8px;padding:8px 12px;font-size:.8rem;line-height:1.4}.card-actions{border-top:1px solid #ffffff0d;gap:6px;margin-top:12px;padding-top:12px;display:flex}.card-actions .action-btn{color:#8892b0;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;padding:6px 10px;font-size:.85rem;transition:all .2s}.card-actions .action-btn:hover:not(:disabled){color:#fff;background:#ffffff1a}.card-actions .action-btn:disabled{opacity:.3;cursor:not-allowed}.card-actions .action-btn.delete:hover{color:#ff4757;background:#ff475733;border-color:#ff47574d}.resource-card.completed{opacity:.7}.resource-card.completed .card-title a{color:#5a6275;text-decoration:line-through}.resource-card.archived{opacity:.5}.resource-card.reading{background:#48dbfb0d;border-color:#48dbfb4d}@media (max-width:768px){.resource-library-panel{border-radius:0;height:100vh}.stats-bar{flex-wrap:wrap;gap:16px}.form-row{grid-template-columns:1fr}.toolbar{flex-direction:column;align-items:stretch}.filter-tabs{flex-wrap:nowrap;padding-bottom:8px;overflow-x:auto}.toolbar-actions{flex-direction:column}.search-input,.search-input:focus{width:100%}.resources-grid{grid-template-columns:1fr}.header-stats{display:none}}.resource-card{animation:.3s fadeIn}.settings-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#000000bf;justify-content:center;align-items:center;animation:.3s ease-out fadeIn;display:flex;position:fixed;inset:0}.settings-panel{-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);background:linear-gradient(135deg,#0f172af2 0%,#0a0e1af2 100%);border:1px solid #67e8f933;border-radius:20px;flex-direction:column;width:90%;max-width:480px;max-height:85vh;animation:.4s cubic-bezier(.4,0,.2,1) slideUp;display:flex;box-shadow:0 32px 64px #0009,inset 0 1px #ffffff0d}.settings-header{border-bottom:1px solid #94a3b81a;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.settings-header h2{color:#e2e8f0;margin:0;font-size:20px;font-weight:600}.settings-close{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:28px;transition:all .2s;display:flex}.settings-close:hover{color:#22d3ee;background:#67e8f926;transform:scale(1.1)}.settings-content{flex:1;padding:24px;overflow-y:auto}.settings-section{margin-bottom:28px}.settings-section:last-child{margin-bottom:0}.settings-section h3{color:#a78bfa;text-transform:uppercase;letter-spacing:.5px;margin:0 0 16px;font-size:14px;font-weight:600}.settings-field{margin-bottom:16px}.settings-field:last-child{margin-bottom:0}.settings-field label{color:#cbd5e1;margin-bottom:6px;font-size:13px;font-weight:500;display:block}.settings-field input[type=text],.settings-field input[type=password],.settings-field select{color:#e2e8f0;background:#0f172a99;border:1px solid #94a3b833;border-radius:8px;width:100%;padding:10px 12px;font-family:inherit;font-size:14px;transition:all .2s}.settings-field input:focus,.settings-field select:focus{border-color:#6366f1;outline:none;box-shadow:0 0 0 3px #6366f11a}.settings-field small{color:#64748b;margin-top:4px;font-size:11px;display:block}.settings-checkbox{cursor:pointer;align-items:center;gap:10px;display:flex!important}.settings-checkbox input[type=checkbox]{accent-color:#6366f1;cursor:pointer;width:18px;height:18px}.settings-footer{border-top:1px solid #94a3b81a;justify-content:space-between;align-items:center;gap:12px;padding:16px 24px;display:flex}.settings-reset-btn{color:#fca5a5;cursor:pointer;background:0 0;border:1px solid #ef44444d;border-radius:8px;padding:10px 16px;font-size:13px;font-weight:500;transition:all .2s}.settings-reset-btn:hover{background:#ef44441a;border-color:#ef444480}.settings-saved{color:#22c55e;font-size:13px;font-weight:500;animation:.3s ease-out fadeIn}.settings-save-btn{color:#fff;cursor:pointer;background:linear-gradient(120deg,#6366f1,#ec4899);border:none;border-radius:8px;padding:10px 24px;font-size:14px;font-weight:600;transition:all .2s}.settings-save-btn:hover{transform:translateY(-1px);box-shadow:0 6px 12px #6366f14d}.connection-info{flex-direction:column;gap:12px;display:flex}.status-badge{text-align:center;border:1px solid;border-radius:8px;justify-content:center;align-items:center;padding:8px 16px;font-size:13px;font-weight:600;display:inline-flex}.current-endpoint{flex-direction:column;gap:4px;display:flex}.current-endpoint small{color:#94a3b8;font-size:11px}.current-endpoint code{color:#cbd5e1;word-break:break-all;background:#0f172a99;border-radius:6px;padding:6px 10px;font-family:SF Mono,Monaco,monospace;font-size:11px}.settings-note{background:#eab3081a;border:1px solid #eab30833;border-radius:8px;margin-top:8px;padding:12px}.settings-note small{color:#fbbf24;font-size:11px;line-height:1.5}.settings-content::-webkit-scrollbar{width:6px}.settings-content::-webkit-scrollbar-track{background:0 0}.settings-content::-webkit-scrollbar-thumb{background:#94a3b833;border-radius:3px}.settings-content::-webkit-scrollbar-thumb:hover{background:#94a3b84d}.skill-tracker-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#000c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.skill-tracker-panel{background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%);border:1px solid #6366f14d;border-radius:16px;flex-direction:column;width:100%;max-width:900px;max-height:90vh;display:flex;box-shadow:0 25px 50px -12px #00000080}.skill-tracker-header{border-bottom:1px solid #6366f133;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.skill-tracker-title{align-items:center;gap:12px;display:flex}.skill-tracker-icon{font-size:32px}.skill-tracker-title h2{color:#f8fafc;margin:0;font-size:1.5rem;font-weight:600}.skill-tracker-subtitle{color:#94a3b8;margin:4px 0 0;font-size:.875rem}.skill-tracker-close{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:4px 8px;font-size:28px;line-height:1;transition:all .2s}.skill-tracker-close:hover{color:#ef4444;background:#ef444433}.skill-tracker-error{color:#fca5a5;background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;justify-content:space-between;align-items:center;margin:0 20px;padding:12px 20px;font-size:.875rem;display:flex}.skill-tracker-error button{color:#fca5a5;cursor:pointer;background:#ef444433;border:none;border-radius:4px;padding:4px 12px;font-size:.75rem}.skill-tracker-tabs{border-bottom:1px solid #6366f133;gap:4px;padding:0 20px;display:flex}.skill-tracker-tabs button{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:12px 20px;font-size:.875rem;transition:all .2s}.skill-tracker-tabs button:hover{color:#e2e8f0}.skill-tracker-tabs button.active{color:#6366f1;border-bottom-color:#6366f1}.skill-tracker-content{flex:1;padding:20px;overflow-y:auto}.skill-tracker-loading{text-align:center;color:#94a3b8;padding:60px}.skill-btn{color:#c7d2fe;cursor:pointer;background:#6366f11a;border:1px solid #6366f14d;border-radius:8px;padding:8px 16px;font-size:.875rem;transition:all .2s}.skill-btn:hover{background:#6366f133}.skill-btn-primary{color:#fff;background:#6366f1;border-color:#6366f1}.skill-btn-primary:hover{background:#4f46e5}.skill-btn-sm{padding:6px 12px;font-size:.75rem}.skill-btn-ghost{color:#94a3b8;background:0 0;border-color:#94a3b84d}.skill-btn-ghost:hover{color:#e2e8f0;background:#94a3b81a}.skill-btn-danger{color:#fca5a5;background:#ef44441a;border-color:#ef44444d}.skill-btn-danger:hover{background:#ef444433}.skills-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.skills-filters{flex-wrap:wrap;gap:8px;display:flex}.skill-filter-select{color:#e2e8f0;cursor:pointer;background:#0f172acc;border:1px solid #6366f14d;border-radius:8px;padding:8px 12px;font-size:.875rem}.skill-filter-select:focus{border-color:#6366f1;outline:none}.skills-empty{text-align:center;color:#94a3b8;padding:60px 20px}.skills-empty-icon{opacity:.5;margin-bottom:16px;font-size:64px}.skills-empty h3{color:#e2e8f0;margin:0 0 8px}.skills-empty p{margin:0 0 20px}.skills-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.skill-card{background:linear-gradient(135deg,#6366f11a 0%,#6366f10d 100%);border:1px solid #6366f133;border-radius:12px;padding:16px;transition:all .2s;position:relative;overflow:hidden}.skill-card:before{content:"";background:var(--skill-color,#6366f1);height:3px;position:absolute;top:0;left:0;right:0}.skill-card:hover{border-color:#6366f166;transform:translateY(-2px);box-shadow:0 10px 30px -10px #6366f14d}.skill-card-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.skill-card-icon{font-size:32px}.skill-card-meta{align-items:center;gap:8px;display:flex}.skill-card-category{color:#94a3b8;background:#0f172a80;border-radius:4px;padding:2px 8px;font-size:.75rem}.skill-card-status{opacity:.7;font-size:.875rem}.skill-card-name{color:#f8fafc;margin:0 0 8px;font-size:1.125rem;font-weight:600}.skill-card-description{color:#94a3b8;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 12px;font-size:.875rem;line-height:1.5;display:-webkit-box;overflow:hidden}.skill-card-level{align-items:center;gap:8px;margin-bottom:12px;display:flex}.skill-level-badge{border-radius:4px;padding:2px 8px;font-size:.75rem;font-weight:500}.skill-streak-badge{color:#f59e0b;background:#f59e0b1a;border-radius:4px;padding:2px 8px;font-size:.75rem}.skill-card-stats{border-top:1px solid #6366f11a;border-bottom:1px solid #6366f11a;gap:16px;margin-bottom:12px;padding:12px 0;display:flex}.skill-stat{flex-direction:column;display:flex}.skill-stat-value{color:#f8fafc;font-size:1.25rem;font-weight:600}.skill-stat-label{color:#94a3b8;font-size:.75rem}.skill-progress{margin-bottom:16px}.skill-progress-bar{background:#0f172a80;border-radius:3px;height:6px;margin-bottom:4px;overflow:hidden}.skill-progress-fill{background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:3px;height:100%;transition:width .3s}.skill-progress-text{color:#94a3b8;font-size:.75rem}.skill-card-actions{gap:8px;display:flex}.skill-card-actions .skill-btn{flex:1}.sessions-toolbar{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.sessions-toolbar h3{color:#f8fafc;margin:0;font-size:1.125rem}.sessions-empty{text-align:center;color:#94a3b8;padding:60px 20px}.sessions-empty-icon{opacity:.5;margin-bottom:16px;font-size:64px}.sessions-empty h3{color:#e2e8f0;margin:0 0 8px}.sessions-empty p{margin:0}.session-item{background:#0f172a80;border:1px solid #6366f133;border-radius:10px;align-items:flex-start;gap:12px;padding:14px;transition:all .2s;display:flex}.session-item:hover{background:#0f172ab3;border-color:#6366f166}.session-skill-indicator{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;display:flex}.session-content{flex:1;min-width:0}.session-skill-name{color:#f8fafc;font-size:.9375rem;font-weight:600}.session-details{align-items:center;gap:12px;margin-bottom:8px;display:flex}.session-duration{color:#c7d2fe;font-size:.875rem;font-weight:500}.session-mood{font-size:1rem}.session-notes{color:#94a3b8;margin:8px 0 0;font-size:.875rem;line-height:1.5}.session-tags{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.session-tag{color:#c7d2fe;background:#6366f126;border-radius:4px;padding:2px 8px;font-size:.75rem}.session-delete-btn{color:#94a3b8;cursor:pointer;opacity:0;background:0 0;border:none;border-radius:4px;padding:4px;font-size:20px;line-height:1;transition:all .2s}.session-item:hover .session-delete-btn{opacity:1}.session-delete-btn:hover{color:#ef4444;background:#ef444433}.stats-tab{padding:10px 0}.stat-card{text-align:center;background:linear-gradient(135deg,#6366f126 0%,#6366f10d 100%);border:1px solid #6366f133;border-radius:12px;padding:20px}.stat-value{color:#f8fafc;margin-bottom:4px;font-size:2rem;font-weight:700}.stats-section{margin-bottom:24px}.stats-section h4{color:#e2e8f0;margin:0 0 16px;font-size:1rem;font-weight:600}.top-skills-list{flex-direction:column;gap:10px;display:flex}.top-skill-item{background:#0f172a80;border:1px solid #6366f133;border-radius:8px;align-items:center;gap:12px;padding:12px 16px;display:flex}.top-skill-rank{color:#6366f1;width:32px;font-size:.875rem;font-weight:600}.top-skill-icon{font-size:20px}.top-skill-name{color:#f8fafc;flex:1;font-weight:500}.top-skill-hours{color:#c7d2fe;font-size:.875rem;font-weight:600}.category-breakdown{flex-direction:column;gap:10px;display:flex}.category-item{background:#0f172a80;border:1px solid #6366f133;border-radius:8px;align-items:center;gap:12px;padding:12px 16px;display:flex}.category-dot{border-radius:50%;width:12px;height:12px}.category-name{color:#f8fafc;flex:1;font-weight:500}.category-hours{color:#c7d2fe;font-weight:600}.category-skills{color:#94a3b8;font-size:.75rem}.level-distribution{flex-wrap:wrap;gap:12px;display:flex}.level-item{background:#0f172a80;border:1px solid #6366f133;border-radius:8px;align-items:center;gap:8px;padding:10px 16px;display:flex}.level-badge{border-radius:4px;padding:4px 10px;font-size:.75rem;font-weight:500}.level-count{color:#94a3b8;font-size:.875rem}.skill-form-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1100;background:#000000b3;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.skill-form-panel{background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%);border:1px solid #6366f14d;border-radius:16px;width:100%;max-width:480px;max-height:90vh;padding:24px;overflow-y:auto}.skill-form-panel h3{color:#f8fafc;margin:0 0 20px;font-size:1.25rem}.form-group input,.form-group select,.form-group textarea{color:#e2e8f0;background:#0f172acc;border:1px solid #6366f14d;border-radius:8px;width:100%;padding:10px 12px;font-size:.875rem;transition:all .2s}.icon-selector{grid-template-columns:repeat(8,1fr);gap:8px;display:grid}.icon-selector button{cursor:pointer;background:#0f172acc;border:1px solid #6366f14d;border-radius:8px;padding:8px;font-size:20px;transition:all .2s}.icon-selector button:hover{background:#6366f133}.icon-selector button.selected{background:#6366f14d;border-color:#6366f1}.color-selector{flex-wrap:wrap;gap:8px;display:flex}.color-selector button{cursor:pointer;border:2px solid #0000;border-radius:50%;width:32px;height:32px;transition:all .2s}.color-selector button:hover{transform:scale(1.1)}.color-selector button.selected{border-color:#f8fafc;box-shadow:0 0 0 2px #6366f1}.mood-selector{gap:8px;display:flex}.mood-selector button{cursor:pointer;background:#0f172acc;border:1px solid #6366f14d;border-radius:8px;padding:8px 12px;font-size:20px;transition:all .2s}.mood-selector button:hover{transform:scale(1.1)}.mood-selector button.selected{border-width:2px}.tag-input-group{gap:8px;display:flex}.tag-input-group input{flex:1}.tag-input-group button{color:#fff;cursor:pointer;background:#6366f1;border:none;border-radius:8px;padding:8px 16px;font-size:.875rem}.form-tags{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.form-tag{color:#c7d2fe;background:#6366f133;border-radius:4px;align-items:center;gap:6px;padding:4px 10px;font-size:.75rem;display:flex}.form-tag button{color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:0;font-size:14px;line-height:1}.form-tag button:hover{color:#ef4444}@media (max-width:768px){.skill-tracker-panel{border-radius:12px;max-height:95vh}.skills-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}.form-row{grid-template-columns:1fr}.icon-selector{grid-template-columns:repeat(5,1fr)}.session-delete-btn{opacity:1}}.sleep-panel-overlay{z-index:1000;background:#000c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.sleep-panel{background:#1e293b;border-radius:16px;flex-direction:column;width:90%;max-width:480px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 25px 60px #0009}.sleep-panel-header{background:#0003;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.sleep-panel-header h3{align-items:center;gap:8px;margin:0;font-size:18px;font-weight:600;display:flex}.stats-btn,.settings-btn{color:#94a3b8;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;padding:6px 10px;font-size:16px;transition:all .2s}.stats-btn:hover,.settings-btn:hover{color:#fff;background:#ffffff1a}.sleep-summary{background:linear-gradient(#6366f114 0%,#0000 100%);border-bottom:1px solid #ffffff0d;padding:24px}.summary-main{align-items:center;gap:16px;margin-bottom:16px;display:flex}.sleep-score{align-items:baseline;gap:4px;display:flex}.score-value{color:#fff;font-variant-numeric:tabular-nums;font-size:48px;font-weight:700;line-height:1}.score-unit{color:#94a3b8;font-size:20px;font-weight:500}.sleep-goal-status{flex-direction:column;gap:2px;display:flex}.goal-label{color:#94a3b8;font-size:14px}.goal-target{color:#64748b;font-size:13px}.last-sleep{background:#0003;border-radius:10px;align-items:center;gap:12px;padding:12px 16px;display:flex}.last-label{color:#64748b;font-size:13px}.last-value{color:#fff;align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.quality-badge{border-radius:12px;padding:4px 10px;font-size:12px;font-weight:500}.quick-log-section{border-bottom:1px solid #ffffff0d;padding:20px 24px}.log-sleep-btn{color:#a78bfa;cursor:pointer;background:linear-gradient(135deg,#6366f133,#8b5cf633);border:1px solid #6366f14d;border-radius:12px;justify-content:center;align-items:center;gap:12px;width:100%;padding:16px 24px;font-size:15px;font-weight:600;transition:all .2s;display:flex}.log-sleep-btn:hover{background:linear-gradient(135deg,#6366f14d,#8b5cf64d);border-color:#6366f180;transform:translateY(-1px);box-shadow:0 8px 24px #6366f133}.btn-icon{font-size:20px}.recent-logs{max-height:280px;padding:20px 24px;overflow-y:auto}.recent-logs h4{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;margin:0 0 16px;font-size:14px;font-weight:600}.logs-list{flex-direction:column;gap:12px;display:flex}.log-item{background:#ffffff08;border-radius:10px;justify-content:space-between;align-items:flex-start;padding:14px 16px;transition:all .2s;display:flex}.log-item:hover{background:#ffffff0f}.log-main{flex:1}.log-date{color:#fff;margin-bottom:6px;font-size:13px;font-weight:600}.log-details{align-items:center;gap:12px;margin-bottom:4px;display:flex}.log-duration{color:#6366f1;font-size:14px;font-weight:600}.log-quality{font-size:13px;font-weight:500}.log-times{color:#64748b;font-size:12px}.log-notes{color:#94a3b8;border-top:1px solid #ffffff0d;margin-top:8px;padding-top:8px;font-size:12px;font-style:italic}.delete-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;padding:0;font-size:18px;transition:all .2s;display:flex}.delete-btn:hover{color:#ef4444;background:#ef444433}.sleep-tips{background:#6366f114;border-top:1px solid #ffffff0d;padding:16px 24px 20px}.sleep-tips p{color:#94a3b8;margin:0;font-size:13px;line-height:1.5}.sleep-tips strong{color:#6366f1}.sleep-form{max-height:60vh;padding:24px;overflow-y:auto}.sleep-form h4{color:#fff;margin:0 0 20px;font-size:16px;font-weight:600}.form-row{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px;display:grid}.form-group input,.form-group textarea{color:#fff;background:#0f172a;border:1px solid #ffffff1a;border-radius:10px;width:100%;padding:12px 16px;font-size:14px;transition:all .2s}.form-group input:focus,.form-group textarea:focus{border-color:#6366f1;outline:none}.form-group input[type=datetime-local]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.duration-preview{color:#94a3b8;background:#6366f11a;border:1px solid #6366f133;border-radius:10px;margin-bottom:20px;padding:12px 16px;font-size:14px}.duration-preview strong{color:#a78bfa;margin-left:4px}.quality-selector{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.quality-selector button{cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;flex-direction:column;align-items:center;gap:6px;padding:12px 8px;transition:all .2s;display:flex}.quality-selector button:hover{background:#ffffff1a}.quality-selector button.active{background:var(--quality-color,#6366f1);border-color:var(--quality-color,#6366f1);transform:scale(1.05)}.quality-emoji{font-size:20px}.quality-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.3px;font-size:10px}.quality-selector button.active .quality-label{color:#fff}.cancel-btn,.save-btn{cursor:pointer;border-radius:10px;flex:1;padding:14px;font-size:14px;font-weight:600;transition:all .2s}.cancel-btn{color:#94a3b8;background:#ffffff0d;border:1px solid #ffffff1a}.save-btn{color:#fff;background:#6366f1;border:none}.save-btn:hover{background:#4f46e5;transform:translateY(-1px)}.sleep-stats{max-height:60vh;padding:24px;overflow-y:auto}.sleep-stats h4{color:#fff;margin:0 0 20px;font-size:16px;font-weight:600}.stat-card{background:#ffffff08;border-radius:12px;flex-direction:column;align-items:center;padding:16px;transition:all .2s;display:flex}.stat-card:hover{background:#ffffff0f}.stat-card .stat-value{color:#fff;font-size:28px;font-weight:700;line-height:1}.stat-card .stat-label{color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin-top:6px;font-size:11px}.chart-section{margin-bottom:20px}.chart-section h5{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;margin:0 0 16px;font-size:13px}.sleep-chart{background:#0003;border-radius:12px;justify-content:space-between;align-items:flex-end;height:150px;padding:20px 16px 40px;display:flex;position:relative}.chart-bar-container{flex-direction:column;flex:1;align-items:center;height:100%;display:flex}.chart-bar-wrapper{justify-content:center;align-items:flex-end;width:32px;height:100%;display:flex;position:relative}.chart-bar.has-data{box-shadow:0 0 12px #0000004d}.chart-bar.has-data:hover{opacity:.8;transform:scaleY(1.02)}.goal-line{background:#fff6;border-radius:1px;height:2px;position:absolute;left:-4px;right:-4px}.goal-line:before{content:"";background:repeating-linear-gradient(90deg,#fff6 0 4px,#0000 4px 8px);height:6px;position:absolute;top:-2px;left:0;right:0}.chart-day{color:#64748b;text-transform:uppercase;font-size:11px;position:absolute;bottom:-28px}.chart-legend{flex-wrap:wrap;justify-content:center;gap:16px;margin-top:16px;display:flex}.legend-item{color:#94a3b8;align-items:center;gap:6px;font-size:12px;display:flex}.legend-line{background:#fff6;width:16px;height:2px;position:relative}.legend-line:before{content:"";background:repeating-linear-gradient(90deg,#fff6 0 3px,#0000 3px 6px);height:6px;position:absolute;top:-2px;left:0;right:0}.sleep-settings{max-height:60vh;padding:24px;overflow-y:auto}.sleep-settings h4{color:#fff;margin:0 0 20px;font-size:16px;font-weight:600}.goal-options{flex-wrap:wrap;gap:10px;display:flex}.goal-options button{color:#94a3b8;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;padding:12px 20px;font-size:14px;font-weight:500;transition:all .2s}.goal-options button:hover{color:#fff;background:#ffffff1a}.goal-options button.active{color:#fff;background:#6366f1;border-color:#6366f1}.setting-info{background:#6366f114;border-radius:10px;margin-bottom:20px;padding:16px}.setting-info p{color:#94a3b8;margin:0;font-size:13px;line-height:1.5}.setting-info strong{color:#6366f1}.sleep-form::-webkit-scrollbar{width:6px}.sleep-stats::-webkit-scrollbar{width:6px}.sleep-settings::-webkit-scrollbar{width:6px}.recent-logs::-webkit-scrollbar{width:6px}.sleep-form::-webkit-scrollbar-track{background:#0003}.sleep-stats::-webkit-scrollbar-track{background:#0003}.sleep-settings::-webkit-scrollbar-track{background:#0003}.recent-logs::-webkit-scrollbar-track{background:#0003}.sleep-form::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.sleep-stats::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.sleep-settings::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.recent-logs::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.sleep-form::-webkit-scrollbar-thumb:hover{background:#fff3}.sleep-stats::-webkit-scrollbar-thumb:hover{background:#fff3}.sleep-settings::-webkit-scrollbar-thumb:hover{background:#fff3}.recent-logs::-webkit-scrollbar-thumb:hover{background:#fff3}@media (max-width:480px){.sleep-panel{width:95%;max-height:95vh}.form-row{grid-template-columns:1fr}.quality-selector{grid-template-columns:repeat(3,1fr)}.quality-selector button:nth-child(4),.quality-selector button:nth-child(5){grid-column:span 1}.stats-grid{grid-template-columns:1fr 1fr}.sleep-chart{padding:16px 8px 36px}.chart-bar-wrapper{width:24px}.chart-legend{gap:8px}}.snippets-panel-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#000000b3;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.snippets-panel{background:var(--bg-secondary,#1a1a2e);border:1px solid var(--border-color,#2d2d44);border-radius:12px;flex-direction:column;width:100%;max-width:800px;max-height:90vh;display:flex;box-shadow:0 20px 60px #00000080}.snippets-panel-header{border-bottom:1px solid var(--border-color,#2d2d44);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.snippets-panel-header h3{color:var(--text-primary,#e0e0ff);margin:0;font-size:1.25rem}.snippets-quick-access{border-bottom:1px solid var(--border-color,#2d2d44);flex-direction:column;gap:8px;padding:12px 20px;display:flex}.quick-section{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.quick-label{color:var(--text-secondary,#88a);text-transform:uppercase;letter-spacing:.5px;font-size:.75rem}.quick-chip{background:var(--bg-tertiary,#252538);border:1px solid var(--border-color,#2d2d44);color:var(--text-primary,#e0e0ff);cursor:pointer;white-space:nowrap;border-radius:16px;padding:4px 12px;font-size:.8rem;transition:all .2s}.quick-chip:hover{background:var(--accent-primary,#6366f1);border-color:var(--accent-primary,#6366f1)}.quick-chip.popular{background:#f59e0b26;border-color:#f59e0b4d}.quick-chip.popular:hover{background:#f59e0b4d}.snippets-panel-filters{border-bottom:1px solid var(--border-color,#2d2d44);scrollbar-width:thin;gap:8px;padding:12px 20px;display:flex;overflow-x:auto}.snippets-panel-filters::-webkit-scrollbar{height:4px}.snippets-panel-filters button{background:var(--bg-tertiary,#252538);border:1px solid var(--border-color,#2d2d44);color:var(--text-secondary,#88a);cursor:pointer;white-space:nowrap;border-radius:6px;padding:6px 12px;font-size:.85rem;transition:all .2s}.snippets-panel-filters button:hover{background:var(--bg-hover,#2d2d44);color:var(--text-primary,#e0e0ff)}.snippets-panel-filters button.active{background:var(--accent-primary,#6366f1);border-color:var(--accent-primary,#6366f1);color:#fff}.snippets-search{border-bottom:1px solid var(--border-color,#2d2d44);padding:12px 20px}.snippets-search input{background:var(--bg-tertiary,#252538);border:1px solid var(--border-color,#2d2d44);width:100%;color:var(--text-primary,#e0e0ff);border-radius:8px;padding:10px 14px;font-size:.95rem}.snippets-search input:focus{border-color:var(--accent-primary,#6366f1);outline:none}.snippets-search input::placeholder{color:var(--text-secondary,#668)}.snippets-add{border-bottom:1px solid var(--border-color,#2d2d44);flex-direction:column;gap:10px;padding:16px 20px;display:flex}.snippets-add input,.snippets-add select,.snippets-add textarea{background:var(--bg-tertiary,#252538);border:1px solid var(--border-color,#2d2d44);color:var(--text-primary,#e0e0ff);border-radius:8px;padding:10px 14px;font-size:.95rem}.snippets-add input:focus,.snippets-add select:focus,.snippets-add textarea:focus{border-color:var(--accent-primary,#6366f1);outline:none}.snippets-add input::placeholder,.snippets-add textarea::placeholder{color:var(--text-secondary,#668)}.snippets-add select{cursor:pointer}.snippets-add textarea{resize:vertical;min-height:80px;font-family:JetBrains Mono,Fira Code,Consolas,monospace}.add-btn{background:linear-gradient(135deg,var(--accent-primary,#6366f1),var(--accent-secondary,#8b5cf6));color:#fff;cursor:pointer;border:none;border-radius:8px;padding:12px 20px;font-size:.95rem;font-weight:500;transition:all .2s}.add-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #6366f166}.snippets-list{flex-direction:column;flex:1;gap:12px;padding:16px 20px;display:flex;overflow-y:auto}.snippet-item{background:var(--bg-tertiary,#252538);border:1px solid var(--border-color,#2d2d44);border-radius:10px;padding:14px 16px;transition:all .2s}.snippet-item:hover{border-color:var(--border-hover,#3d3d5c)}.snippet-item.code{border-left:3px solid #6366f1}.snippet-item.email{border-left:3px solid #10b981}.snippet-item.commands{border-left:3px solid #f59e0b}.snippet-item.notes{border-left:3px solid #ec4899}.snippet-item.links{border-left:3px solid #06b6d4}.snippet-header{align-items:center;gap:8px;margin-bottom:8px;display:flex}.snippet-icon{font-size:1.1rem}.snippet-title{color:var(--text-primary,#e0e0ff);flex:1;font-weight:500}.snippet-usage{color:var(--text-secondary,#88a);background:var(--bg-hover,#2d2d44);border-radius:12px;padding:2px 8px;font-size:.75rem}.snippet-actions{gap:4px;display:flex}.snippet-actions button{background:var(--bg-hover,#2d2d44);cursor:pointer;border:none;border-radius:6px;padding:6px 10px;font-size:.9rem;transition:all .2s}.snippet-actions button:hover{background:var(--accent-primary,#6366f1)}.snippet-actions button.copied{color:#fff;background:#10b981}.snippet-content{background:var(--bg-primary,#12121a);color:var(--text-secondary,#a0a0c0);white-space:pre-wrap;word-break:break-word;border-radius:8px;max-height:200px;margin:0;padding:12px;font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:.85rem;overflow:auto}.snippet-tags{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.snippet-tag{color:var(--accent-secondary,#8b5cf6);background:#8b5cf61a;border-radius:4px;padding:3px 8px;font-size:.75rem}.snippet-meta{color:var(--text-secondary,#668);gap:8px;margin-top:10px;font-size:.75rem;display:flex}.snippet-edit{flex-direction:column;gap:10px;display:flex}.snippet-edit input,.snippet-edit textarea{background:var(--bg-primary,#12121a);border:1px solid var(--accent-primary,#6366f1);color:var(--text-primary,#e0e0ff);border-radius:6px;padding:10px;font-size:.95rem}.snippet-edit textarea{resize:vertical;min-height:100px;font-family:JetBrains Mono,Fira Code,Consolas,monospace}.snippet-edit button{background:var(--accent-primary,#6366f1);color:#fff;cursor:pointer;border:none;border-radius:6px;align-self:flex-start;padding:10px 16px}.snippets-list::-webkit-scrollbar{width:8px}.snippets-list::-webkit-scrollbar-track{background:0 0}.snippets-list::-webkit-scrollbar-thumb{background:var(--border-color,#2d2d44);border-radius:4px}.snippets-list::-webkit-scrollbar-thumb:hover{background:var(--border-hover,#3d3d5c)}@media (max-width:640px){.snippets-panel-overlay{padding:10px}.snippets-panel{max-height:95vh}.snippets-panel-filters{padding:10px}.snippets-add,.snippets-list{padding:12px}}.sprint-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#000c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.sprint-panel{background:var(--surface,#1a1a2e);border:1px solid var(--border,#2a2a3e);border-radius:16px;flex-direction:column;width:100%;max-width:900px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #00000080}.sprint-header{border-bottom:1px solid var(--border,#2a2a3e);background:var(--surface-elevated,#252538);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.sprint-header h3{color:var(--text,#e4e4e7);align-items:center;gap:8px;margin:0;font-size:1.25rem;display:flex}.sprint-header-actions{align-items:center;gap:8px;display:flex}.back-btn{border:1px solid var(--border,#2a2a3e);color:var(--text,#e4e4e7);cursor:pointer;background:0 0;border-radius:6px;padding:6px 12px;font-size:.875rem;transition:all .2s}.sprint-content{flex:1;padding:20px;overflow-y:auto}.sprint-list-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.sprint-list-header h4{color:var(--text,#e4e4e7);margin:0;font-size:1.125rem}.create-sprint-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border:none;border-radius:8px;padding:8px 16px;font-size:.875rem;font-weight:500;transition:all .2s}.create-sprint-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666}.sprint-empty{text-align:center;color:var(--text-muted,#a1a1aa);padding:60px 20px}.sprint-empty p{color:var(--text,#e4e4e7);margin:0 0 8px;font-size:1.125rem}.empty-sub{margin-bottom:24px;font-size:.875rem}.sprint-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.sprint-card{background:var(--surface-elevated,#252538);border:1px solid var(--border,#2a2a3e);cursor:pointer;border-radius:12px;padding:16px;transition:all .2s}.sprint-card:hover{border-color:var(--primary,#3b82f6);transform:translateY(-2px);box-shadow:0 8px 24px #0000004d}.sprint-card.completed{opacity:.7}.sprint-card-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.sprint-status{text-transform:uppercase;border-radius:12px;padding:2px 8px;font-size:.75rem;font-weight:600}.sprint-status.active{color:#22c55e;background:#22c55e33}.sprint-status.completed{color:#9ca3af;background:#6b728033}.sprint-duration{color:var(--text-muted,#a1a1aa);font-size:.75rem}.sprint-name{color:var(--text,#e4e4e7);white-space:nowrap;text-overflow:ellipsis;margin:0 0 8px;font-size:1rem;overflow:hidden}.sprint-dates{color:var(--text-muted,#a1a1aa);margin:0 0 12px;font-size:.75rem}.sprint-progress-mini{align-items:center;gap:8px;margin-bottom:8px;display:flex}.progress-bar-mini{background:var(--surface,#1a1a2e);border-radius:2px;flex:1;height:4px;overflow:hidden}.progress-fill-mini{background:linear-gradient(90deg,#22c55e,#3b82f6);border-radius:2px;height:100%;transition:width .3s}.sprint-progress-mini span{color:var(--text-muted,#a1a1aa);text-align:right;min-width:36px;font-size:.75rem}.sprint-stats-mini{color:var(--text-muted,#a1a1aa);gap:12px;font-size:.75rem;display:flex}.sprint-create h4{color:var(--text,#e4e4e7);margin:0 0 20px;font-size:1.125rem}.form-group input,.form-group select,.form-group textarea{background:var(--surface,#1a1a2e);border:1px solid var(--border,#2a2a3e);width:100%;color:var(--text,#e4e4e7);border-radius:8px;padding:10px 12px;font-size:.875rem;transition:border-color .2s}.sprint-preview{background:var(--surface,#1a1a2e);border:1px solid var(--border,#2a2a3e);border-radius:8px;margin-bottom:16px;padding:12px}.sprint-preview p{color:var(--text-muted,#a1a1aa);margin:0;font-size:.875rem}.sprint-preview strong{color:var(--text,#e4e4e7)}.create-sprint-submit{color:#fff;cursor:pointer;background:linear-gradient(135deg,#22c55e,#3b82f6);border:none;border-radius:8px;width:100%;padding:12px;font-size:1rem;font-weight:600;transition:all .2s}.create-sprint-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 16px #22c55e66}.create-sprint-submit:disabled{opacity:.5;cursor:not-allowed}.sprint-detail-header{border-bottom:1px solid var(--border,#2a2a3e);justify-content:space-between;align-items:flex-start;margin-bottom:20px;padding-bottom:16px;display:flex}.sprint-detail-header h4{color:var(--text,#e4e4e7);margin:0 0 4px;font-size:1.25rem}.sprint-meta{color:var(--text-muted,#a1a1aa);margin:0;font-size:.875rem}.days-left{color:#22c55e;font-weight:500}.sprint-actions{gap:8px;display:flex}.action-btn{background:var(--surface,#1a1a2e);border:1px solid var(--border,#2a2a3e);color:var(--text,#e4e4e7);cursor:pointer;border-radius:6px;padding:8px 14px;font-size:.875rem;transition:all .2s}.action-btn:hover{background:var(--surface-hover,#2a2a3e);border-color:var(--primary,#3b82f6)}.action-btn.complete:hover{background:#22c55e4d}.sprint-stats{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px;display:grid}.stat-card{background:var(--surface-elevated,#252538);border:1px solid var(--border,#2a2a3e);text-align:center;border-radius:10px;padding:16px}.stat-value{color:var(--text,#e4e4e7);margin-bottom:4px;font-size:1.5rem;font-weight:700;display:block}.stat-label{color:var(--text-muted,#a1a1aa);text-transform:uppercase;letter-spacing:.5px;font-size:.75rem}.sprint-goals{background:linear-gradient(135deg,#3b82f61a,#8b5cf61a);border:1px solid #3b82f64d;border-radius:10px;margin-bottom:20px;padding:16px}.sprint-goals h5{color:#3b82f6;margin:0 0 8px;font-size:.875rem}.sprint-goals p{color:var(--text,#e4e4e7);margin:0;font-size:.875rem;line-height:1.5}.burndown-chart{background:var(--surface-elevated,#252538);border:1px solid var(--border,#2a2a3e);border-radius:10px;margin-bottom:20px;padding:16px}.burndown-chart h5{color:var(--text,#e4e4e7);margin:0 0 16px;font-size:.875rem}.chart-container{justify-content:space-between;align-items:flex-end;gap:4px;height:150px;margin-bottom:8px;display:flex}.chart-bar-wrapper{flex-direction:column;flex:1;align-items:center;gap:4px;display:flex}.chart-bars{justify-content:center;align-items:flex-end;gap:2px;width:100%;height:130px;display:flex}.chart-bar{border-radius:2px;width:8px;min-height:4px;transition:height .3s}.chart-bar.ideal{background:#6b728080}.chart-bar.actual{background:linear-gradient(#3b82f6,#8b5cf6)}.chart-label{color:var(--text-muted,#a1a1aa);font-size:.625rem}.chart-legend{color:var(--text-muted,#a1a1aa);justify-content:center;gap:16px;font-size:.75rem;display:flex}.chart-legend span{align-items:center;gap:6px;display:flex}.legend-color{border-radius:2px;width:12px;height:12px}.legend-color.ideal{background:#6b728080}.legend-color.actual{background:linear-gradient(#3b82f6,#8b5cf6)}.add-task-section{background:var(--surface-elevated,#252538);border:1px solid var(--border,#2a2a3e);border-radius:10px;margin-bottom:20px;padding:16px}.add-task-section h5{color:var(--text,#e4e4e7);margin:0 0 12px;font-size:.875rem}.add-task-form{gap:8px;display:flex}.add-task-form input{background:var(--surface,#1a1a2e);border:1px solid var(--border,#2a2a3e);color:var(--text,#e4e4e7);border-radius:6px;flex:1;padding:10px 12px;font-size:.875rem}.add-task-form input:focus{border-color:var(--primary,#3b82f6);outline:none}.add-task-form select{background:var(--surface,#1a1a2e);border:1px solid var(--border,#2a2a3e);color:var(--text,#e4e4e7);border-radius:6px;min-width:80px;padding:10px;font-size:.875rem}.add-task-form button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border:none;border-radius:6px;padding:10px 16px;font-size:.875rem;font-weight:500;transition:all .2s}.add-task-form button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666}.task-list h5{color:var(--text,#e4e4e7);margin:0 0 12px;font-size:.875rem}.empty-tasks{color:var(--text-muted,#a1a1aa);text-align:center;padding:24px;font-size:.875rem}.tasks{flex-direction:column;gap:8px;display:flex}.task-item{background:var(--surface-elevated,#252538);border:1px solid var(--border,#2a2a3e);border-radius:8px;align-items:center;gap:12px;padding:12px;transition:all .2s;display:flex}.task-item:hover{border-color:var(--border-hover,#3a3a4e)}.task-item.completed{opacity:.6}.task-item.completed .task-title{color:var(--text-muted,#a1a1aa);text-decoration:line-through}.task-item input[type=checkbox]{cursor:pointer;accent-color:#22c55e;width:18px;height:18px}.task-content{flex-direction:column;flex:1;gap:4px;display:flex}.task-title{color:var(--text,#e4e4e7);font-size:.875rem}.task-meta{align-items:center;gap:8px;display:flex}.task-priority{text-transform:uppercase;color:#fff;border-radius:4px;padding:2px 6px;font-size:.625rem;font-weight:600}.task-points{color:var(--text-muted,#a1a1aa);font-size:.75rem}.delete-task{color:var(--text-muted,#a1a1aa);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 8px;font-size:1.25rem;transition:all .2s}.delete-task:hover{color:#ef4444;background:#ef44441a}.standup-history{border-top:1px solid var(--border,#2a2a3e);margin-top:20px;padding-top:20px}.standup-history h5{color:var(--text,#e4e4e7);margin:0 0 12px;font-size:.875rem}.standup-list{flex-direction:column;gap:8px;display:flex}.standup-item{background:var(--surface-elevated,#252538);border:1px solid var(--border,#2a2a3e);border-radius:8px;padding:12px}.standup-date{color:var(--text-muted,#a1a1aa);margin-bottom:8px;font-size:.75rem;display:block}.standup-item p{color:var(--text,#e4e4e7);margin:4px 0;font-size:.875rem}.standup-item .blocker{color:#fbbf24}.standup-view h4{color:var(--text,#e4e4e7);margin:0 0 4px;font-size:1.125rem}.standup-subtitle{color:var(--text-muted,#a1a1aa);margin:0 0 20px;font-size:.875rem}.standup-form .form-group textarea{resize:vertical;min-height:80px}.save-standup-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border:none;border-radius:8px;width:100%;margin-top:8px;padding:12px;font-size:1rem;font-weight:600;transition:all .2s}.save-standup-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 16px #3b82f666}.save-standup-btn:disabled{opacity:.5;cursor:not-allowed}.retro-view h4{color:var(--text,#e4e4e7);margin:0 0 4px;font-size:1.125rem}.retro-subtitle{color:var(--text-muted,#a1a1aa);margin:0 0 20px;font-size:.875rem}.retro-stats-summary{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:24px;display:grid}.retro-stat{background:var(--surface-elevated,#252538);border:1px solid var(--border,#2a2a3e);text-align:center;border-radius:10px;padding:16px}.retro-stat-value{color:var(--text,#e4e4e7);margin-bottom:4px;font-size:1.5rem;font-weight:700;display:block}.retro-stat-label{color:var(--text-muted,#a1a1aa);font-size:.75rem}.retro-columns{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px;display:grid}.retro-column{background:var(--surface-elevated,#252538);border:1px solid var(--border,#2a2a3e);border-radius:10px;padding:16px}.retro-column h5{margin:0 0 12px;font-size:.875rem}.retro-items{flex-direction:column;gap:8px;min-height:100px;margin-bottom:12px;display:flex}.retro-item{background:var(--surface,#1a1a2e);border:1px solid var(--border,#2a2a3e);color:var(--text,#e4e4e7);border-radius:6px;padding:10px 12px;font-size:.875rem}.add-retro-item{gap:8px;display:flex}.add-retro-item input{background:var(--surface,#1a1a2e);border:1px solid var(--border,#2a2a3e);color:var(--text,#e4e4e7);border-radius:6px;flex:1;padding:8px 10px;font-size:.875rem}.add-retro-item input:focus{border-color:var(--primary,#3b82f6);outline:none}.add-retro-item button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.25rem;transition:all .2s;display:flex}.add-retro-item button:hover{transform:scale(1.05)}.complete-sprint-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#22c55e,#16a34a);border:none;border-radius:8px;width:100%;padding:14px;font-size:1rem;font-weight:600;transition:all .2s}.complete-sprint-btn:hover{transform:translateY(-1px);box-shadow:0 4px 16px #22c55e66}@media (max-width:768px){.sprint-panel{max-height:95vh;margin:10px}.sprint-stats{grid-template-columns:repeat(2,1fr)}.retro-stats-summary,.retro-columns{grid-template-columns:1fr}.sprint-detail-header{flex-direction:column;gap:12px}.sprint-actions{width:100%}.action-btn{flex:1}.add-task-form{flex-wrap:wrap}.add-task-form input{width:100%}.chart-container{height:120px}.chart-bars{height:100px}}.study-panel-overlay{z-index:1000;background:#000000d9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.study-panel{background:#1e293b;border-radius:16px;flex-direction:column;width:90%;max-width:800px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 25px 60px #0009}.study-panel-header{background:#0003;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.study-panel-header h3{align-items:center;gap:8px;margin:0;font-size:18px;font-weight:600;display:flex}.study-tabs{background:#0000001a;border-bottom:1px solid #ffffff14;gap:4px;padding:12px 24px 0;display:flex}.study-tab{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:8px 8px 0 0;align-items:center;gap:6px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.study-tab:hover{color:#e2e8f0;background:#ffffff0d}.study-tab.active{color:#6366f1;background:#6366f126}.study-stats-overview{background:#0000001a;border-bottom:1px solid #ffffff0d;grid-template-columns:repeat(4,1fr);gap:12px;padding:16px 24px;display:grid}.stat-card{text-align:center;background:#ffffff08;border-radius:10px;flex-direction:column;align-items:center;padding:12px 8px;display:flex}.stat-icon{margin-bottom:4px;font-size:20px}.stat-value{color:#fff;font-size:20px;font-weight:700;line-height:1}.stat-label{color:#64748b;margin-top:2px;font-size:11px}.study-content{flex:1;padding:20px 24px;overflow-y:auto}.study-toolbar{flex-wrap:wrap;gap:12px;margin-bottom:16px;display:flex}.search-input{color:#fff;background:#0f172a;border:1px solid #ffffff1a;border-radius:8px;flex:1;min-width:200px;padding:10px 14px;font-size:14px}.search-input:focus{border-color:#6366f1;outline:none}.filter-select{color:#fff;cursor:pointer;background:#0f172a;border:1px solid #ffffff1a;border-radius:8px;min-width:140px;padding:10px 14px;font-size:14px}.add-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#6366f1;border:none;border-radius:8px;padding:10px 18px;font-size:14px;font-weight:600;transition:all .2s}.add-btn:hover{background:#5855eb;transform:translateY(-1px)}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:48px 24px;display:flex}.empty-state p{color:#e2e8f0;margin:0 0 8px;font-size:16px;font-weight:500}.empty-state small{color:#64748b;font-size:13px}.courses-list{flex-direction:column;gap:12px;display:flex}.course-card{cursor:pointer;background:#ffffff08;border:1px solid #ffffff0f;border-radius:12px;padding:16px;transition:all .2s}.course-card:hover{background:#ffffff0d;border-color:#ffffff1a}.course-card.selected{background:#6366f114;border-color:#6366f1}.course-card.completed{opacity:.7}.course-card.archived{opacity:.5}.course-header{align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.course-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;display:flex}.course-info{flex:1;min-width:0}.course-title{color:#fff;white-space:nowrap;text-overflow:ellipsis;margin:0 0 6px;font-size:16px;font-weight:600;overflow:hidden}.course-meta{flex-wrap:wrap;gap:8px;display:flex}.meta-badge{background:#ffffff14;border-radius:12px;padding:2px 8px;font-size:11px;font-weight:500}.meta-badge.deadline{color:#ef4444;background:#ef44441a}.course-status{flex-shrink:0}.status-badge{font-size:16px}.course-progress{margin-bottom:10px}.progress-bar-bg{background:#ffffff14;border-radius:4px;height:8px;margin-bottom:6px;overflow:hidden}.progress-stats{color:#64748b;justify-content:space-between;font-size:12px;display:flex}.course-stats-row{color:#94a3b8;gap:16px;margin-bottom:12px;font-size:12px;display:flex}.course-actions{border-top:1px solid #ffffff0f;flex-wrap:wrap;gap:8px;padding-top:12px;display:flex}.action-btn{color:#94a3b8;cursor:pointer;background:#ffffff14;border:1px solid #ffffff1a;border-radius:6px;padding:8px 14px;font-size:12px;transition:all .2s}.action-btn:hover{color:#fff;background:#ffffff1f}.action-btn.log-session{color:#fff;background:#6366f1;border-color:#6366f1}.action-btn.log-session:hover{background:#5855eb}.action-btn.complete{color:#22c55e;background:#22c55e26;border-color:#22c55e4d}.action-btn.delete:hover{color:#ef4444;background:#ef444426;border-color:#ef44444d}.course-description,.course-resources{color:#94a3b8;border-top:1px solid #ffffff0f;margin-top:12px;padding-top:12px;font-size:13px}.course-description p,.course-resources p{margin:0;line-height:1.5}.course-form-overlay,.session-form-overlay{z-index:1100;background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.course-form,.session-form{background:#1e293b;border-radius:16px;width:90%;max-width:500px;max-height:85vh;padding:24px;overflow-y:auto;box-shadow:0 25px 60px #0009}.course-form h4,.session-form h4{color:#fff;margin:0 0 20px;font-size:18px;font-weight:600}.form-group textarea{resize:vertical;min-height:60px;font-family:inherit}.cancel-btn{color:#94a3b8;cursor:pointer;background:#ffffff14;border:1px solid #ffffff1a;border-radius:8px;padding:10px 20px;font-size:14px;transition:all .2s}.cancel-btn:hover{color:#fff;background:#ffffff1f}.save-btn{color:#fff;cursor:pointer;background:#6366f1;border:none;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s}.save-btn:hover:not(:disabled){background:#5855eb}.save-btn:disabled{opacity:.5;cursor:not-allowed}.mood-btn{color:#94a3b8;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;padding:8px 14px;font-size:13px;transition:all .2s}.mood-btn:hover{background:#ffffff14}.mood-btn.active{color:#fff;background:#6366f1;border-color:#6366f1}.sessions-list{flex-direction:column;gap:10px;display:flex}.session-card{background:#ffffff08;border:1px solid #ffffff0f;border-radius:10px;padding:14px;transition:all .2s;position:relative}.session-card:hover{background:#ffffff0d}.session-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.session-course{color:#fff;font-size:14px;font-weight:600}.session-date{color:#64748b;font-size:12px}.session-details{color:#94a3b8;gap:16px;margin-bottom:8px;font-size:13px;display:flex}.session-mood{margin-left:auto}.session-notes{color:#94a3b8;border-top:1px solid #ffffff0d;padding-top:8px;font-size:13px;line-height:1.4}.delete-session-btn{color:#64748b;cursor:pointer;opacity:0;background:0 0;border:none;justify-content:center;align-items:center;width:24px;height:24px;font-size:18px;transition:all .2s;display:flex;position:absolute;top:8px;right:8px}.session-card:hover .delete-session-btn{opacity:1}.delete-session-btn:hover{color:#ef4444}.stats-grid-large{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px;display:grid}.stat-card-large{text-align:center;background:#ffffff08;border:1px solid #ffffff0f;border-radius:12px;padding:20px}.stat-card-large h4{color:#94a3b8;margin:0 0 12px;font-size:13px;font-weight:500}.stat-large-value{color:#fff;margin-bottom:4px;font-size:32px;font-weight:700;line-height:1;display:block}.stat-large-label{color:#64748b;font-size:12px}.category-stats{background:#ffffff08;border:1px solid #ffffff0f;border-radius:12px;margin-bottom:20px;padding:20px}.category-stats h4{color:#fff;margin:0 0 16px;font-size:15px;font-weight:600}.empty-text{text-align:center;color:#64748b;margin:24px 0;font-size:14px}.category-bars{flex-direction:column;gap:14px;display:flex}.category-bar-item{flex-direction:column;gap:6px;display:flex}.category-bar-header{justify-content:space-between;align-items:center;font-size:13px;display:flex}.category-name{color:#e2e8f0;font-weight:500}.category-time{color:#94a3b8;font-weight:600}.category-bar-bg{background:#ffffff14;border-radius:4px;height:8px;overflow:hidden}.category-bar-fill{border-radius:4px;height:100%;transition:width .3s}.category-bar-meta{color:#64748b;font-size:11px}.study-insights{background:#ffffff08;border:1px solid #ffffff0f;border-radius:12px;padding:20px}.study-insights h4{color:#fff;margin:0 0 16px;font-size:15px;font-weight:600}.insights-list{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.insight-card{background:#ffffff08;border-radius:10px;gap:12px;padding:14px;display:flex}.insight-icon{font-size:24px}.insight-content strong{color:#e2e8f0;margin-bottom:2px;font-size:13px;display:block}.insight-content p{color:#64748b;margin:0;font-size:12px}.study-content::-webkit-scrollbar{width:6px}.course-form::-webkit-scrollbar{width:6px}.session-form::-webkit-scrollbar{width:6px}.study-content::-webkit-scrollbar-track{background:#0003}.course-form::-webkit-scrollbar-track{background:#0003}.session-form::-webkit-scrollbar-track{background:#0003}.study-content::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.course-form::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.session-form::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.study-content::-webkit-scrollbar-thumb:hover{background:#fff3}.course-form::-webkit-scrollbar-thumb:hover{background:#fff3}.session-form::-webkit-scrollbar-thumb:hover{background:#fff3}@media (max-width:768px){.study-stats-overview{grid-template-columns:repeat(2,1fr)}.form-row,.stats-grid-large,.insights-list{grid-template-columns:1fr}.study-toolbar{flex-direction:column}.search-input{min-width:100%}.course-stats-row{flex-wrap:wrap;gap:8px}.course-actions{justify-content:stretch}.action-btn{text-align:center;flex:1}}.course-card,.session-card{animation:.3s slideIn}.subscription-panel-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000d9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.subscription-panel{background:#1e293b;border-radius:16px;flex-direction:column;width:95%;max-width:800px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 25px 60px #0009}.subscription-panel-header{background:#0003;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.subscription-panel-header h3{align-items:center;gap:8px;margin:0;font-size:18px;font-weight:600;display:flex}.add-sub-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:8px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s}.add-sub-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #6366f166}.subscription-summary{background:#00000026;grid-template-columns:repeat(4,1fr);gap:16px;padding:20px 24px;display:grid}.summary-card{background:#ffffff08;border:1px solid #ffffff0d;border-radius:12px;align-items:center;gap:12px;padding:16px;display:flex}.summary-icon{background:#ffffff0d;border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;font-size:24px;display:flex}.summary-info{flex-direction:column;display:flex}.summary-value{color:#fff;font-size:20px;font-weight:700;line-height:1.2}.summary-label{color:#64748b;text-transform:uppercase;letter-spacing:.5px;font-size:11px}.summary-card.total .summary-icon{background:#22c55e26}.summary-card.yearly .summary-icon{background:#3b82f626}.summary-card.count .summary-icon{background:#8b5cf626}.summary-card.upcoming .summary-icon{background:#f59e0b26}.category-breakdown{border-bottom:1px solid #ffffff0d;padding:16px 24px}.category-breakdown h4{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;margin:0 0 12px;font-size:13px;font-weight:600}.category-chips{flex-wrap:wrap;gap:8px;display:flex}.category-chip{border:1px solid #ffffff1a;border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;display:flex}.chip-icon{font-size:14px}.chip-name{color:#cbd5e1}.chip-cost{color:#fff;font-weight:600}.upcoming-section{background:#f59e0b0d;border-bottom:1px solid #ffffff0d;padding:16px 24px}.upcoming-section h4{color:#f59e0b;text-transform:uppercase;letter-spacing:.5px;margin:0 0 12px;font-size:13px;font-weight:600}.upcoming-list{flex-direction:column;gap:8px;display:flex}.upcoming-item{background:#ffffff08;border:1px solid #ffffff0d;border-radius:8px;align-items:center;gap:12px;padding:10px 14px;display:flex}.upcoming-item.urgent{background:#ef44441a;border-color:#ef44444d}.upcoming-icon{font-size:18px}.upcoming-info{flex-direction:column;flex:1;display:flex}.upcoming-name{color:#fff;font-size:14px;font-weight:500}.upcoming-cost{color:#94a3b8;font-size:12px}.upcoming-date{flex-direction:column;align-items:flex-end;gap:2px;display:flex}.days-left{color:#f59e0b;font-size:14px;font-weight:600}.upcoming-item.urgent .days-left{color:#ef4444}.renewal-date{color:#64748b;font-size:11px}.subscription-filters{border-bottom:1px solid #ffffff0d;gap:16px;padding:16px 24px;display:flex}.filter-group{align-items:center;gap:8px;display:flex}.filter-group label{color:#94a3b8;font-size:13px}.filter-group select{color:#fff;cursor:pointer;background:#0f172a;border:1px solid #ffffff1a;border-radius:6px;padding:8px 12px;font-size:13px}.filter-group select:focus{border-color:#6366f1;outline:none}.subscriptions-list{flex:1;max-height:400px;padding:16px 24px;overflow-y:auto}.empty-subscriptions{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.empty-subscriptions p{color:#94a3b8;margin:0 0 16px}.empty-subscriptions button{color:#fff;cursor:pointer;background:#6366f1;border:none;border-radius:8px;padding:10px 20px;font-weight:500;transition:all .2s}.empty-subscriptions button:hover{background:#5855eb}.subscription-item{background:#ffffff08;border:1px solid #ffffff0d;border-radius:12px;align-items:flex-start;gap:14px;margin-bottom:10px;padding:16px;transition:all .2s;display:flex}.subscription-item:hover{background:#ffffff0d;border-color:#ffffff1a}.sub-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:22px;display:flex}.sub-info{flex:1;min-width:0}.sub-header{align-items:center;gap:10px;margin-bottom:6px;display:flex}.sub-name{color:#fff;font-size:15px;font-weight:600}.sub-category{color:#64748b;background:#ffffff0d;border-radius:10px;padding:2px 8px;font-size:11px}.sub-details{align-items:center;gap:10px;margin-bottom:6px;display:flex}.sub-cost{color:#22c55e;font-size:14px;font-weight:600}.sub-cycle{color:#64748b;text-transform:capitalize;font-size:12px}.sub-monthly{color:#94a3b8;font-size:12px}.sub-renewal{color:#94a3b8;align-items:center;gap:10px;font-size:12px;display:flex}.sub-renewal.urgent{color:#ef4444}.sub-renewal.soon{color:#f59e0b}.days-badge{background:#ffffff14;border-radius:10px;padding:2px 8px;font-size:11px}.sub-renewal.urgent .days-badge{background:#ef444433}.sub-renewal.soon .days-badge{background:#f59e0b33}.sub-description{color:#64748b;margin-top:4px;font-size:12px;display:block}.sub-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:10px;margin-top:6px;padding:2px 8px;font-size:10px;display:inline-block}.sub-badge.manual{color:#f59e0b;background:#f59e0b26}.sub-actions{gap:6px;display:flex}.sub-actions button{cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;transition:all .2s;display:flex}.renew-btn:hover{background:#22c55e33;border-color:#22c55e4d}.edit-btn:hover{background:#3b82f633;border-color:#3b82f64d}.delete-btn:hover{background:#ef444433;border-color:#ef44444d}.sub-form-overlay{z-index:1100;background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.sub-form{background:#1e293b;border-radius:16px;width:90%;max-width:480px;max-height:90vh;padding:24px;overflow-y:auto;box-shadow:0 25px 60px #0009}.sub-form h4{color:#fff;margin:0 0 20px;font-size:18px;font-weight:600}.form-group label{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:13px;display:block}.form-group input,.form-group select{color:#fff;box-sizing:border-box;background:#0f172a;border:1px solid #ffffff1a;border-radius:8px;width:100%;padding:10px 14px;font-size:14px}.form-group input:focus,.form-group select:focus{border-color:#6366f1;outline:none}.category-picker{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.category-option{cursor:pointer;background:#ffffff08;border:1px solid #ffffff1a;border-radius:8px;flex-direction:column;align-items:center;gap:4px;padding:10px 4px;transition:all .2s;display:flex}.category-option span{font-size:20px}.category-option small{color:#94a3b8;font-size:10px}.category-option:hover{background:#ffffff14}.category-option.selected{border-width:2px}.category-option.selected small{color:#fff;font-weight:500}.form-checkboxes{flex-direction:column;gap:10px;margin-bottom:16px;display:flex}.checkbox-label{cursor:pointer;color:#cbd5e1;align-items:center;gap:10px;font-size:14px;display:flex}.checkbox-label input[type=checkbox]{cursor:pointer;accent-color:#6366f1;width:18px;height:18px}.form-actions{border-top:1px solid #ffffff14;justify-content:flex-end;gap:10px;margin-top:20px;padding-top:20px;display:flex}.form-actions button{cursor:pointer;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .2s}.btn-primary{color:#fff;background:#6366f1;border:none}.btn-primary:hover{background:#5855eb}.btn-delete{color:#ef4444;background:#ef44441a;border:1px solid #ef44444d;margin-right:auto}.btn-delete:hover{background:#ef444433}.subscriptions-list::-webkit-scrollbar{width:6px}.sub-form::-webkit-scrollbar{width:6px}.subscriptions-list::-webkit-scrollbar-track{background:#0003}.sub-form::-webkit-scrollbar-track{background:#0003}.subscriptions-list::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.sub-form::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.subscriptions-list::-webkit-scrollbar-thumb:hover{background:#fff3}.sub-form::-webkit-scrollbar-thumb:hover{background:#fff3}@media (max-width:768px){.subscription-summary{grid-template-columns:repeat(2,1fr)}.subscription-filters,.sub-actions{flex-direction:column}.category-picker{grid-template-columns:repeat(3,1fr)}.form-row{grid-template-columns:1fr}}@media (max-width:480px){.subscription-summary{grid-template-columns:1fr}.category-picker{grid-template-columns:repeat(2,1fr)}}.system-panel-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#000000b3;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.system-panel{background:linear-gradient(135deg,#1e293b 0%,#0f172a 100%);border:1px solid #334155;border-radius:16px;flex-direction:column;width:100%;max-width:800px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #00000080}.system-panel-header{background:#0f172a80;border-bottom:1px solid #334155;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.system-panel-header h3{color:#f1f5f9;margin:0;font-size:1.25rem;font-weight:600}.mock-badge{color:#1e293b;text-transform:uppercase;background:#f59e0b;border-radius:4px;padding:4px 8px;font-size:.75rem;font-weight:600}.pause-btn,.settings-btn,.close-btn{color:#f1f5f9;cursor:pointer;background:#334155;border:none;border-radius:8px;justify-content:center;align-items:center;padding:8px 12px;font-size:1rem;transition:all .2s;display:flex}.pause-btn:hover,.settings-btn:hover{background:#475569}.pause-btn.paused{color:#1e293b;background:#eab308}.close-btn{background:#ef4444;padding:8px 14px;font-size:1.25rem}.system-loading{color:#94a3b8;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.loading-spinner{border:3px solid #334155;border-top-color:#3b82f6;border-radius:50%;width:48px;height:48px;margin-bottom:16px;animation:1s linear infinite spin}.system-stats-grid{grid-template-columns:repeat(2,1fr);gap:16px;padding:20px;display:grid;overflow-y:auto}@media (max-width:640px){.system-stats-grid{grid-template-columns:1fr}}.stat-card{background:#1e293b99;border:1px solid #334155;border-radius:12px;flex-direction:column;gap:12px;padding:16px;transition:transform .2s,box-shadow .2s;display:flex}.stat-card:hover{transform:translateY(-2px);box-shadow:0 10px 25px -5px #0000004d}.stat-card-header{align-items:center;gap:8px;display:flex}.stat-title{color:#f1f5f9;text-transform:uppercase;letter-spacing:.05em;font-size:.875rem;font-weight:600}.stat-card-content{align-items:center;gap:16px;display:flex}.stat-details{flex-direction:column;flex:1;gap:8px;display:flex}.stat-row{justify-content:space-between;align-items:center;font-size:.875rem;display:flex}.stat-label{color:#94a3b8}.circular-progress{justify-content:center;align-items:center;display:flex;position:relative}.circular-progress-bg{fill:none;stroke:#334155}.circular-progress-fill{fill:none;stroke-linecap:round;transform-origin:50%;transition:stroke-dashoffset .3s;transform:rotate(-90deg)}.circular-progress-content{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute}.circular-progress-value{color:#f1f5f9;font-size:1.5rem;font-weight:700}.circular-progress-label{text-transform:uppercase;letter-spacing:.05em;color:#94a3b8;font-size:.625rem}.circular-progress-sublabel{color:#64748b;font-size:.75rem}.sparkline{width:100%;height:40px;margin-top:8px}.sparkline-empty{background:#3341554d;border-radius:4px;width:100%}.disk-bar-container{margin-top:8px}.disk-bar-bg{background:#334155;border-radius:4px;height:8px;overflow:hidden}.disk-bar-fill{border-radius:4px;height:100%;transition:width .3s}.network-content{flex-direction:column;gap:12px}.network-current{gap:16px;display:flex}.network-speed{background:#33415580;border-radius:8px;flex-direction:column;flex:1;align-items:center;gap:4px;padding:12px;display:flex}.speed-icon{font-size:1.25rem}.speed-value{color:#f1f5f9;font-size:1rem;font-weight:600}.speed-label{color:#94a3b8;font-size:.75rem}.network-total{border-top:1px solid #334155;flex-direction:column;gap:8px;padding-top:12px;display:flex}.total-row{color:#94a3b8;justify-content:space-between;font-size:.875rem;display:flex}.total-row span:last-child{color:#f1f5f9;font-weight:500}.system-footer{background:#0f172a4d;border-top:1px solid #334155;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.system-info{color:#64748b;gap:16px;font-size:.75rem;display:flex}.refresh-btn{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:6px;padding:8px 16px;font-size:.875rem;transition:background .2s}.refresh-btn:hover:not(:disabled){background:#2563eb}.system-tips{color:#94a3b8;background:#3b82f61a;border-top:1px solid #3b82f633;padding:12px 20px;font-size:.875rem}.system-tips p{margin:0}.system-settings{padding:20px}.system-settings h4{color:#f1f5f9;margin:0 0 20px;font-size:1rem}.setting-group label{color:#94a3b8;margin-bottom:12px;font-size:.875rem;display:block}.interval-options,.data-source-toggle{flex-wrap:wrap;gap:8px;display:flex}.interval-options button,.data-source-toggle button{color:#f1f5f9;cursor:pointer;background:#334155;border:1px solid #475569;border-radius:6px;padding:8px 16px;font-size:.875rem;transition:all .2s}.interval-options button:hover,.data-source-toggle button:hover{background:#475569}.interval-options button.active,.data-source-toggle button.active{background:#3b82f6;border-color:#3b82f6}.back-btn:hover{color:#f1f5f9;background:#4755694d}.system-stats-grid::-webkit-scrollbar{width:8px}.system-stats-grid::-webkit-scrollbar-track{background:#1e293b4d}.system-stats-grid::-webkit-scrollbar-thumb{background:#475569;border-radius:4px}.system-stats-grid::-webkit-scrollbar-thumb:hover{background:#64748b}.stat-card.updating{animation:.3s pulse}.cpu-card{border-left:3px solid #8b5cf6}.memory-card{border-left:3px solid #3b82f6}.disk-card{border-left:3px solid #10b981}.network-card{border-left:3px solid #f59e0b}.taskboard-overlay{z-index:1000;background:#000000d9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.taskboard-panel{background:#1e293b;border-radius:16px;flex-direction:column;width:95%;max-width:1400px;height:90vh;display:flex;overflow:hidden;box-shadow:0 25px 60px #0009}.taskboard-header{background:#0003;border-bottom:1px solid #ffffff14;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:16px 24px;display:flex}.taskboard-header-left{align-items:center;gap:16px;display:flex}.taskboard-header h3{color:#fff;white-space:nowrap;margin:0;font-size:20px;font-weight:600}.taskboard-stats{flex-wrap:wrap;gap:8px;display:flex}.stat-pill{border-radius:20px;padding:4px 12px;font-size:12px;font-weight:500}.stat-pill.total{color:#818cf8;background:#6366f133}.stat-pill.completed{color:#4ade80;background:#22c55e33}.stat-pill.inprogress{color:#fbbf24;background:#f59e0b33}.stat-pill.overdue{color:#f87171;background:#ef444433}.taskboard-header-right{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.taskboard-filters{align-items:center;gap:8px;display:flex}.filter-search{color:#fff;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;width:160px;padding:8px 14px;font-size:13px}.filter-search::placeholder{color:#64748b}.filter-search:focus{background:#ffffff14;border-color:#6366f1;outline:none}.filter-select{color:#fff;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;padding:8px 12px;font-size:13px}.filter-select:focus{border-color:#6366f1;outline:none}.filter-select option{background:#1e293b}.add-task-btn,.add-column-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#6366f1;border:none;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:500;transition:all .2s}.add-task-btn:hover,.add-column-btn:hover{background:#4f46e5;transform:translateY(-1px)}.add-column-btn{background:#ffffff1a}.add-column-btn:hover{background:#ffffff26}.taskboard-content{flex:1;align-items:flex-start;gap:16px;padding:20px;display:flex;overflow:auto hidden}.taskboard-column{background:#00000040;border-radius:12px;flex-direction:column;min-width:300px;max-width:300px;max-height:100%;display:flex}.column-header{border-top:3px solid #0000;border-bottom:1px solid #ffffff0d;border-radius:12px 12px 0 0;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.column-title-wrapper{align-items:center;gap:10px;display:flex}.column-dot{border-radius:50%;width:10px;height:10px}.column-header h4{color:#fff;text-transform:uppercase;letter-spacing:.5px;margin:0;font-size:14px;font-weight:600}.task-count{color:#64748b;background:#ffffff0d;border-radius:12px;padding:2px 8px;font-size:12px}.column-menu-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 8px;font-size:18px;transition:all .2s}.column-menu-btn:hover{color:#fff;background:#ffffff14}.column-tasks{flex-direction:column;flex:1;gap:10px;padding:12px;display:flex;overflow-y:auto}.empty-column{text-align:center;color:#475569;border:2px dashed #ffffff0d;border-radius:8px;margin:4px;padding:40px 20px;font-size:13px}.task-card{cursor:grab;background:#ffffff0a;border:1px solid #ffffff0f;border-radius:10px;padding:14px;transition:all .2s}.task-card:hover{background:#ffffff12;border-color:#ffffff1f;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.task-card:active{cursor:grabbing}.task-card.overdue{border-left:3px solid #ef4444}.task-card-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.task-priority{border-radius:50%;width:8px;height:8px}.task-due-date{color:#94a3b8;align-items:center;gap:4px;font-size:11px;display:flex}.task-due-date.overdue{color:#ef4444;font-weight:500}.task-title{color:#fff;margin:0 0 8px;font-size:14px;font-weight:500;line-height:1.4}.task-description{color:#94a3b8;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 12px;font-size:12px;line-height:1.5;display:-webkit-box;overflow:hidden}.task-tags{flex-wrap:wrap;gap:6px;display:flex}.task-tag{text-transform:uppercase;letter-spacing:.3px;border-radius:12px;padding:3px 8px;font-size:10px;font-weight:500}.task-modal-overlay{z-index:1100;background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.task-modal{background:#1e293b;border-radius:16px;width:90%;max-width:480px;max-height:85vh;padding:24px;overflow-y:auto;box-shadow:0 25px 60px #0009}.task-modal.small{max-width:360px}.task-modal h4{color:#fff;margin:0 0 20px;font-size:18px;font-weight:600}.form-group label{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:12px;font-weight:500;display:block}.form-group input,.form-group select,.form-group textarea{color:#fff;box-sizing:border-box;background:#0000004d;border:1px solid #ffffff1a;border-radius:8px;width:100%;padding:10px 14px;font-size:14px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#6366f1;outline:none}.form-group textarea{resize:vertical;min-height:80px}.form-group select option{background:#1e293b}.tag-selector{flex-wrap:wrap;gap:8px;display:flex}.tag-option{cursor:pointer;border:1px solid;border-radius:20px;padding:6px 12px;font-size:12px;font-weight:500;transition:all .2s}.tag-option:hover{opacity:.8}.color-picker{flex-wrap:wrap;gap:10px;display:flex}.color-option{cursor:pointer;border:3px solid #0000;border-radius:50%;width:32px;height:32px;transition:all .2s}.color-option.selected{border-color:#fff;box-shadow:0 0 0 2px #6366f1}.color-option:hover{transform:scale(1.1)}.modal-actions{border-top:1px solid #ffffff14;justify-content:flex-end;gap:10px;margin-top:24px;padding-top:20px;display:flex}.btn-primary,.btn-secondary,.btn-danger{cursor:pointer;border:none;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .2s}.btn-primary{color:#fff;background:#6366f1}.btn-primary:hover:not(:disabled){background:#4f46e5}.btn-secondary{color:#94a3b8;background:#ffffff14;border:1px solid #ffffff1a}.btn-secondary:hover{color:#fff;background:#ffffff1f}.btn-danger{color:#ef4444;background:#ef44441a;border:1px solid #ef44444d;margin-right:auto}.taskboard-content::-webkit-scrollbar{width:8px;height:8px}.column-tasks::-webkit-scrollbar{width:8px;height:8px}.task-modal::-webkit-scrollbar{width:8px;height:8px}.taskboard-content::-webkit-scrollbar-track{background:#0003;border-radius:4px}.column-tasks::-webkit-scrollbar-track{background:#0003;border-radius:4px}.task-modal::-webkit-scrollbar-track{background:#0003;border-radius:4px}.taskboard-content::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}.column-tasks::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}.task-modal::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}.taskboard-content::-webkit-scrollbar-thumb:hover{background:#ffffff40}.column-tasks::-webkit-scrollbar-thumb:hover{background:#ffffff40}.task-modal::-webkit-scrollbar-thumb:hover{background:#ffffff40}@media (max-width:768px){.taskboard-panel{border-radius:0;width:100%;height:100vh}.taskboard-header{padding:12px 16px}.taskboard-header-left{flex-wrap:wrap}.taskboard-filters{order:3;width:100%;margin-top:8px}.filter-search{flex:1}.taskboard-column{min-width:280px;max-width:280px}.task-modal{width:95%;padding:20px}.form-row{grid-template-columns:1fr}}.task-panel-overlay{z-index:1000;background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.task-panel{background:#1e293b;border-radius:12px;flex-direction:column;width:90%;max-width:500px;max-height:80vh;display:flex;box-shadow:0 20px 50px #00000080}.task-panel-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.task-panel-header h3{margin:0;font-size:18px}.close-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:24px;display:flex}.task-panel-filters{border-bottom:1px solid #ffffff1a;gap:8px;padding:12px 20px;display:flex}.task-panel-filters button{color:#94a3b8;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;padding:6px 14px;font-size:13px}.task-panel-filters button.active{color:#fff;background:#6366f1;border-color:#6366f1}.task-panel-add{border-bottom:1px solid #ffffff1a;gap:8px;padding:16px 20px;display:flex}.task-panel-add input{color:#fff;background:#0f172a;border:1px solid #ffffff1a;border-radius:8px;flex:1;padding:10px 14px;font-size:14px}.task-panel-add button{color:#fff;cursor:pointer;background:#6366f1;border:none;border-radius:8px;padding:10px 20px;font-weight:500}.task-list{flex:1;padding:12px 20px;overflow-y:auto}.task-item{background:#ffffff08;border-radius:8px;align-items:center;gap:12px;margin-bottom:8px;padding:12px;display:flex}.task-item.done .task-title{opacity:.5;text-decoration:line-through}.task-item input[type=checkbox]{cursor:pointer;width:18px;height:18px}.task-title{flex:1;font-size:14px}.task-priority{text-transform:uppercase;border-radius:4px;padding:2px 8px;font-size:11px;font-weight:600}.task-priority.high{color:#fff;background:#ef4444}.task-priority.normal{color:#fff;background:#6366f1}.task-priority.low{color:#fff;background:#3b82f6}.delete-btn{cursor:pointer;opacity:.5;background:0 0;border:none;padding:4px}.delete-btn:hover{opacity:1}.empty-state{text-align:center;color:#64748b;padding:40px;font-style:italic}.time-capsule-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#000000b3;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.time-capsule-panel{background:linear-gradient(145deg,#1a1a2e 0%,#16213e 100%);border-radius:20px;flex-direction:column;width:100%;max-width:900px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #00000080,0 0 0 1px #ffffff1a}.time-capsule-header{background:#0003;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.time-capsule-header h3{-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#fbbf24,#f59e0b);-webkit-background-clip:text;background-clip:text;margin:0;font-size:1.5rem;font-weight:600}.create-btn,.back-btn{cursor:pointer;border:none;border-radius:8px;padding:8px 16px;font-size:.9rem;transition:all .2s}.create-btn{color:#fff;background:linear-gradient(135deg,#f59e0b,#d97706);font-weight:500}.back-btn{color:#e5e7eb;background:#ffffff1a}.capsule-stats{background:#00000026;grid-template-columns:repeat(4,1fr);gap:16px;padding:20px 24px;display:grid}.capsule-stat{text-align:center;background:#ffffff0d;border:1px solid #ffffff0d;border-radius:12px;padding:16px}.capsule-stat .stat-value{color:#60a5fa;font-size:2rem;font-weight:700;display:block}.capsule-stat.deliverable .stat-value{color:#fbbf24}.capsule-stat.opened .stat-value{color:#4ade80}.capsule-stat.total .stat-value{color:#a78bfa}.capsule-stat .stat-label{color:#9ca3af;text-transform:uppercase;letter-spacing:.5px;font-size:.85rem}.deliverable-banner{background:linear-gradient(90deg,#fbbf2426,#f59e0b1a);border-left:4px solid #f59e0b;border-radius:8px;align-items:center;gap:12px;margin:16px 24px 0;padding:16px 24px;display:flex}.banner-icon{font-size:1.5rem}.banner-text{color:#fbbf24;font-weight:500}.letters-container{flex:1;padding:20px 24px;overflow-y:auto}.letter-section{margin-bottom:24px}.section-title{color:#e5e7eb;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;font-size:.95rem;font-weight:600}.letters-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;display:grid}.letter-card{cursor:pointer;background:#ffffff0d;border:1px solid #ffffff14;border-radius:16px;padding:16px;transition:all .3s}.letter-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000004d}.letter-card.deliverable{background:linear-gradient(145deg,#fbbf241a,#f59e0b0d);border-color:#f59e0b4d;animation:2s infinite pulse-glow}@keyframes pulse-glow{0%,to{box-shadow:0 0 #f59e0b33}50%{box-shadow:0 0 20px 4px #f59e0b26}}.letter-card.sealed:hover{border-color:#60a5fa4d}.letter-card.opened:hover{border-color:#4ade804d}.letter-card-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.letter-mood{border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:1rem;display:flex}.letter-status{background:#0000004d;border-radius:20px;padding:4px 10px;font-size:.75rem;font-weight:600}.letter-title{color:#f3f4f6;white-space:nowrap;text-overflow:ellipsis;margin:0 0 8px;font-size:1.1rem;font-weight:600;overflow:hidden}.letter-date,.letter-delivery,.letter-opened{color:#9ca3af;margin:4px 0;font-size:.8rem}.letter-countdown{margin:12px 0}.countdown-bar{background:#ffffff1a;border-radius:3px;height:6px;margin-bottom:6px;overflow:hidden}.countdown-progress{border-radius:3px;height:100%;transition:width .5s}.countdown-text{color:#6b7280;font-size:.75rem}.open-letter-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:10px;width:100%;margin-top:12px;padding:10px;font-weight:600;transition:all .2s}.open-letter-btn:hover{transform:scale(1.02);box-shadow:0 4px 12px #f59e0b66}.empty-capsule{text-align:center;padding:60px 40px}.empty-capsule h4{color:#e5e7eb;margin-bottom:12px;font-size:1.4rem}.empty-capsule p{color:#9ca3af;max-width:400px;margin-bottom:24px;margin-left:auto;margin-right:auto}.empty-capsule button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:12px;padding:12px 28px;font-size:1rem;font-weight:600;transition:all .2s}.empty-capsule button:hover{transform:translateY(-2px);box-shadow:0 8px 24px #f59e0b4d}.write-letter{flex:1;padding:24px;overflow-y:auto}.write-header{text-align:center;margin-bottom:24px}.write-header h4{color:#f3f4f6;margin-bottom:8px;font-size:1.3rem}.write-subtitle{color:#9ca3af;font-size:.95rem}.write-form{max-width:600px;margin:0 auto}.form-group{margin-bottom:24px}.form-group label{color:#e5e7eb;margin-bottom:10px;font-size:.9rem;font-weight:500;display:block}.title-input{color:#f3f4f6;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;width:100%;padding:12px 16px;font-size:1rem;transition:all .2s}.title-input:focus{border-color:#f59e0b;outline:none;box-shadow:0 0 0 3px #f59e0b1a}.title-input::placeholder{color:#6b7280}.mood-selector{flex-wrap:wrap;gap:10px;display:flex}.mood-option{cursor:pointer;background:#ffffff0d;border:2px solid #0000;border-radius:12px;align-items:center;gap:8px;padding:10px 14px;transition:all .2s;display:flex}.mood-option:hover{background:#ffffff1a}.mood-option.selected{border-color:var(--mood-color);background:#ffffff14}.mood-emoji{font-size:1.2rem}.mood-label{color:#e5e7eb;font-size:.85rem}.prompts-toggle{float:right;color:#f59e0b;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 8px;font-size:.85rem;transition:all .2s}.prompts-toggle:hover{background:#f59e0b1a}.prompts-panel{background:#fbbf241a;border:1px solid #f59e0b33;border-radius:12px;margin-bottom:16px;padding:16px}.prompts-title{color:#fbbf24;margin-bottom:12px;font-size:.85rem;font-weight:600}.prompts-list{flex-wrap:wrap;gap:8px;display:flex}.prompt-btn{color:#d1d5db;cursor:pointer;background:#ffffff14;border:1px solid #ffffff1a;border-radius:20px;padding:8px 14px;font-size:.8rem;transition:all .2s}.prompt-btn:hover{color:#fbbf24;background:#f59e0b33;border-color:#f59e0b4d}.letter-textarea{color:#f3f4f6;resize:vertical;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;width:100%;min-height:200px;padding:16px;font-family:inherit;font-size:1rem;line-height:1.6;transition:all .2s}.letter-textarea:focus{border-color:#f59e0b;outline:none;box-shadow:0 0 0 3px #f59e0b1a}.letter-textarea::placeholder{color:#6b7280}.char-count{text-align:right;color:#6b7280;margin-top:8px;font-size:.8rem;display:block}.delivery-presets{flex-wrap:wrap;gap:10px;margin-bottom:16px;display:flex}.preset-btn{cursor:pointer;background:#ffffff0d;border:2px solid #0000;border-radius:12px;flex-direction:column;align-items:center;gap:4px;min-width:80px;padding:12px 16px;transition:all .2s;display:flex}.preset-btn:hover{background:#ffffff1a}.preset-btn.selected{background:#f59e0b1a;border-color:#f59e0b}.preset-emoji{font-size:1.5rem}.preset-label{color:#d1d5db;font-size:.8rem}.custom-date{flex-direction:column;gap:8px;display:flex}.custom-date label{color:#9ca3af;font-size:.85rem}.date-input{color:#f3f4f6;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;padding:12px 16px;font-size:1rem}.date-input:focus{border-color:#f59e0b;outline:none}.seal-preview{justify-content:center;padding:24px 0;display:flex}.wax-seal{background:linear-gradient(145deg,#7c2d12,#9a3412);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:160px;height:160px;padding:24px 40px;animation:3s infinite seal-pulse;display:flex;box-shadow:0 4px 16px #7c2d1266,inset 0 2px 4px #ffffff1a}@keyframes seal-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.seal-icon{font-size:2.5rem}.seal-text{color:#ffffffe6;text-align:center;font-size:.75rem;line-height:1.4}.form-actions{justify-content:center;gap:12px;padding-top:16px;display:flex}.btn-secondary{color:#e5e7eb;cursor:pointer;background:#ffffff1a;border:none;border-radius:10px;padding:12px 24px;font-size:.95rem;transition:all .2s}.btn-secondary:hover:not(:disabled){background:#ffffff26}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:10px;align-items:center;gap:8px;padding:12px 32px;font-size:.95rem;font-weight:600;transition:all .2s;display:flex}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #f59e0b4d}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.seal-btn{justify-content:center;min-width:160px}.spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin}.read-letter{flex:1;padding:24px;overflow-y:auto}.read-header{text-align:center;margin-bottom:24px}.read-meta{justify-content:center;align-items:center;gap:16px;margin-bottom:16px;display:flex}.read-mood{border-radius:20px;padding:6px 14px;font-size:.9rem;font-weight:500}.read-date{color:#9ca3af;font-size:.9rem}.read-title{color:#f3f4f6;margin:0;font-size:1.6rem}.read-content{max-width:600px;margin:0 auto}.letter-paper{background:linear-gradient(145deg,#fef3c7,#fde68a);border-radius:8px;padding:40px;position:relative;box-shadow:0 4px 16px #0003,inset 0 0 60px #0000000d}.letter-paper:before{content:"";pointer-events:none;background:repeating-linear-gradient(#0000,#0000 28px,#0000000d 28px 29px);border-radius:8px;position:absolute;inset:0}.letter-text{color:#451a03;z-index:1;font-size:1.1rem;line-height:1.8;position:relative}.letter-text p{margin:0 0 16px}.letter-signature{text-align:right;color:#78350f;z-index:1;margin-top:40px;position:relative}.letter-signature p{margin:4px 0;font-style:italic}.signature-date{color:#92400e;font-size:.9rem}.read-footer{border-top:1px solid #ffffff1a;justify-content:space-between;align-items:center;max-width:600px;margin:24px auto 0;padding-top:16px;display:flex}.delivery-info{align-items:center;gap:8px;font-size:.85rem;display:flex}.delivery-label{color:#6b7280}.delivery-date{color:#9ca3af}.btn-danger{color:#ef4444;cursor:pointer;background:#ef444433;border:none;border-radius:8px;padding:10px 20px;font-size:.9rem;transition:all .2s}.letters-container::-webkit-scrollbar{width:8px}.write-letter::-webkit-scrollbar{width:8px}.read-letter::-webkit-scrollbar{width:8px}.letters-container::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.write-letter::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.read-letter::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.letters-container::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.write-letter::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.read-letter::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.letters-container::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.write-letter::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.read-letter::-webkit-scrollbar-thumb:hover{background:#ffffff4d}@media (max-width:640px){.time-capsule-overlay{padding:10px}.time-capsule-panel{max-height:95vh}.capsule-stats{grid-template-columns:repeat(2,1fr);gap:12px;padding:16px}.capsule-stat .stat-value{font-size:1.5rem}.letters-grid{grid-template-columns:1fr}.mood-selector,.delivery-presets{justify-content:center}.form-actions{flex-direction:column}.btn-secondary,.btn-primary{justify-content:center;width:100%}.read-footer{text-align:center;flex-direction:column;gap:16px}.letter-paper{padding:24px}}.time-panel-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.time-panel{background:var(--mc-bg-secondary,#1a1a2e);border:1px solid var(--mc-border,#2d2d44);border-radius:16px;flex-direction:column;width:90%;max-width:600px;max-height:85vh;display:flex;overflow:hidden;box-shadow:0 20px 60px #00000080}.time-panel-header{border-bottom:1px solid var(--mc-border,#2d2d44);background:var(--mc-bg-tertiary,#16162a);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.time-panel-header h3{color:var(--mc-text-primary,#e0e0ff);margin:0;font-size:1.3rem}.header-actions{gap:8px;display:flex}.settings-btn,.close-btn{cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 8px;font-size:1.2rem;transition:background .2s}.settings-btn:hover,.close-btn:hover{background:var(--mc-bg-hover,#2d2d44)}.timer-section{background:linear-gradient(135deg,var(--mc-bg-tertiary,#16162a)0%,var(--mc-bg-secondary,#1a1a2e)100%);padding:24px}.timer-stopped,.timer-running{flex-direction:column;align-items:center;gap:16px;display:flex}.timer-inputs{flex-direction:column;gap:12px;width:100%;display:flex}.timer-inputs input{border:1px solid var(--mc-border,#2d2d44);background:var(--mc-bg-primary,#0f0f1a);color:var(--mc-text-primary,#e0e0ff);border-radius:10px;width:100%;padding:12px 16px;font-size:1rem}.timer-inputs input:focus{border-color:var(--mc-accent,#6366f1);outline:none;box-shadow:0 0 0 3px #6366f133}.timer-display{flex-direction:column;align-items:center;gap:8px;display:flex}.timer-time{font-variant-numeric:tabular-nums;color:var(--mc-accent,#6366f1);text-shadow:0 0 30px #6366f180;font-family:SF Mono,Monaco,monospace;font-size:4rem;font-weight:700}.timer-status{border-radius:20px;padding:4px 12px;font-size:.9rem;font-weight:500}.timer-status.running{color:#ef4444;background:#ef444433;animation:2s infinite pulse}.timer-info{color:var(--mc-text-primary,#e0e0ff);text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:1.1rem;overflow:hidden}.timer-project{color:var(--mc-accent,#6366f1);background:#6366f11a;border-radius:20px;padding:4px 12px;font-size:.9rem}.timer-btn{cursor:pointer;border:none;border-radius:12px;align-items:center;gap:8px;padding:14px 32px;font-size:1.1rem;font-weight:600;transition:all .2s;display:flex}.timer-btn.start{color:#fff;background:linear-gradient(135deg,#10b981,#059669)}.timer-btn.start:hover{transform:translateY(-2px);box-shadow:0 8px 25px #10b98166}.timer-btn.stop{color:#fff;background:linear-gradient(135deg,#ef4444,#dc2626)}.timer-btn.stop:hover{transform:translateY(-2px);box-shadow:0 8px 25px #ef444466}.manual-entry-form{flex-direction:column;gap:16px;padding:24px;display:flex}.manual-entry-form h4{color:var(--mc-text-primary,#e0e0ff);margin:0 0 8px}.manual-entry-form input{border:1px solid var(--mc-border,#2d2d44);background:var(--mc-bg-primary,#0f0f1a);color:var(--mc-text-primary,#e0e0ff);border-radius:10px;padding:12px 16px;font-size:1rem}.manual-entry-form input:focus{border-color:var(--mc-accent,#6366f1);outline:none}.time-inputs{grid-template-columns:1fr 1fr;gap:12px;display:grid}.time-inputs label{color:var(--mc-text-secondary,#a0a0c0);flex-direction:column;gap:6px;font-size:.9rem;display:flex}.form-actions{gap:12px;margin-top:8px;display:flex}.form-actions button{cursor:pointer;border:none;border-radius:10px;flex:1;padding:12px;font-weight:500;transition:all .2s}.form-actions button.primary{background:var(--mc-accent,#6366f1);color:#fff}.form-actions button:not(.primary){background:var(--mc-bg-tertiary,#16162a);color:var(--mc-text-secondary,#a0a0c0)}.stats-section{border-bottom:1px solid var(--mc-border,#2d2d44);padding:20px 24px}.stats-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.stats-header h4{color:var(--mc-text-primary,#e0e0ff);margin:0}.period-selector{background:var(--mc-bg-primary,#0f0f1a);border-radius:8px;gap:4px;padding:4px;display:flex}.period-selector button{color:var(--mc-text-secondary,#a0a0c0);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px 12px;font-size:.85rem;transition:all .2s}.period-selector button.active{background:var(--mc-accent,#6366f1);color:#fff}.stats-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px;display:grid}.stat-card{background:var(--mc-bg-tertiary,#16162a);text-align:center;border:1px solid var(--mc-border,#2d2d44);border-radius:12px;padding:16px}.stat-value{color:var(--mc-accent,#6366f1);font-variant-numeric:tabular-nums;font-size:1.4rem;font-weight:700;display:block}.stat-label{color:var(--mc-text-secondary,#a0a0c0);margin-top:4px;font-size:.8rem;display:block}.project-breakdown{margin-top:16px}.project-breakdown h5{color:var(--mc-text-secondary,#a0a0c0);margin:0 0 12px;font-size:.9rem}.project-stat{border-bottom:1px solid var(--mc-border,#2d2d44);grid-template-columns:1fr auto;align-items:center;gap:12px;padding:8px 0;display:grid;position:relative}.project-stat:last-child{border-bottom:none}.project-name{color:var(--mc-text-primary,#e0e0ff);font-size:.9rem}.project-time{color:var(--mc-text-secondary,#a0a0c0);font-variant-numeric:tabular-nums;font-size:.85rem}.project-bar{background:var(--mc-accent,#6366f1);opacity:.6;border-radius:2px;height:3px;transition:width .5s;position:absolute;bottom:0;left:0}.entries-section{flex:1;max-height:300px;padding:20px 24px;overflow-y:auto}.entries-section h4{color:var(--mc-text-primary,#e0e0ff);margin:0 0 16px}.entries-list{flex-direction:column;gap:8px;display:flex}.entry-item{background:var(--mc-bg-tertiary,#16162a);border:1px solid var(--mc-border,#2d2d44);border-radius:10px;justify-content:space-between;align-items:center;padding:12px 16px;transition:all .2s;display:flex}.entry-item:hover{border-color:var(--mc-border-hover,#3d3d5c)}.entry-item.running{border-color:var(--mc-accent,#6366f1);background:#6366f11a}.entry-main{flex:1;justify-content:space-between;align-items:center;gap:16px;display:flex}.entry-info{flex-direction:column;gap:4px;min-width:0;display:flex}.entry-desc{color:var(--mc-text-primary,#e0e0ff);white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;overflow:hidden}.entry-desc.untitled{color:var(--mc-text-secondary,#a0a0c0);font-style:italic}.entry-project{color:var(--mc-accent,#6366f1);background:#6366f11a;border-radius:4px;width:fit-content;padding:2px 8px;font-size:.8rem}.entry-time{flex-direction:column;align-items:flex-end;gap:2px;display:flex}.entry-duration{color:var(--mc-text-primary,#e0e0ff);font-variant-numeric:tabular-nums;font-weight:600}.entry-period{color:var(--mc-text-secondary,#a0a0c0);font-size:.8rem}.entry-delete{color:var(--mc-text-secondary,#a0a0c0);cursor:pointer;opacity:0;background:0 0;border:none;border-radius:6px;margin-left:8px;padding:4px 8px;transition:all .2s}.entry-item:hover .entry-delete{opacity:1}.entry-delete:hover{color:#ef4444;background:#ef444433}.entries-section::-webkit-scrollbar{width:8px}.entries-section::-webkit-scrollbar-track{background:var(--mc-bg-primary,#0f0f1a);border-radius:4px}.entries-section::-webkit-scrollbar-thumb{background:var(--mc-border,#2d2d44);border-radius:4px}.entries-section::-webkit-scrollbar-thumb:hover{background:var(--mc-border-hover,#3d3d5c)}@media (max-width:640px){.time-panel{width:95%;max-height:90vh}.timer-time{font-size:3rem}.stats-grid,.time-inputs{grid-template-columns:1fr}.entry-main{flex-direction:column;align-items:flex-start;gap:8px}.entry-time{align-items:flex-start}}.travel-planner-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#000000d9;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.travel-planner-panel{background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%);border:1px solid #6366f14d;border-radius:16px;flex-direction:column;width:100%;max-width:900px;max-height:90vh;display:flex;box-shadow:0 25px 50px -12px #00000080}.travel-planner-header{border-bottom:1px solid #6366f133;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.travel-planner-title{align-items:center;gap:12px;display:flex}.travel-planner-icon{font-size:36px}.travel-planner-title h2{color:#f8fafc;margin:0;font-size:1.5rem;font-weight:600}.travel-planner-subtitle{color:#94a3b8;margin:4px 0 0;font-size:.875rem}.travel-planner-close{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:4px 8px;font-size:28px;line-height:1;transition:all .2s}.travel-planner-close:hover{color:#ef4444;background:#ef444433}.travel-planner-stats{background:#6366f11a;border-bottom:1px solid #6366f133;justify-content:space-around;padding:16px 24px;display:flex}.travel-stat{flex-direction:column;align-items:center;gap:4px;display:flex}.travel-stat-value{color:#f8fafc;font-size:1.5rem;font-weight:700}.travel-stat-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;font-size:.75rem}.travel-planner-tabs{border-bottom:1px solid #6366f133;gap:8px;padding:16px 24px;display:flex}.travel-planner-tabs button{color:#94a3b8;cursor:pointer;background:0 0;border:1px solid #6366f14d;border-radius:8px;padding:10px 20px;font-size:.9rem;transition:all .2s}.travel-planner-tabs button:hover{color:#f8fafc;background:#6366f11a}.travel-planner-tabs button.active{color:#f8fafc;background:#6366f14d;border-color:#6366f1}.travel-planner-content{flex:1;padding:20px 24px;overflow-y:auto}.travel-filters{justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.travel-filters select{color:#f8fafc;cursor:pointer;background:#0f172acc;border:1px solid #6366f14d;border-radius:8px;padding:8px 12px;font-size:.9rem}.travel-add-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);border:none;border-radius:8px;padding:10px 20px;font-weight:500;transition:all .2s}.travel-add-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #6366f166}.trips-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.trip-card{cursor:pointer;background:#0f172a99;border:1px solid #6366f133;border-left:4px solid #6366f1;border-radius:12px;padding:16px;transition:all .2s}.trip-card:hover{background:#0f172acc;transform:translateY(-2px);box-shadow:0 8px 24px #0000004d}.trip-card-header{justify-content:space-between;align-items:flex-start;margin-bottom:8px;display:flex}.trip-card-header h3{color:#f8fafc;margin:0;font-size:1.1rem}.trip-status{color:#fff;white-space:nowrap;border-radius:6px;padding:4px 8px;font-size:.75rem;font-weight:500}.trip-country{color:#94a3b8;margin:0 0 8px;font-size:.9rem}.trip-dates{color:#64748b;margin-bottom:8px;font-size:.85rem}.trip-countdown{color:#22c55e;margin-bottom:8px;font-size:.85rem;font-weight:500}.trip-budget-preview{margin-top:12px}.budget-bar{background:#6366f133;border-radius:3px;height:6px;margin-bottom:4px;overflow:hidden}.budget-progress{border-radius:3px;height:100%;transition:width .3s}.trip-budget-preview span{color:#94a3b8;font-size:.8rem}.travel-empty{text-align:center;padding:60px 20px}.travel-empty-icon{margin-bottom:16px;font-size:64px;display:block}.travel-empty p{color:#94a3b8;margin-bottom:20px}.travel-empty button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);border:none;border-radius:8px;padding:12px 24px;font-weight:500;transition:all .2s}.travel-empty button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #6366f166}.trip-detail{animation:.3s fadeIn}.trip-back{color:#94a3b8;cursor:pointer;background:#6366f11a;border:1px solid #6366f14d;border-radius:8px;margin-bottom:20px;padding:8px 16px;transition:all .2s}.trip-back:hover{color:#f8fafc;background:#6366f133}.trip-detail-header{border-bottom:1px solid #6366f133;justify-content:space-between;align-items:flex-start;margin-bottom:24px;padding-bottom:20px;display:flex}.trip-detail-header h2{color:#f8fafc;margin:0 0 4px;font-size:1.75rem}.trip-detail-header p{color:#94a3b8;margin:0;font-size:1.1rem}.trip-detail-header select{color:#fff;cursor:pointer;border:none;border-radius:8px;padding:8px 12px;font-weight:500}.trip-detail-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:20px;display:grid}.trip-detail-section{background:#0f172a99;border:1px solid #6366f133;border-radius:12px;padding:16px}.trip-detail-section h4{color:#f8fafc;margin:0 0 12px;font-size:.95rem}.trip-detail-section p{color:#94a3b8;margin:4px 0;font-size:.9rem}.trip-detail-section p.empty{color:#64748b;font-style:italic}.trip-detail-section p.confirmation{background:#6366f11a;border-radius:4px;padding:4px 8px;font-family:monospace;font-size:.85rem}.countdown-highlight{font-weight:500;color:#22c55e!important}.budget-inputs{flex-direction:column;gap:8px;display:flex}.budget-inputs label{color:#94a3b8;align-items:center;gap:8px;font-size:.9rem;display:flex}.budget-inputs input{color:#f8fafc;background:#0f172acc;border:1px solid #6366f14d;border-radius:6px;flex:1;padding:6px 10px;font-size:.9rem}.budget-progress-bar{background:#6366f133;border-radius:4px;height:8px;margin-top:12px;overflow:hidden}.budget-progress-fill{border-radius:4px;height:100%;transition:width .3s}.trip-notes{background:#6366f11a;border:1px solid #6366f133;border-radius:12px;margin-bottom:20px;padding:16px}.trip-notes h4{color:#f8fafc;margin:0 0 8px}.trip-notes p{color:#94a3b8;margin:0;line-height:1.6}.trip-delete-btn{color:#ef4444;cursor:pointer;background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;width:100%;padding:12px;transition:all .2s}.trip-delete-btn:hover{background:#ef444433}.packing-view{animation:.3s fadeIn}.packing-trip-select{color:#f8fafc;background:#0f172acc;border:1px solid #6366f14d;border-radius:8px;width:100%;margin-bottom:20px;padding:12px;font-size:1rem}.packing-list h3{color:#f8fafc;margin:0 0 20px}.packing-category{margin-bottom:20px}.packing-category h4{color:#94a3b8;align-items:center;gap:8px;margin:0 0 12px;font-size:.95rem;display:flex}.packing-progress{color:#64748b;font-size:.85rem;font-weight:400}.packing-items{flex-direction:column;gap:8px;display:flex}.packing-items label{cursor:pointer;background:#0f172a99;border:1px solid #6366f133;border-radius:8px;align-items:center;gap:10px;padding:10px 12px;transition:all .2s;display:flex}.packing-items label:hover{background:#0f172acc}.packing-items label.packed{opacity:.6}.packing-items label.packed span{text-decoration:line-through}.packing-items input[type=checkbox]{accent-color:#6366f1;cursor:pointer;width:18px;height:18px}.packing-items span{color:#f8fafc;flex:1}.delete-item{color:#64748b;cursor:pointer;opacity:0;background:0 0;border:none;padding:0 4px;font-size:1.2rem;transition:all .2s}.packing-items label:hover .delete-item{opacity:1}.delete-item:hover{color:#ef4444}.add-packing-item{gap:8px;margin-top:8px;display:flex}.add-packing-item input{color:#f8fafc;background:#0f172acc;border:1px solid #6366f14d;border-radius:6px;flex:1;padding:8px 12px;font-size:.9rem}.add-packing-item button{color:#fff;cursor:pointer;background:#6366f14d;border:none;border-radius:6px;padding:8px 14px;font-size:1.1rem;transition:all .2s}.add-packing-item button:hover:not(:disabled){background:#6366f180}.add-packing-item button:disabled{opacity:.5;cursor:not-allowed}.packing-summary{background:#6366f11a;border:1px solid #6366f14d;border-radius:12px;margin-top:24px;padding:16px}.packing-summary h4{color:#f8fafc;margin:0 0 8px}.packing-summary p{color:#94a3b8;margin:0 0 12px}.packing-progress-bar{background:#6366f133;border-radius:4px;height:8px;overflow:hidden}.packing-progress-fill{background:linear-gradient(90deg,#6366f1 0%,#8b5cf6 100%);border-radius:4px;height:100%;transition:width .3s}.wishlist-view{animation:.3s fadeIn}.wishlist-view h3{color:#f8fafc;margin:0 0 4px}.wishlist-subtitle{color:#94a3b8;margin:0 0 20px}.destinations-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;display:grid}.destination-card{text-align:center;cursor:pointer;background:#0f172a99;border:1px solid #6366f133;border-radius:12px;flex-direction:column;align-items:center;gap:8px;padding:16px;transition:all .2s;display:flex}.destination-card:hover{background:#6366f133;border-color:#6366f180;transform:translateY(-2px)}.destination-card.planned{background:#22c55e1a;border-color:#22c55e4d}.destination-card.planned:hover{background:#22c55e33}.dest-name{color:#f8fafc;font-size:.9rem;font-weight:500}.dest-badge{color:#22c55e;background:#22c55e4d;border-radius:4px;padding:2px 8px;font-size:.7rem}.travel-modal-overlay{z-index:1100;background:#000c;border-radius:16px;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.travel-modal{background:linear-gradient(135deg,#1e1b4b 0%,#1a1a2e 100%);border:1px solid #6366f14d;border-radius:12px;width:90%;max-width:450px;max-height:80vh;padding:24px;overflow-y:auto}.travel-modal h3{color:#f8fafc;margin:0 0 20px}.travel-form-group{margin-bottom:16px}.travel-form-group label{color:#94a3b8;margin-bottom:6px;font-size:.9rem;display:block}.travel-form-group input,.travel-form-group select,.travel-form-group textarea{color:#f8fafc;box-sizing:border-box;background:#0f172acc;border:1px solid #6366f14d;border-radius:8px;width:100%;padding:10px 12px;font-size:.95rem}.travel-form-group input:focus,.travel-form-group select:focus,.travel-form-group textarea:focus{border-color:#6366f1;outline:none}.travel-form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.travel-modal-actions{gap:12px;margin-top:20px;display:flex}.travel-modal-actions button{cursor:pointer;border-radius:8px;flex:1;padding:12px;font-weight:500;transition:all .2s}.travel-btn-secondary{color:#94a3b8;background:#6366f11a;border:1px solid #6366f14d}.travel-btn-secondary:hover{color:#f8fafc;background:#6366f133}.travel-btn-primary{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);border:none}.travel-btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #6366f166}.travel-btn-primary:disabled{opacity:.5;cursor:not-allowed}.travel-planner-content::-webkit-scrollbar{width:8px}.travel-modal::-webkit-scrollbar{width:8px}.travel-planner-content::-webkit-scrollbar-track{background:#0f172a4d;border-radius:4px}.travel-modal::-webkit-scrollbar-track{background:#0f172a4d;border-radius:4px}.travel-planner-content::-webkit-scrollbar-thumb{background:#6366f166;border-radius:4px}.travel-modal::-webkit-scrollbar-thumb{background:#6366f166;border-radius:4px}.travel-planner-content::-webkit-scrollbar-thumb:hover{background:#6366f199}.travel-modal::-webkit-scrollbar-thumb:hover{background:#6366f199}@media (max-width:640px){.travel-planner-stats{flex-wrap:wrap;gap:16px}.travel-stat{flex:1;min-width:80px}.trips-grid,.trip-detail-grid,.travel-form-row{grid-template-columns:1fr}.destinations-grid{grid-template-columns:repeat(2,1fr)}}.vision-board-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1000;background:#000c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.vision-board-panel{background:linear-gradient(145deg,#1a1a2e 0%,#16213e 100%);border:1px solid #ffffff1a;border-radius:20px;flex-direction:column;width:100%;max-width:1100px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 25px 80px #0009}.vision-board-header{background:#0003;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.vision-board-header h3{color:#fff;align-items:center;gap:10px;margin:0;font-size:1.5rem;display:flex}.create-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f093fb,#f5576c);border:none;border-radius:8px;padding:10px 18px;font-weight:600;transition:all .2s}.create-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #f5576c66}.back-btn{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:8px;padding:10px 16px;transition:all .2s}.close-btn{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.5rem;transition:all .2s;display:flex}.vision-stats{background:#00000026;grid-template-columns:repeat(4,1fr);gap:16px;padding:20px 24px;display:grid}.vision-stat-card{text-align:center;background:#ffffff0d;border:1px solid #ffffff0d;border-radius:12px;padding:16px;transition:all .2s}.vision-stat-card:hover{background:#ffffff14;transform:translateY(-2px)}.vision-stat-value{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#f093fb,#f5576c);-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:700;line-height:1;display:block}.vision-stat-label{color:#fff9;margin-top:6px;font-size:.85rem;display:block}.vision-filters{background:#0000001a;border-bottom:1px solid #ffffff1a;gap:12px;padding:16px 24px;display:flex}.search-box{flex:1;position:relative}.search-icon{opacity:.5;font-size:1rem;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.search-box input{color:#fff;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;width:100%;padding:10px 12px 10px 36px;font-size:.95rem;transition:all .2s}.search-box input:focus{background:#ffffff14;border-color:#f093fb;outline:none}.search-box input::placeholder{color:#fff6}.sort-select{color:#fff;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;min-width:140px;padding:10px 14px;font-size:.9rem}.sort-select:focus{border-color:#f093fb;outline:none}.sort-select option{color:#fff;background:#1a1a2e}.category-pills{scrollbar-width:thin;scrollbar-color:#fff3 transparent;background:#0000000d;border-bottom:1px solid #ffffff1a;gap:8px;padding:12px 24px;display:flex;overflow-x:auto}.category-pills::-webkit-scrollbar{height:4px}.category-pills::-webkit-scrollbar-thumb{background:#fff3;border-radius:2px}.category-pill{cursor:pointer;white-space:nowrap;color:#fffc;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;align-items:center;gap:6px;padding:8px 14px;font-size:.9rem;transition:all .2s;display:flex}.category-pill:hover{background:#ffffff1a}.category-pill.active{color:#fff;background:linear-gradient(135deg,#f093fb,#f5576c);border-color:#0000}.pill-emoji{font-size:1rem}.pill-label{font-weight:500}.pill-count{text-align:center;background:#0000004d;border-radius:10px;min-width:20px;padding:2px 6px;font-size:.75rem}.vision-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;max-height:calc(90vh - 280px);padding:24px;display:grid;overflow-y:auto}.vision-card{cursor:pointer;background:#ffffff0d;border:1px solid #ffffff14;border-radius:16px;transition:all .3s;position:relative;overflow:hidden}.vision-card:hover{transform:translateY(-6px)scale(1.02);box-shadow:0 12px 40px #0006}.vision-card.completed{opacity:.7}.vision-card-image{height:140px;position:relative;overflow:hidden}.vision-card-image img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.vision-card:hover .vision-card-image img{transform:scale(1.1)}.image-overlay{position:absolute;inset:0}.vision-card-content{flex-direction:column;min-height:160px;padding:16px;display:flex}.vision-card-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;margin-bottom:10px;display:flex}.vision-category{color:#ffffffb3;align-items:center;gap:4px;font-size:.8rem;display:flex}.goal-badge{color:#ffc107;background:#ffc10733;border-radius:10px;padding:3px 8px;font-size:.7rem;font-weight:600}.completed-badge{color:#4caf50;background:#4caf5033;border-radius:10px;padding:3px 8px;font-size:.7rem;font-weight:600}.vision-title{color:#fff;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 8px;font-size:1.1rem;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.vision-description{color:#fff9;-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:1;margin:0 0 12px;font-size:.85rem;line-height:1.4;display:-webkit-box;overflow:hidden}.vision-deadline{color:#ffffffb3;align-items:center;gap:6px;margin-bottom:10px;font-size:.8rem;display:flex}.deadline-icon{font-size:.9rem}.vision-tags{flex-wrap:wrap;gap:6px;margin-top:auto;display:flex}.vision-tag{color:#ffffffb3;background:#ffffff1a;border-radius:10px;padding:3px 8px;font-size:.75rem}.vision-empty{text-align:center;color:#ffffff80;grid-column:1/-1;padding:60px 20px}.empty-icon{opacity:.5;margin-bottom:16px;font-size:4rem;display:block}.vision-empty p{margin-bottom:20px;font-size:1.1rem}.vision-empty button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f093fb,#f5576c);border:none;border-radius:8px;padding:12px 24px;font-weight:600;transition:all .2s}.vision-empty button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #f5576c66}.vision-form{max-height:70vh;padding:24px;overflow-y:auto}.form-section{margin-bottom:20px}.form-section label{color:#fffc;margin-bottom:8px;font-size:.95rem;font-weight:500;display:block}.form-section input[type=text],.form-section input[type=url],.form-section input[type=date],.form-section textarea,.form-section select{color:#fff;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;width:100%;padding:12px 16px;font-size:1rem;transition:all .2s}.form-section input:focus,.form-section textarea:focus,.form-section select:focus{background:#ffffff14;border-color:#f093fb;outline:none}.form-section input::placeholder,.form-section textarea::placeholder{color:#fff6}.form-section textarea{resize:vertical;min-height:80px}.form-section select option{color:#fff;background:#1a1a2e}.form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.type-toggle{gap:8px;display:flex}.type-toggle button{color:#ffffffb3;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;flex:1;padding:12px;transition:all .2s}.type-toggle button.active{color:#fff;background:linear-gradient(135deg,#f093fb,#f5576c);border-color:#0000}.form-hint{color:#ffffff80;margin-top:6px;font-size:.8rem;display:block}.mood-options{flex-wrap:wrap;gap:10px;display:flex}.mood-option{cursor:pointer;border:3px solid #0000;border-radius:12px;width:50px;height:50px;transition:all .2s}.mood-option:hover{transform:scale(1.1)}.mood-option.selected{border-color:#fff;box-shadow:0 0 0 2px #00000080,0 4px 12px #0000004d}.form-actions{border-top:1px solid #ffffff1a;justify-content:flex-end;gap:12px;padding-top:16px;display:flex}.btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f093fb,#f5576c);border:none;border-radius:8px;padding:12px 24px;font-weight:600;transition:all .2s}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #f5576c66}.btn-secondary{color:#ffffffe6;cursor:pointer;background:#ffffff1a;border:none;border-radius:8px;padding:12px 24px;font-weight:500;transition:all .2s}.btn-secondary:hover{background:#ffffff26}.btn-danger{color:#f87171;cursor:pointer;background:#f8717133;border:1px solid #f871714d;border-radius:8px;padding:12px 24px;font-weight:500;transition:all .2s}.btn-danger:hover{background:#f871714d}.vision-detail{max-height:70vh;overflow-y:auto}.detail-hero{background-position:50%;background-size:cover;align-items:flex-end;min-height:200px;padding:40px 30px;display:flex;position:relative}.hero-content{z-index:1;width:100%;position:relative}.detail-category{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;background:#ffffff26;border-radius:20px;margin-bottom:12px;padding:6px 14px;font-size:.85rem;display:inline-block}.detail-hero h2{color:#fff;text-shadow:0 2px 10px #00000080;margin:0;font-size:1.8rem;line-height:1.3}.detail-description{color:#ffffffe6;text-shadow:0 1px 4px #00000080;margin:12px 0 0;font-size:1rem;font-style:italic}.detail-body{padding:24px 30px}.detail-meta-grid{grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:24px;display:grid}.detail-meta-item{background:#ffffff0d;border-radius:10px;align-items:center;gap:12px;padding:14px 16px;display:flex}.meta-icon{font-size:1.5rem}.detail-meta-item>div{flex-direction:column;display:flex}.meta-label{color:#ffffff80;font-size:.8rem}.meta-value{color:#fff;font-size:.95rem;font-weight:500}.mood-preview{border-radius:4px;width:30px;height:20px;margin-top:4px}.detail-tags-section{margin-bottom:24px}.detail-tags-section h4{color:#fffc;margin:0 0 12px;font-size:.95rem}.detail-tags{flex-wrap:wrap;gap:8px;display:flex}.detail-tag{color:#fffc;background:#ffffff1a;border-radius:16px;padding:6px 14px;font-size:.85rem}.detail-actions{flex-wrap:wrap;gap:12px;display:flex}.fullscreen-image{z-index:2000;cursor:zoom-out;background:#000000f2;justify-content:center;align-items:center;padding:40px;display:flex;position:fixed;inset:0}.fullscreen-image img{object-fit:contain;border-radius:8px;max-width:100%;max-height:85vh;box-shadow:0 20px 60px #00000080}.fullscreen-caption{text-align:center;color:#fff;position:absolute;bottom:40px;left:50%;transform:translate(-50%)}.fullscreen-caption h3{margin:0 0 8px;font-size:1.2rem}.fullscreen-caption p{color:#fff9;margin:0;font-size:.9rem}@media (max-width:768px){.vision-stats{grid-template-columns:repeat(2,1fr)}.vision-grid,.form-row,.detail-meta-grid{grid-template-columns:1fr}.detail-hero h2{font-size:1.4rem}.category-pills{padding:10px 16px}.vision-filters{flex-direction:column;padding:12px 16px}}@media (max-width:480px){.vision-board-overlay{padding:10px}.vision-board-header h3{font-size:1.2rem}.mood-options{gap:8px}.mood-option{width:40px;height:40px}.fullscreen-image{padding:20px}}.voice-memos-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:1000;background:#020617d9;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.voice-memos-panel{background:linear-gradient(145deg,#0f172a 0%,#1e293b 100%);border-radius:24px;flex-direction:column;width:90%;max-width:600px;max-height:85vh;animation:.3s ease-out slideIn;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #00000080,0 0 0 1px #8b5cf633}.voice-memos-header{background:#8b5cf60d;border-bottom:1px solid #8b5cf626;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.voice-memos-header h3{color:#f8fafc;align-items:center;gap:10px;margin:0;font-size:1.3rem;font-weight:600;display:flex}.voice-memos-header .close-btn{color:#94a3b8;cursor:pointer;background:#f8fafc1a;border:none;border-radius:12px;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.5rem;transition:all .2s;display:flex}.voice-memos-header .close-btn:hover{color:#ef4444;background:#ef444433;transform:rotate(90deg)}.recording-section{background:linear-gradient(#8b5cf614 0%,#0000 100%);border-bottom:1px solid #8b5cf61a;padding:24px;transition:all .3s}.recording-section.recording{background:linear-gradient(#ef44441a 0%,#0000 100%)}.recording-visualizer{background:#0f172acc;border:1px solid #8b5cf61a;border-radius:16px;justify-content:center;align-items:center;height:100px;margin-bottom:20px;display:flex;position:relative;overflow:hidden}.waveform-canvas{width:100%;height:100%;display:none}.waveform-canvas.active{display:block}.recorder-placeholder{color:#64748b;flex-direction:column;align-items:center;gap:8px;display:flex}.mic-icon{opacity:.6;font-size:2.5rem;animation:2s ease-in-out infinite pulse}.recorder-placeholder p{margin:0;font-size:.9rem}.recording-controls{flex-direction:column;align-items:center;gap:12px;display:flex}.record-btn{cursor:pointer;border:none;border-radius:50px;justify-content:center;align-items:center;gap:8px;min-width:200px;padding:14px 32px;font-size:1rem;font-weight:600;transition:all .3s;display:flex}.record-btn.start{color:#fff;background:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 100%);box-shadow:0 4px 20px #8b5cf666}.record-btn.start:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 24px #8b5cf680}.record-btn.start:disabled{cursor:not-allowed;box-shadow:none;background:#475569}.record-btn.stop{color:#fff;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);animation:1.5s ease-in-out infinite recordingPulse;box-shadow:0 4px 20px #ef444466}@keyframes recordingPulse{0%,to{box-shadow:0 4px 20px #ef444466}50%{box-shadow:0 4px 30px #ef4444b3}}.recording-timer{color:#f8fafc;font-variant-numeric:tabular-nums;align-items:center;gap:8px;font-size:1.2rem;font-weight:600;display:flex}.recording-indicator{animation:1s ease-in-out infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.timer-value{color:#ef4444}.timer-limit{color:#64748b;font-size:.9rem}.permission-warning{color:#eab308;text-align:center;background:#eab30826;border:1px solid #eab3084d;border-radius:10px;margin-top:12px;padding:12px 16px;font-size:.85rem}.memos-stats{background:#8b5cf608;border-bottom:1px solid #8b5cf61a;flex-wrap:wrap;justify-content:center;gap:12px;padding:16px 24px;display:flex}.stat-pill{color:#cbd5e1;background:#8b5cf61a;border-radius:50px;align-items:center;gap:6px;padding:8px 14px;font-size:.85rem;display:flex}.stat-icon{font-size:.9rem}.stat-value{color:#8b5cf6;font-weight:600}.stat-label{color:#64748b;font-size:.75rem}.memos-filters{border-bottom:1px solid #8b5cf61a;padding:16px 24px}.filter-tabs{gap:8px;margin-bottom:12px;display:flex}.filter-tabs button{color:#94a3b8;cursor:pointer;background:0 0;border:1px solid #8b5cf633;border-radius:10px;padding:8px 16px;font-size:.85rem;transition:all .2s}.filter-tabs button:hover{color:#cbd5e1;background:#8b5cf61a}.filter-tabs button.active{color:#8b5cf6;background:#8b5cf633;border-color:#8b5cf666}.search-sort-row{gap:10px;display:flex}.memo-search{color:#f8fafc;background:#0f172a80;border:1px solid #8b5cf633;border-radius:10px;outline:none;flex:1;padding:10px 14px;font-size:.9rem;transition:all .2s}.memo-search:focus{border-color:#8b5cf680;box-shadow:0 0 0 3px #8b5cf61a}.memo-search::placeholder{color:#64748b}.sort-select{color:#f8fafc;cursor:pointer;background:#0f172a80;border:1px solid #8b5cf633;border-radius:10px;outline:none;padding:10px 14px;font-size:.9rem}.memos-list{flex:1;max-height:350px;padding:16px 24px;overflow-y:auto}.memos-list::-webkit-scrollbar{width:6px}.memos-list::-webkit-scrollbar-track{background:0 0}.memos-list::-webkit-scrollbar-thumb{background:#8b5cf64d;border-radius:3px}.empty-state{text-align:center;color:#64748b;flex-direction:column;justify-content:center;align-items:center;padding:40px 20px;display:flex}.empty-icon{opacity:.5;margin-bottom:12px;font-size:3rem}.empty-state p{color:#94a3b8;margin:0;font-size:1rem}.empty-hint{color:#64748b;margin-top:8px;font-size:.85rem}.memo-item{background:#8b5cf60d;border:1px solid #8b5cf61a;border-radius:14px;align-items:flex-start;gap:12px;margin-bottom:10px;padding:14px;transition:all .2s;display:flex}.memo-item:hover{background:#8b5cf614;border-color:#8b5cf633;transform:translate(4px)}.memo-item.active{background:#8b5cf626;border-color:#8b5cf666}.memo-main{flex:1;min-width:0;position:relative}.play-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 100%);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:.9rem;transition:all .2s;display:flex}.play-btn:hover{transform:scale(1.1);box-shadow:0 4px 15px #8b5cf666}.memo-info{flex:1;min-width:0}.memo-title-input{color:#f8fafc;background:0 0;border:none;border-bottom:1px solid #0000;outline:none;width:100%;margin-bottom:6px;padding:0;font-size:.95rem;font-weight:500;transition:all .2s}.memo-title-input:hover,.memo-title-input:focus{border-bottom-color:#8b5cf64d}.memo-meta{color:#64748b;gap:12px;margin-bottom:8px;font-size:.75rem;display:flex}.memo-tags{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.memo-tag{color:#a78bfa;background:#8b5cf626;border-radius:6px;align-items:center;gap:4px;padding:3px 8px;font-size:.75rem;display:inline-flex}.remove-tag{color:#8b5cf6;cursor:pointer;background:0 0;border:none;border-radius:3px;justify-content:center;align-items:center;width:14px;height:14px;padding:0;font-size:.8rem;transition:all .2s;display:flex}.remove-tag:hover{background:#8b5cf633}.add-tag-input{color:#94a3b8;background:#8b5cf61a;border:1px dashed #8b5cf64d;border-radius:6px;outline:none;width:80px;padding:4px 8px;font-size:.75rem;transition:all .2s}.add-tag-input:focus{color:#f8fafc;background:#8b5cf626;border-style:solid;width:120px}.playback-progress-bar{background:#8b5cf61a;border-radius:2px;height:3px;position:absolute;bottom:-8px;left:0;right:0;overflow:hidden}.playback-progress-fill{background:linear-gradient(90deg,#8b5cf6,#a78bfa);border-radius:2px;height:100%;transition:width .1s linear}.memo-actions{flex-direction:column;gap:6px;display:flex}.action-btn{cursor:pointer;background:#f8fafc0d;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:.9rem;transition:all .2s;display:flex}.action-btn.favorite{color:#64748b}.action-btn.favorite.active{color:#eab308}.action-btn.delete:hover{color:#ef4444;background:#ef444433}.voice-memos-footer{text-align:center;background:#8b5cf60d;border-top:1px solid #8b5cf61a;padding:14px 24px}.voice-memos-footer p{color:#64748b;margin:0;font-size:.8rem}.voice-memos-footer strong{color:#8b5cf6}@media (max-width:640px){.voice-memos-panel{border-radius:20px;width:95%;max-height:90vh}.voice-memos-header{padding:16px 20px}.recording-section{padding:20px}.memos-stats{gap:8px;padding:12px 20px}.stat-pill{padding:6px 10px;font-size:.75rem}.memos-filters{padding:14px 20px}.filter-tabs{flex-wrap:wrap}.search-sort-row{flex-direction:column}.memos-list{padding:14px 20px}.memo-meta{flex-wrap:wrap;gap:8px}}.theme-light .voice-memos-overlay{background:#f8fafce6}.theme-light .voice-memos-panel{background:linear-gradient(145deg,#fff 0%,#f1f5f9 100%);box-shadow:0 25px 50px -12px #00000026,0 0 0 1px #8b5cf626}.theme-light .voice-memos-header{background:#8b5cf614;border-bottom-color:#8b5cf626}.theme-light .voice-memos-header h3{color:#1e293b}.theme-light .voice-memos-header .close-btn{color:#64748b;background:#1e293b1a}.theme-light .recording-visualizer{background:#f1f5f9cc;border-color:#8b5cf626}.theme-light .recorder-placeholder{color:#94a3b8}.theme-light .memo-search,.theme-light .sort-select{color:#1e293b;background:#f1f5f9cc;border-color:#8b5cf633}.theme-light .memo-search::placeholder{color:#94a3b8}.theme-light .memo-item{background:#8b5cf60d;border-color:#8b5cf61a}.theme-light .memo-title-input{color:#1e293b}.theme-light .empty-state,.theme-light .empty-state p{color:#64748b}.water-panel-overlay{z-index:1000;background:#000c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.water-panel{background:#1e293b;border-radius:16px;flex-direction:column;width:90%;max-width:450px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 25px 60px #0009}.water-panel-header{background:#0003;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.water-panel-header h3{align-items:center;gap:8px;margin:0;font-size:18px;font-weight:600;display:flex}.water-progress-section{background:linear-gradient(#3b82f614 0%,#0000 100%);padding:24px}.water-visual{align-items:center;gap:24px;margin-bottom:20px;display:flex}.water-bottle{background:#ffffff0d;border:3px solid #ffffff26;border-radius:12px;flex-shrink:0;width:80px;height:160px;position:relative;overflow:hidden}.water-level{border-radius:0 0 8px 8px;transition:height .5s,background .3s;position:absolute;bottom:0;left:0;right:0}.water-level:before{content:"";background:linear-gradient(#fff6 0%,#0000 100%);height:8px;position:absolute;top:0;left:0;right:0}.bottle-markings{pointer-events:none;flex-direction:column;justify-content:space-between;padding:8px 4px;display:flex;position:absolute;inset:0}.bottle-markings .mark{color:#ffffff4d;text-align:right;font-size:9px}.water-stats{flex:1}.main-stat{align-items:baseline;gap:4px;margin-bottom:4px;display:flex}.intake-amount{color:#fff;font-variant-numeric:tabular-nums;font-size:48px;font-weight:700;line-height:1}.intake-unit{color:#94a3b8;font-size:18px;font-weight:500}.goal-stat{color:#64748b;margin-bottom:12px;font-size:14px}.hydration-status{background:#0003;border-radius:10px;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:600;display:flex}.status-icon{font-size:20px}.goal-celebration{color:#22c55e;text-align:center;background:linear-gradient(135deg,#22c55e20,#22c55e10);border:1px solid #22c55e4d;border-radius:10px;margin-top:12px;padding:10px 16px;font-size:14px;font-weight:600;animation:2s ease-in-out infinite celebration-pulse}@keyframes celebration-pulse{0%,to{transform:scale(1);box-shadow:0 0 #22c55e66}50%{transform:scale(1.02);box-shadow:0 0 20px 4px #22c55e33}}.progress-bar-container{margin-top:16px}.progress-bar-bg{background:#ffffff0d;border-radius:6px;height:12px;overflow:hidden}.progress-bar-fill{border-radius:6px;height:100%;transition:width .5s,background .3s}.progress-labels{color:#64748b;justify-content:space-between;margin-top:8px;font-size:12px;display:flex}.quick-add-section{border-top:1px solid #ffffff14;padding:20px 24px}.quick-add-section h4{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;margin:0 0 16px;font-size:14px;font-weight:600}.quick-add-buttons{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.add-water-btn{color:#3b82f6;cursor:pointer;text-align:left;background:#3b82f61a;border:1px solid #3b82f633;border-radius:10px;align-items:center;gap:10px;padding:14px;transition:all .2s;display:flex}.add-water-btn:hover{background:#3b82f633;border-color:#3b82f666;transform:translateY(-1px)}.add-water-btn.custom{color:#94a3b8;background:#ffffff0d;border-color:#ffffff1a}.add-water-btn.custom:hover{background:#ffffff1a;border-color:#fff3}.add-water-btn .btn-icon{font-size:20px}.add-water-btn .btn-label{font-size:13px;font-weight:500}.custom-input-group{gap:10px;margin-top:12px;animation:.2s slide-down;display:flex}@keyframes slide-down{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.custom-input-group input{color:#fff;background:#0f172a;border:1px solid #ffffff1a;border-radius:8px;flex:1;padding:12px 16px;font-size:14px}.custom-input-group input:focus{border-color:#3b82f6;outline:none}.custom-input-group button{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:8px;padding:12px 20px;font-weight:600;transition:all .2s}.custom-input-group button:hover{background:#2563eb}.water-history{max-height:200px;padding:0 24px 20px;overflow-y:auto}.water-history h4{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;margin:0 0 12px;font-size:14px;font-weight:600}.history-item{background:#ffffff08;border-radius:8px;justify-content:space-between;align-items:center;padding:10px 14px;transition:all .2s;display:flex}.history-item:hover{background:#ffffff0f}.history-amount{color:#3b82f6;font-size:14px;font-weight:600}.history-time{color:#64748b;text-align:center;flex:1;font-size:12px}.remove-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:24px;height:24px;padding:0;font-size:18px;transition:all .2s;display:flex}.remove-btn:hover{color:#ef4444;background:#ef444433}.hydration-tips{background:#3b82f614;border-top:1px solid #ffffff0d;padding:16px 24px 20px}.hydration-tips p{color:#94a3b8;margin:0;font-size:13px;line-height:1.5}.hydration-tips strong{color:#3b82f6}.water-settings{max-height:60vh;padding:24px;overflow-y:auto}.water-settings h4{color:#fff;margin:0 0 20px;font-size:16px;font-weight:600}.setting-group{margin-bottom:24px}.setting-group label{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px;font-size:13px;display:block}.goal-input-group{align-items:center;gap:10px;display:flex}.goal-input-group input{color:#fff;background:#0f172a;border:1px solid #ffffff1a;border-radius:8px;flex:1;padding:12px 16px;font-size:16px;font-weight:600}.goal-input-group input:focus{border-color:#3b82f6;outline:none}.goal-input-group .unit{color:#64748b;font-size:14px;font-weight:500}.preset-goals{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.preset-goals button{color:#94a3b8;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;padding:8px 14px;font-size:13px;transition:all .2s}.preset-goals button:hover{color:#fff;background:#ffffff1a}.preset-goals button.active{color:#fff;background:#3b82f6;border-color:#3b82f6}.reminder-options{flex-wrap:wrap;gap:8px;display:flex}.reminder-options button{color:#94a3b8;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;padding:10px 16px;font-size:13px;transition:all .2s}.reminder-options button:hover{color:#fff;background:#ffffff1a}.reminder-options button.active{color:#fff;background:#8b5cf6;border-color:#8b5cf6}.enable-notifications{color:#8b5cf6;cursor:pointer;background:#8b5cf61a;border:1px solid #8b5cf64d;border-radius:8px;width:100%;margin-top:12px;padding:12px;font-weight:600;transition:all .2s}.enable-notifications:hover{background:#8b5cf633}.streak-display{background:#0003;border-radius:10px;align-items:center;gap:8px;padding:14px 18px;display:flex}.streak-icon{font-size:24px}.streak-count{color:#f59e0b;font-size:28px;font-weight:700}.streak-label{color:#64748b;font-size:14px;font-weight:500}.water-history::-webkit-scrollbar{width:6px}.water-settings::-webkit-scrollbar{width:6px}.water-history::-webkit-scrollbar-track{background:#0003}.water-settings::-webkit-scrollbar-track{background:#0003}.water-history::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.water-settings::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.water-history::-webkit-scrollbar-thumb:hover{background:#fff3}.water-settings::-webkit-scrollbar-thumb:hover{background:#fff3}@media (max-width:480px){.water-panel{width:95%;max-height:95vh}.quick-add-buttons{grid-template-columns:1fr}.water-visual{text-align:center;flex-direction:column}.water-bottle{margin:0 auto}}.weather-panel-overlay{z-index:1000;background:#000c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.weather-panel{background:#1e293b;border-radius:16px;flex-direction:column;width:90%;max-width:420px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 25px 60px #0009}.weather-panel-header{background:#0003;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.weather-panel-header h3{align-items:center;gap:8px;margin:0;font-size:18px;font-weight:600;display:flex}.unit-toggle,.refresh-btn,.location-btn{color:#94a3b8;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;padding:6px 10px;font-size:14px;transition:all .2s}.unit-toggle:hover,.refresh-btn:hover:not(:disabled),.location-btn:hover{color:#fff;background:#ffffff1a}.unit-toggle{min-width:36px;font-weight:600}.refresh-btn:disabled{opacity:.5;cursor:not-allowed}.close-btn{color:#94a3b8;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;padding:0;font-size:22px;transition:all .2s;display:flex}.close-btn:hover{color:#ef4444;background:#ef444433;border-color:#ef44444d}.location-name-display{color:#cbd5e1;background:#6366f11a;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:12px 24px;font-size:14px;display:flex}.last-updated{color:#64748b;font-size:11px}.current-weather{text-align:center;padding:24px}.weather-main{justify-content:center;align-items:center;gap:16px;margin-bottom:24px;display:flex}.weather-icon-large{filter:drop-shadow(0 4px 12px #0000004d);font-size:72px;line-height:1}.weather-temp-section{flex-direction:column;align-items:flex-start;display:flex}.temperature{color:#fff;letter-spacing:-2px;font-size:56px;font-weight:700;line-height:1}.weather-label{color:#94a3b8;margin-top:4px;font-size:16px}.weather-details{background:#0003;border-radius:12px;grid-template-columns:repeat(3,1fr);gap:12px;padding:16px;display:grid}.detail-item{flex-direction:column;align-items:center;gap:4px;display:flex}.detail-icon{font-size:20px}.detail-value{color:#94a3b8;text-align:center;font-size:12px}.forecast-section{background:#00000026;border-top:1px solid #ffffff14;padding:20px 24px}.forecast-section h4{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;margin:0 0 16px;font-size:14px;font-weight:600}.forecast-list{flex-direction:column;gap:8px;display:flex}.forecast-item{background:#ffffff08;border-radius:10px;justify-content:space-between;align-items:center;padding:12px 16px;transition:all .2s;display:flex}.forecast-item:hover{background:#ffffff0f}.forecast-day{flex-direction:column;min-width:70px;display:flex}.day-name{color:#fff;font-size:14px;font-weight:600}.day-date{color:#64748b;font-size:11px}.forecast-icon{font-size:28px;line-height:1}.forecast-temps{justify-content:flex-end;align-items:center;gap:12px;min-width:70px;display:flex}.temp-high{color:#fff;font-size:16px;font-weight:600}.temp-low{color:#64748b;font-size:14px}.location-picker{max-height:60vh;padding:24px;overflow-y:auto}.location-picker h4{color:#fff;margin:0 0 20px;font-size:16px;font-weight:600}.location-grid{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:20px;display:grid}.location-item{color:#94a3b8;cursor:pointer;text-align:left;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;padding:14px 16px;font-size:14px;transition:all .2s}.location-item:hover{color:#fff;background:#ffffff14;transform:translateY(-1px)}.location-item.active{color:#fff;background:#6366f1;border-color:#6366f1}.location-name{font-weight:500}.back-btn{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff1a;border-radius:8px;width:100%;padding:12px;font-size:14px;font-weight:500;transition:all .2s}.weather-error{text-align:center;padding:40px 24px}.error-icon{margin-bottom:16px;font-size:48px;display:block}.weather-error p{color:#ef4444;margin-bottom:20px}.weather-error button{color:#fff;cursor:pointer;background:#6366f1;border:none;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .2s}.weather-error button:hover{background:#4f46e5}.weather-footer{text-align:center;border-top:1px solid #ffffff0d;padding:12px 24px}.weather-footer p{color:#475569;margin:0;font-size:11px}.location-picker::-webkit-scrollbar{width:6px}.weather-panel::-webkit-scrollbar{width:6px}.location-picker::-webkit-scrollbar-track{background:#0003}.weather-panel::-webkit-scrollbar-track{background:#0003}.location-picker::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.weather-panel::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.location-picker::-webkit-scrollbar-thumb:hover{background:#fff3}.weather-panel::-webkit-scrollbar-thumb:hover{background:#fff3}.forecast-item{animation:.3s ease-out fadeIn}.forecast-item:first-child{animation-delay:0s}.forecast-item:nth-child(2){animation-delay:50ms}.forecast-item:nth-child(3){animation-delay:.1s}.forecast-item:nth-child(4){animation-delay:.15s}.forecast-item:nth-child(5){animation-delay:.2s}.weekly-review-overlay{z-index:1000;background:#000000d9;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.weekly-review-panel{background:linear-gradient(145deg,#1a1a2e 0%,#16213e 100%);border:1px solid #ffffff1a;border-radius:16px;width:100%;max-width:800px;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px #00000080}.weekly-review-header{background:#0003;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.header-title h3{color:#fff;align-items:center;gap:10px;margin:0;font-size:1.5rem;display:flex}.week-label{color:#888;margin-top:4px;font-size:.85rem;display:block}.streak-badge{color:#fff;background:linear-gradient(135deg,#ff6b35 0%,#f7931e 100%);border-radius:20px;align-items:center;gap:4px;padding:6px 12px;font-size:.9rem;font-weight:600;display:flex}.history-btn,.export-btn{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:8px;width:36px;height:36px;font-size:1.1rem;transition:all .2s}.history-btn:hover,.export-btn:hover{background:#fff3;transform:translateY(-2px)}.close-btn{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:8px;width:36px;height:36px;font-size:1.5rem;line-height:1;transition:all .2s}.close-btn:hover{background:#ef44444d}.completion-banner{background:#ffffff08;border-bottom:1px solid #ffffff1a;align-items:center;gap:20px;padding:24px;display:flex}.progress-ring{flex-shrink:0;width:80px;height:80px;position:relative}.progress-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.ring-bg{fill:none;stroke:#ffffff1a;stroke-width:8px}.ring-progress{fill:none;stroke:#6366f1;stroke-width:8px;stroke-linecap:round;filter:drop-shadow(0 0 6px #6366f180);transition:stroke-dashoffset .5s}.progress-text{color:#fff;font-size:1.3rem;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.completion-message{flex:1}.completion-message .celebration{margin-bottom:8px;font-size:2rem;display:block}.completion-message p{color:#aaa;margin:0;font-size:.95rem}.review-categories{padding:20px 24px}.review-category{background:#ffffff08;border:1px solid #ffffff0d;border-radius:12px;margin-bottom:16px;transition:all .3s;overflow:hidden}.review-category.completed{background:#22c55e0d;border-color:#22c55e4d}.category-header{background:#0003;padding:16px 20px}.category-title-row{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.category-title-row h4{color:#fff;margin:0;font-size:1.1rem}.category-progress{color:#6366f1;background:#6366f11a;border-radius:12px;padding:2px 10px;font-size:.85rem;font-weight:600}.category-description{color:#888;margin:0;font-size:.85rem}.category-items{padding:12px 20px 16px}.review-item{cursor:pointer;align-items:center;gap:12px;padding:10px 0;transition:all .2s;display:flex}.review-item:hover{opacity:.8}.review-item input[type=checkbox]{display:none}.checkmark{color:#fff;border:2px solid #ffffff4d;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:.8rem;transition:all .2s;display:flex}.review-item.checked .checkmark{background:linear-gradient(135deg,#22c55e 0%,#16a34a 100%);border-color:#22c55e}.item-label{color:#ddd;font-size:.95rem;transition:all .2s}.review-item.checked .item-label{color:#666;text-decoration:line-through}.reflection-section{background:#ffffff05;border-top:1px solid #ffffff1a;padding:20px 24px}.reflection-section h4{color:#fff;margin:0 0 8px;font-size:1.1rem}.reflection-prompt{color:#888;margin:0 0 12px;font-size:.9rem}.reflection-textarea{color:#fff;resize:vertical;background:#0000004d;border:1px solid #ffffff1a;border-radius:10px;width:100%;min-height:100px;padding:14px;font-family:inherit;font-size:.95rem;line-height:1.5;transition:all .2s}.reflection-textarea:focus{border-color:#6366f1;outline:none;box-shadow:0 0 0 3px #6366f11a}.reflection-textarea::placeholder{color:#666}.review-actions{border-top:1px solid #ffffff1a;gap:12px;padding:20px 24px;display:flex}.reset-btn{color:#aaa;cursor:pointer;background:0 0;border:1px solid #fff3;border-radius:10px;padding:12px 20px;font-size:.95rem;transition:all .2s}.reset-btn:hover{color:#ef4444;background:#ef44441a;border-color:#ef44444d}.complete-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);border:none;border-radius:10px;flex:1;padding:12px 24px;font-size:.95rem;font-weight:600;transition:all .2s;box-shadow:0 4px 15px #6366f14d}.complete-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6366f166}.complete-btn.fully-complete{background:linear-gradient(135deg,#22c55e 0%,#16a34a 100%);box-shadow:0 4px 15px #22c55e4d}.complete-btn.fully-complete:hover{box-shadow:0 6px 20px #22c55e66}.review-tips{background:#0003;border-top:1px solid #ffffff1a;padding:20px 24px}.review-tips h4{color:#fff;margin:0 0 12px;font-size:1rem}.review-tips ul{color:#888;margin:0;padding-left:20px;font-size:.9rem}.review-tips li{margin-bottom:6px;line-height:1.5}.review-tips li:last-child{margin-bottom:0}.review-history{padding:24px}.review-history h4{color:#fff;margin:0 0 20px;font-size:1.2rem}.empty-history{color:#666;text-align:center;padding:40px 20px;font-style:italic}.history-list{flex-direction:column;gap:12px;display:flex}.history-item{background:#ffffff08;border:1px solid #ffffff0d;border-radius:10px;align-items:center;gap:16px;padding:14px 16px;display:flex}.history-item.completed{background:#22c55e0d;border-color:#22c55e33}.history-week{color:#aaa;width:80px;font-size:.9rem;font-weight:500}.history-progress{flex:1;align-items:center;gap:12px;display:flex}.history-bar{background:#ffffff1a;border-radius:4px;flex:1;height:8px;overflow:hidden}.history-fill{background:linear-gradient(90deg,#6366f1 0%,#8b5cf6 100%);border-radius:4px;height:100%;transition:width .3s}.history-progress span{color:#888;text-align:right;width:40px;font-size:.85rem}.history-status{font-size:1.2rem}.back-btn{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:10px;margin-top:20px;padding:12px 20px;font-size:.95rem;transition:all .2s}.back-btn:hover{background:#fff3}.weekly-review-panel::-webkit-scrollbar{width:8px}.weekly-review-panel::-webkit-scrollbar-track{background:#0003}.weekly-review-panel::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.weekly-review-panel::-webkit-scrollbar-thumb:hover{background:#ffffff4d}@media (max-width:600px){.weekly-review-overlay{padding:10px}.weekly-review-header{text-align:center;flex-direction:column;gap:12px}.completion-banner{text-align:center;flex-direction:column}.review-actions{flex-direction:column}.history-item{flex-wrap:wrap}.history-week{width:100%}}.whiteboard-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#000000d9;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.whiteboard-panel{background:var(--panel-bg,#1a1a2e);border:1px solid var(--panel-border,#2d2d44);border-radius:16px;flex-direction:column;width:95%;max-width:1400px;height:90%;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #00000080}.whiteboard-header{border-bottom:1px solid var(--panel-border,#2d2d44);background:var(--panel-header-bg,#16162a);justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.whiteboard-header h3{color:var(--text-primary,#e4e4e7);margin:0;font-size:1.25rem}.header-actions{align-items:center;gap:8px;display:flex}.action-btn{border:1px solid var(--panel-border,#2d2d44);background:var(--btn-secondary-bg,#252542);color:var(--text-primary,#e4e4e7);cursor:pointer;border-radius:8px;padding:8px 16px;font-size:.875rem;transition:all .2s}.action-btn:hover{background:var(--btn-secondary-hover,#353560);transform:translateY(-1px)}.close-btn{background:var(--btn-danger-bg,#dc2626);color:#fff;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;margin-left:8px;font-size:1.5rem;transition:all .2s;display:flex}.close-btn:hover{background:var(--btn-danger-hover,#b91c1c);transform:scale(1.05)}.whiteboard-toolbar{border-bottom:1px solid var(--panel-border,#2d2d44);background:var(--panel-bg,#1a1a2e);flex-wrap:wrap;align-items:center;gap:24px;padding:12px 24px;display:flex}.toolbar-section{align-items:center;gap:12px;display:flex}.toolbar-section label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary,#a1a1aa);font-size:.75rem;font-weight:600}.tool-buttons{gap:4px;display:flex}.tool-btn{border:1px solid var(--panel-border,#2d2d44);background:var(--btn-secondary-bg,#252542);color:var(--text-primary,#e4e4e7);cursor:pointer;border-radius:8px;padding:8px 16px;font-size:.875rem;transition:all .2s}.tool-btn:hover{background:var(--btn-secondary-hover,#353560)}.tool-btn.active{background:var(--primary-color,#6366f1);border-color:var(--primary-color,#6366f1);color:#fff}.color-palette{gap:6px;display:flex}.color-btn{cursor:pointer;border:2px solid #0000;border-radius:50%;width:32px;height:32px;transition:all .2s;position:relative}.color-btn:hover{transform:scale(1.1)}.color-btn.active{box-shadow:0 0 0 2px var(--primary-color,#6366f1);border-color:#fff}.color-btn.active:after{content:"✓";color:#fff;text-shadow:0 1px 2px #00000080;justify-content:center;align-items:center;font-size:14px;display:flex;position:absolute;inset:0}.size-selector{gap:4px;display:flex}.size-btn{border:1px solid var(--panel-border,#2d2d44);background:var(--btn-secondary-bg,#252542);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.size-btn:hover{background:var(--btn-secondary-hover,#353560)}.size-btn.active{background:var(--primary-color,#6366f1);border-color:var(--primary-color,#6366f1)}.size-preview{border-radius:50%;transition:all .2s}.clear-btn{border:1px solid var(--btn-danger-bg,#dc2626);color:var(--btn-danger-bg,#dc2626);cursor:pointer;background:0 0;border-radius:8px;padding:8px 16px;font-size:.875rem;transition:all .2s}.clear-btn:hover{background:var(--btn-danger-bg,#dc2626);color:#fff}.whiteboard-canvas-container{background:var(--canvas-bg,#0f0f1a);background-image:radial-gradient(circle at 25% 25%,#6366f108 0%,#0000 50%),radial-gradient(circle at 75% 75%,#8b5cf608 0%,#0000 50%);flex:1;justify-content:center;align-items:center;padding:20px;display:flex;overflow:auto}.whiteboard-canvas{cursor:crosshair;touch-action:none;-webkit-user-select:none;user-select:none;background:#fff;border-radius:4px;max-width:100%;max-height:100%;box-shadow:0 4px 20px #0000004d}.whiteboard-footer{border-top:1px solid var(--panel-border,#2d2d44);background:var(--panel-header-bg,#16162a);color:var(--text-secondary,#a1a1aa);justify-content:space-between;align-items:center;padding:12px 24px;font-size:.75rem;display:flex}.canvas-info{font-family:monospace}.shortcut-hint{opacity:.7}.dialog-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1100;background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.dialog{background:var(--panel-bg,#1a1a2e);border:1px solid var(--panel-border,#2d2d44);border-radius:12px;min-width:320px;max-width:90%;padding:24px}.dialog h4{color:var(--text-primary,#e4e4e7);margin:0 0 16px}.dialog input{border:1px solid var(--panel-border,#2d2d44);background:var(--input-bg,#252542);width:100%;color:var(--text-primary,#e4e4e7);box-sizing:border-box;border-radius:8px;margin-bottom:16px;padding:12px;font-size:1rem}.dialog input:focus{border-color:var(--primary-color,#6366f1);outline:none}.dialog-actions{justify-content:flex-end;gap:12px;display:flex}.dialog-actions button{border:1px solid var(--panel-border,#2d2d44);background:var(--btn-secondary-bg,#252542);color:var(--text-primary,#e4e4e7);cursor:pointer;border-radius:8px;padding:10px 20px;font-size:.875rem;transition:all .2s}.dialog-actions button:hover{background:var(--btn-secondary-hover,#353560)}.dialog-actions button.primary{background:var(--primary-color,#6366f1);border-color:var(--primary-color,#6366f1);color:#fff}.dialog-actions button.primary:hover{background:var(--primary-hover,#4f46e5)}.gallery-dialog{background:var(--panel-bg,#1a1a2e);border:1px solid var(--panel-border,#2d2d44);border-radius:16px;flex-direction:column;width:90%;max-width:900px;max-height:80%;display:flex;overflow:hidden}.gallery-header{border-bottom:1px solid var(--panel-border,#2d2d44);background:var(--panel-header-bg,#16162a);justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.gallery-header h4{color:var(--text-primary,#e4e4e7);margin:0}.gallery-empty{text-align:center;color:var(--text-secondary,#a1a1aa);padding:60px 24px}.gallery-empty p{margin:8px 0}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;max-height:60vh;padding:24px;display:grid;overflow-y:auto}.gallery-item{background:var(--panel-header-bg,#16162a);border:1px solid var(--panel-border,#2d2d44);border-radius:12px;transition:all .2s;overflow:hidden}.gallery-item:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000004d}.gallery-item img{object-fit:cover;cursor:pointer;background:#fff;width:100%;height:150px}.gallery-item-info{flex-direction:column;gap:4px;padding:12px;display:flex}.gallery-item-name{color:var(--text-primary,#e4e4e7);white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;font-weight:600;overflow:hidden}.gallery-item-date{color:var(--text-secondary,#a1a1aa);font-size:.75rem}.gallery-item-actions{gap:8px;padding:0 12px 12px;display:flex}.gallery-item-actions button{border:1px solid var(--panel-border,#2d2d44);background:var(--btn-secondary-bg,#252542);color:var(--text-primary,#e4e4e7);cursor:pointer;border-radius:6px;flex:1;padding:8px;font-size:.75rem;transition:all .2s}.gallery-item-actions button:hover{background:var(--btn-secondary-hover,#353560)}.gallery-item-actions button:last-child{border-color:var(--btn-danger-bg,#dc2626);color:var(--btn-danger-bg,#dc2626);background:0 0;flex:none}.gallery-item-actions button:last-child:hover{background:var(--btn-danger-bg,#dc2626);color:#fff}@media (max-width:768px){.whiteboard-toolbar{gap:12px;padding:12px 16px}.toolbar-section{gap:8px}.color-btn{width:28px;height:28px}.size-btn{width:32px;height:32px}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;padding:16px}}.workout-panel-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#000c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.workout-panel{background:var(--panel-bg,#1a1a2e);border:1px solid var(--border-color,#2d2d44);border-radius:16px;flex-direction:column;width:100%;max-width:800px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #00000080}.workout-panel-header{border-bottom:1px solid var(--border-color,#2d2d44);background:var(--panel-header-bg,#16162a);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.workout-panel-header h3{color:var(--text-primary,#fff);margin:0;font-size:1.25rem}.close-btn{color:var(--text-secondary,#8b8b9a);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 8px;font-size:1.5rem;transition:all .2s}.close-btn:hover{color:var(--text-primary,#fff);background:#ffffff1a}.workout-stats-bar{background:var(--panel-header-bg,#16162a);border-bottom:1px solid var(--border-color,#2d2d44);grid-template-columns:repeat(4,1fr);gap:12px;padding:16px 20px;display:grid}.stat-box{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;flex-direction:column;align-items:center;padding:12px;display:flex}.stat-value{color:var(--accent-color,#6366f1);font-size:1.5rem;font-weight:700}.stat-label{color:var(--text-secondary,#8b8b9a);text-transform:uppercase;letter-spacing:.5px;margin-top:4px;font-size:.75rem}.workout-tabs{border-bottom:1px solid var(--border-color,#2d2d44);background:var(--panel-bg,#1a1a2e);gap:8px;padding:12px 20px;display:flex}.workout-tabs button{color:var(--text-secondary,#8b8b9a);cursor:pointer;background:#ffffff0d;border:none;border-radius:8px;flex:1;padding:10px 16px;font-size:.875rem;font-weight:500;transition:all .2s}.workout-tabs button:hover{color:var(--text-primary,#fff);background:#ffffff1a}.workout-tabs button.active{background:var(--accent-color,#6366f1);color:#fff}.workout-tab-content{background:var(--panel-bg,#1a1a2e);flex:1;padding:20px;overflow-y:auto}.start-workout-section h4{color:var(--text-primary,#fff);margin:0 0 16px;font-size:1rem}.template-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;margin-bottom:20px;display:grid}.workout-template-card{cursor:pointer;text-align:left;background:linear-gradient(135deg,#6366f133,#6366f10d);border:1px solid #6366f14d;border-radius:12px;flex-direction:column;align-items:flex-start;padding:16px;transition:all .2s;display:flex}.workout-template-card:hover{background:linear-gradient(135deg,#6366f14d,#6366f11a);transform:translateY(-2px);box-shadow:0 8px 16px #6366f133}.template-name{color:var(--text-primary,#fff);margin-bottom:4px;font-weight:600}.template-desc{color:var(--text-secondary,#8b8b9a);margin-bottom:8px;font-size:.75rem}.template-count{color:var(--accent-color,#6366f1);font-size:.75rem;font-weight:500}.start-empty-btn{width:100%;color:var(--text-secondary,#8b8b9a);cursor:pointer;background:#ffffff0d;border:2px dashed #fff3;border-radius:12px;padding:14px;font-size:.875rem;transition:all .2s}.start-empty-btn:hover{color:var(--text-primary,#fff);background:#ffffff1a;border-color:#ffffff4d}.active-workout{flex-direction:column;gap:16px;display:flex}.rest-timer-banner{background:linear-gradient(90deg,#f59e0b,#ef4444);border-radius:12px;justify-content:space-between;align-items:center;padding:16px 20px;animation:1s ease-in-out infinite pulse;display:flex}.rest-timer-display{flex-direction:column;display:flex}.rest-label{text-transform:uppercase;letter-spacing:1px;color:#fffc;font-size:.75rem}.rest-time{color:#fff;font-variant-numeric:tabular-nums;font-size:2rem;font-weight:700}.rest-actions{gap:8px;display:flex}.rest-actions button{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:6px;padding:8px 12px;font-size:.75rem;transition:all .2s}.rest-actions button:hover{background:#ffffff4d}.active-workout-header{background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;flex-direction:column;gap:12px;padding:16px;display:flex}.workout-title-section{justify-content:space-between;align-items:center;gap:12px;display:flex}.workout-title-input{color:var(--text-primary,#fff);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;flex:1;padding:10px 14px;font-size:1rem;font-weight:600}.workout-title-input:focus{border-color:var(--accent-color,#6366f1);outline:none}.workout-timer{color:var(--accent-color,#6366f1);font-variant-numeric:tabular-nums;font-size:1.25rem;font-weight:600}.workout-actions{gap:8px;display:flex}.workout-actions button{cursor:pointer;border:none;border-radius:8px;flex:1;padding:10px 16px;font-size:.875rem;font-weight:500;transition:all .2s}.add-exercise-btn{color:var(--accent-color,#6366f1);background:#6366f133}.add-exercise-btn:hover{background:#6366f14d}.finish-btn{color:#fff;background:#22c55e}.finish-btn:hover{background:#16a34a}.cancel-btn{color:#ef4444;background:#ef444433}.cancel-btn:hover{background:#ef44444d}.exercises-list{flex-direction:column;gap:16px;display:flex}.empty-workout{text-align:center;color:var(--text-secondary,#8b8b9a);padding:40px}.empty-workout p{margin-bottom:16px}.empty-workout button{background:var(--accent-color,#6366f1);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:12px 24px;font-size:.875rem}.exercise-card{background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;padding:16px}.exercise-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.exercise-info{align-items:center;gap:10px;display:flex}.exercise-icon{border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.125rem;display:flex}.exercise-name{color:var(--text-primary,#fff);font-weight:600}.exercise-category{text-transform:uppercase;letter-spacing:.5px;background:#ffffff1a;border-radius:4px;padding:2px 8px;font-size:.75rem}.remove-exercise-btn{color:var(--text-secondary,#8b8b9a);cursor:pointer;opacity:.6;background:0 0;border:none;border-radius:4px;padding:4px;transition:all .2s}.remove-exercise-btn:hover{opacity:1;background:#ef444433}.sets-table{flex-direction:column;gap:4px;margin-bottom:12px;display:flex}.sets-header,.set-row{grid-template-columns:50px 1fr 1fr 40px;align-items:center;gap:8px;padding:8px 12px;display:grid}.sets-header{color:var(--text-secondary,#8b8b9a);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #ffffff1a;font-size:.75rem}.set-row{color:var(--text-primary,#fff);background:#ffffff08;border-radius:6px;font-size:.875rem}.set-row button{color:#ef4444;cursor:pointer;opacity:.6;background:0 0;border:none;font-size:1.125rem;transition:opacity .2s}.set-row button:hover{opacity:1}.add-set-form{gap:8px;display:flex}.add-set-form input{color:var(--text-primary,#fff);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;flex:1;padding:10px 12px;font-size:.875rem}.add-set-form input:focus{border-color:var(--accent-color,#6366f1);outline:none}.add-set-form button{background:var(--accent-color,#6366f1);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:10px 20px;font-size:.875rem;font-weight:500;transition:all .2s}.add-set-form button:hover{background:#4f46e5}.empty-state{text-align:center;color:var(--text-secondary,#8b8b9a);padding:60px 20px}.empty-icon{margin-bottom:16px;font-size:3rem;display:block}.empty-state p{margin:8px 0}.empty-state button{background:var(--accent-color,#6366f1);color:#fff;cursor:pointer;border:none;border-radius:8px;margin-top:16px;padding:12px 24px;font-size:.875rem}.workout-history-list{flex-direction:column;gap:12px;display:flex}.history-item{background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;padding:16px;position:relative}.history-main{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.history-name{color:var(--text-primary,#fff);font-weight:600}.history-date{color:var(--text-secondary,#8b8b9a);font-size:.75rem}.history-stats{color:var(--text-secondary,#8b8b9a);gap:16px;margin-bottom:12px;font-size:.875rem;display:flex}.history-exercises{flex-wrap:wrap;gap:6px;display:flex}.history-exercise-tag,.history-exercise-more{color:var(--accent-color,#6366f1);background:#6366f133;border-radius:4px;padding:4px 10px;font-size:.75rem}.history-exercise-more{color:var(--text-secondary,#8b8b9a);background:#ffffff1a}.delete-workout-btn{color:var(--text-secondary,#8b8b9a);cursor:pointer;opacity:0;background:0 0;border:none;border-radius:4px;padding:4px;transition:all .2s;position:absolute;top:12px;right:12px}.history-item:hover .delete-workout-btn{opacity:.6}.delete-workout-btn:hover{background:#ef444433;opacity:1!important}.prs-list{flex-direction:column;gap:12px;display:flex}.pr-card{background:linear-gradient(90deg,#f59e0b33,#f59e0b0d);border:1px solid #f59e0b4d;border-radius:12px;justify-content:space-between;align-items:center;padding:16px;display:flex}.pr-exercise{align-items:center;gap:12px;display:flex}.pr-icon{font-size:1.5rem}.pr-name{color:var(--text-primary,#fff);font-weight:600}.pr-details{text-align:right}.pr-main{align-items:baseline;gap:8px;margin-bottom:4px;display:flex}.pr-weight{color:#f59e0b;font-size:1.5rem;font-weight:700}.pr-reps{color:var(--text-secondary,#8b8b9a);font-size:1rem}.pr-estimated{color:var(--text-secondary,#8b8b9a);font-size:.875rem}.pr-estimated strong{color:#f59e0b}.pr-date{color:var(--text-secondary,#8b8b9a);margin-top:4px;font-size:.75rem}.exercise-categories{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.exercise-categories button{color:var(--text-secondary,#8b8b9a);cursor:pointer;text-transform:capitalize;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;padding:8px 16px;font-size:.875rem;transition:all .2s}.exercise-categories button:hover{color:var(--text-primary,#fff);background:#ffffff1a}.exercise-categories button.active{border-color:var(--accent-color,#6366f1);color:var(--accent-color,#6366f1);background:#6366f133}.exercise-list-grid{flex-direction:column;gap:8px;display:flex}.exercise-item{background:#ffffff08;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:12px;padding:12px 16px;display:flex}.exercise-item-icon{font-size:1.25rem}.exercise-item-name{color:var(--text-primary,#fff);flex:1}.exercise-item-pr{color:#f59e0b;background:#f59e0b33;border-radius:4px;padding:4px 8px;font-size:.75rem}.exercise-picker-overlay{z-index:1100;background:#000c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.exercise-picker{background:var(--panel-bg,#1a1a2e);border:1px solid var(--border-color,#2d2d44);border-radius:16px;flex-direction:column;width:100%;max-width:500px;max-height:80vh;display:flex;overflow:hidden}.exercise-picker h4{border-bottom:1px solid var(--border-color,#2d2d44);color:var(--text-primary,#fff);margin:0;padding:16px 20px}.picker-categories{border-bottom:1px solid var(--border-color,#2d2d44);gap:8px;padding:16px 20px;display:flex;overflow-x:auto}.picker-categories button{color:var(--text-secondary,#8b8b9a);cursor:pointer;text-transform:capitalize;white-space:nowrap;background:#ffffff0d;border:none;border-radius:8px;padding:8px 16px;font-size:.875rem;transition:all .2s}.picker-categories button:hover{color:var(--text-primary,#fff);background:#ffffff1a}.picker-categories button.active{color:#fff}.picker-exercises{flex-direction:column;flex:1;gap:8px;padding:12px;display:flex;overflow-y:auto}.picker-exercise-btn{color:var(--text-primary,#fff);cursor:pointer;text-align:left;background:#ffffff08;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:12px;padding:12px 16px;transition:all .2s;display:flex}.picker-exercise-btn:hover{background:#6366f133;border-color:#6366f14d}.picker-icon{font-size:1.25rem}.picker-name{flex:1}.picker-pr{color:#f59e0b}.picker-close{border:none;border-top:1px solid var(--border-color,#2d2d44);color:var(--text-secondary,#8b8b9a);cursor:pointer;background:#ffffff0d;padding:12px 20px;font-size:.875rem;transition:all .2s}.picker-close:hover{color:var(--text-primary,#fff);background:#ffffff1a}.workout-tab-content::-webkit-scrollbar{width:8px}.picker-exercises::-webkit-scrollbar{width:8px}.workout-tab-content::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.picker-exercises::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.workout-tab-content::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.picker-exercises::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.workout-tab-content::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.picker-exercises::-webkit-scrollbar-thumb:hover{background:#ffffff4d}@media (max-width:600px){.workout-stats-bar{grid-template-columns:repeat(2,1fr)}.template-grid{grid-template-columns:1fr}.workout-actions{flex-wrap:wrap}.workout-actions button{flex:calc(50% - 4px)}.rest-timer-banner,.pr-card{text-align:center;flex-direction:column;gap:12px}.pr-details{text-align:center}}.dashboard{color:#e2e8f0;background:radial-gradient(circle at 15% 15%,#38bdf829 0%,#0000 40%),radial-gradient(circle at 85% 85%,#c084fc29 0%,#0000 44%),linear-gradient(135deg,#0a0e1a 0%,#0b1222 45%,#111827 100%);flex-direction:column;height:calc(100dvh - 68px);min-height:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,Roboto,sans-serif;display:flex;position:relative;overflow:clip}.dashboard-layout{z-index:1;flex:1;width:100%;min-height:0;display:flex;position:relative}.dashboard:before{content:"";pointer-events:none;opacity:.4;background-image:linear-gradient(#67e8f90d 1px,#0000 1px),linear-gradient(90deg,#67e8f90d 1px,#0000 1px);background-size:48px 48px;animation:30s linear infinite gridFloat;position:absolute;inset:-20%}@keyframes gridFloat{0%{transform:translate(0)}to{transform:translate(48px,48px)}}.dashboard-sidebar{-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);z-index:1;scrollbar-width:thin;background:linear-gradient(#0f172abf,#020617a6);border-right:1px solid #67e8f933;flex-direction:column;align-items:center;gap:12px;width:132px;height:100%;min-height:0;padding:20px 10px;display:flex;position:relative;overflow:hidden auto;box-shadow:inset -1px 0 #c084fc26,4px 0 24px #0000004d}.dashboard-sidebar:before{content:"";pointer-events:none;background:linear-gradient(#67e8f90d 0%,#0000 50%,#c084fc0d 100%);position:absolute;inset:0}.sidebar-brand{text-transform:uppercase;flex-direction:column;align-items:center;gap:2px;display:flex}.sidebar-brand__label{letter-spacing:1.3px;color:#67e8f9;font-size:10px;font-weight:700}.sidebar-brand__sub{color:#a5b4fc;letter-spacing:.8px;font-size:9px}.mc-avatar-sidebar{flex-shrink:0;width:64px;height:64px}.mode-indicator{text-align:center;scrollbar-width:thin;z-index:2;flex-flow:wrap;flex:1;place-content:flex-start center;gap:6px;width:100%;min-height:0;margin-top:8px;padding-bottom:10px;display:flex;position:relative;overflow-y:auto}.mode-badge{text-transform:uppercase;color:#a78bfa;z-index:3;background:#6366f133;border:1px solid #6366f1;border-radius:20px;width:100%;margin-bottom:8px;padding:5px 10px;font-size:10px;font-weight:600;display:inline-block;position:relative}.dashboard-main{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1;background:linear-gradient(160deg,#0f172a6b,#0f172a1f);flex:1;justify-content:center;align-items:stretch;min-height:0;padding:20px 20px 0;display:flex;position:relative;overflow:hidden}.chat-shell{background:linear-gradient(160deg,#0f172ad1,#020617bf);border:1px solid #67e8f93d;border-radius:20px;flex-direction:column;width:min(980px,100%);height:100%;min-height:0;margin:0 auto;padding:18px;display:flex;box-shadow:0 24px 60px #02061773,inset 0 0 0 1px #ffffff05,0 0 100px #6366f11a}.messages-container{background:linear-gradient(#0f172ab8,#0f172a73);border:1px solid #38bdf829;border-radius:16px;flex-direction:column;flex:1;gap:16px;min-height:0;margin-bottom:8px;padding:18px 12px 12px;display:flex;overflow-y:auto;box-shadow:inset 0 0 36px #0e749014}.messages-container::-webkit-scrollbar{width:6px}.messages-container::-webkit-scrollbar-track{background:0 0}.messages-container::-webkit-scrollbar-thumb{background:#94a3b833;border-radius:3px}.message{animation:.3s ease-out slideIn;display:flex}.message-user{justify-content:flex-end}.message-mc{justify-content:flex-start}.message-content{border-radius:12px;max-width:66%;padding:12px 16px;font-size:14px;line-height:1.5;box-shadow:0 10px 28px #02061752}.message-user .message-content{color:#ecfeff;background:linear-gradient(135deg,#22d3ee 0%,#6366f1 55%,#a855f7 100%);border-radius:14px 14px 4px;box-shadow:0 8px 24px #6366f14d,inset 0 1px #fff3,0 0 40px #6366f133}.message-mc .message-content{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#dbeafe;background:linear-gradient(145deg,#0f172ad9,#0a0e1abf);border:1px solid #67e8f933;border-radius:14px 14px 14px 4px;box-shadow:0 8px 24px #0000004d,inset 0 1px #ffffff0d}.input-area{flex-direction:column;gap:4px;margin-top:auto;display:flex}.input-controls{align-items:center;gap:12px;display:flex}.text-input-group{flex:1;gap:8px;display:flex}.text-input{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#e2e8f0;background:#0f172ab3;border:1px solid #67e8f940;border-radius:14px;flex:1;padding:14px 18px;font-family:inherit;font-size:14px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #0003,inset 0 1px #ffffff0d}.text-input:focus{background:#0f172ae6;border-color:#22d3ee;outline:none;transform:translateY(-1px);box-shadow:0 0 0 3px #22d3ee26,0 8px 24px #6366f140,0 0 40px #22d3ee33}.send-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#22d3ee 0%,#6366f1 50%,#ec4899 100%);border:none;border-radius:14px;padding:14px 18px;font-size:16px;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 8px 20px #6366f14d,inset 0 1px #fff3,0 0 #6366f100}.send-button:before{content:"";opacity:0;background:linear-gradient(135deg,#fff3 0%,#0000 50%);transition:opacity .3s;position:absolute;inset:0}.send-button:hover:before{opacity:1}.send-button:hover{transform:translateY(-2px);box-shadow:0 12px 28px #6366f166,inset 0 1px #ffffff4d,0 0 50px #6366f14d}.send-button:active{transform:translateY(0)}.voice-button{color:#f9a8d4;cursor:pointer;background:#ec48992e;border:1px solid #ec4899b3;border-radius:12px;padding:12px 20px;font-size:14px;font-weight:600;transition:all .2s}.voice-button:hover{background:#ec48994d}.voice-button.listening{color:#fff;background:#ec4899;animation:1s ease-in-out infinite pulse-button}.context-info{text-align:center;color:#cbd5e1;background:#6366f11a;border:1px solid #6366f14d;border-radius:8px;flex:1;padding:16px}.context-info p{margin:4px 0;font-size:13px}@keyframes pulse-button{0%,to{box-shadow:0 0 #ec4899b3}50%{box-shadow:0 0 0 6px #ec48991a}}.icon-btn{color:#7dd3fc;cursor:pointer;background:linear-gradient(145deg,#0f172ac7,#1e293b73);border:1px solid #67e8f938;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;padding:6px;font-size:14px;transition:all .2s;display:flex;box-shadow:inset 0 0 12px #38bdf814}.icon-btn:hover{color:#eef2ff;background:linear-gradient(145deg,#22d3ee33,#6366f138);border-color:#818cf8a6;transform:translateY(-1px)}.settings-btn{color:#94a3b8;cursor:pointer;background:#94a3b81a;border:1px solid #94a3b833;border-radius:8px;padding:8px;font-size:16px;transition:all .2s}.settings-btn:hover{color:#e2e8f0;background:#94a3b833}.dashboard-hud{flex-wrap:wrap;gap:10px;margin-bottom:12px;display:flex}.hud-chip{color:#cbd5e1;letter-spacing:.3px;background:#0f172a9e;border:1px solid #67e8f933;border-radius:999px;padding:6px 12px;font-size:11px}.hud-chip strong{color:#ecfeff}.hud-chip--connected{color:#86efac;border-color:#22c55e66}.hud-chip--reconnecting,.hud-chip--connecting{color:#fde68a;border-color:#fbbf2466}.hud-chip--offline,.hud-chip--error{color:#fecaca;border-color:#f8717180}.alerts-container{flex-direction:column;gap:8px;margin-bottom:16px;display:flex}.alert-item{color:#fbbf24;background:linear-gradient(90deg,#eab30826,#eab3080d);border:1px solid #eab3084d;border-radius:8px;padding:12px 16px;font-size:13px;animation:.3s ease-out slideIn}.message-time{color:#64748b;text-align:right;margin-top:4px;font-size:10px}.message-mc .message-time{text-align:left}.command-badge{text-transform:uppercase;color:#a78bfa;background:#6366f14d;border-radius:4px;margin-right:6px;padding:2px 6px;font-size:10px;font-weight:600;display:inline-block}.typing .message-content{min-width:50px;padding:16px 20px}.typing-indicator{justify-content:center;align-items:center;gap:4px;display:flex}.typing-indicator span{background:#a78bfa;border-radius:50%;width:6px;height:6px;animation:1.4s ease-in-out infinite both typing-bounce}.typing-indicator span:first-child{animation-delay:-.32s}.typing-indicator span:nth-child(2){animation-delay:-.16s}@keyframes typing-bounce{0%,80%,to{opacity:.4;transform:scale(.6)}40%{opacity:1;transform:scale(1)}}.input-hints{color:#64748b;justify-content:center;align-items:center;padding-top:0;font-size:11px;display:flex}@media (max-width:900px){.dashboard-sidebar{gap:14px;width:88px;padding:14px 6px}.chat-shell{border-radius:14px;height:100%;padding:12px}.dashboard-main{padding:10px 10px 0}}.input-hints strong{color:#94a3b8;font-weight:600}.help-overlay{z-index:1000;background:#000000b3;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.help-panel{background:linear-gradient(135deg,#1e293b 0%,#0f172a 100%);border:1px solid #94a3b833;border-radius:16px;flex-direction:column;width:90%;max-width:500px;max-height:80vh;animation:.3s ease-out slideUp;display:flex;box-shadow:0 25px 50px #00000080}.help-header{border-bottom:1px solid #94a3b81a;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.help-header h3{color:#e2e8f0;margin:0;font-size:18px;font-weight:600}.help-close{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:24px;transition:all .2s;display:flex}.help-close:hover{color:#e2e8f0;background:#94a3b81a}.help-content{flex:1;padding:24px;overflow-y:auto}.help-content section{margin-bottom:24px}.help-content section:last-child{margin-bottom:0}.help-content h4{color:#a78bfa;text-transform:uppercase;letter-spacing:.5px;margin:0 0 12px;font-size:13px;font-weight:600}.help-content ul{margin:0;padding:0;list-style:none}.help-content li{color:#cbd5e1;border-bottom:1px solid #94a3b81a;padding:6px 0;font-size:13px}.help-content li:last-child{border-bottom:none}.help-content strong{color:#e2e8f0;font-weight:600}.connection-status.reconnecting{background:#eab3081a;border:1px solid #eab3084d}.connection-status.reconnecting .status-indicator{color:#fbbf24}.connection-status.unconfigured{background:#94a3b81a;border:1px solid #94a3b84d}.connection-status.unconfigured .status-indicator{color:#94a3b8}.mode-switcher{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172a99;border:1px solid #94a3b826;border-radius:12px;justify-content:center;gap:8px;margin-bottom:12px;padding:12px;display:flex}.mode-switch-btn{color:#cbd5e1;cursor:pointer;background:#33415566;border:1px solid #94a3b833;border-radius:8px;min-width:50px;padding:10px 18px;font-size:20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.mode-switch-btn:hover{background:#6366f133;border-color:#6366f166;transform:translateY(-2px);box-shadow:0 4px 12px #6366f14d}.mode-switch-btn.active{background:linear-gradient(135deg,#6366f1 0%,#a855f7 100%);border-color:#6366f1;transform:scale(1.05);box-shadow:0 4px 16px #6366f180,inset 0 1px #fff3}.media-controls{justify-content:center;gap:12px;margin-top:12px;display:flex}.camera-button{color:#cbd5e1;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#33415599;border:1px solid #94a3b84d;border-radius:10px;padding:12px 24px;font-size:15px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1)}.camera-button:hover{background:#6366f133;border-color:#6366f180;transform:translateY(-2px);box-shadow:0 6px 20px #6366f14d}.camera-button.active{color:#fff;background:linear-gradient(135deg,#ec4899 0%,#f97316 100%);border-color:#ec4899;box-shadow:0 6px 24px #ec489980,inset 0 1px #fff3}.video-preview{background:#0f172acc;border:2px solid #6366f14d;border-radius:12px;margin-bottom:16px;overflow:hidden;box-shadow:0 8px 32px #0006}.camera-feed{object-fit:cover;width:100%;max-height:300px;display:block}@media (max-width:600px){.dashboard{flex-direction:column}.dashboard-sidebar{border-bottom:1px solid #94a3b81a;border-right:none;flex-direction:row;width:100%;height:auto;padding:12px}.mode-indicator{flex-direction:row;align-items:center;margin-top:0;padding-bottom:0}.sidebar-brand{display:none}.mc-avatar-sidebar{width:60px;height:60px}.message-content{max-width:85%}.input-hints{display:none}.input-controls{flex-direction:column;align-items:stretch}}.welcome-screen{color:#fff;background:radial-gradient(circle at 25% 25%,#6366f126 0%,#0000 50%),radial-gradient(circle at 75% 75%,#ec48991f 0%,#0000 50%),linear-gradient(135deg,#0a0e1a 0%,#0f172a 50%,#1e1b4b 100%);justify-content:center;align-items:center;width:100%;height:calc(100vh - 68px);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,Roboto,sans-serif;animation:10s ease-in-out infinite bgPulse;display:flex;position:relative;overflow:hidden auto}.welcome-screen:before{content:"";opacity:.4;background-image:linear-gradient(#67e8f908 1px,#0000 1px),linear-gradient(90deg,#67e8f908 1px,#0000 1px);background-size:50px 50px;animation:20s linear infinite gridMove;position:absolute;inset:0}.welcome-screen:after{content:"";pointer-events:none;background:radial-gradient(circle,#0000 30%,#0a0e1acc 100%);position:absolute;inset:0}.welcome-container{text-align:center;z-index:1;width:100%;max-width:500px;padding:40px 20px;animation:.8s ease-out fadeIn;position:relative}.avatar-wrapper-large{margin-top:20px;margin-bottom:24px;animation:.8s ease-out slideDown;transform:scale(1.1)}.welcome-title{-webkit-text-fill-color:transparent;letter-spacing:0;text-shadow:0 4px 12px #6366f166;background:linear-gradient(135deg,#22d3ee 0%,#6366f1 50%,#ec4899 100%) 0 0/200%;-webkit-background-clip:text;background-clip:text;margin:0 0 8px;font-size:clamp(36px,5vw,64px);font-weight:900;animation:3s ease-in-out infinite titleGlow}@keyframes titleGlow{0%,to{filter:brightness()drop-shadow(0 0 20px #6366f14d);background-position:0%}50%{filter:brightness(1.2)drop-shadow(0 0 30px #6366f180);background-position:100%}}.welcome-subtitle{text-transform:uppercase;letter-spacing:4px;color:#cbd5e1;opacity:1;margin:0 0 24px;font-size:15px;font-weight:700}.welcome-message{margin-bottom:24px;line-height:1.9}.welcome-greeting{color:#f1f5f9;margin:8px 0;font-size:20px;font-weight:500}.welcome-tagline{color:#e2e8f0;margin:8px 0;font-size:18px;font-weight:400}.welcome-button{color:#fff;cursor:pointer;letter-spacing:.5px;background:linear-gradient(135deg,#6366f1 0%,#a855f7 50%,#ec4899 100%);border:none;border-radius:14px;margin-bottom:16px;padding:16px 48px;font-size:17px;font-weight:600;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 12px 35px #6366f166,inset 0 1px #fff3,0 0 50px #6366f14d}.welcome-button:before{content:"";opacity:0;background:linear-gradient(135deg,#fff3 0%,#0000 50%);transition:opacity .4s;position:absolute;inset:0}.welcome-button:hover:before{opacity:1}.welcome-button:hover{transform:translateY(-3px)scale(1.02);box-shadow:0 16px 40px #6366f180,inset 0 1px #ffffff4d,0 0 60px #6366f166}.welcome-button:active{transform:translateY(-1px)scale(1)}.welcome-privacy{color:#64748b;margin:12px 0 0;font-size:12px}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}