@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-space-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--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-outline-style:solid;--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-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia: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;--color-amber-500:oklch(76.9% .188 70.08);--color-emerald-500:oklch(69.6% .17 162.48);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-900:oklch(37.9% .146 265.522);--color-violet-500:oklch(60.6% .25 292.717);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-4xl:56rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--text-3xl:1.875rem;--text-3xl--line-height: 1.2 ;--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5/2.25);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--leading-relaxed:1.625;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--animate-spin:spin 1s linear infinite;--blur-sm:8px;--blur-xl:24px;--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);--color-primary:var(--bg-primary);--color-secondary:var(--bg-secondary);--color-text-primary:var(--text-primary);--color-text-secondary:var(--text-secondary);--color-muted:var(--text-muted);--color-border:var(--border);--color-accent:var(--accent);--color-accent-hover:var(--accent-hover);--color-heatmap-0:var(--heatmap-0);--color-heatmap-1:var(--heatmap-1);--color-heatmap-2:var(--heatmap-2);--color-heatmap-3:var(--heatmap-3);--color-heatmap-4:var(--heatmap-4);--color-accent-green:var(--accent-green);--color-accent-purple:var(--accent-purple);--color-accent-orange:var(--accent-orange);--color-accent-blue:var(--accent-blue);--color-accent-red:var(--accent-rose)}}@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;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{.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.inset-0{inset:calc(var(--spacing)*0)}.top-1{top:calc(var(--spacing)*1)}.top-full{top:100%}.right-0{right:calc(var(--spacing)*0)}.right-1{right:calc(var(--spacing)*1)}.bottom-1{bottom:calc(var(--spacing)*1)}.z-0{z-index:0}.z-10{z-index:10}.z-50{z-index:50}.z-\[100\]{z-index:100}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-3{margin-top:calc(var(--spacing)*3)}.mt-4{margin-top:calc(var(--spacing)*4)}.mt-6{margin-top:calc(var(--spacing)*6)}.mr-1{margin-right:calc(var(--spacing)*1)}.mr-2{margin-right:calc(var(--spacing)*2)}.mb-1{margin-bottom:calc(var(--spacing)*1)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-3{margin-bottom:calc(var(--spacing)*3)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-6{margin-bottom:calc(var(--spacing)*6)}.ml-1{margin-left:calc(var(--spacing)*1)}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.h-2{height:calc(var(--spacing)*2)}.h-3{height:calc(var(--spacing)*3)}.h-6{height:calc(var(--spacing)*6)}.h-8{height:calc(var(--spacing)*8)}.h-10{height:calc(var(--spacing)*10)}.h-64{height:calc(var(--spacing)*64)}.h-\[14px\]{height:14px}.h-\[26px\]{height:26px}.h-\[36px\]{height:36px}.max-h-\[85vh\]{max-height:85vh}.min-h-screen{min-height:100vh}.w-3{width:calc(var(--spacing)*3)}.w-6{width:calc(var(--spacing)*6)}.w-7{width:calc(var(--spacing)*7)}.w-8{width:calc(var(--spacing)*8)}.w-10{width:calc(var(--spacing)*10)}.w-20{width:calc(var(--spacing)*20)}.w-64{width:calc(var(--spacing)*64)}.w-\[180px\]{width:180px}.w-full{width:100%}.max-w-4xl{max-width:var(--container-4xl)}.flex-1{flex:1}.flex-none{flex:none}.flex-shrink{flex-shrink:1}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-spin{animation:var(--animate-spin)}.cursor-pointer{cursor:pointer}.resize{resize:both}.list-disc{list-style-type:disc}.appearance-none{appearance:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-1{gap:calc(var(--spacing)*1)}.gap-2{gap:calc(var(--spacing)*2)}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}.gap-6{gap:calc(var(--spacing)*6)}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*2)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*6)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*6)*calc(1 - var(--tw-space-y-reverse)))}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-\[var\(--color-border\)\]{border-color:var(--color-border)}.border-accent-blue\/30{border-color:var(--color-accent-blue)}@supports (color:color-mix(in lab,red,red)){.border-accent-blue\/30{border-color:color-mix(in oklab,var(--color-accent-blue)30%,transparent)}}.border-accent-green\/20{border-color:var(--color-accent-green)}@supports (color:color-mix(in lab,red,red)){.border-accent-green\/20{border-color:color-mix(in oklab,var(--color-accent-green)20%,transparent)}}.border-accent-green\/30{border-color:var(--color-accent-green)}@supports (color:color-mix(in lab,red,red)){.border-accent-green\/30{border-color:color-mix(in oklab,var(--color-accent-green)30%,transparent)}}.border-accent-orange\/20{border-color:var(--color-accent-orange)}@supports (color:color-mix(in lab,red,red)){.border-accent-orange\/20{border-color:color-mix(in oklab,var(--color-accent-orange)20%,transparent)}}.border-accent-orange\/30{border-color:var(--color-accent-orange)}@supports (color:color-mix(in lab,red,red)){.border-accent-orange\/30{border-color:color-mix(in oklab,var(--color-accent-orange)30%,transparent)}}.border-accent-purple\/30{border-color:var(--color-accent-purple)}@supports (color:color-mix(in lab,red,red)){.border-accent-purple\/30{border-color:color-mix(in oklab,var(--color-accent-purple)30%,transparent)}}.border-white\/10{border-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.border-white\/10{border-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.bg-\[\#0F0F13\]{background-color:#0f0f13}.bg-\[var\(--color-accent\)\]{background-color:var(--color-accent)}.bg-\[var\(--color-bg-primary\)\]{background-color:var(--color-bg-primary)}.bg-\[var\(--color-bg-secondary\)\]{background-color:var(--color-bg-secondary)}.bg-\[var\(--color-bg-tertiary\)\]{background-color:var(--color-bg-tertiary)}.bg-accent-green\/10{background-color:var(--color-accent-green)}@supports (color:color-mix(in lab,red,red)){.bg-accent-green\/10{background-color:color-mix(in oklab,var(--color-accent-green)10%,transparent)}}.bg-accent-green\/20{background-color:var(--color-accent-green)}@supports (color:color-mix(in lab,red,red)){.bg-accent-green\/20{background-color:color-mix(in oklab,var(--color-accent-green)20%,transparent)}}.bg-accent-orange\/10{background-color:var(--color-accent-orange)}@supports (color:color-mix(in lab,red,red)){.bg-accent-orange\/10{background-color:color-mix(in oklab,var(--color-accent-orange)10%,transparent)}}.bg-accent-orange\/20{background-color:var(--color-accent-orange)}@supports (color:color-mix(in lab,red,red)){.bg-accent-orange\/20{background-color:color-mix(in oklab,var(--color-accent-orange)20%,transparent)}}.bg-amber-500\/15{background-color:#f99c0026}@supports (color:color-mix(in lab,red,red)){.bg-amber-500\/15{background-color:color-mix(in oklab,var(--color-amber-500)15%,transparent)}}.bg-black\/40{background-color:#0006}@supports (color:color-mix(in lab,red,red)){.bg-black\/40{background-color:color-mix(in oklab,var(--color-black)40%,transparent)}}.bg-blue-500\/15{background-color:#3080ff26}@supports (color:color-mix(in lab,red,red)){.bg-blue-500\/15{background-color:color-mix(in oklab,var(--color-blue-500)15%,transparent)}}.bg-blue-900\/50{background-color:#1c398e80}@supports (color:color-mix(in lab,red,red)){.bg-blue-900\/50{background-color:color-mix(in oklab,var(--color-blue-900)50%,transparent)}}.bg-emerald-500\/15{background-color:#00bb7f26}@supports (color:color-mix(in lab,red,red)){.bg-emerald-500\/15{background-color:color-mix(in oklab,var(--color-emerald-500)15%,transparent)}}.bg-heatmap-0{background-color:var(--color-heatmap-0)}.bg-heatmap-1{background-color:var(--color-heatmap-1)}.bg-heatmap-2{background-color:var(--color-heatmap-2)}.bg-heatmap-3{background-color:var(--color-heatmap-3)}.bg-heatmap-4{background-color:var(--color-heatmap-4)}.bg-secondary\/30{background-color:var(--color-secondary)}@supports (color:color-mix(in lab,red,red)){.bg-secondary\/30{background-color:color-mix(in oklab,var(--color-secondary)30%,transparent)}}.bg-secondary\/80{background-color:var(--color-secondary)}@supports (color:color-mix(in lab,red,red)){.bg-secondary\/80{background-color:color-mix(in oklab,var(--color-secondary)80%,transparent)}}.bg-violet-500\/15{background-color:#8d54ff26}@supports (color:color-mix(in lab,red,red)){.bg-violet-500\/15{background-color:color-mix(in oklab,var(--color-violet-500)15%,transparent)}}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-accent-blue\/20{--tw-gradient-from:var(--color-accent-blue)}@supports (color:color-mix(in lab,red,red)){.from-accent-blue\/20{--tw-gradient-from:color-mix(in oklab,var(--color-accent-blue)20%,transparent)}}.from-accent-blue\/20{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-accent-green\/20{--tw-gradient-from:var(--color-accent-green)}@supports (color:color-mix(in lab,red,red)){.from-accent-green\/20{--tw-gradient-from:color-mix(in oklab,var(--color-accent-green)20%,transparent)}}.from-accent-green\/20{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-accent-orange\/20{--tw-gradient-from:var(--color-accent-orange)}@supports (color:color-mix(in lab,red,red)){.from-accent-orange\/20{--tw-gradient-from:color-mix(in oklab,var(--color-accent-orange)20%,transparent)}}.from-accent-orange\/20{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-accent-purple\/20{--tw-gradient-from:var(--color-accent-purple)}@supports (color:color-mix(in lab,red,red)){.from-accent-purple\/20{--tw-gradient-from:color-mix(in oklab,var(--color-accent-purple)20%,transparent)}}.from-accent-purple\/20{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-accent-red\/20{--tw-gradient-from:var(--color-accent-red)}@supports (color:color-mix(in lab,red,red)){.from-accent-red\/20{--tw-gradient-from:color-mix(in oklab,var(--color-accent-red)20%,transparent)}}.from-accent-red\/20{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-accent-blue\/10{--tw-gradient-to:var(--color-accent-blue)}@supports (color:color-mix(in lab,red,red)){.to-accent-blue\/10{--tw-gradient-to:color-mix(in oklab,var(--color-accent-blue)10%,transparent)}}.to-accent-blue\/10{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-accent-green\/10{--tw-gradient-to:var(--color-accent-green)}@supports (color:color-mix(in lab,red,red)){.to-accent-green\/10{--tw-gradient-to:color-mix(in oklab,var(--color-accent-green)10%,transparent)}}.to-accent-green\/10{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-accent-orange\/10{--tw-gradient-to:var(--color-accent-orange)}@supports (color:color-mix(in lab,red,red)){.to-accent-orange\/10{--tw-gradient-to:color-mix(in oklab,var(--color-accent-orange)10%,transparent)}}.to-accent-orange\/10{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-accent-purple\/10{--tw-gradient-to:var(--color-accent-purple)}@supports (color:color-mix(in lab,red,red)){.to-accent-purple\/10{--tw-gradient-to:color-mix(in oklab,var(--color-accent-purple)10%,transparent)}}.to-accent-purple\/10{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-accent-red\/10{--tw-gradient-to:var(--color-accent-red)}@supports (color:color-mix(in lab,red,red)){.to-accent-red\/10{--tw-gradient-to:color-mix(in oklab,var(--color-accent-red)10%,transparent)}}.to-accent-red\/10{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.p-0{padding:calc(var(--spacing)*0)}.p-1{padding:calc(var(--spacing)*1)}.p-2{padding:calc(var(--spacing)*2)}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.p-5{padding:calc(var(--spacing)*5)}.p-6{padding:calc(var(--spacing)*6)}.px-3{padding-inline:calc(var(--spacing)*3)}.py-1{padding-block:calc(var(--spacing)*1)}.py-2{padding-block:calc(var(--spacing)*2)}.py-4{padding-block:calc(var(--spacing)*4)}.pt-6{padding-top:calc(var(--spacing)*6)}.pb-2{padding-bottom:calc(var(--spacing)*2)}.pb-4{padding-bottom:calc(var(--spacing)*4)}.pl-5{padding-left:calc(var(--spacing)*5)}.text-center{text-align:center}.text-right{text-align:right}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[10px\]{font-size:10px}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.text-\[var\(--color-accent\)\]{color:var(--color-accent)}.text-\[var\(--color-text-muted\)\]{color:var(--color-text-muted)}.text-\[var\(--color-text-primary\)\]{color:var(--color-text-primary)}.text-\[var\(--color-text-secondary\)\]{color:var(--color-text-secondary)}.text-accent{color:var(--color-accent)}.text-accent-blue{color:var(--color-accent-blue)}.text-accent-green{color:var(--color-accent-green)}.text-accent-orange{color:var(--color-accent-orange)}.text-accent-purple{color:var(--color-accent-purple)}.text-accent-red{color:var(--color-accent-red)}.text-amber-500{color:var(--color-amber-500)}.text-blue-500{color:var(--color-blue-500)}.text-emerald-500{color:var(--color-emerald-500)}.text-muted{color:var(--color-muted)}.text-primary{color:var(--color-primary)}.text-secondary{color:var(--color-secondary)}.text-violet-500{color:var(--color-violet-500)}.text-white{color:var(--color-white)}.italic{font-style:italic}.underline{text-decoration-line:underline}.accent-\[var\(--color-accent\)\]{accent-color:var(--color-accent)}.opacity-30{opacity:.3}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.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)}.ring-2{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + 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)}.ring-\[var\(--color-accent\)\]{--tw-ring-color:var(--color-accent)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.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,)}.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.backdrop-blur-xl{--tw-backdrop-blur:blur(var(--blur-xl));-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.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))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}@media(hover:hover){.hover\:bg-\[var\(--color-bg-tertiary\)\]:hover,.hover\:bg-\[var\(--color-bg-tertiary\)\]\/80:hover{background-color:var(--color-bg-tertiary)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-\[var\(--color-bg-tertiary\)\]\/80:hover{background-color:color-mix(in oklab,var(--color-bg-tertiary)80%,transparent)}}.hover\:bg-accent-hover:hover{background-color:var(--color-accent-hover)}.hover\:bg-white\/10:hover{background-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.hover\:bg-white\/10:hover{background-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.hover\:text-\[var\(--color-text-primary\)\]:hover{color:var(--color-text-primary)}.hover\:text-accent:hover{color:var(--color-accent)}}@media(min-width:40rem){.sm\:flex{display:flex}.sm\:inline{display:inline}}@media(min-width:48rem){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:p-8{padding:calc(var(--spacing)*8)}.md\:text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}}@media(min-width:64rem){.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(prefers-color-scheme:dark){.dark\:border-white\/5{border-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){.dark\:border-white\/5{border-color:color-mix(in oklab,var(--color-white)5%,transparent)}}@media(hover:hover){.dark\:hover\:bg-white\/5:hover{background-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-white\/5:hover{background-color:color-mix(in oklab,var(--color-white)5%,transparent)}}}}}:root{--bg-primary:#f8fafc;--bg-secondary:transparent;--bg-card:transparent;--accent-blue:#3b82f6;--bg-header:transparent;--bg-hover:#0000000a;--bg-tertiary:#00000005;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--border:#0000000d;--border-hover:#0000001a;--accent:#3b82f6;--accent-hover:#2563eb;--accent-light:#3b82f61a;--cell-low:#3b82f626;--cell-med:#3b82f64d;--cell-high:#3b82f680;--accent-green:#10b981;--accent-green-bg:#10b98114;--accent-emerald:#059669;--accent-emerald-bg:#0596691a;--accent-rose:#f43f5e;--accent-rose-bg:#f43f5e14;--accent-purple:#8b5cf6;--accent-orange:#f97316;--heatmap-0:#00000008;--heatmap-1:#bfdbfe;--heatmap-2:#93c5fd;--heatmap-3:#60a5fa;--heatmap-4:#3b82f6}.dark{--bg-primary:#0a0f1e;--bg-secondary:transparent;--bg-card:transparent;--bg-header:transparent;--bg-hover:#ffffff0d;--bg-tertiary:#ffffff05;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;--border:#ffffff1a;--border-hover:#fff3}.dark .engram-category-btn,.dark .engram-today-btn,.dark .engram-add-btn{border-color:#3f3f46!important}input[type=text],input[type=number],input[type=email],input[type=password],input[type=search],input[type=date],textarea,select{background-color:var(--bg-card);color:var(--text-primary);border:1px solid var(--border);border-radius:8px;outline:none;padding:8px 12px;font-size:14px;transition:all .2s}input:focus,textarea:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-light)}input::placeholder,textarea::placeholder{color:var(--text-muted)}input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer}.dark input[type=date]::-webkit-calendar-picker-indicator{filter:invert(.9)}.monochrome input,.monochrome textarea,.monochrome select{color:#171717;background-color:#fff;border-color:#e5e5e5}.monochrome input:focus,.monochrome textarea:focus,.monochrome select:focus{border-color:#171717;box-shadow:0 0 0 2px #0000001a}.dark.monochrome input,.dark.monochrome textarea,.dark.monochrome select{color:#fafafa;background-color:#000;border-color:#333}.dark.monochrome input:focus,.dark.monochrome textarea:focus,.dark.monochrome select:focus{border-color:#fafafa;box-shadow:0 0 0 2px #ffffff26}.edit-input,.subject-edit-input,.collection-name-input,.alias-input,.note-title-input{width:100%;font-size:inherit;background-color:var(--bg-secondary);border-color:var(--accent);padding:6px 10px}.edit-input:focus,.subject-edit-input:focus,.collection-name-input:focus,.alias-input:focus,.note-title-input:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-light)}.custom-duration input,.custom-input{text-align:center;background-color:var(--bg-secondary);width:48px;padding:6px 4px;font-size:13px;font-weight:500}.category-select,.mini-category-select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;background-size:12px;min-width:100px;padding:6px 24px 6px 8px;font-size:12px}.mini-category-select{min-width:120px;height:30px}.modal-input input,.manual-input input{text-align:center;width:60px;padding:8px;font-size:16px;font-weight:600}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.daily-note-input{resize:vertical;width:100%;min-height:80px}.new-item-row input,.engram-add-form input[type=text]{flex:1;min-width:0}.bg-primary{background:var(--bg-primary)!important}.bg-secondary{background-color:var(--bg-secondary)!important}.bg-card{background-color:var(--bg-card)!important}.bg-tertiary{background-color:var(--bg-tertiary)!important}.bg-hover{background-color:var(--bg-hover)!important}.bg-accent{background-color:var(--accent)!important}.bg-accent-light{background-color:var(--accent-light)!important}.bg-transparent{background-color:#0000!important}.text-primary{color:var(--text-primary)!important}.text-secondary{color:var(--text-secondary)!important}.text-muted{color:var(--text-muted)!important}.text-accent{color:var(--accent)!important}.text-green{color:var(--accent-green)!important}.text-rose{color:var(--accent-rose)!important}.text-orange{color:var(--accent-orange)!important}.text-purple{color:var(--accent-purple)!important}.border-default{border-color:var(--border)!important}.border-hover{border-color:var(--border-hover)!important}.border-accent{border-color:var(--accent)!important}.border-green{border-color:var(--accent-green)!important}.border-rose{border-color:var(--accent-rose)!important}.bg-success{background-color:var(--accent-green-bg)!important}.bg-danger{background-color:var(--accent-rose-bg)!important}.bg-warning{background-color:#f973161a!important}.text-success{color:var(--accent-green)!important}.text-danger{color:var(--accent-rose)!important}.text-warning{color:var(--accent-orange)!important}.themed-input{background-color:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border);border-radius:8px;outline:none;width:100%;padding:10px 14px;font-size:14px;transition:all .2s}.themed-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}.themed-input::placeholder{color:var(--text-muted)}.themed-input:disabled{opacity:.6;cursor:not-allowed}.themed-input.input-sm{border-radius:6px;padding:6px 10px;font-size:13px}.themed-input.input-lg{border-radius:10px;padding:14px 18px;font-size:16px}.themed-textarea{background-color:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border);resize:vertical;border-radius:8px;outline:none;width:100%;min-height:100px;padding:12px 14px;font-family:inherit;font-size:14px;line-height:1.6;transition:border-color .2s,box-shadow .2s}.themed-textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}.themed-textarea::placeholder{color:var(--text-muted)}.themed-select{background-color:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:14px;border-radius:8px;outline:none;padding:10px 32px 10px 14px;font-size:14px;transition:all .2s}.themed-select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}.dark .themed-input,.dark .themed-textarea,.dark .themed-select{background-color:var(--bg-tertiary);border-color:var(--border)}.monochrome .themed-input,.monochrome .themed-textarea,.monochrome .themed-select{background-color:#fff;border-color:#e5e5e5}.monochrome .themed-input:focus,.monochrome .themed-textarea:focus,.monochrome .themed-select:focus{border-color:#171717;box-shadow:0 0 0 3px #00000014}.dark.monochrome .themed-input,.dark.monochrome .themed-textarea,.dark.monochrome .themed-select{color:#fafafa;background-color:#0a0a0a;border-color:#333}.dark.monochrome .themed-input:focus,.dark.monochrome .themed-textarea:focus,.dark.monochrome .themed-select:focus{border-color:#fafafa;box-shadow:0 0 0 3px #ffffff1f}.accent-blue{--accent:#3b82f6;--accent-hover:#2563eb;--accent-light:#3b82f61f;--cell-low:#3b82f614;--cell-med:#3b82f626;--cell-high:#3b82f640;--heatmap-1:#bfdbfe;--heatmap-2:#93c5fd;--heatmap-3:#60a5fa;--heatmap-4:#3b82f6}.dark.accent-blue{--accent:#60a5fa;--accent-hover:#3b82f6;--accent-light:#60a5fa26;--cell-low:#60a5fa1a;--cell-med:#60a5fa33;--cell-high:#60a5fa59;--bg-hover:#3b82f614;--heatmap-0:#ffffff08;--heatmap-1:#1e3a5f;--heatmap-2:#1e40af;--heatmap-3:#3b82f6;--heatmap-4:#60a5fa}.accent-purple{--accent:#8b5cf6;--accent-hover:#7c3aed;--accent-light:#8b5cf61f;--cell-low:#8b5cf614;--cell-med:#8b5cf626;--cell-high:#8b5cf640;--heatmap-1:#ddd6fe;--heatmap-2:#c4b5fd;--heatmap-3:#a78bfa;--heatmap-4:#8b5cf6}.dark.accent-purple{--accent:#a78bfa;--accent-hover:#8b5cf6;--accent-light:#a78bfa26;--cell-low:#a78bfa1a;--cell-med:#a78bfa33;--cell-high:#a78bfa59;--bg-hover:#8b5cf614;--heatmap-0:#ffffff08;--heatmap-1:#312e81;--heatmap-2:#4c1d95;--heatmap-3:#6d28d9;--heatmap-4:#8b5cf6}.accent-rose{--accent:#f43f5e;--accent-hover:#e11d48;--accent-light:#f43f5e1f;--cell-low:#f43f5e14;--cell-med:#f43f5e26;--cell-high:#f43f5e40;--heatmap-1:#fecdd3;--heatmap-2:#fda4af;--heatmap-3:#fb7185;--heatmap-4:#f43f5e}.dark.accent-rose{--accent:#fb7185;--accent-hover:#f43f5e;--accent-light:#fb718526;--cell-low:#fb71851a;--cell-med:#fb718533;--cell-high:#fb718559;--bg-hover:#f43f5e14;--heatmap-0:#ffffff08;--heatmap-1:#4c0519;--heatmap-2:#881337;--heatmap-3:#be123c;--heatmap-4:#f43f5e}.accent-emerald{--accent:#10b981;--accent-hover:#059669;--accent-light:#10b9811f;--cell-low:#10b98114;--cell-med:#10b98126;--cell-high:#10b98140;--heatmap-1:#a7f3d0;--heatmap-2:#6ee7b7;--heatmap-3:#34d399;--heatmap-4:#10b981}.dark.accent-emerald{--accent:#34d399;--accent-hover:#10b981;--accent-light:#34d39926;--cell-low:#34d3991a;--cell-med:#34d39933;--cell-high:#34d39959;--bg-hover:#10b98114;--heatmap-0:#ffffff08;--heatmap-1:#064e3b;--heatmap-2:#047857;--heatmap-3:#059669;--heatmap-4:#10b981}.accent-amber{--accent:#f59e0b;--accent-hover:#d97706;--accent-light:#f59e0b1f;--cell-low:#f59e0b14;--cell-med:#f59e0b26;--cell-high:#f59e0b40;--heatmap-1:#fde68a;--heatmap-2:#fcd34d;--heatmap-3:#fbbf24;--heatmap-4:#f59e0b}.dark.accent-amber{--accent:#fbbf24;--accent-hover:#f59e0b;--accent-light:#fbbf2426;--cell-low:#fbbf241a;--cell-med:#fbbf2433;--cell-high:#fbbf2459;--bg-hover:#f59e0b14;--heatmap-0:#ffffff08;--heatmap-1:#451a03;--heatmap-2:#78350f;--heatmap-3:#b45309;--heatmap-4:#f59e0b}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background-color:var(--bg-primary);background-image:linear-gradient(to bottom,var(--bg-primary)0%,var(--bg-primary)30%,var(--accent)100%);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}@supports (color:color-mix(in lab,red,red)){body{background-image:linear-gradient(to bottom,var(--bg-primary)0%,var(--bg-primary)30%,color-mix(in srgb,var(--accent)12%,var(--bg-primary))100%)}}body{color:var(--text-primary);background-attachment:fixed;line-height:1.5;transition:background-color .6s,color .4s}.dark body{background-image:linear-gradient(to bottom,var(--bg-primary)0%,var(--bg-primary)20%,var(--accent)100%)}@supports (color:color-mix(in lab,red,red)){.dark body{background-image:linear-gradient(to bottom,var(--bg-primary)0%,var(--bg-primary)20%,color-mix(in srgb,var(--accent)20%,var(--bg-primary))100%)}}.app-layout{flex-direction:column;height:100vh;display:flex;overflow:hidden}.sticky-header{border-bottom:1px solid var(--border);z-index:50;background:0 0;flex-shrink:0;padding:12px 24px;position:relative}.sticky-header:before{content:"";background:var(--bg-header);-webkit-backdrop-filter:blur(12px);z-index:-1;transition:background-color .6s;position:absolute;inset:0}.header-content{justify-content:space-between;align-items:center;gap:16px;max-width:100%;display:flex}.header-left,.header-right{align-items:center;gap:12px;display:flex}.tab-nav{gap:24px;display:flex}.tab-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:6px 0;font-size:14px;font-weight:500;transition:color .2s;position:relative}.tab-btn:hover{color:var(--text-secondary)}.tab-btn.active{color:var(--text-primary)}.tab-btn.active:after{content:"";background:var(--accent);border-radius:1px;height:2px;position:absolute;bottom:-1px;left:0;right:0}.main-content{flex:1;padding:16px;overflow:hidden}.toggle-group{background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;padding:3px;transition:background-color .6s,border-color .6s;display:flex}.toggle-btn.active{background:var(--bg-card);color:var(--text-primary);box-shadow:0 1px 2px #0000000d}.theme-btn{border:1px solid var(--border);background:var(--bg-secondary);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:flex}.theme-btn:hover{border-color:var(--border-hover);color:var(--text-primary)}.calendar-layout{grid-template-columns:1fr minmax(280px,600px) 1fr;gap:24px;height:100%;padding:16px;display:grid;overflow:auto}.calendar-spacer{display:block}.calendar-sidebar{max-width:280px}@media(max-width:900px){.calendar-layout{grid-template-columns:1fr;gap:16px;padding:12px}.calendar-spacer,.calendar-sidebar{display:none}}.calendar-container{flex-direction:column;gap:10px;max-width:100%;height:100%;margin:0 auto;padding:8px 12px;display:flex}.calendar-header{flex-shrink:0;align-items:center;gap:12px;display:flex}.month-title{text-align:center;min-width:140px;font-size:15px;font-weight:600}.nav-btn{background:var(--bg-secondary);border:1px solid var(--border);cursor:pointer;width:30px;height:30px;color:var(--text-secondary);border-radius:6px;justify-content:center;align-items:center;transition:all .2s;display:flex}.nav-btn:hover{background:var(--bg-card);border-color:var(--border-hover);color:var(--text-primary)}.spacer{flex:1}.weekday-row{flex-shrink:0;grid-template-columns:repeat(7,1fr);justify-content:center;gap:8px;width:100%;max-width:560px;margin:0 auto;display:grid}.weekday-label{text-align:center;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;padding:6px 0;font-size:10px;font-weight:600}.calendar-grid{grid-template-columns:repeat(7,1fr);grid-auto-rows:minmax(50px,1fr);justify-content:center;gap:8px;width:100%;max-width:560px;margin:0 auto;display:grid}.day-cell{aspect-ratio:1;cursor:pointer;background:var(--bg-secondary);border:1px solid var(--border);border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-width:0;padding:4px;transition:all .2s;display:flex;overflow:hidden}.day-cell:hover{border-color:var(--accent);z-index:10;transform:scale(1.03);box-shadow:0 4px 12px #00000014}.dark .day-cell:hover{box-shadow:0 4px 12px #0000004d}.day-cell.other-month{opacity:.3}.day-cell.today{border-color:var(--accent);border-width:2px}.day-number{font-size:clamp(10px,2vw,14px);font-weight:500;line-height:1}.day-duration{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:clamp(7px,1.2vw,10px);font-weight:500;overflow:hidden}.day-cell.intensity-low{background:var(--cell-low)}.day-cell.intensity-med{background:var(--cell-med)}.day-cell.intensity-high{background:var(--cell-high);color:#fff;border-color:var(--accent)}.day-cell.intensity-high .day-duration{color:#fffc}.bento-grid{grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(4,1fr);gap:12px;height:100%;display:grid}.bento-panel{background:var(--bg-secondary);border:none;border-radius:12px;flex-direction:column;padding:16px;display:flex;overflow:hidden}@media(max-width:768px){.bento-grid{height:auto;min-height:100dvh;padding-bottom:env(safe-area-inset-bottom,20px);flex-direction:column;gap:16px;display:flex}.bento-panel{min-height:180px}.bento-panel.chart{min-height:250px}.bento-panel.overview{min-height:auto;padding:16px}.heatmap-scroll{padding-bottom:8px}}.dark .bento-panel:hover{box-shadow:0 4px 16px #0000004d}.bento-panel.metrics{grid-area:1/1/2/3}.bento-panel.chart{grid-area:1/3/3/5}.bento-panel.peaks-best{border-color:var(--accent-emerald);grid-area:2/1/3/2}.bento-panel.peaks-worst{border-color:var(--accent-rose);grid-area:2/2/3/3}.bento-panel.streak{grid-area:3/1/4/2}.bento-panel.daily-goal{grid-area:3/2/4/3}.dark .bento-panel.daily-goal{background:0 0}.bento-panel.heatmap{grid-area:3/3/4/5}.bento-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background:#00000080;justify-content:center;align-items:center;padding:32px;display:flex;position:fixed;inset:0}.bento-expanded{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;width:100%;max-width:900px;max-height:80vh;padding:24px;overflow:auto}.close-btn{border:1px solid var(--border);background:var(--bg-secondary);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;display:flex;position:absolute;top:16px;right:16px}.panel-title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:12px;font-size:11px;font-weight:600}.metric-row{flex:1;align-items:center;gap:16px;display:flex}.metric-item{flex:1}.metric-value{color:var(--accent);letter-spacing:-.02em;font-size:24px;font-weight:700}.metric-value.green{color:var(--accent-green)}.metric-value.orange{color:var(--accent-orange)}.metric-value.purple{color:var(--accent-purple)}.metric-label{color:var(--text-secondary);margin-top:2px;font-size:11px}.peak-mini{flex-direction:column;flex:1;justify-content:center;display:flex}.peak-badge{text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px;font-size:10px;font-weight:600}.peak-badge.best{color:var(--accent-green)}.peak-badge.worst{color:var(--accent-rose)}.peak-date-mini{font-size:13px;font-weight:600}.peak-value-mini{color:var(--text-secondary);font-size:11px}.streak-display{flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.streak-number{color:var(--accent-orange);font-size:36px;font-weight:700}.streak-label{color:var(--text-secondary);font-size:11px}.daily-goal-content{flex-direction:column;flex:1;gap:8px;display:flex}.daily-goal-header{align-items:center;gap:6px;display:flex}.daily-goal-header .goal-icon{color:var(--accent)}.goal-status-icon{border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;margin-left:auto;display:flex}.goal-status-icon.positive{color:var(--accent-green)}.goal-status-icon.negative{color:var(--accent-orange)}.daily-goal-main{flex:1;justify-content:center;align-items:center;display:flex}.goal-display{text-align:center;cursor:pointer;border-radius:8px;padding:4px 8px;transition:background .2s}.goal-display:hover{background:var(--bg-tertiary)}.goal-value{color:var(--accent);font-size:18px;font-weight:700;display:block}.goal-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:10px}.goal-edit{align-items:center;gap:4px;display:flex}.goal-input{text-align:center;background:var(--bg-tertiary);border:1px solid var(--accent);width:50px;color:var(--text-primary);border-radius:6px;padding:6px 8px;font-size:18px;font-weight:600}.goal-unit{color:var(--text-muted);font-size:14px}.daily-goal-progress{margin:2px 0}.progress-bar{background:var(--bg-tertiary);border-radius:3px;height:6px;overflow:hidden}.progress-fill{background:var(--accent);border-radius:3px;height:100%;transition:width .3s}.daily-goal-stats{justify-content:space-between;gap:8px;display:flex}.daily-goal-stats .stat-item{flex-direction:column;align-items:center;gap:2px;display:flex}.daily-goal-stats .stat-value{color:var(--text-primary);align-items:center;gap:3px;font-size:11px;font-weight:600;display:flex}.daily-goal-stats .stat-label{color:var(--text-muted);text-transform:uppercase;font-size:9px}.daily-goal-stats .difference.positive .stat-value{color:var(--accent-green)}.daily-goal-stats .difference.negative .stat-value{color:var(--accent-orange)}.daily-goal-stats .efficiency .efficiency-value{color:var(--accent-purple);font-size:12px;font-weight:700}.daily-goal-stats .efficiency.complete .efficiency-value{color:var(--accent-green)}.goal-celebration{background:var(--accent-green);color:#fff;z-index:9999;border-radius:12px;align-items:center;gap:12px;padding:16px 24px;animation:.4s celebrationSlideIn;display:flex;position:fixed;top:120px;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #0000004d}.celebration-emoji{font-size:28px;animation:.5s infinite alternate celebrationBounce}.celebration-text{color:#fff;text-align:center;font-size:16px;font-weight:600}@keyframes celebrationSlideIn{0%{opacity:0;transform:translate(-50%)translateY(-20px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@keyframes celebrationBounce{0%{transform:translateY(0)}to{transform:translateY(-5px)}}.daily-goal-content{position:relative}.heatmap-compact{flex-direction:column;flex:1;min-height:0;display:flex}.heatmap-header{flex-shrink:0;align-items:center;gap:8px;margin-bottom:8px;display:flex}.heatmap-year{text-align:center;min-width:50px;font-size:12px;font-weight:600}.heatmap-scroll{flex:1;min-height:0;overflow:auto hidden}.heatmap-grid{gap:2px;height:100%;display:flex}.heatmap-cell{background:var(--heatmap-0);border-radius:2px;flex-shrink:0;width:10px;height:10px}.heatmap-legend{color:var(--text-muted);align-items:center;gap:3px;margin-left:auto;font-size:10px;display:flex}.legend-cell{border-radius:2px;width:10px;height:10px}.chart-flex{flex:1;min-height:0}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;width:100%;max-width:340px;padding:28px}.modal-date{color:var(--text-secondary);text-align:center;margin-bottom:20px;font-size:13px;font-weight:500}.modal-input-group{gap:12px;margin-bottom:20px;display:flex}.modal-input{flex:1}.modal-input input{background:var(--bg-secondary);border:1px solid var(--border);width:100%;color:var(--text-primary);text-align:center;border-radius:10px;padding:14px;font-size:24px;font-weight:600}.modal-input input:focus{border-color:var(--accent);outline:none}.modal-input label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;text-align:center;margin-top:6px;font-size:10px;display:block}.btn{cursor:pointer;border-radius:8px;flex:1;padding:10px 14px;font-size:13px;font-weight:500}.btn-primary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-hover)}.btn-primary:hover{background:var(--bg-hover);border-color:var(--border-hover)}.btn-secondary{border:1px solid var(--border);color:var(--text-secondary);background:0 0}.btn-secondary:hover{background:var(--bg-secondary);color:var(--text-primary)}.btn-danger{border:1px solid var(--accent-rose);color:var(--accent-rose);background:0 0}.keyboard-hint{color:var(--text-muted);text-align:center;margin-top:12px;font-size:10px}kbd{background:var(--bg-secondary);border:1px solid var(--border);border-radius:3px;padding:2px 5px;font-size:9px}.recharts-cartesian-grid line{stroke:var(--border)}.recharts-text{fill:var(--text-muted);font-size:10px}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.no-data{height:100%;color:var(--text-muted);justify-content:center;align-items:center;font-size:12px;display:flex}.sync-status{color:var(--text-muted);align-items:center;display:flex}.sync-status .syncing{animation:1.5s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.5}}.profile-btn{background:var(--bg-secondary);border:1px solid var(--border);cursor:pointer;border-radius:20px;align-items:center;gap:6px;padding:4px 10px 4px 4px;transition:all .2s;display:flex}.profile-btn:hover{border-color:var(--border-hover)}.dropdown-backdrop{z-index:90;position:fixed;inset:0}.profile-dropdown{background:var(--bg-primary);border:1px solid var(--border);z-index:100;border-radius:12px;width:260px;max-height:80vh;padding:8px;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden auto;box-shadow:0 8px 32px #0006}.dropdown-header{align-items:center;gap:12px;padding:12px;display:flex}.dropdown-avatar{border-radius:50%;width:40px;height:40px}.dropdown-name{font-size:14px;font-weight:600}.dropdown-alias{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;padding:0;font-size:12px;display:flex}.dropdown-alias:hover{color:var(--accent)}.dropdown-divider{background:var(--border);height:1px;margin:8px 0}.dropdown-section{padding:8px 12px}.dropdown-label{white-space:nowrap;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:6px;margin-bottom:8px;font-size:10px;font-weight:600;display:flex}.visibility-options{gap:6px;display:flex}.visibility-btn{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:4px;padding:6px 8px;font-size:10px;transition:all .2s;display:flex}.visibility-btn.active{background:var(--accent-light);border-color:var(--accent);color:var(--accent)}.language-options{gap:6px;display:flex}.lang-btn{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:6px;flex:1;justify-content:center;align-items:center;padding:6px 12px;font-size:12px;font-weight:600;transition:all .2s;display:flex}.lang-btn:hover{border-color:var(--border-hover);color:var(--text-primary)}.lang-btn.active{background:var(--accent)}@supports (color:color-mix(in lab,red,red)){.lang-btn.active{background:color-mix(in srgb,var(--accent)18%,transparent)}}.lang-btn.active{border-color:var(--accent)}@supports (color:color-mix(in lab,red,red)){.lang-btn.active{border-color:color-mix(in srgb,var(--accent)30%,transparent)}}.lang-btn.active{box-shadow:0 2px 8px var(--accent);color:var(--accent)!important}@supports (color:color-mix(in lab,red,red)){.lang-btn.active{box-shadow:0 2px 8px color-mix(in srgb,var(--accent)12%,transparent)}}.theme-controls{gap:6px;display:flex}.theme-toggle-btn{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:6px;flex:1;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex}.theme-toggle-btn:hover{border-color:var(--border-hover);color:var(--text-primary)}.theme-toggle-btn.active{background:var(--accent)}@supports (color:color-mix(in lab,red,red)){.theme-toggle-btn.active{background:color-mix(in srgb,var(--accent)18%,transparent)}}.theme-toggle-btn.active{border-color:var(--accent)}@supports (color:color-mix(in lab,red,red)){.theme-toggle-btn.active{border-color:color-mix(in srgb,var(--accent)30%,transparent)}}.theme-toggle-btn.active{box-shadow:0 2px 8px var(--accent);color:var(--accent)!important}@supports (color:color-mix(in lab,red,red)){.theme-toggle-btn.active{box-shadow:0 2px 8px color-mix(in srgb,var(--accent)12%,transparent)}}.accent-color-row{flex-wrap:wrap;justify-content:center;gap:10px;padding:4px 0;display:flex}.accent-dot{cursor:pointer;border:2px solid #0000;border-radius:50%;width:24px;height:24px;transition:all .2s}.accent-dot:hover{transform:scale(1.15)}.accent-dot.active{border-color:var(--text-primary);box-shadow:0 0 0 2px var(--bg-card),0 0 0 4px currentColor}.accent-dot.monochrome-dot{border:1px solid var(--border);background:linear-gradient(135deg,#fff 50%,#171717 50%)}.dark .accent-dot.monochrome-dot{background:linear-gradient(135deg,#fafafa 50%,#0a0a0a 50%)}.accent-dot.monochrome-dot.active{border-color:var(--text-primary);box-shadow:0 0 0 2px var(--bg-card),0 0 0 3px var(--text-primary)}.settings-trigger-btn{background:var(--bg-secondary);border:1px solid var(--border);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex}.settings-trigger-btn:hover{background:var(--bg-hover);border-color:var(--border-hover);color:var(--text-primary)}.settings-dropdown{min-width:220px;box-shadow:0 8px 32px #0006}.dropdown-item{width:100%;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;padding:10px 12px;font-size:13px;transition:all .15s;display:flex}.dropdown-item:hover{background:var(--bg-secondary);color:var(--text-primary)}.dropdown-item.danger{color:var(--accent-rose)}.dropdown-item.danger:hover{background:var(--accent-rose-bg)}.auth-btn-wrapper{transform-origin:100%;transform:scale(.85)}.friends-container{flex-direction:column;gap:16px;max-width:500px;height:100%;margin:0 auto;display:flex;overflow-y:auto}.friends-section{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;padding:16px}.friends-section .section-title{margin-bottom:12px}.add-friend-row{gap:8px;display:flex}.alias-input{background:var(--bg-primary);border:1px solid var(--border);color:var(--text-primary);border-radius:8px;flex:1;padding:10px 14px;font-size:13px}.alias-input:focus{border-color:var(--accent);outline:none}.alias-input::placeholder{color:var(--text-muted)}.friend-request,.friend-card{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:12px 0;display:flex}.friend-request:last-child,.friend-card:last-child{border-bottom:none}.friend-avatar{background:var(--accent);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:600;display:flex}.friend-info{flex:1}.friend-alias{font-size:13px;font-weight:500}.friend-status{color:var(--text-muted);align-items:center;gap:4px;margin-top:2px;font-size:11px;display:flex}.friend-vibe{color:var(--text-muted)}.request-actions{gap:6px;display:flex}.action-btn{cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;transition:all .15s;display:flex}.action-btn.accept{background:var(--accent-green-bg);color:var(--accent-green)}.action-btn.accept:hover{background:var(--accent-green);color:#fff}.action-btn.reject{background:var(--accent-rose-bg);color:var(--accent-rose)}.action-btn.reject:hover{background:var(--accent-rose);color:#fff}.friends-empty,.friends-empty-list{height:100%;color:var(--text-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}.friends-empty-list{padding:24px}.account-container{flex-direction:column;gap:16px;max-width:500px;height:100%;margin:0 auto;padding:8px 0;display:flex;overflow-y:auto}.account-empty{height:100%;color:var(--text-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex}.account-empty h2{color:var(--text-primary);font-size:18px;font-weight:600}.account-empty p{max-width:280px;font-size:14px}.account-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:16px;padding:20px}.card-title{margin-bottom:16px;font-size:14px;font-weight:600}.profile-header{border-bottom:1px solid var(--border);align-items:center;gap:16px;margin-bottom:20px;padding-bottom:20px;display:flex}.profile-avatar{border:2px solid var(--accent);border-radius:50%;width:64px;height:64px}.profile-name{margin-bottom:4px;font-size:20px;font-weight:600}.profile-email{color:var(--text-secondary);align-items:center;gap:6px;font-size:13px;display:flex}.profile-section{margin-top:4px}.section-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:6px;margin-bottom:8px;font-size:11px;font-weight:600;display:flex}.alias-display{background:var(--bg-primary);border:1px solid var(--border);cursor:pointer;border-radius:10px;justify-content:space-between;align-items:center;width:100%;padding:12px 16px;transition:all .2s;display:flex}.alias-display:hover{border-color:var(--accent)}.alias-text{color:var(--accent);font-size:18px;font-weight:600}.copy-icon{color:var(--text-muted)}.alias-hint{color:var(--text-muted);margin-top:8px;font-size:12px}.visibility-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:12px;display:grid}.visibility-option{border:1px solid var(--border);cursor:pointer;color:var(--text-muted);background:0 0;border-radius:12px;flex-direction:column;align-items:center;gap:8px;padding:16px 12px;transition:all .2s;display:flex}.visibility-option:hover{border-color:var(--border-hover);color:var(--text-secondary)}.visibility-option.active{background:var(--accent-light);border-color:var(--accent);color:var(--accent)}.visibility-option span{font-size:12px;font-weight:500}.accent-color-grid{flex-wrap:wrap;gap:10px;display:flex}.accent-color-btn{border:1px solid var(--border);cursor:pointer;color:var(--text-secondary);background:0 0;border-radius:10px;align-items:center;gap:8px;padding:10px 16px;transition:all .2s;display:flex;position:relative}.accent-color-btn:hover{border-color:var(--border-hover);background:var(--bg-hover)}.accent-color-btn.active{border-color:var(--btn-color);background:var(--btn-color)}@supports (color:color-mix(in lab,red,red)){.accent-color-btn.active{background:color-mix(in srgb,var(--btn-color)12%,transparent)}}.accent-color-btn .color-circle{border-radius:50%;flex-shrink:0;width:18px;height:18px;box-shadow:0 2px 4px #00000026}.accent-color-btn .color-label{font-size:13px;font-weight:500}.accent-color-btn .check-icon{color:var(--btn-color);margin-left:auto}.visibility-desc{color:var(--text-secondary);text-align:center;font-size:13px}.sync-info{flex-direction:column;gap:16px;display:flex}.sync-row{color:var(--text-secondary);align-items:center;gap:10px;font-size:14px;display:flex}.sync-row .syncing{color:var(--accent);animation:1.5s ease-in-out infinite pulse}.sync-stats{gap:24px;display:flex}.stat{align-items:baseline;gap:6px;display:flex}.stat-value{color:var(--accent);font-size:24px;font-weight:700}.stat-label{color:var(--text-secondary);font-size:13px}.signout-btn{border:1px solid var(--accent-rose);width:100%;color:var(--accent-rose);cursor:pointer;background:0 0;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:14px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.signout-btn:hover{background:var(--accent-rose-bg)}.focus-container{flex-direction:column;justify-content:center;align-items:center;gap:24px;height:100%;padding:24px;display:flex}.focus-modes{gap:8px;display:flex}.mode-btn{-webkit-backdrop-filter:blur(12px);color:var(--text-secondary);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;align-items:center;gap:8px;padding:12px 16px;font-size:14px;font-weight:500;transition:all .25s;display:flex}.mode-btn:hover:not(:disabled){background:var(--text-primary)}@supports (color:color-mix(in lab,red,red)){.mode-btn:hover:not(:disabled){background:color-mix(in srgb,var(--text-primary)10%,transparent)}}.mode-btn:hover:not(:disabled){color:var(--text-primary);border-color:#0000}.mode-btn.active{box-shadow:none;color:var(--accent);background:0 0;font-weight:600;border-color:#0000!important}.mode-btn:disabled{opacity:.5;cursor:not-allowed}.focus-settings{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin:0;display:flex;position:static}.setting-toggle{background:var(--bg-secondary);border:1px solid var(--border);width:36px;height:36px;color:var(--text-muted);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:flex}.setting-toggle:hover{border-color:var(--border-hover);color:var(--text-primary)}.setting-toggle.active{background:var(--accent)}@supports (color:color-mix(in lab,red,red)){.setting-toggle.active{background:color-mix(in srgb,var(--accent)15%,transparent)}}.setting-toggle.active{border-color:var(--accent)}@supports (color:color-mix(in lab,red,red)){.setting-toggle.active{border-color:color-mix(in srgb,var(--accent)25%,transparent)}}.setting-toggle.active{color:var(--accent)}.timer-display{justify-content:center;align-items:center;width:260px;height:260px;display:flex;position:relative}.timer-ring{width:100%;height:100%;position:absolute}.timer-time{font-variant-numeric:tabular-nums;color:var(--text-primary);font-size:48px;font-weight:700}.timer-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;font-size:12px;font-weight:500;position:absolute;bottom:55px}.duration-presets{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.preset-btn{background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;border-radius:8px;padding:8px 16px;font-size:13px;transition:all .2s}.preset-btn:hover{border-color:var(--border-hover)}.preset-btn.active{background:var(--accent)}@supports (color:color-mix(in lab,red,red)){.preset-btn.active{background:color-mix(in srgb,var(--accent)18%,transparent)}}.preset-btn.active{border-color:var(--accent)}@supports (color:color-mix(in lab,red,red)){.preset-btn.active{border-color:color-mix(in srgb,var(--accent)30%,transparent)}}.preset-btn.active{color:var(--accent)}.custom-duration{background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;align-items:center;gap:4px;padding:4px 8px;display:flex}.custom-duration input{width:48px;color:var(--text-primary);text-align:center;background:0 0;border:none;font-size:14px}.custom-duration span{color:var(--text-muted);font-size:12px}.timer-controls{gap:12px;display:flex}.control-btn{cursor:pointer;border-radius:12px;align-items:center;gap:8px;padding:14px 28px;font-size:15px;font-weight:600;transition:all .2s;display:flex}.control-btn.primary{background:var(--accent)}@supports (color:color-mix(in lab,red,red)){.control-btn.primary{background:color-mix(in srgb,var(--accent)15%,transparent)}}.control-btn.primary{-webkit-backdrop-filter:blur(12px);border:1px solid var(--accent)}@supports (color:color-mix(in lab,red,red)){.control-btn.primary{border:1px solid color-mix(in srgb,var(--accent)25%,transparent)}}.control-btn.primary{color:var(--text-primary);box-shadow:0 4px 16px var(--accent)}@supports (color:color-mix(in lab,red,red)){.control-btn.primary{box-shadow:0 4px 16px color-mix(in srgb,var(--accent)10%,transparent)}}.control-btn.primary:hover{background:var(--accent)}@supports (color:color-mix(in lab,red,red)){.control-btn.primary:hover{background:color-mix(in srgb,var(--accent)22%,transparent)}}.control-btn.primary:hover{border-color:var(--accent)}@supports (color:color-mix(in lab,red,red)){.control-btn.primary:hover{border-color:color-mix(in srgb,var(--accent)35%,transparent)}}.control-btn.primary:hover{box-shadow:0 6px 20px var(--accent);transform:translateY(-1px)}@supports (color:color-mix(in lab,red,red)){.control-btn.primary:hover{box-shadow:0 6px 20px color-mix(in srgb,var(--accent)15%,transparent)}}.control-btn.secondary{background:var(--text-primary)}@supports (color:color-mix(in lab,red,red)){.control-btn.secondary{background:color-mix(in srgb,var(--text-primary)6%,transparent)}}.control-btn.secondary{-webkit-backdrop-filter:blur(12px);border:1px solid var(--text-primary)}@supports (color:color-mix(in lab,red,red)){.control-btn.secondary{border:1px solid color-mix(in srgb,var(--text-primary)10%,transparent)}}.control-btn.secondary{color:var(--text-primary)}.control-btn.secondary:hover{background:var(--text-primary)}@supports (color:color-mix(in lab,red,red)){.control-btn.secondary:hover{background:color-mix(in srgb,var(--text-primary)10%,transparent)}}.control-btn.secondary:hover{border-color:var(--text-primary)}@supports (color:color-mix(in lab,red,red)){.control-btn.secondary:hover{border-color:color-mix(in srgb,var(--text-primary)15%,transparent)}}.control-btn.danger{background:var(--accent-rose)}@supports (color:color-mix(in lab,red,red)){.control-btn.danger{background:color-mix(in srgb,var(--accent-rose)8%,transparent)}}.control-btn.danger{-webkit-backdrop-filter:blur(12px);border:1px solid var(--accent-rose)}@supports (color:color-mix(in lab,red,red)){.control-btn.danger{border:1px solid color-mix(in srgb,var(--accent-rose)25%,transparent)}}.control-btn.danger{color:var(--accent-rose)}.commit-modal{border:1px solid var(--border);text-align:center;background:#fff;border-radius:20px;width:100%;max-width:380px;padding:32px}.dark .commit-modal{background:#0a0f1e}.commit-header{flex-direction:column;align-items:center;gap:12px;margin-bottom:24px;display:flex}.commit-icon{color:var(--accent)}.commit-header h2{font-size:20px;font-weight:600}.commit-duration{background:var(--accent-light);border-radius:12px;margin-bottom:24px;padding:20px}.duration-value{color:var(--accent);font-size:32px;font-weight:700}.duration-label{color:var(--text-secondary);margin-top:4px;font-size:13px;display:block}.commit-question{text-align:left;margin-bottom:24px}.commit-question label{margin-bottom:8px;font-size:13px;font-weight:500;display:block}.subject-dropdown{position:relative}.dropdown-trigger{background:var(--bg-secondary);border:1px solid var(--border);width:100%;color:var(--text-primary);cursor:pointer;border-radius:10px;justify-content:space-between;align-items:center;padding:12px 16px;font-size:14px;display:flex}.dropdown-trigger svg.rotated{transform:rotate(180deg)}.dropdown-menu{border:1px solid var(--border);z-index:100;background:#fff;border-radius:10px;max-height:200px;margin-top:4px;position:absolute;top:100%;left:0;right:0;overflow-y:auto}.dark .dropdown-menu{background:#0a0f1e}.dropdown-option{width:100%;color:var(--text-primary);text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;padding:10px 12px;font-size:13px;display:flex}.dropdown-option:hover{background:var(--bg-hover)}.dropdown-option.selected{color:var(--accent)}.dropdown-option.topic{color:var(--text-secondary);padding-left:32px;font-size:12px}.dropdown-option svg.hidden{visibility:hidden}.dropdown-group{border-bottom:1px solid var(--border)}.dropdown-empty{text-align:center;color:var(--text-muted);padding:16px;font-size:13px}.commit-actions{gap:12px;display:flex}.commit-actions .btn{flex:1}.curriculum-container{flex-direction:column;height:100%;padding:16px;display:flex;overflow-y:auto}.curriculum-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.curriculum-header h2{font-size:18px;font-weight:600}.btn-sm{padding:8px 14px;font-size:13px}.new-item-row{background:var(--bg-secondary);border-radius:10px;gap:8px;margin-bottom:12px;padding:12px;display:flex}.new-item-row input{flex:1}.action-btn{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.action-btn.accept{background:var(--accent)}@supports (color:color-mix(in lab,red,red)){.action-btn.accept{background:color-mix(in srgb,var(--accent)15%,transparent)}}.action-btn.accept{color:var(--accent)}.action-btn.reject{background:var(--text-primary)}@supports (color:color-mix(in lab,red,red)){.action-btn.reject{background:color-mix(in srgb,var(--text-primary)6%,transparent)}}.action-btn.reject{color:var(--text-secondary)}.subjects-list{flex-direction:column;flex:1;gap:8px;display:flex}.subject-item{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;width:100%;max-width:700px;margin-left:auto;margin-right:auto;overflow:hidden}.subject-header{align-items:center;gap:8px;padding:12px 16px;display:flex}.expand-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:4px}.subject-name{cursor:pointer;flex:1;font-weight:500}.subject-time{color:var(--accent);font-size:13px;font-weight:600}.subject-actions{opacity:0;gap:4px;transition:opacity .2s;display:flex}.subject-header:hover .subject-actions{opacity:1}.icon-btn{width:28px;height:28px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;transition:all .2s;display:flex}.icon-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.icon-btn.danger:hover{color:var(--accent-rose)}.edit-input{flex:1}.topics-list{border-top:1px solid var(--border);padding:8px 16px 12px 40px}.topic-item{border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:8px 0;display:flex}.topic-item:last-of-type{border-bottom:none}.topic-name{color:var(--text-secondary);flex:1;font-size:14px}.topic-time{color:var(--accent);font-size:12px}.topic-actions{opacity:0;gap:4px;transition:opacity .2s;display:flex}.topic-item:hover .topic-actions{opacity:1}.add-topic-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:8px 0;font-size:13px;display:flex}.add-topic-btn:hover{color:var(--accent)}.new-item-row.topic{margin:8px 0 0;padding:8px}.manual-entry-modal{background:var(--bg-card);border:1px solid var(--border);text-align:center;border-radius:16px;width:100%;max-width:420px;padding:24px}.manual-entry-modal h3{margin-bottom:16px;font-size:16px}.manual-input{justify-content:center;align-items:center;gap:8px;margin-bottom:20px;display:flex}.manual-input input{background:var(--bg-secondary);border:1px solid var(--border);width:80px;color:var(--text-primary);text-align:center;border-radius:8px;padding:12px;font-size:24px;font-weight:600}.manual-input span{color:var(--text-muted)}.modal-actions{gap:8px;display:flex}.modal-actions .btn{flex:1}.empty-state{color:var(--text-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:48px;display:flex}.btn{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:10px 16px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.btn-primary{background:var(--accent)}@supports (color:color-mix(in lab,red,red)){.btn-primary{background:color-mix(in srgb,var(--accent)15%,transparent)}}.btn-primary{-webkit-backdrop-filter:blur(12px);border:1px solid var(--accent)}@supports (color:color-mix(in lab,red,red)){.btn-primary{border:1px solid color-mix(in srgb,var(--accent)25%,transparent)}}.btn-primary{color:var(--accent)}.btn-primary:hover{background:var(--accent)}@supports (color:color-mix(in lab,red,red)){.btn-primary:hover{background:color-mix(in srgb,var(--accent)22%,transparent)}}.btn-primary:hover{border-color:var(--accent)}@supports (color:color-mix(in lab,red,red)){.btn-primary:hover{border-color:color-mix(in srgb,var(--accent)35%,transparent)}}.btn-secondary{background:var(--text-primary)}@supports (color:color-mix(in lab,red,red)){.btn-secondary{background:color-mix(in srgb,var(--text-primary)6%,transparent)}}.btn-secondary{-webkit-backdrop-filter:blur(12px);border:1px solid var(--text-primary)}@supports (color:color-mix(in lab,red,red)){.btn-secondary{border:1px solid color-mix(in srgb,var(--text-primary)10%,transparent)}}.btn-secondary{color:var(--text-secondary)}.btn-secondary:hover{border-color:var(--border-hover)}.friend-menu-wrapper{position:relative}.friend-menu-btn{width:32px;height:32px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:flex}.friend-menu-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.friend-menu{background:var(--bg-card);border:1px solid var(--border);z-index:100;border-radius:10px;min-width:160px;margin-top:4px;padding:4px;position:absolute;top:100%;right:0;box-shadow:0 8px 24px #0003}.friend-menu button{width:100%;color:var(--text-primary);cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;padding:10px 12px;font-size:13px;transition:background .2s;display:flex}.friend-menu button:hover{background:var(--bg-hover)}.friend-menu button.danger{color:var(--accent-rose)}.friend-menu button.danger:hover{background:var(--accent-rose-bg)}.friend-profile-modal{background:var(--bg-card);border:1px solid var(--border);border-radius:20px;width:100%;max-width:420px;padding:32px;position:relative}.modal-close-btn{background:var(--bg-secondary);width:32px;height:32px;color:var(--text-muted);cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;display:flex;position:absolute;top:16px;right:16px}.modal-close-btn:hover{color:var(--text-primary)}.profile-modal-header{flex-direction:column;align-items:center;gap:12px;margin-bottom:24px;display:flex}.profile-modal-avatar{background:var(--accent);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;font-size:24px;font-weight:600;display:flex}.profile-modal-header h2{font-size:18px;font-weight:600}.profile-modal-content{flex-direction:column;gap:16px;display:flex}.profile-stat-card{background:var(--bg-secondary);border-radius:12px;align-items:flex-start;gap:12px;padding:16px;display:flex}.profile-stat-card svg{color:var(--accent);flex-shrink:0;margin-top:2px}.stat-info{flex:1}.stat-info .stat-label{margin-bottom:4px;font-weight:500}.stat-info .stat-desc{color:var(--text-secondary);font-size:13px;line-height:1.4}.profile-heatmap-placeholder{background:var(--bg-secondary);border-radius:12px;padding:16px}.heatmap-grid{gap:2px;display:flex;overflow:hidden}.heatmap-week{flex-direction:column;gap:2px;display:flex}.heatmap-day{background:var(--accent);border-radius:1px;width:6px;height:6px}.heatmap-label{color:var(--text-muted);text-align:center;margin-top:12px;font-size:11px}.day-note{color:var(--text-muted);-webkit-line-clamp:2;text-overflow:ellipsis;opacity:.8;-webkit-box-orient:vertical;max-width:100%;margin-top:2px;font-size:9px;line-height:1.2;display:-webkit-box;overflow:hidden}.daily-note-section{border-top:1px solid var(--border);margin-top:16px;padding-top:16px}.note-label{color:var(--text-secondary);align-items:center;gap:6px;margin-bottom:8px;font-size:12px;font-weight:500;display:flex}.daily-note-input{background:var(--bg-secondary);border:1px solid var(--border);width:100%;color:var(--text-primary);resize:none;border-radius:8px;padding:12px;font-family:inherit;font-size:13px;line-height:1.5}.daily-note-input:focus{border-color:var(--accent);outline:none}.daily-note-input::placeholder{color:var(--text-muted)}.notes-container{gap:0;height:100%;display:flex}.notes-sidebar{background:var(--bg-secondary);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;width:260px;display:flex}.sidebar-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px;display:flex}.sidebar-header h3{color:var(--text-primary);font-size:14px;font-weight:600}.new-collection-input{border-bottom:1px solid var(--border);gap:6px;padding:12px;display:flex}.new-collection-input input{flex:1}.collections-list{flex:1;padding:8px;overflow-y:auto}.collection-item{cursor:pointer;border-radius:8px;align-items:center;gap:10px;padding:10px 12px;transition:all .15s;display:flex;position:relative}.collection-item:hover{background:var(--bg-hover)}.collection-item.active{background:var(--accent-light)}.collection-color{cursor:pointer;border-radius:3px;flex-shrink:0;width:12px;height:12px}.collection-name{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:13px;overflow:hidden}.collection-name-input{flex:1;padding:4px 6px}.collection-count{color:var(--text-muted);background:var(--bg-tertiary);border-radius:4px;padding:2px 6px;font-size:11px}.collection-actions{gap:4px;display:none}.collection-item:hover .collection-actions{display:flex}.collection-item:hover .collection-count{display:none}.color-picker-popup{background:var(--bg-card);border:1px solid var(--border);z-index:10;border-radius:8px;gap:4px;padding:8px;display:flex;position:absolute;top:100%;left:12px;box-shadow:0 4px 12px #00000026}.color-btn{cursor:pointer;border:2px solid #0000;border-radius:4px;width:20px;height:20px;transition:transform .15s}.color-btn:hover{transform:scale(1.1)}.color-btn.active{border-color:var(--text-primary)}.notes-content{flex-direction:column;flex:1;padding:20px;display:flex;overflow-y:auto}.notes-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.notes-header h2{font-size:20px;font-weight:600}.notes-empty{color:var(--text-muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;display:flex}.notes-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;display:grid}.note-card{border:1px solid var(--border);cursor:pointer;border-radius:12px;min-height:120px;padding:16px;transition:all .2s}.note-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.note-card.editing{cursor:default;min-height:300px}.note-title{color:var(--text-primary);margin-bottom:8px;font-size:14px;font-weight:600}.note-title-input{border:none;border-bottom:1px solid var(--border);width:100%;color:var(--text-primary);background:0 0;margin-bottom:8px;padding:8px;font-size:14px;font-weight:600}.note-title-input:focus{border-color:var(--accent);outline:none}.note-preview{color:var(--text-secondary);-webkit-line-clamp:5;-webkit-box-orient:vertical;font-size:12px;line-height:1.5;display:-webkit-box;overflow:hidden}.note-toolbar{background:var(--bg-secondary);border-radius:8px;align-items:center;gap:4px;margin-bottom:12px;padding:8px;display:flex}.toolbar-btn{width:28px;height:28px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;transition:all .15s;display:flex}.toolbar-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.toolbar-divider{background:var(--border);width:1px;height:20px;margin:0 4px}.note-color-picker{background:var(--bg-secondary);border-radius:8px;gap:6px;margin-bottom:12px;padding:8px;display:flex}.note-content-editable{border:1px solid var(--border);min-height:120px;color:var(--text-primary);background:#ffffff80;border-radius:8px;outline:none;padding:12px;font-size:13px;line-height:1.6}.note-content-editable:focus{border-color:var(--accent)}.note-content-editable[placeholder]:empty:before{content:attr(placeholder);color:var(--text-muted)}.note-actions{justify-content:flex-end;gap:8px;margin-top:12px;display:flex}.monochrome{--bg-primary:#fff;--bg-secondary:transparent;--bg-card:transparent;--bg-header:transparent;--bg-hover:#0000000a;--bg-tertiary:#00000005;--text-primary:#000;--text-secondary:#404040;--text-muted:#737373;--border:#d4d4d4;--border-hover:#a3a3a3;--accent:#171717;--accent-hover:#000;--accent-light:#00000014;--accent-green:#404040;--accent-green-bg:#0000000d;--accent-emerald:#525252;--accent-emerald-bg:#0000000f;--accent-rose:#525252;--accent-rose-bg:#0000000d;--accent-purple:#404040;--accent-orange:#525252;--heatmap-0:#00000008;--heatmap-1:#d4d4d4;--heatmap-2:#a3a3a3;--heatmap-3:#525252;--heatmap-4:#171717}.dark.monochrome{--bg-primary:#0a0a0a;--bg-secondary:transparent;--bg-card:transparent;--bg-header:transparent;--bg-hover:#ffffff0d;--bg-tertiary:#ffffff05;--text-primary:#fafafa;--text-secondary:#a3a3a3;--text-muted:#737373;--border:#262626;--border-hover:#404040;--accent:#fafafa;--accent-hover:#fff;--accent-light:#ffffff1a;--accent-green:#d4d4d4;--accent-green-bg:#ffffff0d;--accent-emerald:#a3a3a3;--accent-emerald-bg:#ffffff0f;--accent-rose:#a3a3a3;--accent-rose-bg:#ffffff0d;--accent-purple:#d4d4d4;--accent-orange:#a3a3a3;--heatmap-0:#ffffff08;--heatmap-1:#262626;--heatmap-2:#404040;--heatmap-3:#a3a3a3;--heatmap-4:#fafafa}.monochrome .day-cell.intensity-low{color:#171717;background:#e5e5e5}.monochrome .day-cell.intensity-med{color:#171717;background:#a3a3a3}.monochrome .day-cell.intensity-high{color:#fafafa;background:#171717;border-color:#171717}.monochrome .day-cell.intensity-high .day-duration,.monochrome .day-cell.intensity-high .day-note{color:#fffc}.dark.monochrome .day-cell.intensity-low{color:#fafafa;background:#262626}.dark.monochrome .day-cell.intensity-med{color:#fafafa;background:#525252}.dark.monochrome .day-cell.intensity-high{color:#171717;background:#fafafa;border-color:#fafafa}.dark.monochrome .day-cell.intensity-high .day-duration,.dark.monochrome .day-cell.intensity-high .day-note{color:#000000b3}.monochrome .day-cell.other-month{opacity:.5}.dark.monochrome .day-cell.other-month{opacity:.4}.monochrome .day-cell.today{border-width:2px;border-color:#171717}.dark.monochrome .day-cell.today{border-width:2px;border-color:#fafafa}.monochrome .new-item-row{background:#f5f5f5;border:1px solid #d4d4d4}.dark.monochrome .new-item-row{background:#171717;border:1px solid #404040}.dark.monochrome .new-item-row input{color:#fafafa;background:#262626;border-color:#404040}.monochrome .btn-primary{color:#fafafa;background:#171717}.monochrome .btn-primary:hover{background:#000}.dark.monochrome .btn-primary{color:#171717;background:#fafafa}.dark.monochrome .btn-primary:hover{background:#fff}.monochrome .tab-btn.active{color:#171717;border-color:#171717}.dark.monochrome .tab-btn.active{color:#fafafa;border-color:#fafafa}.monochrome .theme-btn.active{color:#fafafa;background:#171717;border-color:#171717}.dark.monochrome .theme-btn.active{color:#171717;background:#fafafa;border-color:#fafafa}.dark.monochrome .mode-btn.active{color:#171717;background:#fafafa}.monochrome .mode-btn.active{color:#fafafa;background:#171717}.dark.monochrome .preset-btn.active{color:#171717;background:#fafafa;border-color:#fafafa}.monochrome .preset-btn.active{color:#fafafa;background:#171717;border-color:#171717}.dark.monochrome .control-btn.primary{color:#171717;background:#fafafa}.dark.monochrome .control-btn.primary:hover{background:#fff}.monochrome .control-btn.primary{color:#fafafa;background:#171717}.monochrome .control-btn.primary:hover{background:#000}.dark.monochrome .setting-toggle.active{color:#171717;background:#fafafa;border-color:#fafafa}.monochrome .setting-toggle.active{color:#fafafa;background:#171717;border-color:#171717}.engram-container{flex-direction:column;gap:16px;height:100%;padding:20px;display:flex}.dark.monochrome .wing-toggle,.dark.monochrome .wing-toggle:not(.closed),.dark.monochrome .wing-toggle.closed{color:#fff!important;opacity:1!important;background-color:#000!important;border-color:#333!important}.dark.monochrome .wing-toggle svg,.dark.monochrome .wing-toggle:not(.closed) svg,.dark.monochrome .wing-toggle.closed svg,.dark.monochrome .wing-toggle svg *,.dark.monochrome .wing-toggle:not(.closed) svg *,.dark.monochrome .wing-toggle.closed svg *{fill:none;color:#fff!important;stroke:#fff!important}.dark.monochrome .wing-toggle:hover{filter:brightness(1.2);transform:scale(1.05);background-color:#1a1a1a!important}.monochrome .wing-toggle:not(.closed){color:#fafafa!important;background-color:#171717!important;border-color:#171717!important}.monochrome .wing-toggle:not(.closed) svg{color:#fafafa!important;stroke:#fafafa!important}.monochrome .wing-toggle.closed{color:#171717!important;opacity:1!important;background-color:#e5e5e5!important;border-color:#d4d4d4!important}.monochrome .wing-toggle.closed svg{color:#171717!important;stroke:#171717!important}.engram-header{justify-content:space-between;align-items:center;display:flex}.engram-header h2{color:var(--text-primary);font-size:20px;font-weight:600}.engram-add-form{background:var(--bg-secondary);border:1px solid var(--border);border-radius:10px;align-items:center;gap:8px;padding:12px;display:flex}.engram-add-form input[type=text]{flex:1}.date-picker-wrapper{background:var(--bg-card);border:1px solid var(--border);color:var(--text-secondary);border-radius:6px;align-items:center;gap:6px;padding:8px 12px;display:flex}.date-picker-wrapper input[type=date]{color:var(--text-primary);cursor:pointer;background:0 0;border:none;font-size:14px}.date-picker-wrapper input[type=date]::-webkit-calendar-picker-indicator{filter:invert(.5);cursor:pointer}.dark .date-picker-wrapper input[type=date]::-webkit-calendar-picker-indicator{filter:invert(.7)}.engram-table-header{-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);z-index:5;background:0 0;border-radius:10px;align-items:center;gap:8px;padding:12px 16px;display:flex;position:sticky;top:0}.engram-col{flex-shrink:0}.engram-col.topic-col{min-width:180px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;flex:1;font-size:12px;font-weight:600}.engram-col.date-col{text-align:center;width:80px;color:var(--text-muted);text-transform:uppercase;font-size:11px;font-weight:600}.engram-col.action-col{width:40px}.engram-rows{flex-direction:column;flex:1;gap:8px;display:flex;overflow-y:auto}.engram-rug{-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);background:0 0;border-radius:12px;align-items:center;gap:8px;padding:12px 16px;transition:all .2s;display:flex}.engram-rug:hover{border-color:var(--border-hover)}.engram-rug.rug-alt{background:#6366f108}.dark .engram-rug.rug-alt{background:#6366f10f}.monochrome .engram-rug.rug-alt{background:#00000005}.dark.monochrome .engram-rug.rug-alt{background:#ffffff08}.engram-subject{color:var(--text-primary);font-size:14px;font-weight:500}.engram-box{border:1px solid var(--border);background:var(--bg-card);cursor:pointer;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;width:70px;height:50px;transition:all .2s;display:flex;position:relative}.engram-box:hover{border-color:var(--border-hover);transform:scale(1.02)}.engram-box .box-date{color:var(--text-primary);font-size:11px;font-weight:600}.engram-box.pending{background:var(--bg-secondary);border-color:var(--border)}.engram-box.today{border-color:var(--accent);background:var(--accent-light);border-width:2px}.engram-box.overdue{background:#ef44441a;border-color:#ef44444d}.engram-box.overdue .box-date{color:#ef4444}.engram-box.completed{background:#22c55e26;border-color:#22c55e66}.engram-box.completed .box-date{color:#22c55e}.monochrome .engram-box.completed{background:#00000014;border-color:#404040}.dark.monochrome .engram-box.completed{background:#ffffff1f;border-color:#a3a3a3}.monochrome .engram-box.completed .box-date{color:var(--text-primary)}.monochrome .engram-box.overdue{background:#0000000a;border-color:#737373}.dark.monochrome .engram-box.overdue{background:#ffffff0d;border-color:#525252}.monochrome .engram-box.overdue .box-date{color:var(--text-secondary)}.note-indicator{background:var(--accent);border-radius:50%;width:6px;height:6px;position:absolute;top:4px;right:4px}.note-btn{width:16px;height:16px;color:var(--text-muted);cursor:pointer;opacity:0;background:0 0;border:none;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:absolute;bottom:4px;right:4px}.engram-box:hover .note-btn{opacity:.7}.note-btn:hover{opacity:1!important}.delete-btn{width:32px;height:32px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;transition:all .15s;display:flex}.delete-btn:hover{color:#ef4444;background:#ef44441a}.note-modal{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;width:100%;max-width:400px;padding:20px}.note-modal h3{color:var(--text-primary);margin-bottom:12px;font-size:16px;font-weight:600}.note-modal textarea{background:var(--bg-secondary);border:1px solid var(--border);width:100%;color:var(--text-primary);resize:none;border-radius:8px;margin-bottom:16px;padding:12px;font-family:inherit;font-size:14px}.note-modal textarea:focus{border-color:var(--accent);outline:none}.engram-empty{color:var(--text-muted);flex:1;justify-content:center;align-items:center;font-size:14px;display:flex}@media(max-width:768px){.engram-table-header,.engram-rug{flex-wrap:nowrap;min-width:max-content;overflow-x:auto}.engram-col.topic-col{min-width:140px}}.calendar-layout{gap:20px;height:100%;padding:8px 16px;display:flex}.calendar-spacer{flex:1;min-width:0}.calendar-layout .calendar-container{flex-shrink:0;width:100%;max-width:600px;margin:0}.calendar-sidebar{flex-shrink:0;width:240px}.upcoming-reviews{background:var(--bg-secondary);border:none;border-radius:12px;flex-direction:column;min-height:0;padding:16px;display:flex;overflow:hidden}.widget-title{color:var(--text-primary);align-items:center;gap:8px;margin-bottom:12px;font-size:13px;font-weight:600;display:flex}.upcoming-list{flex-direction:column;gap:8px;min-height:0;padding-right:4px;display:flex;overflow:hidden auto}.upcoming-list::-webkit-scrollbar{width:4px}.upcoming-list::-webkit-scrollbar-thumb{background-color:var(--border);border-radius:2px}.upcoming-card{background:var(--bg-card);cursor:pointer;text-align:left;border:none;border-radius:8px;justify-content:space-between;align-items:center;width:100%;padding:10px 12px;transition:all .15s;display:flex}.upcoming-card:hover{border-color:var(--accent);background:var(--accent-light)}.upcoming-info{flex-direction:column;gap:2px;display:flex}.upcoming-subject{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;max-width:160px;font-size:13px;font-weight:500;overflow:hidden}.upcoming-date{color:var(--text-muted);font-size:11px}.upcoming-arrow{color:var(--text-muted);flex-shrink:0}.upcoming-empty{text-align:center;color:var(--text-muted);padding:20px 0;font-size:12px}.engram-header{justify-content:flex-start}.engram-rug{gap:12px}.engram-col.topic-col{flex:none;min-width:160px;max-width:200px}.engram-subject.editable{cursor:pointer;border-radius:4px;align-items:center;gap:6px;padding:4px 8px;transition:background .15s;display:inline-flex}.engram-subject.editable:hover{background:var(--bg-hover)}.engram-subject .edit-hint{opacity:0;color:var(--text-muted);transition:opacity .15s}.engram-subject.editable:hover .edit-hint{opacity:.6}.subject-edit-input{background:var(--bg-card);border:1px solid var(--accent);width:100%;color:var(--text-primary);border-radius:4px;padding:6px 8px;font-size:14px}.engram-rug.highlighted{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-light);animation:1s ease-in-out highlight-pulse}@keyframes highlight-pulse{0%,to{box-shadow:0 0 0 2px var(--accent-light)}50%{box-shadow:0 0 0 4px var(--accent-light)}}.box-interval{color:var(--text-muted);opacity:.7;font-size:9px}.settings-btn{width:28px;height:28px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;transition:all .15s;display:flex}.settings-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.engram-col.action-col{gap:4px;display:flex}.intervals-modal{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;width:100%;max-width:360px;padding:20px}.intervals-modal h3{color:var(--text-primary);margin-bottom:4px;font-size:16px;font-weight:600}.modal-subtitle{color:var(--text-muted);margin-bottom:16px;font-size:13px}.interval-inputs{flex-direction:column;gap:10px;margin-bottom:16px;display:flex}.interval-row{justify-content:space-between;align-items:center;display:flex}.interval-row label{color:var(--text-secondary);font-size:13px}.interval-input-wrapper{align-items:center;gap:6px;display:flex}.interval-input-wrapper input{background:var(--bg-secondary);border:1px solid var(--border);width:60px;color:var(--text-primary);text-align:center;border-radius:6px;padding:6px 8px;font-size:14px}.interval-input-wrapper input:disabled{opacity:.5;cursor:not-allowed}.interval-input-wrapper span{color:var(--text-muted);font-size:12px}@media(max-width:1024px){.calendar-layout{flex-direction:column}.calendar-spacer{display:none}.calendar-layout .calendar-container{max-width:100%;margin:0 auto}.calendar-sidebar{width:100%;max-width:600px;margin:0 auto}}.cc-left{flex-direction:column;min-height:0;display:flex;overflow:hidden auto}.cc-center{flex-direction:column;min-height:0;display:flex;overflow:hidden}.cc-calendar{flex-direction:column;height:100%;display:flex}.calendar-header.compact{gap:8px;margin-bottom:8px}.calendar-header.compact .month-title{min-width:120px;font-size:14px}.toggle-group.compact{gap:0}.toggle-group.compact .toggle-btn{padding:4px 8px;font-size:10px}.weekday-row.compact{margin-bottom:4px}.calendar-grid.compact{flex:1;gap:3px}.day-cell.compact{border-radius:6px;padding:2px}.day-cell.compact .day-number{font-size:clamp(9px,1.5vw,12px)}.day-cell.compact .day-duration{font-size:clamp(6px,1vw,9px)}.cc-right{flex-direction:column;gap:12px;min-height:0;display:flex;overflow:hidden auto}.analysis-sidebar{flex-direction:column;gap:10px;display:flex}.sidebar-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:10px;padding:12px}.sidebar-metric{text-align:center;flex-direction:column;align-items:center;display:flex}.metric-value-sm{color:var(--text-primary);font-size:20px;font-weight:700}.metric-value-sm.streak{color:var(--accent-orange)}.metric-label-sm{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:10px}.chart-card{padding:10px}.mini-chart-title{color:var(--text-muted);text-transform:uppercase;margin-bottom:8px;font-size:10px;font-weight:600}.mini-chart{height:60px}.no-data-sm{height:100%;color:var(--text-muted);justify-content:center;align-items:center;font-size:10px;display:flex}.peak-card{padding:10px}.peak-card.best{border-left:3px solid var(--accent-green)}.peak-card.worst{border-left:3px solid var(--accent-rose)}.peak-label{color:var(--text-muted);text-transform:uppercase;margin-bottom:4px;font-size:9px;font-weight:600}.peak-info{justify-content:space-between;align-items:center;display:flex}.peak-date{color:var(--text-primary);font-size:12px;font-weight:500}.peak-value{color:var(--text-secondary);font-size:11px}.mini-timer{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;flex-direction:column;align-items:center;padding:16px;display:flex}.mini-timer .widget-title{margin-bottom:12px}.mini-timer-display{width:100px;height:100px;position:relative}.mini-timer-ring{width:100%;height:100%}.mini-timer-time{color:var(--text-primary);font-size:18px;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:inherit!important}.mini-timer-status{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin:8px 0;font-size:10px}.mini-timer-controls{gap:8px;display:flex}.mini-control-btn{border:1px solid var(--border);background:var(--bg-card);width:36px;height:36px;color:var(--text-primary);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;transition:all .15s;display:flex}.mini-control-btn:hover{border-color:var(--border-hover)}.mini-control-btn.primary{background:var(--accent)}@supports (color:color-mix(in lab,red,red)){.mini-control-btn.primary{background:color-mix(in srgb,var(--accent)18%,transparent)}}.mini-control-btn.primary{-webkit-backdrop-filter:blur(12px);border-color:var(--accent)}@supports (color:color-mix(in lab,red,red)){.mini-control-btn.primary{border-color:color-mix(in srgb,var(--accent)30%,transparent)}}.mini-control-btn.primary{color:var(--accent)}.mini-control-btn.primary:hover{background:var(--accent)}@supports (color:color-mix(in lab,red,red)){.mini-control-btn.primary:hover{background:color-mix(in srgb,var(--accent)25%,transparent)}}.mini-control-btn.primary:hover{border-color:var(--accent)}@supports (color:color-mix(in lab,red,red)){.mini-control-btn.primary:hover{border-color:color-mix(in srgb,var(--accent)40%,transparent)}}.mini-control-btn.secondary{background:var(--text-primary)}@supports (color:color-mix(in lab,red,red)){.mini-control-btn.secondary{background:color-mix(in srgb,var(--text-primary)6%,transparent)}}.mini-control-btn.danger{color:#ef4444;background:#ef44441a;border-color:#ef44444d}.dark.monochrome .mini-control-btn.primary{color:#171717;background:#fafafa;border-color:#fafafa}.monochrome .mini-control-btn.primary{color:#fafafa;background:#171717;border-color:#171717}@media(max-width:1200px){.command-center{grid-template-columns:200px 1fr 200px}}@media(max-width:1024px){.command-center{grid-template-rows:auto 1fr auto;grid-template-columns:1fr;overflow-y:auto}.cc-left{flex-flow:wrap;order:1;justify-content:center;gap:8px}.cc-left .sidebar-card{flex:none;min-width:100px}.cc-center{order:2;max-height:60vh}.cc-right{flex-flow:wrap;order:3;justify-content:center;gap:12px}.cc-right>*{flex:1;min-width:200px;max-width:300px}}.engram-grid-header{background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;grid-template-columns:5fr 7fr auto;gap:8px;margin-bottom:8px;padding:8px 12px;display:grid}.engram-subject-header{color:var(--text-muted);text-transform:uppercase;font-size:10px;font-weight:600}.engram-dates-header{grid-template-columns:repeat(5,1fr);justify-items:center;gap:6px;display:grid}.engram-date-header{color:var(--text-muted);text-transform:uppercase;font-size:9px;font-weight:600}.engram-action-header{width:32px}.engram-grid-row{background:var(--bg-secondary);border:1px solid var(--border);border-radius:10px;grid-template-columns:5fr 7fr auto;align-items:center;gap:8px;padding:10px 12px;transition:all .15s;display:grid}.engram-grid-row:hover{border-color:var(--border-hover)}.engram-grid-row.rug-alt{background:#6366f108}.dark .engram-grid-row.rug-alt{background:#6366f10d}.engram-grid-row.highlighted{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-light)}.engram-subject-cell{min-width:0;overflow:hidden}.engram-subject-cell .engram-subject{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;cursor:pointer;border-radius:4px;padding:2px 4px;font-size:13px;font-weight:500;transition:background .15s;display:block;overflow:hidden}.engram-subject-cell .engram-subject:hover{background:var(--bg-hover)}.engram-dates-cell{grid-template-columns:repeat(5,1fr);justify-items:end;gap:6px;display:grid}.engram-dates-cell .engram-box{border:1px solid var(--border);background:var(--bg-card);cursor:pointer;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;width:52px;height:32px;padding:4px 6px;transition:all .15s;display:flex;position:relative}.engram-dates-cell .engram-box .box-date{color:var(--text-primary);font-size:10px;font-weight:600}.engram-action-cell{justify-content:flex-end;width:32px;display:flex}.engram-action-cell .delete-btn{width:24px;height:24px}.command-center{gap:12px;padding:12px}.cc-left,.cc-right{gap:8px}.sidebar-card.sm{padding:8px 10px}.sidebar-card.sm .metric-value-sm{font-size:16px}.sidebar-card.sm .metric-label-sm{font-size:9px}.chart-card.sm{padding:8px}.sparkline-chart{height:40px}.peak-card.sm{padding:8px}.peak-card.sm .peak-label{font-size:8px}.peak-card.sm .peak-date{font-size:11px}.peak-card.sm .peak-value{font-size:10px}.calendar-grid.compact{gap:4px}.nav-btn.sm{width:24px;height:24px}.month-title.sm{min-width:100px;font-size:12px}.day-note-preview{color:var(--text-muted);opacity:.7;white-space:nowrap;text-overflow:ellipsis;font-size:8px;line-height:1.1;position:absolute;bottom:2px;left:2px;right:2px;overflow:hidden}.widget-title-sm{color:var(--text-primary);align-items:center;gap:6px;margin-bottom:8px;font-size:11px;font-weight:600;display:flex}.mini-presets{gap:4px;margin-bottom:8px;display:flex}.mini-preset-btn{border:1px solid var(--border);background:var(--bg-tertiary);-webkit-backdrop-filter:blur(12px);color:var(--text-secondary);cursor:pointer;border-radius:4px;padding:3px 8px;font-size:10px;font-weight:500;transition:all .15s}.mini-preset-btn:hover{border-color:var(--border-hover)}.mini-preset-btn.active{background:var(--accent)}@supports (color:color-mix(in lab,red,red)){.mini-preset-btn.active{background:color-mix(in srgb,var(--accent)18%,transparent)}}.mini-preset-btn.active{border-color:var(--accent)}@supports (color:color-mix(in lab,red,red)){.mini-preset-btn.active{border-color:color-mix(in srgb,var(--accent)30%,transparent)}}.mini-preset-btn.active{color:var(--accent)}.mini-timer-display.sm{width:80px;height:80px}.mini-timer-time.sm{font-size:14px}.mini-control-btn.sm{width:28px;height:28px}.dark .mini-preset-btn{background:var(--bg-tertiary)}.dark.monochrome .mini-preset-btn.active{color:#171717;background:#fafafa;border-color:#fafafa}.monochrome .mini-preset-btn.active{color:#fafafa;background:#171717;border-color:#171717}.command-center{grid-template-columns:1fr 2fr 1fr;gap:12px;height:100%;padding:12px;display:grid;overflow:hidden}.cc-left,.cc-center,.cc-right{flex-direction:column;min-height:0;display:flex;overflow:hidden}.cc-right{gap:8px}.cc-right-top{flex:1;min-height:0;overflow:hidden auto}.cc-right-bottom{flex-shrink:0}.analysis-sidebar{flex-direction:column;gap:8px;height:100%;display:flex;overflow:hidden auto}.sidebar-stats-row{gap:6px;display:flex}.sidebar-stat{background:var(--bg-secondary);border:1px solid var(--border);text-align:center;border-radius:8px;flex:1;padding:8px 6px}.sidebar-stat .stat-value{color:var(--text-primary);font-size:14px;font-weight:700;display:block}.sidebar-stat .stat-value.streak{color:var(--accent-orange)}.sidebar-stat .stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;font-size:8px;display:block}.sidebar-chart-panel{background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;flex-direction:column;flex:1;min-height:120px;padding:8px;display:flex}.sidebar-chart-header{align-items:center;gap:4px;margin-bottom:6px;display:flex}.chart-month-label{text-align:center;min-width:70px;font-size:10px;font-weight:600}.chart-title-label{color:var(--text-muted);text-transform:uppercase;margin-left:auto;font-size:9px;font-weight:600}.nav-btn.xs{justify-content:center;align-items:center;width:18px;height:18px;padding:0;display:flex}.sidebar-chart{flex:1;min-height:0}.sidebar-peak{background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;padding:8px}.sidebar-peak.best{border-left:3px solid var(--accent-green)}.sidebar-peak.worst{border-left:3px solid var(--accent-rose)}.sidebar-peak .peak-badge{color:var(--text-muted);text-transform:uppercase;font-size:8px;font-weight:600}.sidebar-peak .peak-data{justify-content:space-between;margin-top:2px;display:flex}.sidebar-peak .peak-date{color:var(--text-primary);font-size:11px;font-weight:500}.sidebar-peak .peak-time{color:var(--text-secondary);font-size:10px}.calendar-grid.compact{flex:1;gap:4px;min-height:0}.day-cell.compact.flex-col{flex-direction:column;justify-content:flex-start;align-items:center;min-height:0;padding:3px 2px;display:flex;overflow:hidden}.day-cell .day-date{color:var(--text-primary);font-size:11px;font-weight:600;line-height:1.2}.day-cell .day-time{color:var(--text-secondary);font-size:9px;line-height:1.2}.day-cell .day-note{color:var(--text-muted);opacity:.7;white-space:nowrap;text-overflow:ellipsis;text-align:center;max-width:100%;font-size:7px;line-height:1.2;overflow:hidden}.month-title.compact{min-width:100px;font-size:12px}.mini-focus{background:var(--bg-secondary);border:none;border-radius:10px;flex-direction:column;align-items:center;padding:12px;display:flex}.mini-focus-modes{background:var(--text-primary);display:flex}@supports (color:color-mix(in lab,red,red)){.mini-focus-modes{background:color-mix(in srgb,var(--text-primary)8%,transparent)}}.mini-focus-modes{-webkit-backdrop-filter:blur(8px);border:1px solid var(--border);border-radius:8px;margin-bottom:8px;padding:3px}.mini-mode-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:4px;padding:5px 10px;font-size:10px;font-weight:500;transition:all .15s;display:flex}.mini-mode-btn:hover:not(:disabled){color:var(--text-primary)}.mini-mode-btn.active{background:var(--text-primary)}@supports (color:color-mix(in lab,red,red)){.mini-mode-btn.active{background:color-mix(in srgb,var(--text-primary)12%,transparent)}}.mini-mode-btn.active{color:var(--text-primary);box-shadow:0 1px 2px #0000000d}.mini-mode-btn:disabled{opacity:.5;cursor:not-allowed}.mini-focus-settings{gap:6px;margin-bottom:10px;display:flex}.mini-setting-toggle{border:1px solid var(--border);background:var(--bg-card);width:28px;height:28px;color:var(--text-muted);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;transition:all .15s;display:flex}.mini-setting-toggle:hover{border-color:var(--border-hover)}.mini-setting-toggle.active{background:var(--accent-light);border-color:var(--accent);color:var(--accent)}.mini-timer-ring-container{width:110px;height:110px;margin-bottom:8px;position:relative}.mini-timer-ring-svg{width:100%;height:100%}.mini-timer-inner{text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.mini-timer-digits{color:var(--text-primary);font-size:20px;font-weight:700;font-family:inherit!important}.mini-timer-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:9px}.mini-duration-presets{gap:4px;margin-bottom:10px;display:flex}.mini-preset{border:1px solid var(--border);background:var(--text-primary);border-radius:5px;padding:4px 8px;font-size:10px;font-weight:500}@supports (color:color-mix(in lab,red,red)){.mini-preset{background:color-mix(in srgb,var(--text-primary)8%,transparent)}}.mini-preset{-webkit-backdrop-filter:blur(8px);color:var(--text-secondary);cursor:pointer;transition:all .15s}.mini-preset:hover{border-color:var(--border-hover);background:var(--text-primary)}@supports (color:color-mix(in lab,red,red)){.mini-preset:hover{background:color-mix(in srgb,var(--text-primary)12%,transparent)}}.mini-preset:hover{color:var(--text-primary)}.mini-preset.active{background:var(--accent)}@supports (color:color-mix(in lab,red,red)){.mini-preset.active{background:color-mix(in srgb,var(--accent)18%,transparent)}}.mini-preset.active{border-color:var(--accent)}@supports (color:color-mix(in lab,red,red)){.mini-preset.active{border-color:color-mix(in srgb,var(--accent)30%,transparent)}}.mini-preset.active{color:var(--accent)}.mini-focus-controls{gap:6px;display:flex}.mini-control{border:1px solid var(--border);background:var(--text-primary);border-radius:8px;justify-content:center;align-items:center;gap:4px;padding:8px 14px;display:flex}@supports (color:color-mix(in lab,red,red)){.mini-control{background:color-mix(in srgb,var(--text-primary)8%,transparent)}}.mini-control{-webkit-backdrop-filter:blur(8px);color:var(--text-primary);cursor:pointer;font-size:11px;font-weight:500;transition:all .15s}.mini-control:hover{border-color:var(--border-hover);background:var(--text-primary)}@supports (color:color-mix(in lab,red,red)){.mini-control:hover{background:color-mix(in srgb,var(--text-primary)12%,transparent)}}.mini-control.primary{background:var(--accent)}@supports (color:color-mix(in lab,red,red)){.mini-control.primary{background:color-mix(in srgb,var(--accent)18%,transparent)}}.mini-control.primary{-webkit-backdrop-filter:blur(12px);border-color:var(--accent)}@supports (color:color-mix(in lab,red,red)){.mini-control.primary{border-color:color-mix(in srgb,var(--accent)30%,transparent)}}.mini-control.primary{color:var(--accent)}.mini-control.primary:hover{background:var(--accent)}@supports (color:color-mix(in lab,red,red)){.mini-control.primary:hover{background:color-mix(in srgb,var(--accent)25%,transparent)}}.mini-control.secondary{background:var(--text-primary)}@supports (color:color-mix(in lab,red,red)){.mini-control.secondary{background:color-mix(in srgb,var(--text-primary)6%,transparent)}}.mini-control.danger{color:#ef4444;background:#ef44441a;border-color:#ef44444d}.dark.monochrome .mini-mode-btn.active,.dark.monochrome .mini-preset.active,.dark.monochrome .mini-control.primary{color:#171717;background:#fafafa;border-color:#fafafa}.monochrome .mini-mode-btn.active,.monochrome .mini-preset.active,.monochrome .mini-control.primary{color:#fafafa;background:#171717;border-color:#171717}.engram-add-btn{background:var(--bg-tertiary);border:1px solid var(--border-hover);width:100%;color:var(--text-primary);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:6px;margin-bottom:12px;padding:10px;font-size:13px;font-weight:600;transition:all .15s;display:flex}.engram-add-btn:hover{background:var(--bg-hover);border-color:var(--border-hover)}.engram-12-header{background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;grid-template-columns:24px 4fr repeat(5,1fr) 32px;align-items:center;gap:4px;margin-bottom:6px;padding:6px 8px;display:grid}.engram-12-subject{color:var(--text-muted);text-transform:uppercase;font-size:10px;font-weight:600}.engram-12-date-header{color:var(--text-muted);text-transform:uppercase;text-align:center;font-size:8px;font-weight:600}.engram-12-action{width:32px}.engram-12-row{-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);background:0 0;border-radius:8px;grid-template-columns:24px 4fr repeat(5,1fr) 32px;align-items:center;gap:4px;margin-bottom:2px;padding:6px 8px;transition:all .15s;display:grid}.engram-12-row:hover{border-color:var(--border-hover)}.engram-12-row.highlighted{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-light);animation:1s ease-in-out 2 highlight-pulse}.engram-12-subject-cell{min-width:0;overflow:hidden}.engram-subject-text{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;cursor:pointer;border-radius:4px;padding:4px 6px;font-size:13px;font-weight:500;transition:background .15s;display:block;overflow:hidden}.engram-subject-text:hover{background:var(--bg-hover)}.engram-12-date-cell{justify-content:center;align-items:center;display:flex}.engram-date-box{border:1px solid var(--border);background:var(--bg-card);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;width:54px;height:30px;transition:all .15s;display:flex;position:relative}.engram-date-box:hover{border-color:var(--border-hover)}.engram-date-box .date-text{color:var(--text-primary);font-size:10px;font-weight:600}.engram-date-box .note-dot{background:var(--accent);border-radius:50%;width:5px;height:5px;position:absolute;top:3px;right:3px}.note-pencil-btn{display:none}.engram-date-box.pending{background:var(--bg-secondary)}.engram-date-box.today{border-color:var(--accent);background:var(--accent-light);border-width:2px}.engram-date-box.overdue{background:#ef44441a;border-color:#ef44444d}.engram-date-box.overdue .date-text{color:#ef4444}.engram-date-box.completed{background:#22c55e26;border-color:#22c55e66}.engram-date-box.completed .date-text{color:#22c55e}.engram-12-action-cell{justify-content:flex-end;display:flex}.engram-delete{width:26px;height:26px;color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;transition:all .15s;display:flex}.engram-delete:hover{color:#ef4444;background:#ef44441a;border-color:#ef444433}.monochrome .engram-add-btn{color:#fafafa;background:#171717;border-color:#171717}@media(max-width:1024px){.command-center{grid-template-rows:auto 1fr auto;grid-template-columns:1fr;height:auto;min-height:100%;overflow-y:auto}.cc-left{flex-flow:wrap;order:1;gap:6px}.cc-left>*{flex:1;min-width:100px}.cc-center{order:2;max-height:50vh}.cc-right{flex-flow:wrap;order:3}.cc-right-top,.cc-right-bottom{flex:1;min-width:200px}}.cc-calendar{padding:0}.calendar-header.compact{margin-bottom:4px;padding:4px 0}.weekday-row.compact .weekday-label{padding:2px 0;font-size:8px}.day-cell.compact.flex-col{aspect-ratio:1;flex-direction:column;justify-content:center;align-items:center;padding:4px 2px;display:flex;overflow:hidden}.day-cell .day-date{font-size:10px;font-weight:600;line-height:1}.day-cell .day-time{margin-top:1px;font-size:8px;line-height:1}.day-cell .day-note{max-width:90%;margin-top:1px;font-size:6px;line-height:1}.sidebar-chart-panel.full{flex-direction:column;flex:1;min-height:0;display:flex}.sidebar-chart-full{flex:1;width:100%;min-height:0}.mini-focus.fixed-height{justify-content:space-between;height:350px;min-height:350px;max-height:350px;padding:8px 6px;overflow:hidden}.mini-focus-modes{justify-content:center;gap:4px;margin-bottom:4px;display:flex}.mini-mode-btn{padding:4px 8px;font-size:9px}.mini-focus-settings{display:none}.mini-setting-toggle{width:24px;height:24px}.mini-timer-ring-container.compact{width:140px;height:140px;margin:4px 0}.mini-timer-digits.compact{font-size:32px}.mini-timer-label{font-size:10px}.mini-duration-presets{grid-template-columns:repeat(6,1fr);gap:2px;width:100%;margin-bottom:4px;display:grid}.mini-preset{text-align:center;justify-content:center;align-items:center;min-width:0;padding:4px 0;font-size:8px;display:flex}.mini-preset.custom{padding:4px 0}.custom-input-wrapper{background:var(--bg-card);border:1px solid var(--accent);border-radius:5px;align-items:center;gap:2px;padding:2px 4px;display:flex}.custom-input{width:32px;color:var(--text-primary);text-align:center;background:0 0;border:none;outline:none;font-size:9px;font-weight:600}.custom-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.custom-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.custom-input-wrapper span{color:var(--text-muted);font-size:8px}.mini-focus-controls{justify-content:center;gap:4px;display:flex}.mini-control{padding:6px 10px;font-size:10px}.sidebar-stats-row{gap:4px}.sidebar-stat{padding:6px 4px}.sidebar-stat .stat-value{font-size:12px}.sidebar-stat .stat-label{font-size:7px}.sidebar-chart-header{margin-bottom:4px}.sidebar-peak{padding:6px}.sidebar-peak .peak-badge{font-size:7px}.sidebar-peak .peak-date{font-size:10px}.sidebar-peak .peak-time{font-size:9px}.upcoming-reviews{padding:10px}.upcoming-reviews .widget-title{margin-bottom:8px;font-size:11px}.upcoming-card{margin-bottom:6px;padding:8px 10px}.upcoming-card .upcoming-subject{font-size:11px}.upcoming-card .upcoming-date{font-size:9px}:root{--accent-muted:var(--accent)}.command-center-v2{gap:10px;height:100%;padding:10px;transition:grid-template-columns .3s;display:grid;overflow:hidden}.command-center-v2.cc-grid-3{grid-template-columns:200px 1fr 200px}.command-center-v2.cc-grid-2-left{grid-template-columns:200px 1fr}.command-center-v2.cc-grid-2-right{grid-template-columns:1fr 200px}.command-center-v2.cc-grid-1{grid-template-columns:1fr}.cc-wing{flex-direction:column;gap:6px;min-height:0;display:flex;overflow:hidden}.cc-wing.left{overflow-y:auto}.cc-wing.right{gap:8px}.cc-main{flex-direction:column;min-height:0;display:flex;overflow:hidden}.wing-toggle{border:1px solid var(--border);background:var(--text-primary);border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;display:flex}@supports (color:color-mix(in lab,red,red)){.wing-toggle{background:color-mix(in srgb,var(--text-primary)8%,transparent)}}.wing-toggle{-webkit-backdrop-filter:blur(8px);color:var(--text-secondary);cursor:pointer;transition:all .15s}.wing-toggle:hover{background:var(--text-primary)}@supports (color:color-mix(in lab,red,red)){.wing-toggle:hover{background:color-mix(in srgb,var(--text-primary)12%,transparent)}}.wing-toggle:hover{border-color:var(--accent);color:var(--accent)}.wing-toggle.closed{background:var(--accent-muted);border-color:var(--accent);color:#fff}.cc-calendar-v2{flex-direction:column;height:100%;display:flex}.calendar-header-v2{align-items:center;gap:6px;margin-bottom:4px;padding:4px 0;display:flex}.nav-btn-v2{border:1px solid var(--border);background:var(--text-primary);border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;display:flex}@supports (color:color-mix(in lab,red,red)){.nav-btn-v2{background:color-mix(in srgb,var(--text-primary)8%,transparent)}}.nav-btn-v2{-webkit-backdrop-filter:blur(8px);color:var(--text-secondary);cursor:pointer;transition:all .15s}.nav-btn-v2:hover{border-color:var(--accent);background:var(--text-primary)}@supports (color:color-mix(in lab,red,red)){.nav-btn-v2:hover{background:color-mix(in srgb,var(--text-primary)12%,transparent)}}.nav-btn-v2:hover{color:var(--accent)}.month-title-v2{text-align:center;min-width:120px;margin:0;font-size:13px;font-weight:600}.toggle-group-v2{background:var(--bg-card);border:1px solid var(--border);border-radius:6px;gap:0;padding:2px;display:flex}.toggle-btn-v2{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:3px 8px;font-size:9px;font-weight:500;transition:all .15s}.toggle-btn-v2.active{background:var(--accent-muted);color:#fff}.weekday-row-v2{grid-template-columns:repeat(7,1fr);justify-content:center;gap:6px;width:100%;max-width:560px;margin-bottom:8px;margin-left:auto;margin-right:auto;display:grid}.weekday-label-v2{text-align:center;color:var(--text-muted);text-transform:uppercase;padding:2px 0;font-size:9px;font-weight:600}.calendar-grid-v2{grid-template-columns:repeat(7,1fr);grid-auto-rows:1fr;justify-content:center;gap:6px;width:100%;max-width:560px;margin:0 auto;display:grid}.day-cell-v2{aspect-ratio:1;background:var(--bg-secondary);border:1px solid var(--border);cursor:pointer;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;min-width:0;min-height:40px;transition:all .15s;display:flex;position:relative;overflow:hidden}.day-cell-v2:hover{border-color:var(--border-hover);transform:scale(1.02)}.day-cell-v2 .day-number-v2{color:var(--text-secondary);opacity:.8;font-size:9px;font-weight:400;position:absolute;top:3px;left:5px}.day-cell-v2 .day-note-v2{color:#ffffffb3;white-space:nowrap;text-overflow:ellipsis;text-align:center;font-size:6px;position:absolute;bottom:2px;left:2px;right:2px;overflow:hidden}.day-cell-v2.other-month{opacity:.4;background:var(--bg-card)}.day-cell-v2.today{border-color:var(--accent);border-width:2px}.day-cell-v2.today .day-number-v2{color:var(--accent);opacity:1;font-weight:700}.day-cell-v2.intensity-low{background:var(--cell-low)}.day-cell-v2.intensity-med{background:var(--cell-med)}.day-cell-v2.intensity-high{background:var(--cell-high)}.analysis-sidebar-v2{flex-direction:column;gap:6px;height:100%;display:flex}.stats-row-v2{gap:4px;display:flex}.stat-box-v2{background:var(--bg-tertiary);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);text-align:center;border-radius:6px;flex:1;padding:6px 4px}.stat-box-v2 .stat-val{color:var(--text-primary);font-size:12px;font-weight:700;display:block}.stat-box-v2.streak .stat-val{color:var(--accent-orange)}.stat-box-v2 .stat-lbl{color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em;font-size:6px;display:block}.chart-panel-v2{background:var(--bg-tertiary);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:6px;flex:none;padding:6px}.chart-header-v2{align-items:center;gap:3px;margin-bottom:4px;display:flex}.chart-month{text-align:center;min-width:60px;font-size:9px;font-weight:600}.chart-label{color:var(--text-muted);text-transform:uppercase;margin-left:auto;font-size:7px;font-weight:600}.nav-btn-xs{border:1px solid var(--border);background:var(--bg-card);width:16px;height:16px;color:var(--text-muted);cursor:pointer;border-radius:4px;justify-content:center;align-items:center;transition:all .15s;display:flex}.nav-btn-xs:hover{border-color:var(--border-hover)}.chart-container-v2{width:100%;height:80px}.peak-v2{background:var(--bg-tertiary);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:6px;padding:5px 6px}.peak-v2.best{border-left:2px solid var(--accent-green)}.peak-v2.worst{border-left:2px solid var(--accent-rose)}.peak-badge-v2{color:var(--text-muted);text-transform:uppercase;font-size:6px;font-weight:600}.peak-row{justify-content:space-between;margin-top:1px;display:flex}.peak-date-v2{color:var(--text-primary);font-size:10px;font-weight:500}.peak-time-v2{color:var(--text-secondary);font-size:9px}@media(max-width:1024px){.command-center-v2{grid-template-rows:auto 1fr auto;overflow-y:auto;grid-template-columns:1fr!important}.cc-wing.left{flex-flow:wrap}.cc-wing.right{flex-direction:row}.wing-toggle{display:none}}.dark.monochrome .toggle-btn-v2.active,.dark.monochrome .wing-toggle.closed{color:#171717;background:#fafafa}.monochrome .toggle-btn-v2.active,.monochrome .wing-toggle.closed{color:#fafafa;background:#171717}.dark.monochrome .wing-toggle{color:#d4d4d4;background:#ffffff1a;border-color:#fff3}.dark.monochrome .wing-toggle:hover{color:#fff;background:#fff3}.dark.monochrome .wing-toggle svg{color:#fff!important;stroke:#fff!important}.monochrome:not(.dark) .wing-toggle svg,.monochrome .wing-toggle.closed svg,.dark.monochrome .wing-toggle.closed svg{color:#000!important;stroke:#000!important}.monochrome:not(.dark) .wing-toggle:not(.closed) svg{color:#171717!important;stroke:#171717!important}.monochrome .day-cell-v2.intensity-low,.monochrome .day-cell-v2.intensity-med,.monochrome .day-cell-v2.intensity-high{background:#6464644d}.dark.monochrome .day-cell-v2.intensity-low,.dark.monochrome .day-cell-v2.intensity-med,.dark.monochrome .day-cell-v2.intensity-high{background:#c8c8c833}:root{--bg-slate-950:#0a0f1a;--bg-slate-900:#0f172a;--bg-slate-800:#1e293b;--bg-slate-700:#334155;--border-slate:#334155;--border-slate-hover:#475569;--text-slate-200:#e2e8f0;--text-slate-400:#94a3b8;--text-slate-500:#64748b;--accent-indigo:#6366f1;--accent-indigo-600:#4f46e5;--accent-indigo-light:#6366f126;--cell-indigo-low:#6366f14d;--cell-indigo-med:#6366f180;--cell-indigo-high:#6366f1b3}.dark .command-center-v2,.command-center-v2{background:0 0}n nn .day-cell-v2{background:var(--bg-secondary);border:1px solid var(--border);border-radius:10px}.day-cell-v2:hover{border-color:var(--border-hover);background:var(--bg-hover)}.dark .day-cell-v2{background:var(--bg-card);border-color:var(--border)}.dark .day-cell-v2:hover{background:var(--bg-tertiary);border-color:var(--border-hover)}.day-cell-v2 .day-number-v2{color:var(--text-slate-400);font-size:10px;top:4px;left:6px}.day-cell-v2 .day-hours-v2{color:var(--text-slate-200);text-shadow:0 1px 3px #00000080;font-size:14px;font-weight:700}.day-cell-v2 .day-note-v2{color:var(--text-muted);padding:0 4px;font-size:10px;line-height:1.2}.day-cell-v2.intensity-low{background:var(--cell-low);border-color:var(--accent-light)}.day-cell-v2.intensity-med{background:var(--cell-med);border-color:var(--accent-light)}.day-cell-v2.intensity-high{background:var(--cell-high);border-color:var(--accent)}.dark .day-cell-v2.intensity-low{background:var(--cell-low);border-color:var(--accent-light)}.dark .day-cell-v2.intensity-med{background:var(--cell-med);border-color:var(--accent-light)}.dark .day-cell-v2.intensity-high{background:var(--cell-high);border-color:var(--accent)}.day-cell-v2.intensity-low .day-number-v2,.day-cell-v2.intensity-med .day-number-v2,.day-cell-v2.intensity-high .day-number-v2{color:var(--text-primary)}.day-cell-v2.intensity-low .day-hours-v2,.day-cell-v2.intensity-med .day-hours-v2,.day-cell-v2.intensity-high .day-hours-v2{color:var(--text-primary);text-shadow:none}.dark .day-cell-v2.intensity-low .day-number-v2,.dark .day-cell-v2.intensity-med .day-number-v2,.dark .day-cell-v2.intensity-high .day-number-v2{color:#ffffffb3}.dark .day-cell-v2.intensity-low .day-hours-v2,.dark .day-cell-v2.intensity-med .day-hours-v2,.dark .day-cell-v2.intensity-high .day-hours-v2{color:#fff;text-shadow:0 1px 3px #00000080}.day-cell-v2.intensity-low .day-note-v2,.day-cell-v2.intensity-med .day-note-v2,.day-cell-v2.intensity-high .day-note-v2{color:var(--text-secondary)}.dark .day-cell-v2.intensity-low .day-note-v2,.dark .day-cell-v2.intensity-med .day-note-v2,.dark .day-cell-v2.intensity-high .day-note-v2{color:#ffffffa6}.day-cell-v2.today{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-light)}.day-cell-v2.today .day-number-v2{color:var(--accent);font-weight:700}.analysis-sidebar-v3{flex-direction:column;gap:6px;height:100%;display:flex;overflow:hidden}.stats-row-v3{flex-shrink:0;gap:4px;display:flex}.stat-box-v3{background:var(--text-primary);flex:1}@supports (color:color-mix(in lab,red,red)){.stat-box-v3{background:color-mix(in srgb,var(--text-primary)8%,transparent)}}.stat-box-v3{-webkit-backdrop-filter:blur(8px);border:1px solid var(--border);text-align:center;border-radius:6px;padding:6px 4px}.stat-box-v3 .stat-val{color:var(--text-primary);font-size:12px;font-weight:700;display:block}.stat-box-v3.streak .stat-val{color:var(--accent-orange)}.stat-box-v3 .stat-lbl{color:var(--text-slate-500);text-transform:uppercase;letter-spacing:.03em;font-size:6px;display:block}.dark .stat-box-v3,.dark .stat-box-v2{background:#0f172a66}.wave-chart-panel{background:var(--text-primary)}@supports (color:color-mix(in lab,red,red)){.wave-chart-panel{background:color-mix(in srgb,var(--text-primary)8%,transparent)}}.wave-chart-panel{-webkit-backdrop-filter:blur(8px);border:1px solid var(--border);border-radius:6px;flex-direction:column;flex:1;min-height:60px;padding:6px;display:flex}.dark .wave-chart-panel{background:#0f172a4d}.wave-chart-header{align-items:center;gap:3px;margin-bottom:4px;display:flex}.wave-chart-container{flex:1;width:100%;min-height:0}.custom-toggle{background-color:var(--bg-hover);border:1px solid var(--border);cursor:pointer;border-radius:12px;align-items:center;width:44px;height:24px;padding:0 2px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.custom-toggle.active{background-color:var(--accent-blue);border-color:var(--accent-blue)}.custom-toggle .toggle-thumb{background-color:#fff;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;transform:translate(0);box-shadow:0 1px 3px #0000001a}.custom-toggle.active .toggle-thumb{transform:translate(20px)}.dark .custom-toggle .toggle-thumb{background-color:#f1f5f9}.privacy-settings-container{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;margin-bottom:24px;overflow:hidden}.privacy-settings-header{width:100%;color:var(--text-primary);cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;padding:16px;font-weight:600;transition:background-color .2s;display:flex}.privacy-settings-header:hover{background:var(--bg-hover)}.privacy-settings-content{border-top:1px solid var(--border)}.privacy-toggles{flex-direction:column;gap:16px;padding:16px;display:flex}.toggle-row{justify-content:space-between;align-items:center;padding:8px 0;display:flex}.toggle-label{color:var(--text-secondary);font-size:14px}.peak-v3{background:var(--text-primary)}@supports (color:color-mix(in lab,red,red)){.peak-v3{background:color-mix(in srgb,var(--text-primary)8%,transparent)}}.peak-v3{-webkit-backdrop-filter:blur(8px);border:1px solid var(--border);border-radius:6px;flex-shrink:0;padding:5px 6px}.dark .peak-v3{background:#0f172a66}.peak-v3.best{border-left:2px solid var(--accent-green)}.peak-v3.worst{border-left:2px solid var(--accent-rose)}.peak-badge-v3{color:var(--text-slate-500);text-transform:uppercase;font-size:6px;font-weight:600}.peak-date-v3{color:var(--text-slate-200);font-size:10px;font-weight:500}.peak-time-v3{color:var(--text-slate-400);font-size:9px}.quick-notes{background:var(--text-primary);flex-direction:column;flex:1;min-height:60px;display:flex}@supports (color:color-mix(in lab,red,red)){.quick-notes{background:color-mix(in srgb,var(--text-primary)8%,transparent)}}.quick-notes{-webkit-backdrop-filter:blur(8px);border:1px solid var(--border);border-radius:10px;transition:border-color .2s,box-shadow .2s;position:relative;overflow:hidden}.quick-notes:hover{border-color:var(--border-hover)}.quick-notes:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}.dark .quick-notes:hover{border-color:var(--border-hover)}.dark .quick-notes:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}.dark.monochrome .quick-notes{background:#0a0a0a;border-color:#262626}.dark.monochrome .quick-notes:focus-within{border-color:#525252;box-shadow:0 0 0 3px #ffffff14}.quick-notes textarea{width:100%;color:var(--text-primary);resize:none;background:0 0;border:none;border-radius:0;outline:none;flex:1;min-height:0;padding:14px 16px;font-family:inherit;font-size:13px;line-height:1.6}.dark .quick-notes textarea{color:var(--text-primary)}.dark .quick-notes textarea::placeholder{color:var(--text-muted)}.dark.monochrome .quick-notes textarea{color:#e5e5e5}.dark.monochrome .quick-notes textarea::placeholder{color:#525252}.dark .cc-wing{background:0 0}.dark .wing-toggle{border-color:var(--border);color:var(--text-primary);background:0 0}.dark .wing-toggle:hover{background:var(--text-primary)}@supports (color:color-mix(in lab,red,red)){.dark .wing-toggle:hover{background:color-mix(in srgb,var(--text-primary)12%,transparent)}}.dark .wing-toggle:hover{color:var(--accent)}.dark .wing-toggle.closed{background:var(--accent)}@supports (color:color-mix(in lab,red,red)){.dark .wing-toggle.closed{background:color-mix(in srgb,var(--accent)20%,transparent)}}.dark .wing-toggle.closed{border-color:var(--accent);color:var(--accent-light)}.dark .calendar-header-v2{background:0 0}.dark .nav-btn-v2{border-color:var(--border);color:var(--text-primary);background:0 0}.dark .nav-btn-v2:hover{background:var(--text-primary)}@supports (color:color-mix(in lab,red,red)){.dark .nav-btn-v2:hover{background:color-mix(in srgb,var(--text-primary)12%,transparent)}}.dark .nav-btn-v2:hover{border-color:var(--accent);color:var(--accent)}.dark .month-title-v2{color:var(--text-slate-200)}.dark .toggle-group-v2{border-color:var(--border)}.dark .toggle-btn-v2{color:var(--text-primary)}.dark .toggle-btn-v2.active{background:var(--text-primary)}@supports (color:color-mix(in lab,red,red)){.dark .toggle-btn-v2.active{background:color-mix(in srgb,var(--text-primary)12%,transparent)}}.dark .toggle-btn-v2.active{color:var(--accent)}.weekday-label-v2{color:var(--text-slate-500)}.dark .mini-focus{background:0 0;border:none}.dark .mini-mode-btn{color:var(--text-primary);background:0 0}.dark .mini-mode-btn.active{background:var(--text-primary)}@supports (color:color-mix(in lab,red,red)){.dark .mini-mode-btn.active{background:color-mix(in srgb,var(--text-primary)15%,transparent)}}.dark .mini-mode-btn.active{color:var(--accent)}.dark .mini-setting-toggle{background:var(--bg-tertiary);-webkit-backdrop-filter:blur(12px);border-color:var(--border-slate);color:var(--text-slate-400)}.dark .mini-setting-toggle.active{background:var(--accent-light);border-color:var(--accent);color:var(--accent)}.dark .mini-preset{background:var(--text-primary)}@supports (color:color-mix(in lab,red,red)){.dark .mini-preset{background:color-mix(in srgb,var(--text-primary)8%,transparent)}}.dark .mini-preset{-webkit-backdrop-filter:blur(8px);border-color:var(--border);color:var(--text-primary)}.dark .mini-preset.active{background:var(--accent)}@supports (color:color-mix(in lab,red,red)){.dark .mini-preset.active{background:color-mix(in srgb,var(--accent)20%,transparent)}}.dark .mini-preset.active{border-color:var(--accent)}@supports (color:color-mix(in lab,red,red)){.dark .mini-preset.active{border-color:color-mix(in srgb,var(--accent)35%,transparent)}}.dark .mini-preset.active{color:var(--accent)}.dark .mini-control{background:var(--bg-tertiary);-webkit-backdrop-filter:blur(12px);border-color:var(--border-slate);color:var(--text-slate-200)}.dark .mini-control.primary{background:var(--accent)}@supports (color:color-mix(in lab,red,red)){.dark .mini-control.primary{background:color-mix(in srgb,var(--accent)20%,transparent)}}.dark .mini-control.primary{border-color:var(--accent)}@supports (color:color-mix(in lab,red,red)){.dark .mini-control.primary{border-color:color-mix(in srgb,var(--accent)35%,transparent)}}.dark .mini-control.primary{color:var(--accent);box-shadow:0 0 12px var(--accent)}@supports (color:color-mix(in lab,red,red)){.dark .mini-control.primary{box-shadow:0 0 12px color-mix(in srgb,var(--accent)10%,transparent)}}.dark .upcoming-reviews{background:0 0;border:none;border-radius:8px;padding:8px}.upcoming-reviews .widget-title{color:var(--text-slate-200)}.dark .engram-container{background:0 0}.dark .engram-12-row,.dark .engram-rug,.dark .engram-grid-row{background:var(--bg-card);border:1px solid var(--border);border-radius:10px}.dark .engram-12-row:hover,.dark .engram-rug:hover,.dark .engram-grid-row:hover{background:var(--bg-tertiary);border-color:var(--border-hover)}.dark .engram-date-box,.dark .engram-box{background:var(--bg-secondary);border-color:var(--border)}.dark .engram-date-box:hover,.dark .engram-box:hover{background:var(--bg-tertiary);border-color:var(--border-hover)}.dark .engram-date-box.completed,.dark .engram-box.completed{background:#34d39926;border-color:#34d39966}.dark .engram-date-box.today,.dark .engram-box.today{border-color:var(--accent);background:var(--accent-light);box-shadow:0 0 10px var(--accent-glow)}.dark .engram-12-header,.dark .engram-header-row{background:var(--bg-secondary);border:1px solid var(--border)}.dark .analysis-container{background:0 0}.dark .analysis-card,.dark .stats-card,.dark .metric-card,.dark .chart-container,.dark .graph-panel{background:var(--bg-card);border:1px solid var(--border);border-radius:12px}.dark .bar-fill,.dark .trend-bar{background:var(--accent)}.dark .focus-container{background:0 0}.dark .timer-container,.dark .focus-timer-area{background:var(--bg-card);border:1px solid var(--border);border-radius:16px}.dark .mode-btn{color:var(--text-secondary);background:0 0;border-color:#0000}.dark .mode-btn:hover:not(:disabled){background:var(--text-primary)}@supports (color:color-mix(in lab,red,red)){.dark .mode-btn:hover:not(:disabled){background:color-mix(in srgb,var(--text-primary)10%,transparent)}}.dark .mode-btn:hover:not(:disabled){color:var(--text-primary);border-color:#0000}.dark .mode-btn.active{color:var(--accent);box-shadow:none;background:0 0;border-color:#0000!important}.dark .preset-btn,.dark .duration-preset{background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-secondary)}.dark .preset-btn:hover,.dark .duration-preset:hover{background:var(--bg-tertiary);border-color:var(--border-hover)}.dark .preset-btn.active,.dark .duration-preset.active{background:var(--accent)}@supports (color:color-mix(in lab,red,red)){.dark .preset-btn.active,.dark .duration-preset.active{background:color-mix(in srgb,var(--accent)20%,transparent)}}.dark .preset-btn.active,.dark .duration-preset.active{border-color:var(--accent)}@supports (color:color-mix(in lab,red,red)){.dark .preset-btn.active,.dark .duration-preset.active{border-color:color-mix(in srgb,var(--accent)35%,transparent)}}.dark .preset-btn.active,.dark .duration-preset.active{color:var(--accent)}.dark .start-btn,.dark .focus-start-button{background:var(--accent)}@supports (color:color-mix(in lab,red,red)){.dark .start-btn,.dark .focus-start-button{background:color-mix(in srgb,var(--accent)20%,transparent)}}.dark .start-btn,.dark .focus-start-button{-webkit-backdrop-filter:blur(12px);border-color:var(--accent)}@supports (color:color-mix(in lab,red,red)){.dark .start-btn,.dark .focus-start-button{border-color:color-mix(in srgb,var(--accent)35%,transparent)}}.dark .start-btn,.dark .focus-start-button{color:var(--accent);box-shadow:0 0 20px var(--accent)}@supports (color:color-mix(in lab,red,red)){.dark .start-btn,.dark .focus-start-button{box-shadow:0 0 20px color-mix(in srgb,var(--accent)12%,transparent)}}.dark .start-btn:hover,.dark .focus-start-button:hover{background:var(--accent)}@supports (color:color-mix(in lab,red,red)){.dark .start-btn:hover,.dark .focus-start-button:hover{background:color-mix(in srgb,var(--accent)28%,transparent)}}.dark .start-btn:hover,.dark .focus-start-button:hover{box-shadow:0 0 30px var(--accent)}@supports (color:color-mix(in lab,red,red)){.dark .start-btn:hover,.dark .focus-start-button:hover{box-shadow:0 0 30px color-mix(in srgb,var(--accent)18%,transparent)}}.dark .timer-ring circle:last-child,.dark .progress-ring circle:last-child{stroke:var(--accent)}.dark .curriculum-container{background:0 0}.dark .subject-card,.dark .curriculum-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px}.dark .subject-card:hover,.dark .curriculum-card:hover{background:var(--bg-tertiary);border-color:var(--border-hover)}.dark .subject-progress-bar{background:var(--bg-secondary)}.dark .subject-progress-fill,.dark .btn-primary,.dark button.primary{background:var(--accent)}@supports (color:color-mix(in lab,red,red)){.dark .btn-primary,.dark button.primary{background:color-mix(in srgb,var(--accent)18%,transparent)}}.dark .btn-primary,.dark button.primary{-webkit-backdrop-filter:blur(12px);border-color:var(--accent)}@supports (color:color-mix(in lab,red,red)){.dark .btn-primary,.dark button.primary{border-color:color-mix(in srgb,var(--accent)30%,transparent)}}.dark .btn-primary,.dark button.primary{color:var(--accent);box-shadow:0 0 12px var(--accent)}@supports (color:color-mix(in lab,red,red)){.dark .btn-primary,.dark button.primary{box-shadow:0 0 12px color-mix(in srgb,var(--accent)10%,transparent)}}.dark .btn-primary:hover,.dark button.primary:hover{background:var(--accent)}@supports (color:color-mix(in lab,red,red)){.dark .btn-primary:hover,.dark button.primary:hover{background:color-mix(in srgb,var(--accent)25%,transparent)}}.dark .btn-primary:hover,.dark button.primary:hover{box-shadow:0 0 18px var(--accent)}@supports (color:color-mix(in lab,red,red)){.dark .btn-primary:hover,.dark button.primary:hover{box-shadow:0 0 18px color-mix(in srgb,var(--accent)15%,transparent)}}.dark input,.dark textarea,.dark select{background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-primary)}.dark input:focus,.dark textarea:focus,.dark select:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-light)}.dark .modal-content,.dark .modal-panel{background:var(--bg-card);border:1px solid var(--border)}.dark .toggle-group{background:var(--bg-secondary);border:1px solid var(--border)}.dark .toggle-btn.active{background:var(--accent);color:#fff}.dark .nav-tab.active{color:var(--accent);border-color:var(--accent)}.dark ::-webkit-scrollbar{width:6px}.dark ::-webkit-scrollbar-track{background:var(--bg-secondary)}.dark ::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.dark ::-webkit-scrollbar-thumb:hover{background:var(--border-hover)}@media(max-width:640px){.command-center-v2{grid-template-rows:auto;gap:12px;height:auto;padding:8px;overflow-y:auto;grid-template-columns:1fr!important}.cc-wing.left,.cc-wing.right{display:none}.cc-main{order:1;height:auto}.wing-toggle{width:36px;height:36px;font-size:18px}.calendar-grid-v2{grid-template-columns:repeat(7,1fr);gap:6px}.day-cell-v2{min-height:50px;padding:4px 2px}.day-cell-v2 .day-number-v2{font-size:12px;top:2px;left:4px}.day-cell-v2 .day-hours-v2{font-size:11px}.day-cell-v2 .day-note-v2{font-size:8px;bottom:2px}.calendar-header-v2{flex-wrap:wrap;justify-content:center;gap:8px}.month-title-v2{text-align:center;flex-basis:100%;order:1;font-size:16px}.nav-btn-v2{order:2;width:32px;height:32px}.toggle-group-v2{order:3}.wing-toggle.left{order:0}.wing-toggle.right{order:4}.spacer{display:none}.weekday-row-v2{gap:6px}.weekday-label-v2{font-size:10px}.cc-wing.left.mobile-visible,.cc-wing.right.mobile-visible{order:2;max-height:40vh;display:flex;overflow-y:auto}.analysis-container{padding:12px 8px}.analysis-card,.stats-card,.metric-card{min-height:auto!important}.chart-container,.graph-panel{height:250px}.analysis-sidebar-v3{gap:6px}.stats-row-v3{flex-wrap:wrap;gap:4px}.stat-box-v3{min-width:80px}.wave-chart-container{height:100px}.focus-container{flex-direction:column;justify-content:center;align-items:center;min-height:calc(100vh - 120px);padding:20px 12px;display:flex}.timer-container,.focus-timer-area{max-width:100%;padding:24px 16px}.focus-modes,.mini-focus-modes{width:100%}.mode-btn,.mini-mode-btn{min-height:44px;padding:8px 12px;font-size:13px}.timer-ring-container,.mini-timer-ring-container{width:200px;height:200px}.timer-digits,.mini-timer-digits{font-size:42px}.preset-btn,.duration-preset,.mini-preset{min-width:60px;min-height:44px;padding:10px 14px;font-size:14px}.duration-presets,.mini-duration-presets{flex-wrap:wrap;justify-content:center;gap:8px}.start-btn,.focus-start-button,.mini-control{min-height:48px;padding:12px 20px;font-size:16px}.focus-controls,.mini-focus-controls{gap:10px;width:100%}.curriculum-container{padding:12px 8px}.subject-card,.curriculum-card{margin-bottom:12px}.add-subject-btn,.curriculum-add-btn{width:100%;min-height:48px;font-size:16px}.engram-container{padding:12px 8px}.engram-add-btn{width:100%;min-height:48px;margin-bottom:16px;font-size:16px}.engram-12-header,.engram-12-row{gap:4px;min-width:600px;padding:8px}.engram-wrapper{-webkit-overflow-scrolling:touch;overflow:auto visible}.engram-date-box{width:48px;height:28px}.engram-date-box .date-text{font-size:9px}.engram-subject-text{max-width:120px;padding:2px 4px;font-size:12px}.engram-12-header,.engram-12-row{grid-template-columns:20px 1fr repeat(5,44px) 28px;min-width:auto}.engram-12-date-header{font-size:7px}.subject-header{flex-wrap:wrap;gap:6px;padding:12px}.subject-name{flex:calc(100% - 40px);order:1;font-size:15px}.subject-time{background:var(--accent-light);border-radius:12px;order:3;align-items:center;gap:4px;margin-top:4px;margin-left:auto;padding:4px 10px;font-size:12px;display:inline-flex}.expand-btn{order:0}.subject-actions{opacity:1;order:2}.sticky-header{padding:10px 12px}.header-content{flex-wrap:wrap;gap:8px}.header-left{flex:100%;overflow:hidden}.header-right{flex-wrap:wrap;flex:100%;justify-content:flex-end;gap:8px}.header-brand{font-size:18px}.header-controls{gap:8px}.tab-nav{-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;gap:4px;max-width:100%;margin-bottom:-6px;padding-bottom:6px;display:flex;overflow:auto hidden}.tab-nav::-webkit-scrollbar{display:none}.tab-btn{white-space:nowrap;flex-shrink:0;min-height:36px;padding:8px 14px;font-size:13px}.nav-tabs{-webkit-overflow-scrolling:touch;gap:4px;padding-bottom:4px;overflow-x:auto}.nav-tab{white-space:nowrap;min-height:44px;padding:8px 12px;font-size:13px}button,.btn{min-width:44px;min-height:44px}input,textarea,select{min-height:44px;padding:10px 12px;font-size:16px}.modal-content,.modal-panel{max-width:95vw;max-height:90vh;margin:20px auto;padding:16px}.modal-title{font-size:18px}.quick-notes{min-height:120px}.quick-notes-textarea{font-size:14px}.upcoming-reviews{padding:12px}.upcoming-card{margin-bottom:8px;padding:12px}.mini-focus.fixed-height{height:auto;min-height:auto;max-height:none;padding:16px}.mini-timer-ring-container.compact{width:120px;height:120px}.desktop-only{display:none!important}.stats-grid{grid-template-columns:1fr!important}.chart-wrapper{width:100%;overflow-x:auto}}@media(min-width:641px)and (max-width:1024px){.command-center-v2{gap:12px;grid-template-columns:1fr 2fr!important}.cc-wing.right{display:none}.cc-wing.right.mobile-visible{display:flex}.day-cell-v2{min-height:60px}.day-cell-v2 .day-hours-v2{font-size:13px}.analysis-grid{grid-template-columns:repeat(2,1fr)!important}.timer-ring-container{width:250px;height:250px}.engram-wrapper{overflow-x:auto}.engram-12-header,.engram-12-row{min-width:700px}}@media(min-width:1025px)and (max-width:1280px){.command-center-v2{grid-template-columns:180px 1fr 180px!important}.calendar-grid-v2{gap:8px}.day-cell-v2{min-height:70px}}@media(max-width:400px){.sticky-header{padding:8px}.nav-tab{padding:6px 8px;font-size:12px}.calendar-grid-v2{gap:4px}.day-cell-v2{min-height:45px}.day-cell-v2 .day-number-v2,.day-cell-v2 .day-hours-v2{font-size:10px}.month-title-v2{font-size:14px}.timer-ring-container,.mini-timer-ring-container{width:160px;height:160px}.timer-digits{font-size:36px}.preset-btn,.mini-preset{min-width:50px;padding:8px 10px}}@media(max-width:900px)and (orientation:landscape){.command-center-v2{grid-template-columns:1fr 1fr!important}.cc-wing.left{max-height:80vh;display:flex}.cc-wing.right{display:none}.calendar-grid-v2{gap:4px}.day-cell-v2{min-height:40px}.focus-container{min-height:70vh}.timer-ring-container{width:180px;height:180px}}:root:not(.dark) .toggle-btn-v2.active{background:var(--accent);color:#fff}:root:not(.dark) .wing-toggle.closed{background:var(--accent);border-color:var(--accent);color:#fff}:root:not(.dark) .nav-btn-v2{background:var(--bg-secondary);border-color:var(--border);color:var(--text-secondary)}:root:not(.dark) .nav-btn-v2:hover{background:var(--bg-card);border-color:var(--border-hover);color:var(--text-primary)}@media(hover:none)and (pointer:coarse){button,.btn,a.btn,.clickable{min-width:44px;min-height:44px}.icon-btn{padding:12px}.day-cell-v2:hover{transform:none}.calendar-grid-v2,.engram-12-row,.preset-btn{-webkit-user-select:none;user-select:none}*{-webkit-overflow-scrolling:touch}}.engram-header-row{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;display:flex}.engram-today-btn{border:1px solid var(--border);background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:12px;font-weight:500;transition:all .2s;display:flex}.engram-today-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--bg-card)}.engram-today-btn svg{animation:2s infinite bounce-subtle}@keyframes bounce-subtle{0%,to{transform:translateY(0)}50%{transform:translateY(2px)}}.manual-input-group{justify-content:center;gap:12px;margin-bottom:16px;display:flex}.manual-input-group .manual-input{align-items:center;gap:6px;display:flex}.manual-input-group .manual-input input{border:1px solid var(--border);background:var(--bg-secondary);width:60px;color:var(--text-primary);text-align:center;border-radius:6px;padding:8px;font-size:16px}.manual-input-group .manual-input span{color:var(--text-muted);font-size:13px}.note-pencil-btn{opacity:0;transition:opacity .15s}.engram-12-date-cell:hover .note-pencil-btn{opacity:1}@media(hover:none){.engram-12-date-cell:active .note-pencil-btn{opacity:1}}.help-btn{border:1px solid var(--border);background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;transition:all .2s;display:flex}.help-btn:hover{border-color:var(--accent);color:var(--accent)}.help-panel-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.help-panel{background:var(--bg-primary);border:1px solid var(--border);border-radius:16px;width:100%;max-width:600px;max-height:80vh;position:relative;overflow-y:auto;box-shadow:0 20px 40px #0003}.help-panel-header{border-bottom:1px solid var(--border);background:var(--bg-primary);z-index:1;justify-content:space-between;align-items:center;padding:20px 24px;display:flex;position:sticky;top:0}.help-panel-header h2{margin:0;font-size:18px;font-weight:600}.help-panel-close{border:1px solid var(--border);background:var(--bg-secondary);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;transition:all .2s;display:flex}.help-panel-close:hover{border-color:var(--accent);color:var(--accent)}.help-panel-content{color:var(--text-secondary);padding:24px;font-style:italic;line-height:1.8}.help-panel-content h3{color:var(--text-primary);margin:24px 0 12px;font-size:15px;font-style:normal;font-weight:600}.help-panel-content h3:first-child{margin-top:0}.help-panel-content p{margin:8px 0;font-size:13px}.help-panel-content ul{margin:8px 0;padding-left:20px}.help-panel-content li{margin:6px 0;font-size:13px}.engram-container{flex-direction:column;height:100%;max-height:none;display:flex;overflow:hidden}.engram-12-wrapper{flex:1;max-height:none;padding-right:4px;overflow-y:auto}.engram-12-wrapper::-webkit-scrollbar{width:6px}.engram-12-wrapper::-webkit-scrollbar-track{background:0 0}.engram-12-wrapper::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.engram-12-wrapper::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.draggable-item{cursor:grab;-webkit-user-select:none;user-select:none}.draggable-item:active{cursor:grabbing}.drag-handle{opacity:.4;cursor:grab;justify-content:center;align-items:center;width:24px;height:24px;transition:opacity .2s;display:flex}.drag-handle:hover{opacity:.8}.drag-handle:active{cursor:grabbing}.dragging{opacity:.8;background:var(--bg-card);z-index:100;border-radius:8px;box-shadow:0 8px 24px #0003}.drop-indicator{background:var(--accent);border-radius:1px;height:2px;margin:2px 0}.view-toggle-group{background:var(--bg-tertiary);border-radius:6px;flex-direction:row;gap:2px;padding:2px;display:flex}.view-toggle-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;gap:4px;padding:6px 10px;transition:all .15s;display:flex}.view-toggle-btn:hover{color:var(--text-primary);background:var(--bg-secondary)}.monochrome .view-toggle-btn.active{color:#fafafa;background:#171717;border-color:#171717}.dark.monochrome .view-toggle-btn.active{color:#171717;background:#fafafa;border-color:#fafafa}.category-form{border:1px solid var(--accent);background:#6366f11a}.category-select{border:1px solid var(--border);background:var(--bg-secondary);color:var(--text-primary);border-radius:6px;min-width:120px;padding:8px 12px;font-size:13px}.category-select:focus{border-color:var(--accent);outline:none}.folder-view{flex-direction:column;gap:12px;display:flex}.category-group{border:1px solid var(--border);border-radius:8px;overflow:hidden}.category-header{background:var(--bg-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;padding:10px 12px;transition:all .15s;display:flex}.category-header:hover{background:var(--bg-tertiary)}.category-name{color:var(--text-primary);flex:1;font-size:13px;font-weight:600}.category-count{color:var(--text-muted);background:var(--bg-tertiary);border-radius:10px;padding:2px 8px;font-size:11px}.category-delete-btn{color:var(--text-muted);cursor:pointer;opacity:0;background:0 0;border:none;border-radius:4px;padding:4px;transition:all .15s}.category-header:hover .category-delete-btn{opacity:1}.category-delete-btn:hover{background:#ef44441a}.category-animation-wrapper{flex-direction:column;width:100%;display:flex}.category-group{flex-direction:column;flex-shrink:0;width:100%;min-height:min-content;display:flex}.category-engrams{border-top:1px solid var(--border);isolation:isolate;background:0 0;flex-direction:column;flex-shrink:0;gap:2px;height:auto;min-height:min-content;max-height:400px;padding:2px 0;display:flex;overflow-y:auto}.category-engrams::-webkit-scrollbar{width:6px}.category-engrams::-webkit-scrollbar-track{background:0 0}.category-engrams::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.category-engrams::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.folder-view{flex-direction:column;gap:8px;padding-bottom:40px;display:flex}.category-group.uncategorized{opacity:.8;border-style:dashed}.category-group.uncategorized .category-header{background:0 0}.entry-mode-toggle{gap:12px;margin-bottom:20px;width:100%!important;display:flex!important}.entry-mode-toggle .mode-btn{color:var(--text-muted);cursor:pointer;background:0 0;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:8px;padding:16px;font-size:14px;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;border:1px solid var(--border-hover)!important}.entry-mode-toggle .mode-btn:hover{color:var(--text-primary);border-color:var(--accent)!important}.entry-mode-toggle .mode-btn.active{color:#fff;box-shadow:0 4px 12px #6366f14d;background:var(--accent)!important;border-color:var(--accent)!important}.study-modal-wide{max-width:400px!important}.pwa-update-prompt{z-index:9999;animation:.3s ease-out slideUp;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}@keyframes slideUp{0%{opacity:0;transform:translate(-50%)translateY(20px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.pwa-update-content{background:var(--bg-card);border:1px solid var(--accent);border-radius:12px;align-items:center;gap:12px;padding:12px 16px;display:flex;box-shadow:0 8px 32px #0003}.pwa-update-icon{color:var(--accent);animation:2s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.pwa-update-text{color:var(--text-primary);white-space:nowrap;font-size:14px;font-weight:500}.pwa-update-btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:6px;padding:6px 14px;font-size:13px;font-weight:600;transition:background .2s}.pwa-update-btn:hover{background:var(--accent-hover)}.engram-header-row{flex-wrap:nowrap;justify-content:center;align-items:center;gap:12px;width:100%;max-width:none;margin:0 0 16px;padding:0;display:flex}.engram-secondary-actions{align-items:center;gap:8px;display:flex}.engram-add-btn{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-hover);cursor:pointer;white-space:nowrap;border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;transition:background .2s,transform .15s,border-color .2s;display:flex;flex:none!important;width:auto!important;min-width:0!important}.engram-add-btn:hover{background:var(--bg-hover);border-color:var(--border-hover);transform:translateY(-1px)}.view-toggle-group{background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;padding:3px;display:flex}.view-toggle-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px 10px;transition:all .15s}.view-toggle-btn.active{background:var(--bg-tertiary);color:var(--text-primary)}.engram-category-btn{border:1px dashed var(--border-hover);color:var(--text-primary);cursor:pointer;background:0 0;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:500;transition:all .15s;display:flex}.engram-category-btn:hover{border-color:var(--text-secondary);background:var(--bg-hover)}.engram-today-btn{background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;transition:all .15s;display:flex}.engram-today-btn:hover{border-color:var(--accent);color:var(--accent)}.curriculum-header{justify-content:center;width:100%;max-width:600px;margin:0 auto 16px;padding:0 16px;display:flex}.curriculum-header .btn-primary{justify-content:center;align-items:center;gap:6px;width:auto;padding:6px 12px;font-size:12px;font-weight:600;display:flex}.pwa-update-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;display:flex}.pwa-update-close:hover{background:var(--bg-hover);color:var(--text-primary)}.quick-notes{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:12px;max-height:200px;padding:16px;display:flex;overflow:hidden}.quick-notes h3{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;justify-content:center;align-items:center;gap:8px;margin:0;font-size:12px;font-weight:600;display:flex}.quick-notes h3 svg{opacity:.7}.quick-notes textarea{background:var(--bg-card);border:1px solid var(--border);min-height:80px;max-height:120px;color:var(--text-primary);resize:none;border-radius:8px;flex:1;padding:12px 16px;font-family:Georgia,serif;font-size:13px;font-style:italic;line-height:1.6;transition:border-color .2s,box-shadow .2s}.quick-notes textarea::placeholder{color:var(--text-muted);opacity:.7;font-style:italic}.quick-notes textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light);outline:none}.dark .quick-notes{background:var(--bg-tertiary);-webkit-backdrop-filter:blur(12px);border-color:var(--border)}.dark .quick-notes textarea{background:0 0;border-color:#0000}.calendar-nav-btn{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;padding:0;transition:background .2s,transform .15s;display:flex;background-color:var(--accent)!important;color:#fff!important}.calendar-nav-btn:hover{transform:scale(1.05);background-color:var(--accent-hover)!important}.toggle-group{background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;gap:2px;padding:3px;display:flex}.toggle-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:500;transition:all .15s}.toggle-btn:hover{color:var(--text-primary)}.toggle-btn.active{background:var(--accent)!important;color:#fff!important}.engram-header-row{box-shadow:none!important;border:none!important;outline:none!important}.engram-add-btn,.view-toggle-group,.engram-category-btn,.engram-today-btn{outline:none!important}.peak-date-v3{color:#171717!important}.dark .peak-date-v3{color:var(--text-slate-200)!important}.dark.monochrome .engram-add-btn{color:#171717!important;background:#fafafa!important;border-color:#fafafa!important}.dark.monochrome .engram-category-btn{color:#e5e5e5;border-color:#a3a3a3}.engram-header-row{height:40px;flex-direction:row!important;justify-content:center!important;align-items:center!important;gap:12px!important;display:flex!important}.engram-header-row .view-toggle-group,.engram-header-row .engram-secondary-actions,.engram-header-row .engram-add-btn,.engram-header-row .engram-category-btn,.engram-header-row .engram-today-btn,.engram-header-row .view-toggle-btn{align-items:center!important;height:32px!important;display:flex!important}.engram-header-row .engram-add-btn{width:auto!important;margin-bottom:0!important;padding:0 14px!important}.engram-header-row .engram-category-btn,.engram-header-row .engram-today-btn{padding:0 12px!important}.dark.monochrome .toggle-group-v2{background:#ffffff1a;border-color:#fff3}.dark.monochrome .toggle-btn-v2{color:#e5e5e5}.dark.monochrome .toggle-btn-v2.active{color:#171717!important;background:#fafafa!important}.dark.monochrome .toggle-btn-v2:hover:not(.active){color:#fff;background:#ffffff26}.daily-goal-stats,.daily-goal-stats .stat-item{box-shadow:none!important;background:0 0!important;border:none!important}.daily-goal-content .daily-goal-stats{margin-top:.25rem;padding-top:.5rem;background:0 0!important}.daily-goal-compact .daily-goal-stats .stat-item,.sidebar-widget-mode .daily-goal-stats .stat-item{background:0 0!important;border:none!important}.mobile-only{display:none!important}.swipe-container{touch-action:pan-y pinch-zoom;overflow:hidden auto}.tab-dots{align-items:center;gap:6px;margin-left:8px;padding:4px 0;display:flex}.tab-dot{background:var(--text-muted);opacity:.4;border-radius:50%;width:6px;height:6px;transition:all .2s}.tab-dot.active{background:var(--accent);opacity:1;transform:scale(1.2)}@media(max-width:768px){.mobile-only{display:flex!important}.sticky-header{padding:8px 12px}.header-content{gap:8px}.header-left{flex-direction:column;flex:1;align-items:flex-start;gap:4px;min-width:0}.tab-nav{-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth;scroll-snap-type:x mandatory;gap:4px;max-width:100%;padding:4px 0;display:flex;overflow:auto hidden}.tab-nav::-webkit-scrollbar{display:none}.tab-btn{white-space:nowrap;scroll-snap-align:center;background:var(--bg-secondary);border:1px solid #0000;border-radius:8px;flex-shrink:0;min-height:36px;padding:8px 12px;font-size:13px;transition:all .2s}.tab-btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}.tab-btn.active:after{display:none}.tab-btn:hover:not(.active){background:var(--bg-tertiary)}.header-right{flex-shrink:0;gap:6px}.sync-btn{width:36px;height:36px}.auth-btn-wrapper{transform-origin:100%;transform:scale(.85)}.settings-dropdown-btn{width:36px;height:36px}.main-content{padding:8px}.tab-dots{margin-left:0;position:absolute;bottom:4px;left:50%;transform:translate(-50%)}.header-left{padding-bottom:16px;position:relative}}@media(max-width:480px){.sticky-header{padding:6px 8px}.tab-btn{min-height:32px;padding:6px 10px;font-size:12px}.tab-nav{gap:2px}.main-content{padding:4px}.tab-dot{width:5px;height:5px}.tab-dots{gap:4px}}.swipe-container>div{width:100%;min-width:0}.swipe-container{-webkit-user-select:none;user-select:none}.swipe-container *{-webkit-user-select:auto;user-select:auto}@media(pointer:coarse){.app-layout{overscroll-behavior-y:contain}.main-content{overscroll-behavior:contain}}@media(hover:none)and (pointer:coarse){.tab-btn{min-width:44px;min-height:44px}.tab-btn:active{opacity:.9;transform:scale(.95)}.tab-btn{transition:transform .1s,background-color .15s}}.legal-disclaimer-text{color:var(--text-muted);text-align:center;opacity:.6;max-width:400px;margin-top:24px;margin-left:auto;margin-right:auto;padding:0 16px;font-size:10px;line-height:1.4}.unauth-header-actions{align-items:center;gap:8px;display:flex}.header-remember-toggle{cursor:pointer;color:var(--text-secondary);background:var(--bg-tertiary);border:1px solid var(--border);border-radius:100px;align-items:center;gap:6px;height:28px;padding:0 10px;font-size:11px;font-weight:700;transition:all .2s;display:flex}.header-remember-toggle:hover{background:var(--bg-hover);color:var(--text-primary)}.header-remember-check{border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:14px;height:14px;transition:all .2s;display:flex}.header-remember-check.active{background:var(--accent);border:1px solid var(--accent)}.header-remember-check.inactive{border:1.5px solid var(--border)}.header-auth-btn{cursor:pointer;border:1px solid var(--border);white-space:nowrap;border-radius:100px;align-items:center;gap:6px;height:32px;padding:0 14px;font-size:12px;font-weight:600;transition:all .2s;display:flex}.header-auth-btn.signup{background:var(--bg-secondary);color:var(--text-primary)}.header-auth-btn.signup:hover{background:var(--bg-hover);transform:translateY(-1px)}.header-auth-btn.signin{color:var(--text-secondary);background:0 0}.header-auth-btn.signin:hover{background:var(--bg-hover);color:var(--text-primary)}@media(max-width:768px){.unauth-header-actions{display:none}}@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-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@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-outline-style{syntax:"*";inherits:false;initial-value:solid}@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-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}.mobile-header-bar,.mobile-menu-panel,.mobile-engram-actions,.mobile-curriculum-actions{display:none!important}@media(max-width:768px){.mobile-header-bar{display:flex!important;align-items:center;gap:12px;flex:1}.mobile-menu-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:1px solid color-mix(in srgb,var(--text-primary) 10%,transparent);border-radius:8px;background:color-mix(in srgb,var(--text-primary) 6%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:var(--text-primary);cursor:pointer;flex-shrink:0}.mobile-active-tab{font-size:16px;font-weight:600;color:var(--text-primary)}.header-left,.tab-dots,.header-right,.header-center{display:none!important}.sticky-header{padding:8px 12px;position:sticky;top:0;z-index:100}.header-content{min-height:40px}.mobile-menu-panel{position:absolute!important;top:100%!important;left:0!important;width:100%!important;display:flex!important;flex-direction:column;gap:12px;padding:16px;background:var(--bg-primary)!important;border-bottom:1px solid var(--border)!important;box-shadow:0 10px 30px #00000080!important;z-index:100!important}.mobile-tab-list{display:flex;flex-wrap:wrap;gap:6px}.mobile-tab-btn{padding:8px 16px;border-radius:8px;border:1px solid color-mix(in srgb,var(--text-primary) 10%,transparent);background:color-mix(in srgb,var(--text-primary) 6%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:var(--text-secondary);font-size:14px;font-weight:500;cursor:pointer;flex:1;min-width:calc(50% - 6px);text-align:center;transition:all .15s ease}.mobile-tab-btn.active{background:color-mix(in srgb,var(--accent) 18%,transparent);color:var(--accent);border-color:color-mix(in srgb,var(--accent) 30%,transparent)}.mobile-menu-auth{display:flex;align-items:center;gap:8px;justify-content:center;padding-top:8px;border-top:1px solid var(--border)}.profile-dropdown.settings-dropdown,.settings-dropdown,.profile-dropdown{position:fixed!important;top:calc(50dvh - 65px)!important;left:50%!important;bottom:auto!important;right:auto!important;transform:translate(-50%,-50%)!important;width:90vw!important;min-width:unset!important;max-width:400px!important;border-radius:16px!important;padding:16px 16px 20px!important;z-index:200!important;max-height:80vh!important;overflow-y:auto!important;box-shadow:0 10px 40px #0006!important}.profile-dropdown:before,.settings-dropdown:before{display:none!important}.dropdown-backdrop{position:fixed!important;top:-65px!important;left:0!important;width:100vw!important;height:100dvh!important;background:#0000004d!important;backdrop-filter:blur(8px) saturate(150%)!important;-webkit-backdrop-filter:blur(8px) saturate(150%)!important;z-index:199!important}.dropdown-section{padding:6px 0!important}.dropdown-label{font-size:10px!important;letter-spacing:.5px!important;margin-bottom:6px!important}.dropdown-divider{margin:4px 0!important}.language-options{display:flex!important;justify-content:center!important;gap:6px!important}.lang-btn{padding:6px 16px!important;font-size:12px!important;min-width:48px!important;border-radius:6px!important}.theme-controls{display:flex!important;justify-content:center!important;gap:6px!important}.theme-toggle-btn{padding:6px 20px!important;border-radius:6px!important;min-width:unset!important}.accent-color-row{display:flex!important;justify-content:center!important;gap:8px!important;padding:4px 0!important}.accent-dot,.monochrome-dot{width:24px!important;height:24px!important}.dropdown-item{padding:8px 12px!important;font-size:13px!important}.mobile-engram-actions,.mobile-curriculum-actions{display:flex!important;flex-wrap:wrap;gap:8px;padding:8px 4px 12px;align-items:center;justify-content:center}.mobile-action-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:6px;border:1px solid color-mix(in srgb,var(--text-primary) 10%,transparent);background:color-mix(in srgb,var(--text-primary) 6%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:var(--text-primary);font-size:12px;font-weight:500;cursor:pointer;white-space:nowrap;transition:all .15s ease}.mobile-action-btn.primary{background:color-mix(in srgb,var(--accent) 18%,transparent);color:var(--accent);border-color:color-mix(in srgb,var(--accent) 30%,transparent)}.mobile-action-btn:active{transform:scale(.97)}.calendar-container{max-width:100%!important;width:100%!important;padding:0 4px!important;margin:0!important}.calendar-header{padding:4px 0!important;gap:4px!important;flex-wrap:nowrap!important;align-items:center}.calendar-header h2{font-size:16px!important;margin:0!important;white-space:nowrap}.calendar-header .header-controls{gap:4px!important;flex-wrap:nowrap!important}.nav-btn{width:32px!important;height:32px!important;min-width:32px!important;padding:0!important}.view-btn{padding:4px 8px!important;font-size:12px!important;min-width:unset!important}.calendar-grid{gap:2px!important;padding:0!important}.calendar-grid .day-header{font-size:10px!important;padding:2px 0!important}.day-cell{width:auto!important;min-width:0!important;max-width:none!important;height:auto!important;aspect-ratio:1 / 1;padding:2px!important;font-size:11px!important}.day-cell .day-number{font-size:11px!important}.day-cell .study-indicator,.day-cell .duration-text{font-size:9px!important}.calendar-sidebar,.calendar-spacer,.wing-toggle{display:none!important}.cc-main>button.wing-toggle,.calendar-layout>button{display:none!important}.calendar-wrapper,.calendar-content,.calendar-layout{flex-direction:column!important;gap:0!important}.calendar-header .calendar-icon-wrapper{display:none!important}.cc-layout,.command-center-layout{display:flex!important;flex-direction:column!important;gap:0!important}.cc-wing{display:none!important}.cc-main{width:100%!important;max-width:100%!important;flex:1!important}body::-webkit-scrollbar{width:0;display:none}body{scrollbar-width:none;-ms-overflow-style:none}.bento-grid{grid-template-columns:1fr 1fr!important;gap:8px!important;padding:0 4px!important}.bento-grid>*{grid-column:1 / -1!important;grid-row:auto!important}.bento-grid .metrics-panel{grid-column:1 / -1!important}.bento-grid .chart-panel{grid-column:1 / -1!important;min-height:200px!important}.bento-grid .peak-panel,.bento-grid .streak-panel{grid-column:span 1!important}.bento-grid .heatmap-panel{grid-column:1 / -1!important;overflow-x:auto!important}.bento-panel{padding:12px!important}.bento-panel.expanded{width:95vw!important;max-width:95vw!important}.metric-value{font-size:20px!important}.focus-container{padding:8px!important;overflow-x:hidden!important;max-width:100vw!important;width:100%!important;box-sizing:border-box!important;align-items:center!important}.focus-modes{display:flex!important;justify-content:center!important;width:100%!important;margin-bottom:12px!important}.timer-display{width:220px!important;height:220px!important}.timer-time{font-size:36px!important}.timer-label{font-size:11px!important}.timer-controls{flex-wrap:wrap!important;gap:8px!important}.control-btn{flex:1!important;min-width:80px!important}.duration-presets{flex-wrap:wrap!important;gap:4px!important}.preset-btn{padding:6px 10px!important;font-size:12px!important}.custom-duration{flex-direction:column!important;gap:4px!important}.curriculum-container{padding:0 4px 80px!important;overflow-y:auto!important;flex:1!important}.subject-item{margin-bottom:6px!important;border-radius:8px!important;width:100%!important;box-sizing:border-box!important}.subject-header{display:flex!important;flex-direction:row!important;align-items:center!important;padding:10px!important;gap:6px!important;min-height:unset!important;flex-wrap:nowrap!important}.subject-header .expand-btn{flex-shrink:0!important;width:24px!important;height:24px!important;padding:0!important}.subject-header .subject-name{flex:1!important;font-size:14px!important;overflow:hidden!important;white-space:nowrap!important;text-overflow:ellipsis!important;min-width:0!important}.subject-header .subject-time{flex-shrink:0!important;font-size:11px!important;padding:2px 8px!important;white-space:nowrap!important}.subject-header .subject-actions{display:flex!important;opacity:1!important;visibility:visible!important;flex-shrink:0!important;gap:2px!important}.subject-header .subject-actions button{width:28px!important;height:28px!important;padding:0!important;display:flex!important;align-items:center;justify-content:center}.topics-list{padding-left:20px!important;padding-right:4px!important}.topic-item{padding:6px 8px!important;font-size:13px!important}.topic-item .topic-actions{opacity:1!important;visibility:visible!important}.engram-12-header,.engram-12-row{min-width:unset!important}.engram-wrapper{overflow-x:visible!important}.engram-12-header{display:none!important}.engram-12-row{display:grid!important;grid-template-columns:16px minmax(70px,1fr) repeat(5,38px) 24px!important;align-items:center!important;padding:8px 4px!important;gap:4px!important;border-radius:8px!important;margin-bottom:6px!important;position:relative!important;overflow-x:auto!important;scrollbar-width:none}.engram-12-row::-webkit-scrollbar{display:none}.engram-12-row .drag-handle{position:static!important;display:flex;align-items:center;justify-content:center;box-shadow:none!important}.engram-12-subject-cell{position:static!important;box-shadow:none!important;font-size:13px!important;font-weight:600!important;min-width:0!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.engram-subject-text{font-size:13px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.engram-12-action-cell{display:flex;align-items:center;justify-content:center}.engram-12-date-cell{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;min-width:unset!important;gap:2px!important}.engram-12-date-cell:before{display:none!important}.engram-date-box{width:100%!important;height:26px!important;padding:0 2px!important;font-size:8px!important;display:flex;align-items:center;justify-content:center}.engram-date-box .date-text{font-size:8px!important}.category-header{padding:8px 10px!important;gap:6px!important;font-size:13px!important}.category-name{font-size:13px!important;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.engram-add-form{padding:8px!important;gap:6px!important;flex-wrap:wrap!important}.engram-add-form input[type=text]{min-width:0!important;flex:1!important}.modal-overlay .study-modal,.modal-overlay .commit-modal,.modal-overlay .manual-entry-modal,.modal-overlay .note-modal,.modal-overlay .category-edit-modal{width:calc(100vw - 24px)!important;max-width:100%!important;margin:12px!important;border-radius:12px!important}.modal-overlay{padding:0!important;align-items:center!important}}@media(max-width:480px){.mobile-active-tab{font-size:14px}.mobile-menu-btn{width:32px;height:32px}.mobile-tab-btn{font-size:13px;padding:7px 12px}.day-cell{padding:1px!important;font-size:10px!important}.day-cell .day-number{font-size:10px!important}.day-cell .study-indicator,.day-cell .duration-text{font-size:8px!important}.calendar-header h2{font-size:14px!important}.timer-display{width:200px!important;height:200px!important}.timer-time{font-size:32px!important}.metric-value{font-size:18px!important}.engram-date-box{height:26px!important;max-width:52px}.engram-date-box .date-text{font-size:8px!important}.engram-12-date-cell:before{font-size:6px}.subject-header{padding:8px!important}.subject-header .subject-name{font-size:13px!important}.mobile-action-btn{padding:5px 10px;font-size:11px}}@media(max-width:768px)and (max-height:500px){.timer-display{width:160px!important;height:160px!important}.timer-time{font-size:28px!important}.focus-container{flex-direction:row!important;gap:16px!important}}.homepage-container{height:100%;overflow-y:auto;padding:32px 24px 48px}.homepage-welcome,.homepage-landing{max-width:800px;margin:0 auto;display:flex;flex-direction:column;align-items:center}.welcome-content,.landing-content{display:flex;flex-direction:column;align-items:center;text-align:center;width:100%}.hero-title-tab,.welcome-title{font-size:clamp(1.75rem,4vw,2.75rem);font-weight:900;line-height:1.1;letter-spacing:-.03em;color:var(--text-primary);margin-bottom:12px}.hero-subtitle-tab,.welcome-subtitle{font-size:clamp(.9rem,1.8vw,1.05rem);color:var(--text-secondary);font-weight:500;line-height:1.6;max-width:480px;margin:0 auto 24px}.highlight-pills-tab{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:32px}.highlight-pill-tab{display:inline-flex;align-items:center;gap:7px;padding:7px 16px;border-radius:100px;font-size:12px;font-weight:600;color:var(--text-secondary);background:var(--bg-secondary);border:1px solid var(--border)}.highlight-pill-tab svg{flex-shrink:0;opacity:.7}.login-area-tab{display:flex;flex-direction:column;align-items:center;gap:14px;margin-bottom:32px}.auth-buttons-row-tab{display:flex;gap:12px;align-items:center}.auth-mode-btn-tab{display:flex;align-items:center;gap:10px;padding:12px 28px;border-radius:100px;font-size:15px;font-weight:700;cursor:pointer;transition:all .3s ease;border:1px solid var(--border)}.signup-btn-tab{background:var(--bg-secondary);color:var(--text-primary)}.signup-btn-tab:hover{background:var(--bg-hover);transform:translateY(-2px);box-shadow:0 8px 24px #00000014}.signin-btn-tab{background:transparent;border:1.5px solid var(--border);color:var(--text-secondary)}.signin-btn-tab:hover{background:var(--bg-hover);color:var(--text-primary);transform:translateY(-2px)}.custom-google-btn{display:flex;align-items:center;gap:12px;padding:12px 24px;border-radius:100px;background:var(--bg-secondary);border:1px solid var(--border);font-size:15px;font-weight:600;color:var(--text-primary);cursor:pointer;transition:all .3s ease}.custom-google-btn:hover{background:var(--bg-hover);transform:translateY(-2px);box-shadow:0 8px 24px #00000014}.auth-back-btn-tab{display:flex;align-items:center;gap:6px;background:none;border:none;color:var(--text-muted);font-size:13px;font-weight:600;cursor:pointer;transition:color .2s ease;padding:8px 0}.auth-back-btn-tab:hover{color:var(--text-primary)}.remember-toggle-tab{display:flex;align-items:center;gap:10px;padding:12px 24px;border-radius:100px;background:var(--bg-secondary);border:1px solid var(--border);font-size:14px;color:var(--text-primary);font-weight:600;cursor:pointer;transition:all .3s ease}.remember-toggle-tab:hover{background:var(--bg-hover)}.remember-check-tab{width:18px;height:18px;border-radius:5px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.remember-check-tab.active{background:var(--accent);border:1px solid var(--accent)}.remember-check-tab.inactive{border:1.5px solid var(--border)}.remember-days-tab{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);background:var(--bg-tertiary);padding:2px 8px;border-radius:4px}.terms-card-tab{display:flex;flex-direction:column;align-items:center;gap:16px;width:100%;max-width:440px;margin-bottom:32px}.terms-checkbox-row-tab{display:flex;align-items:flex-start;gap:14px;padding:18px 20px;border-radius:18px;background:var(--bg-tertiary);border:1px solid var(--border);cursor:pointer;text-align:left;width:100%;transition:background .2s ease}.terms-checkbox-row-tab:hover{background:var(--bg-hover)}.terms-check-box-tab{width:22px;height:22px;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px;transition:all .2s ease}.terms-check-box-tab.active{background:var(--accent);border:1px solid var(--accent)}.terms-check-box-tab.inactive{border:1.5px solid var(--border)}.terms-text-tab{font-size:13px;font-weight:500;color:var(--text-secondary);line-height:1.5}.terms-text-tab a,.terms-text-tab button{color:var(--accent);font-weight:600;text-decoration:underline;text-underline-offset:2px;cursor:pointer;background:none;border:none;padding:0;font-size:inherit}.terms-submit-btn-tab{width:100%;padding:14px 24px;border-radius:16px;font-weight:700;font-size:15px;transition:all .25s ease;border:none;cursor:pointer}.terms-submit-btn-tab.active{background:var(--accent);color:#fff;box-shadow:0 4px 20px #3b82f64d}.terms-submit-btn-tab.active:hover{transform:translateY(-1px)}.terms-submit-btn-tab.disabled{background:var(--bg-hover);color:var(--text-muted);cursor:not-allowed;border:1px solid var(--border)}.homepage-features-section{width:100%;text-align:center;margin-top:48px}.homepage-features-section h2{font-size:clamp(1.5rem,3vw,2rem);font-weight:900;letter-spacing:-.02em;color:var(--text-primary);margin-bottom:8px}.features-sub{color:var(--text-secondary);font-size:14px;margin-bottom:28px}.homepage-features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;width:100%;margin-top:24px}.homepage-feature-card{display:flex;align-items:flex-start;gap:16px;padding:20px;border-radius:16px;background:var(--bg-secondary);border:1px solid var(--border);text-align:left;transition:all .3s ease}.homepage-feature-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000000f;border-color:var(--accent-light)}.homepage-feature-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--bg-tertiary)}.homepage-feature-card h3{font-size:14px;font-weight:700;color:var(--text-primary);margin-bottom:4px}.homepage-feature-card p{font-size:12px;color:var(--text-secondary);line-height:1.5}.homepage-footer{margin-top:48px;text-align:center;display:flex;flex-direction:column;gap:4px}.homepage-copyright{font-size:11px;color:var(--text-muted);font-weight:600;letter-spacing:.1em;text-transform:uppercase}.homepage-version{font-size:10px;color:var(--text-muted);opacity:.5}@media(max-width:640px){.homepage-container{padding:20px 16px 40px}.homepage-features-grid{grid-template-columns:1fr}.auth-buttons-row-tab{flex-direction:column}.carousel-slide{width:260px!important;height:160px!important}}.homepage-ambiance-section{display:flex;flex-direction:column;align-items:center;text-align:center;margin-top:32px;width:100%}.homepage-ambiance-label{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:var(--text-secondary);letter-spacing:.02em;margin-bottom:20px}.homepage-ambiance-label svg{opacity:.6}.homepage-ambiance-buttons{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.homepage-ambiance-btn{width:56px;height:56px;border-radius:18px;display:flex;align-items:center;justify-content:center;border:1.5px solid rgba(255,255,255,.08);background:#ffffff0a;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);cursor:pointer;font-size:24px;transition:all .3s ease;box-shadow:0 2px 12px #0000000a}.homepage-ambiance-btn:hover{transform:translateY(-3px) scale(1.08);box-shadow:0 8px 24px #0000001a;border-color:var(--accent-light)}.homepage-ambiance-btn.active{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent),0 4px 16px #3b82f633;transform:translateY(-2px)}.carousel-wrapper{position:relative;width:100%;overflow:hidden;padding:32px 0;margin-top:16px}.carousel-track{display:flex;gap:20px;will-change:transform;width:max-content}.carousel-slide{flex-shrink:0;width:360px;height:220px;border-radius:16px;overflow:hidden;cursor:pointer;border:1px solid rgba(255,255,255,.06);box-shadow:0 4px 24px #0000000f;transition:transform .3s ease,box-shadow .3s ease;background:var(--bg-tertiary)}.carousel-slide:hover{transform:scale(1.03);box-shadow:0 8px 32px #0000001f}.carousel-slide img{width:100%;height:100%;object-fit:cover;-webkit-user-select:none;user-select:none;pointer-events:none}.lightbox-overlay{position:fixed;inset:0;z-index:9999;background:#000000d9;display:flex;align-items:center;justify-content:center;cursor:zoom-out;padding:32px}.lightbox-img{max-width:90vw;max-height:85vh;border-radius:16px;object-fit:contain;box-shadow:0 20px 60px #0006;cursor:default}.lightbox-close{position:absolute;top:20px;right:24px;width:40px;height:40px;border-radius:50%;background:#ffffff1a;border:1px solid rgba(255,255,255,.15);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .2s ease}.lightbox-close:hover{background:#fff3;transform:scale(1.1)}.bento-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(3,1fr);gap:12px;height:100%}.bento-panel.metrics{grid-column:1 / 3;grid-row:1 / 2}.bento-panel.chart{grid-column:3 / 5;grid-row:1 / 3}.bento-panel.peaks-best{grid-column:1 / 2;grid-row:2 / 3;border-color:var(--accent-emerald)}.bento-panel.peaks-best .peak-badge.best{background:var(--accent-emerald-bg);color:var(--accent-emerald)}.bento-panel.peaks-worst{grid-column:2 / 3;grid-row:2 / 3;border-color:var(--accent-rose)}.bento-panel.peaks-worst .peak-badge.worst{background:var(--accent-rose-bg);color:var(--accent-rose)}.bento-panel.streak{grid-column:1 / 2;grid-row:3 / 4}.bento-panel.daily-goal{grid-column:2 / 3;grid-row:3 / 4}.bento-panel.heatmap{grid-column:3 / 5;grid-row:3 / 4;overflow:hidden;min-width:0}.heatmap-compact{flex:1;display:flex;flex-direction:column;min-height:0;width:100%;max-width:100%}.heatmap-header{display:flex;align-items:center;gap:8px;margin-bottom:8px;flex-shrink:0}.heatmap-year{font-size:12px;font-weight:600;min-width:50px;text-align:center}.heatmap-scroll{flex:1;overflow-x:auto;overflow-y:hidden;min-height:0;width:100%;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.heatmap-grid{display:flex;gap:2px;height:100%}.heatmap-week{display:flex;flex-direction:column;gap:2px}.heatmap-cell{width:10px;height:10px;border-radius:2px;background:var(--heatmap-0);flex-shrink:0}.heatmap-cell.level-1{background:var(--heatmap-1)}.heatmap-cell.level-2{background:var(--heatmap-2)}.heatmap-cell.level-3{background:var(--heatmap-3)}.heatmap-cell.level-4{background:var(--heatmap-4)}.heatmap-legend{display:flex;align-items:center;gap:3px;font-size:10px;color:var(--text-muted);margin-left:auto}.legend-cell{width:10px;height:10px;border-radius:2px}.daily-goal-content{border-radius:16px;padding:1rem;display:flex;flex-direction:column;gap:.75rem}.daily-goal-header{display:flex;align-items:center;gap:.5rem;padding-bottom:.5rem;border-bottom:1px solid var(--border);color:var(--text-secondary);font-weight:500}.header-actions{margin-left:auto;display:flex;align-items:center;gap:16px}.daily-goal-header .modal-close-btn{position:static!important;top:auto;right:auto;margin:0;transform:none;background:transparent;border:none;color:var(--text-muted);padding:4px;width:auto;height:auto}.daily-goal-header .modal-close-btn:hover{color:var(--text-primary);background:var(--bg-tertiary)}.goal-status-icon{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);color:var(--text-muted);transition:all .3s ease}.goal-status-icon.positive{background:var(--accent-green-bg);color:var(--accent-green)}.daily-goal-main{display:flex;justify-content:center;padding:.25rem 0}.goal-display{text-align:center;cursor:pointer;transition:transform .2s ease;padding:.75rem;background:var(--bg-card);border-radius:12px;border:1px solid transparent;width:100%;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.goal-display:hover{transform:scale(1.02);border-color:var(--border);background:var(--bg-tertiary)}.goal-value{font-size:2.5rem;font-weight:800;line-height:1;display:block;color:var(--text-primary);font-variant-numeric:tabular-nums;text-align:center}.goal-label{font-size:.75rem;color:var(--text-muted);margin-top:.25rem;display:block;text-transform:uppercase;letter-spacing:.1em;font-weight:600;text-align:center}.daily-goal-progress{width:100%;margin-top:.25rem}.progress-bar{height:8px;background:var(--bg-tertiary);border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:var(--accent);border-radius:4px;transition:width .8s cubic-bezier(.4,0,.2,1)}.progress-fill.success{background:var(--accent-green)}.daily-goal-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;text-align:center;padding-top:.25rem;background:transparent;border:none;box-shadow:none}.stat-item{display:flex;flex-direction:column;gap:.25rem;align-items:center;padding:.5rem;background:transparent;border-radius:12px;border:none}.stat-value{font-size:1.25rem;font-weight:700;color:var(--text-primary);font-variant-numeric:tabular-nums}.stat-value.efficiency-value{color:var(--accent)}.stat-item.efficiency.complete .efficiency-value{color:var(--accent-green)}.stat-label{font-size:.7rem;color:var(--text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.goal-edit{display:flex;align-items:baseline;justify-content:center;gap:.5rem}.goal-input{font-size:3rem;font-weight:800;text-align:center;background:transparent;border:none;border-bottom:2px solid var(--accent);color:var(--text-primary);width:140px;padding:0}.goal-input:focus{outline:none;border-bottom-color:var(--accent-hover)}.goal-unit{font-size:1.5rem;font-weight:500;color:var(--text-muted)}.daily-goal-content.modal-mode{background:color-mix(in srgb,var(--bg-primary) 95%,transparent);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--border-light);border-radius:20px;box-shadow:0 16px 48px #0009,0 0 0 1px color-mix(in srgb,var(--accent) 20%,transparent);position:relative;z-index:100;padding:1.5rem;gap:1.25rem;width:300px;max-width:90vw}.daily-goal-content.modal-mode .daily-goal-header{border-bottom:1px solid var(--border);padding-bottom:.75rem;margin-bottom:0}.daily-goal-compact{padding:.5rem;gap:.25rem;height:100%;justify-content:space-between}.daily-goal-compact .daily-goal-header{margin-bottom:.25rem;padding-bottom:.25rem;border-bottom:1px solid var(--border);justify-content:space-between}.daily-goal-compact .header-left,.daily-goal-compact .header-actions{gap:.5rem}.daily-goal-compact .panel-title{font-size:.75rem}.daily-goal-compact .goal-status-icon{width:16px;height:16px}.daily-goal-compact .daily-goal-main{padding:0}.daily-goal-compact .goal-display{padding:.25rem;background:transparent;border:none}.daily-goal-compact .goal-display:hover{background:var(--bg-tertiary)}.daily-goal-compact .goal-value{font-size:1rem}.daily-goal-compact .goal-input{font-size:1rem;width:60px}.daily-goal-compact .goal-label{font-size:.5rem;margin-top:.1rem}.daily-goal-compact .daily-goal-progress{margin-top:.1rem}.daily-goal-compact .progress-bar{height:4px}.daily-goal-compact .daily-goal-stats{display:flex;flex-direction:row;justify-content:space-between;gap:.25rem;padding-top:.25rem;grid-template-columns:none}.daily-goal-compact .stat-item{flex:1;padding:.1rem;background:transparent;border:none;align-items:center}.daily-goal-compact .stat-value{font-size:.8rem}.daily-goal-compact .stat-label{font-size:.5rem}.daily-goal-modal-overlay{position:absolute;inset:0;background:transparent;display:flex;align-items:center;justify-content:center;z-index:99;border-radius:24px}.sidebar-widget-mode .daily-goal-content{padding:.5rem!important;gap:.25rem!important;min-width:0!important}.sidebar-widget-mode .goal-value{font-size:1rem!important;line-height:1}.sidebar-widget-mode .goal-input{font-size:1rem!important;width:60px!important}.sidebar-widget-mode .goal-label{font-size:.6rem!important;margin-top:.1rem;letter-spacing:.05em}.sidebar-widget-mode .daily-goal-stats{display:flex!important;flex-wrap:nowrap!important;justify-content:space-between!important;gap:.25rem!important;width:100%!important;padding-top:0!important}.sidebar-widget-mode .stat-item{flex:1!important;min-width:0!important;padding:.25rem!important;background:transparent!important;border:none!important}.sidebar-widget-mode .stat-value{font-size:.9rem!important}.sidebar-widget-mode .stat-label{font-size:.6rem!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.sidebar-widget-mode .goal-status-icon{width:18px;height:18px}.sidebar-widget-mode .goal-display{width:auto!important;min-width:80px;padding:.25rem .5rem!important;margin:0 auto}.sidebar-widget-mode .daily-goal-header{border:none!important;border-bottom:none!important;padding-bottom:0!important;margin-bottom:0!important;box-shadow:none!important;background:transparent!important}.sidebar-widget-mode .daily-goal-header:after,.sidebar-widget-mode .daily-goal-header:before{content:none!important;display:none!important;border:none!important}.sidebar-widget-mode .daily-goal-main{border-top:none!important;margin-top:.25rem!important;box-shadow:none!important}.analysis-sidebar-v3{display:flex;flex-direction:column;gap:4px;height:100%;overflow:hidden}.analysis-sidebar-v3 .stats-row-v3{display:flex;gap:3px}.analysis-sidebar-v3 .stat-box-v3,.analysis-sidebar-v3 .wave-chart-panel,.analysis-sidebar-v3 .peak-v3{background:transparent;border:none;border-radius:8px}.analysis-sidebar-v3 .stat-box-v3{padding:4px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;flex:1}.analysis-sidebar-v3 .stat-val{font-size:.9rem;font-weight:700;color:var(--text-primary)}.analysis-sidebar-v3 .streak .stat-val{color:var(--accent-orange)}.analysis-sidebar-v3 .stat-lbl{font-size:.55rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-top:1px}.analysis-sidebar-v3 .wave-chart-panel{padding:4px 6px}.wave-chart-header{display:flex;align-items:center;gap:4px;margin-bottom:2px}.wave-chart-header .chart-month{font-size:9px;font-weight:600;color:var(--text-primary)}.wave-chart-header .chart-label{font-size:7px;font-weight:600;color:var(--text-muted);text-transform:uppercase;margin-left:auto}.analysis-sidebar-v3 .peak-v3{padding:4px 6px;display:flex;flex-direction:column;gap:1px}.analysis-sidebar-v3 .peak-v3.best{border-left:3px solid var(--accent-emerald)}.analysis-sidebar-v3 .peak-v3.worst{border-left:3px solid var(--accent-rose)}.analysis-sidebar-v3 .peak-badge-v3{font-size:7px;font-weight:600;color:var(--text-muted);text-transform:uppercase}.analysis-sidebar-v3 .peak-row{display:flex;justify-content:space-between;align-items:center}.analysis-sidebar-v3 .peak-date-v3{font-size:10px;font-weight:600;color:var(--text-primary)}.analysis-sidebar-v3 .peak-time-v3{font-size:9px;color:var(--text-secondary)}.calendar-nav-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background-color:color-mix(in srgb,var(--text-primary) 8%,transparent);color:var(--text-secondary);border:none;border-radius:8px;cursor:pointer;transition:background .2s ease,transform .15s ease,border-color .2s ease,color .2s ease}.calendar-nav-btn:hover{background-color:color-mix(in srgb,var(--text-primary) 12%,transparent);color:var(--accent);border-color:var(--accent);transform:scale(1.05)}.wing-toggle{background-color:color-mix(in srgb,var(--text-primary) 8%,transparent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:var(--text-secondary);border:1px solid var(--border);width:24px;height:24px;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.wing-toggle:hover{background-color:color-mix(in srgb,var(--text-primary) 12%,transparent);color:var(--accent);border-color:var(--accent);transform:scale(1.05)}.wing-toggle.closed{opacity:.7;background-color:var(--bg-secondary)!important;color:var(--text-muted)!important;border:1px solid var(--border)!important}.wing-toggle.closed:hover{opacity:1;background-color:color-mix(in srgb,var(--text-primary) 5%,transparent)!important;color:var(--accent)!important;border-color:var(--accent)!important}.nav-btn-v2{background-color:color-mix(in srgb,var(--text-primary) 8%,transparent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--border);width:22px;height:22px;border-radius:5px;cursor:pointer;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;transition:all .2s ease}.nav-btn-v2:hover{background-color:color-mix(in srgb,var(--text-primary) 12%,transparent);border-color:var(--accent);color:var(--accent)}.toggle-btn-v2{padding:4px 8px;border:none;background:transparent;font-size:11px;font-weight:500;color:var(--text-muted);cursor:pointer;border-radius:4px;transition:all .2s ease}.toggle-btn-v2.active{background-color:color-mix(in srgb,var(--text-primary) 12%,transparent);color:var(--text-primary);box-shadow:0 1px 2px #0000000d;border-radius:5px}.toggle-group-v2{display:flex;background:color-mix(in srgb,var(--text-primary) 8%,transparent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:3px;border-radius:6px;border:1px solid var(--border);gap:2px}.quick-notes{background:var(--bg-secondary);border:none;border-radius:12px;padding:12px;display:flex;flex-direction:column;flex:1;min-height:120px;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;transition:all .2s ease}.quick-notes:focus-within{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-light)}.quick-notes textarea{font-family:inherit;font-size:14px;line-height:1.6;padding:0;border-radius:0;background:transparent;border:none;color:var(--text-primary);width:100%;resize:none;flex:1;min-height:80px}.quick-notes textarea:focus{outline:none}.quick-notes textarea::-webkit-scrollbar{width:6px}.quick-notes textarea::-webkit-scrollbar-track{background:transparent}.quick-notes textarea::-webkit-scrollbar-thumb{background-color:var(--border);border-radius:3px}.quick-notes textarea::-webkit-scrollbar-thumb:hover{background-color:var(--text-muted)}.daily-goal-sidebar{background:var(--bg-secondary);border:none;border-radius:12px;padding:12px;box-shadow:none}.analysis-sidebar-v3>*{box-shadow:none}.cc-wing>*,.cc-main>*{box-shadow:none}.tasks-container{display:flex;flex-direction:column;height:100%;max-width:800px;margin:0 auto;gap:24px;animation:fadeIn .4s ease}.tasks-header{display:flex;justify-content:space-between;align-items:center}.tasks-header h2{font-size:24px;font-weight:700;display:flex;align-items:center;gap:12px}.tasks-header-icon{color:var(--accent)}.task-input-form{display:flex;gap:12px}.task-input{flex:1;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:14px 16px;font-size:15px;color:var(--text-primary);transition:all .2s ease}.task-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.1)}.btn-add-task{width:48px;height:48px;border-radius:12px;background:color-mix(in srgb,var(--accent) 15%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 25%,transparent);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .25s ease;flex-shrink:0}.btn-add-task:hover:not(:disabled){background:color-mix(in srgb,var(--accent) 22%,transparent);border-color:color-mix(in srgb,var(--accent) 35%,transparent);transform:translateY(-1px);box-shadow:0 4px 16px color-mix(in srgb,var(--accent) 12%,transparent)}.btn-add-task:disabled{opacity:.4;cursor:not-allowed;background:color-mix(in srgb,var(--text-primary) 5%,transparent);border-color:var(--border);color:var(--text-muted)}.task-stats-inline{display:flex;justify-content:space-between;align-items:center;padding:0 4px}.tasks-count{font-size:12px;font-weight:500;color:var(--text-secondary)}.btn-clear-completed{background:transparent;border:none;color:var(--text-secondary);font-size:12px;font-weight:500;cursor:pointer;padding:4px 8px;border-radius:6px;transition:all .2s ease}.btn-clear-completed:hover{color:var(--primary);background:var(--bg-header)}.tasks-list-container{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.mini-timer-time{font-size:1.25rem;font-weight:700;color:var(--text-primary);font-family:inherit!important;letter-spacing:-.02em}.task-checkbox{width:24px;height:24px;border-radius:6px;border:2px solid var(--border-hover);background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;flex-shrink:0;color:transparent}.task-checkbox:hover{border-color:var(--primary)}.task-item.completed .task-checkbox{background:color-mix(in srgb,var(--accent-green, #10b981) 18%,transparent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-color:color-mix(in srgb,var(--accent-green, #10b981) 35%,transparent);color:var(--accent-green, #10b981)}.tasks-list{flex:1;overflow-y:auto;padding:12px 0}.task-item{display:flex;align-items:center;gap:16px;padding:12px 24px;border-bottom:1px solid var(--border);transition:all .2s ease}.task-item:last-child{border-bottom:none}.task-item:hover{background:rgba(var(--bg-card-rgb),.5)}.task-content{flex:1;display:flex;flex-direction:column;min-width:0}.task-title{font-size:15px;color:var(--text-primary);transition:all .2s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.task-title-input{width:100%;background:transparent;border:1px solid var(--accent);border-radius:4px;color:var(--text-primary);font-size:15px;padding:2px 4px;outline:none}.task-item.completed .task-title{color:var(--text-muted);text-decoration:line-through}.task-actions{display:flex;gap:8px;opacity:0;transition:opacity .2s ease}.task-item:hover .task-actions{opacity:1}.task-action-btn{width:32px;height:32px;border-radius:8px;border:none;background:var(--bg-secondary);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.task-action-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.task-action-btn.delete:hover{background:var(--accent-rose-bg);color:var(--accent-rose)}.tasks-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:40px;color:var(--text-muted);text-align:center}.tasks-empty-icon{margin-bottom:16px;opacity:.5;color:var(--accent)}.tasks-empty p{font-size:14px;max-width:250px}.sticky-header{flex-shrink:0;background:transparent;border-bottom:1px solid var(--border);padding:12px 24px;z-index:50;position:relative}.sticky-header:before{content:"";position:absolute;inset:0;background:var(--bg-header);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:-1;transition:background-color .6s ease}.header-content{display:flex;align-items:center;justify-content:space-between;gap:16px;max-width:100%}.header-left,.header-right{display:flex;align-items:center;gap:12px}.tab-nav{display:flex;gap:8px;align-items:center}.tab-btn{display:flex;align-items:center;justify-content:center;gap:8px;height:36px;padding:0 16px;border-radius:8px;border:none;background:color-mix(in srgb,var(--text-primary) 5%,transparent);color:var(--text-primary);font-size:14px;font-weight:500;cursor:pointer;position:relative;transition:all .2s ease}.tab-icon-container{display:inline-flex;align-items:center;justify-content:center}.tab-text-container{display:inline-flex;align-items:center;white-space:nowrap}.tab-btn:hover{background:color-mix(in srgb,var(--text-primary) 10%,transparent);color:var(--text-primary)}.tab-btn.active{font-weight:600;background:color-mix(in srgb,var(--accent) 15%,transparent);color:var(--accent)}.tab-btn.active:after{display:none}.dark .tab-btn{background:color-mix(in srgb,var(--text-primary) 5%,transparent);color:#f4f4f5}.dark .tab-btn:hover{background:color-mix(in srgb,var(--text-primary) 10%,transparent)}.dark .tab-btn.active{background:color-mix(in srgb,var(--accent) 15%,transparent)}.engram-category-btn:hover,.engram-today-btn:hover,.engram-add-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026!important}.dark .engram-category-btn:hover,.dark .engram-today-btn:hover,.dark .engram-add-btn:hover{box-shadow:0 4px 12px #00000080!important}.header-action-btn{height:32px;padding:0 12px;font-size:13px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:6px;border:none;background:color-mix(in srgb,var(--text-primary) 5%,transparent);color:var(--text-primary);cursor:pointer;font-weight:500;white-space:nowrap;transition:all .2s ease;box-sizing:border-box;margin:0;line-height:1;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.header-action-btn svg{opacity:.8;display:block}.header-action-btn:hover{background:color-mix(in srgb,var(--text-primary) 10%,transparent);border-color:transparent;color:var(--text-primary)}.dark .header-action-btn{background:color-mix(in srgb,var(--text-primary) 5%,transparent);border-color:transparent;color:#f4f4f5}.dark .header-action-btn:hover{background:color-mix(in srgb,var(--text-primary) 10%,transparent);border-color:transparent}.ambient-aquarium{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:-1;overflow:hidden;opacity:.8}.fish{position:absolute;width:30vw;filter:blur(12px);opacity:.15;will-change:transform}.fish-orange{color:var(--accent-amber, #f59e0b);top:20%;left:-40%;animation:swimRight 45s infinite linear}.fish-blue{color:var(--accent-blue, #3b82f6);bottom:25%;right:-40%;animation:swimLeft 55s infinite linear;animation-delay:-10s}@keyframes swimRight{0%{transform:translateZ(0) rotate(-5deg)}25%{transform:translate3d(40vw,-10vh,0) rotate(5deg)}50%{transform:translate3d(80vw,5vh,0) rotate(0)}75%{transform:translate3d(120vw,-5vh,0) rotate(5deg)}to{transform:translate3d(160vw,0,0) rotate(-5deg)}}@keyframes swimLeft{0%{transform:translateZ(0) rotate(5deg)}25%{transform:translate3d(-40vw,15vh,0) rotate(-5deg)}50%{transform:translate3d(-80vw,-5vh,0) rotate(0)}75%{transform:translate3d(-120vw,10vh,0) rotate(-5deg)}to{transform:translate3d(-160vw,0,0) rotate(5deg)}}.ambient-grass-container{position:fixed;bottom:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:-1;overflow:hidden;opacity:.15}.grass-blade{position:absolute;bottom:-5vh;transform-origin:bottom center;filter:blur(15px);animation:sway linear infinite alternate;will-change:transform}@keyframes sway{0%{transform:rotate(-10deg) skew(-5deg)}to{transform:rotate(15deg) skew(8deg)}}.ambient-sakura-container{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:-1;overflow:hidden;opacity:.25}.sakura-petal{position:absolute;top:-10vh;filter:blur(8px);will-change:transform}.fall-sway-right{animation:fallRight linear infinite}.fall-sway-left{animation:fallLeft linear infinite}@keyframes fallRight{0%{transform:translateZ(0) rotate(0) rotateX(0)}to{transform:translate3d(20vw,110vh,0) rotate(360deg) rotateX(720deg)}}@keyframes fallLeft{0%{transform:translateZ(0) rotate(0) rotateX(0)}to{transform:translate3d(-20vw,110vh,0) rotate(-360deg) rotateX(720deg)}}.ambient-aurora-container{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:-1;overflow:hidden;opacity:.6;mix-blend-mode:screen}.aurora-base{position:absolute;width:100%;height:100%;background:radial-gradient(circle at 50% 100%,rgba(139,92,246,.15) 0%,rgba(16,185,129,.05) 40%,transparent 80%)}.aurora-band{position:absolute;bottom:-20vh;width:60vw;height:140vh;filter:blur(45px);will-change:transform,opacity;border-radius:50% 50% 0 0;transform-origin:bottom center}.aurora-1{left:-10vw;background:linear-gradient(0deg,rgba(236,72,153,.2) 0%,rgba(139,92,246,.4) 30%,rgba(45,212,191,.8) 70%,transparent 100%);animation:driftVertical 20s ease-in-out infinite alternate}.aurora-2{left:30vw;width:50vw;background:linear-gradient(0deg,rgba(219,39,119,.2) 0%,rgba(79,70,229,.5) 40%,rgba(52,211,153,.7) 80%,transparent 100%);animation:driftVerticalOpposite 25s ease-in-out infinite alternate;animation-delay:-8s}.aurora-3{left:60vw;width:40vw;background:linear-gradient(0deg,rgba(244,63,94,.3) 0%,rgba(168,85,247,.5) 40%,rgba(45,212,191,.6) 80%,transparent 100%);animation:driftVertical 22s ease-in-out infinite alternate;animation-delay:-15s}@keyframes driftVertical{0%{transform:rotate(-15deg) skew(-10deg) scaleX(.8);opacity:.6}50%{opacity:.9}to{transform:rotate(5deg) skew(15deg) scaleX(1.2);opacity:.7}}@keyframes driftVerticalOpposite{0%{transform:rotate(10deg) skew(12deg) scaleX(1.1);opacity:.5}50%{opacity:.8}to{transform:rotate(-8deg) skew(-15deg) scaleX(.9);opacity:.9}}