@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-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-leading: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-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;--tw-duration:initial}}}.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.fixed{position:fixed}.relative{position:relative}.static{position:static}.left-1\/2{left:50%}.z-50{z-index:50}.container{width:100%}.mx-auto{margin-inline:auto}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.hidden{display:none}.inline{display:inline}.min-w-\[280px\]{min-width:280px}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.-translate-x-1\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-x-full{--tw-translate-x:-100%;translate:var(--tw-translate-x)var(--tw-translate-y)}.scale-110{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x)var(--tw-scale-y)}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.cursor-pointer{cursor:pointer}.resize-none{resize:none}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded-none{border-radius:0}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-none{--tw-border-style:none;border-style:none}.bg-transparent{background-color:#0000}.leading-none{--tw-leading:1;line-height:1}.opacity-60{opacity:.6}.opacity-100{opacity:1}.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-offset-2{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.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-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-all{transition-property:all;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.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,ease);transition-duration:var(--tw-duration,0s)}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}@media(hover:hover){.group-hover\:scale-110:is(:where(.group):hover *),.hover\:scale-110:hover{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x)var(--tw-scale-y)}.hover\:opacity-90:hover{opacity:.9}}.focus\:ring-0:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(0px + 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)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}:root{--color-white:#fff;--color-black:#000;--color-gray-50:#fafafa;--color-gray-100:#f5f5f5;--color-gray-200:#e5e5e5;--color-gray-300:#d4d4d4;--color-gray-400:#a3a3a3;--color-gray-500:#737373;--color-gray-600:#525252;--color-gray-700:#404040;--color-gray-800:#262626;--color-gray-900:#171717;--accent-blue:#007aff;--accent-purple:#af52de;--accent-emerald:#30d158;--accent-orange:#ff9500;--accent-pink:#ff2d92;--accent-mint:#00c7be;--bg-primary:#fffc;--bg-secondary:#fafafa99;--bg-tertiary:#f5f5f566;--bg-elevated:#ffffffe6;--bg-glass:#ffffff1a;--bg-overlay:#0000001a;--border-color:#0000000f;--border-color-focus:var(--accent-color);--border-glass:#fff3;--text-primary:#000000e6;--text-secondary:#0009;--text-tertiary:#0006;--shadow-xs:0 1px 2px #0000000a;--shadow-sm:0 1px 3px #0000001a,0 1px 2px #0000000f;--shadow-md:0 4px 6px #0000000d,0 2px 4px #0000000f;--shadow-lg:0 10px 15px #0000001a,0 4px 6px #0000000d;--shadow-xl:0 20px 25px #0000001a,0 10px 10px #0000000a;--shadow-glass:0 8px 32px #0000001a;--shadow-inner:inset 0 2px 4px #0000000f;--accent-color:var(--accent-blue);--accent-color-rgb:0,122,255;--accent-hover:#0056cc;--accent-light:#007aff1a;--accent-ultra-light:#007aff0d;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:.75rem;--spacing-lg:1rem;--spacing-xl:1.25rem;--spacing-2xl:1.5rem;--spacing-3xl:2rem;--spacing-4xl:2.5rem;--spacing-5xl:3rem;--spacing-6xl:4rem;--radius-xs:.25rem;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.25rem;--radius-3xl:1.5rem;--radius-full:9999px;--font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI","Helvetica Neue",Arial,sans-serif;--font-mono:"SF Mono",Monaco,"Cascadia Code","Roboto Mono",Consolas,"Courier New",monospace;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--line-height-tight:1.2;--line-height-snug:1.35;--line-height-normal:1.5;--line-height-relaxed:1.65;--line-height-loose:1.8;--transition-fast:.15s cubic-bezier(.4,0,.2,1);--transition-normal:.25s cubic-bezier(.4,0,.2,1);--transition-slow:.35s cubic-bezier(.4,0,.2,1);--transition-spring:.4s cubic-bezier(.175,.885,.32,1.275);--blur-sm:blur(4px);--blur-md:blur(8px);--blur-lg:blur(16px);--blur-xl:blur(24px);--density-compact:.8;--density-comfortable:1;--density-spacious:1.2}[data-theme=dark]{--bg-primary:#1c1c1ee6;--bg-secondary:#2c2c2ecc;--bg-tertiary:#3a3a3c99;--bg-elevated:#2c2c2ef2;--bg-glass:#ffffff0d;--bg-overlay:#ffffff1a;--border-color:#ffffff1a;--border-glass:#ffffff26;--text-primary:#fffffff2;--text-secondary:#ffffffb3;--text-tertiary:#ffffff80;--shadow-xs:0 1px 2px #0003;--shadow-sm:0 1px 3px #0000004d,0 1px 2px #0003;--shadow-md:0 4px 6px #0003,0 2px 4px #00000026;--shadow-lg:0 10px 15px #0000004d,0 4px 6px #0003;--shadow-xl:0 20px 25px #0006,0 10px 10px #0003;--shadow-glass:0 8px 32px #0000004d;--shadow-inner:inset 0 2px 4px #0003}[data-accent=blue]{--accent-color:var(--accent-blue);--accent-color-rgb:0,122,255;--accent-hover:#0056cc;--accent-light:#007aff1a;--accent-ultra-light:#007aff0d}[data-accent=purple]{--accent-color:var(--accent-purple);--accent-color-rgb:175,82,222;--accent-hover:#9542be;--accent-light:#af52de1a;--accent-ultra-light:#af52de0d}[data-accent=emerald]{--accent-color:var(--accent-emerald);--accent-color-rgb:48,209,88;--accent-hover:#28b946;--accent-light:#30d1581a;--accent-ultra-light:#30d1580d}[data-accent=orange]{--accent-color:var(--accent-orange);--accent-color-rgb:255,149,0;--accent-hover:#c70;--accent-light:#ff95001a;--accent-ultra-light:#ff95000d}[data-accent=pink]{--accent-color:var(--accent-pink);--accent-color-rgb:255,45,146;--accent-hover:#d1185f;--accent-light:#ff2d921a;--accent-ultra-light:#ff2d920d}[data-accent=mint]{--accent-color:var(--accent-mint);--accent-color-rgb:0,199,190;--accent-hover:#00a699;--accent-light:#00c7be1a;--accent-ultra-light:#00c7be0d}[data-density=compact]{--density-scale:var(--density-compact)}[data-density=comfortable]{--density-scale:var(--density-comfortable)}[data-density=spacious]{--density-scale:var(--density-spacious)}*{box-sizing:border-box;margin:0;padding:0}:before,:after{box-sizing:border-box}html{font-family:var(--font-family);line-height:var(--line-height-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh}body{-webkit-backdrop-filter:var(--blur-lg);backdrop-filter:var(--blur-lg);color:var(--text-primary);transition:all var(--transition-normal);min-height:100vh;font-size:var(--font-size-base);line-height:var(--line-height-normal);background:0 0}#root{flex-direction:column;min-height:100vh;display:flex}h1,h2,h3,h4,h5,h6{line-height:var(--line-height-tight);color:var(--text-primary);letter-spacing:-.025em;font-weight:600}h1{font-size:var(--font-size-4xl);font-weight:700}h2{font-size:var(--font-size-3xl);font-weight:600}h3{font-size:var(--font-size-2xl);font-weight:600}p{color:var(--text-secondary);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-lg)}button{font-family:inherit;font-size:inherit;cursor:pointer;transition:all var(--transition-normal);border-radius:var(--radius-lg);background:0 0;border:none;padding:0}button:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}button:active{transform:scale(.98)}input,textarea{font-family:inherit;font-size:inherit;border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:calc(var(--spacing-lg)*var(--density-scale,1))calc(var(--spacing-xl)*var(--density-scale,1));background:var(--bg-elevated);-webkit-backdrop-filter:var(--blur-md);backdrop-filter:var(--blur-md);color:var(--text-primary);transition:all var(--transition-normal);width:100%;box-shadow:var(--shadow-sm)}input:focus,textarea:focus{border-color:var(--border-color-focus);box-shadow:0 0 0 4px var(--accent-ultra-light),var(--shadow-md);outline:none;transform:translateY(-1px)}input::-moz-placeholder,textarea::-moz-placeholder{color:var(--text-tertiary)}input::placeholder,textarea::placeholder{color:var(--text-tertiary)}.btn{justify-content:center;align-items:center;gap:var(--spacing-sm);padding:calc(var(--spacing-lg)*var(--density-scale,1))calc(var(--spacing-2xl)*var(--density-scale,1));border-radius:var(--radius-2xl);transition:all var(--transition-normal);white-space:nowrap;-webkit-backdrop-filter:var(--blur-md);backdrop-filter:var(--blur-md);box-shadow:var(--shadow-sm);border:1px solid #0000;font-weight:500;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.btn:before{content:"";border-radius:inherit;opacity:0;transition:opacity var(--transition-fast);background:linear-gradient(135deg,#ffffff1a,#ffffff0d);position:absolute;inset:0}.btn:hover:before{opacity:1}.btn:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn:active{box-shadow:var(--shadow-sm);transform:translateY(0)}.btn-primary{background:linear-gradient(135deg,var(--accent-color)0%,var(--accent-hover)100%);color:var(--color-white);border-color:var(--accent-color);box-shadow:0 4px 12px rgba(var(--accent-color-rgb),.3)}.btn-secondary{background:var(--bg-elevated);color:var(--text-primary);border-color:var(--border-color);-webkit-backdrop-filter:var(--blur-md);backdrop-filter:var(--blur-md)}.btn-secondary:hover{background:var(--bg-tertiary);border-color:var(--border-glass)}.btn-sm{padding:calc(var(--spacing-md)*var(--density-scale,1))calc(var(--spacing-xl)*var(--density-scale,1));font-size:var(--font-size-sm);border-radius:var(--radius-xl)}.btn-lg{padding:calc(var(--spacing-xl)*var(--density-scale,1))calc(var(--spacing-3xl)*var(--density-scale,1));font-size:var(--font-size-lg);border-radius:var(--radius-3xl)}.card{background:var(--bg-elevated);-webkit-backdrop-filter:var(--blur-lg);backdrop-filter:var(--blur-lg);border:1px solid var(--border-glass);border-radius:var(--radius-3xl);box-shadow:var(--shadow-glass);transition:all var(--transition-normal);position:relative;overflow:hidden}.card:before{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);height:1px;position:absolute;top:0;left:0;right:0}.card:hover{box-shadow:var(--shadow-xl);border-color:rgba(var(--accent-color-rgb),.2);transform:translateY(-4px)}.card-compact{padding:var(--spacing-lg);border-radius:var(--radius-xl)}.card-comfortable{padding:var(--spacing-2xl);border-radius:var(--radius-2xl)}.card-spacious{padding:var(--spacing-4xl);border-radius:var(--radius-3xl)}.glass-panel{background:var(--bg-glass);-webkit-backdrop-filter:var(--blur-xl);backdrop-filter:var(--blur-xl);border:1px solid var(--border-glass);border-radius:var(--radius-2xl);box-shadow:var(--shadow-glass)}.glass-sidebar{background:rgba(var(--accent-color-rgb),.02);-webkit-backdrop-filter:var(--blur-lg);backdrop-filter:var(--blur-lg);border-right:1px solid var(--border-glass)}.container{max-width:1400px;padding:0 var(--spacing-3xl);margin:0 auto}.container-narrow{max-width:1200px}.container-wide{max-width:1600px}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.gap-1{gap:var(--spacing-xs)}.gap-2{gap:var(--spacing-sm)}.gap-3{gap:var(--spacing-md)}.gap-4{gap:var(--spacing-lg)}.gap-6{gap:var(--spacing-xl)}.gap-8{gap:var(--spacing-2xl)}.gap-12{gap:var(--spacing-3xl)}.gap-16{gap:var(--spacing-4xl)}.p-2{padding:var(--spacing-sm)}.p-4{padding:var(--spacing-lg)}.p-6{padding:var(--spacing-xl)}.p-8{padding:var(--spacing-2xl)}.p-12{padding:var(--spacing-3xl)}.px-4{padding-left:var(--spacing-lg);padding-right:var(--spacing-lg)}.px-6{padding-left:var(--spacing-xl);padding-right:var(--spacing-xl)}.px-8{padding-left:var(--spacing-2xl);padding-right:var(--spacing-2xl)}.py-4{padding-top:var(--spacing-lg);padding-bottom:var(--spacing-lg)}.py-6{padding-top:var(--spacing-xl);padding-bottom:var(--spacing-xl)}.py-8{padding-top:var(--spacing-2xl);padding-bottom:var(--spacing-2xl)}.m-4{margin:var(--spacing-lg)}.m-6{margin:var(--spacing-xl)}.mb-2{margin-bottom:var(--spacing-sm)}.mb-4{margin-bottom:var(--spacing-lg)}.mb-6{margin-bottom:var(--spacing-xl)}.mb-8{margin-bottom:var(--spacing-2xl)}.w-full{width:100%}.h-full{height:100%}.w-80{width:20rem}.w-96{width:24rem}.h-screen{height:100vh}.min-h-screen{min-height:100vh}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.text-3xl{font-size:var(--font-size-3xl)}.font-light{font-weight:300}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-accent{color:var(--accent-color)}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.opacity-90{opacity:.9}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.border{border:1px solid var(--border-color)}.border-b{border-bottom:1px solid var(--border-color)}.border-r{border-right:1px solid var(--border-color)}.border-t{border-top:1px solid var(--border-color)}.border-glass{border:1px solid var(--border-glass)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-full{border-radius:var(--radius-full)}.bg-primary{background-color:var(--bg-primary)}.bg-secondary{background-color:var(--bg-secondary)}.bg-tertiary{background-color:var(--bg-tertiary)}.bg-elevated{background-color:var(--bg-elevated)}.bg-glass{background-color:var(--bg-glass)}.bg-card{background:var(--bg-elevated);-webkit-backdrop-filter:var(--blur-lg);backdrop-filter:var(--blur-lg);border:1px solid var(--border-glass);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg)}.bg-sidebar{background:var(--bg-secondary);-webkit-backdrop-filter:var(--blur-xl);backdrop-filter:var(--blur-xl);border-right:1px solid var(--border-glass)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.uppercase{text-transform:uppercase}.tracking-wide{letter-spacing:.025em}.btn{padding:var(--spacing-sm)var(--spacing-lg);border-radius:var(--radius-lg);transition:all var(--transition-normal);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;font-weight:500;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn-primary{background:linear-gradient(135deg,var(--accent-color)0%,var(--accent-hover)100%);color:#fff;box-shadow:var(--shadow-md)}.btn-primary:hover{box-shadow:var(--shadow-lg)}.btn-ghost{color:var(--text-secondary);background:0 0}.btn-ghost:hover{background:var(--bg-glass);color:var(--text-primary)}.btn-sm{padding:var(--spacing-xs)var(--spacing-sm);font-size:var(--font-size-sm)}.btn-lg{padding:var(--spacing-lg)var(--spacing-xl);font-size:var(--font-size-lg)}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.ambient-header{background:var(--bg-elevated);-webkit-backdrop-filter:var(--blur-xl);backdrop-filter:var(--blur-xl);border-bottom:1px solid var(--border-glass);position:relative;overflow:hidden}.ambient-header:before{content:"";background:linear-gradient(135deg,rgba(var(--accent-color-rgb),.05)0%,transparent 30%,transparent 70%,rgba(var(--accent-color-rgb),.03)100%);pointer-events:none;position:absolute;inset:0}.ambient-header:after{content:"";background:linear-gradient(90deg,transparent 0%,rgba(var(--accent-color-rgb),.3)50%,transparent 100%);height:1px;position:absolute;top:0;left:0;right:0}.glass-nav{background:rgba(var(--accent-color-rgb),.08);-webkit-backdrop-filter:var(--blur-lg);backdrop-filter:var(--blur-lg);border-radius:var(--radius-3xl);padding:var(--spacing-md)var(--spacing-xl);border:1px solid var(--border-glass);box-shadow:var(--shadow-md)}.note-item{transition:all var(--transition-normal);border-radius:var(--radius-xl);margin-bottom:var(--spacing-sm);background:var(--bg-card);-webkit-backdrop-filter:var(--blur-lg);backdrop-filter:var(--blur-lg);border:1px solid var(--border-glass);box-shadow:var(--shadow-md)}.note-item:hover{box-shadow:var(--shadow-lg);background:var(--accent-ultra-light);border-color:rgba(var(--accent-color-rgb),.2);transform:translate(4px)}.note-item.selected{background:var(--accent-light);border:2px solid var(--accent-color);box-shadow:var(--shadow-xl);transform:translate(6px)}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,rgba(var(--accent-color-rgb),.3),rgba(var(--accent-color-rgb),.6));border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,rgba(var(--accent-color-rgb),.5),rgba(var(--accent-color-rgb),.8))}@keyframes slide-in{0%{opacity:0;transform:translateY(-100%)translate(-50%)}to{opacity:1;transform:translateY(0)translate(-50%)}}.animate-slide-in{animation:.4s cubic-bezier(.16,1,.3,1) forwards slide-in}.toast-notification{z-index:9999}@media(max-width:1024px){.container{padding:0 var(--spacing-2xl)}.w-80{width:18rem}}@media(max-width:768px){html{font-size:14px}.container{padding:0 var(--spacing-lg)}.btn{font-size:var(--font-size-sm);padding:var(--spacing-md)var(--spacing-lg)}.w-80{width:16rem}.card{border-radius:var(--radius-xl)}}@media(max-width:640px){.w-80{width:100%}.flex-col-mobile{flex-direction:column}.hidden-mobile{display:none}}.focus-visible:focus-visible{outline:2px solid var(--accent-color);outline-offset:2px;border-radius:var(--radius-md)}.loading{opacity:.6;pointer-events:none}.loading:after{content:"";border:2px solid var(--accent-color);border-top-color:#0000;border-radius:50%;width:20px;height:20px;margin:-10px 0 0 -10px;animation:1s linear infinite spin;position:absolute;top:50%;left:50%}@keyframes spin{to{transform:rotate(360deg)}}::-moz-selection{background:rgba(var(--accent-color-rgb),.2);color:var(--text-primary)}::selection{background:rgba(var(--accent-color-rgb),.2);color:var(--text-primary)}@media print{.btn,.glass-nav{display:none}.card{box-shadow:none;border:1px solid var(--border-color)}}@media(max-width:1023px){.note-item{padding:1rem}.note-item h3{font-size:1rem;line-height:1.5rem}.note-item p{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-size:.875rem;line-height:1.25rem;display:-webkit-box;overflow:hidden}.btn{padding:.5rem 1rem;font-size:.875rem;line-height:1.25rem}.btn-lg{padding:.75rem 1.5rem;font-size:1rem;line-height:1.5rem}}@media(max-width:768px){.btn{min-height:44px;padding:.5rem 1rem}.note-item{min-height:80px}.bg-glass{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}input,textarea{font-size:16px}.text-3xl{font-size:1.5rem;line-height:2rem}.text-2xl{font-size:1.25rem;line-height:1.75rem}}@media(min-width:768px)and (max-width:1023px){.note-item{padding:1.25rem}}.mobile-menu-btn{transition:transform .2s}.mobile-menu-btn:active{transform:scale(.95)}.mobile-sidebar{transition:transform .3s cubic-bezier(.4,0,.2,1);transform:translate(-100%)}.mobile-sidebar.open{transform:translate(0)}.mobile-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;transition:opacity .3s}@media(max-width:1023px){.bg-sidebar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:rgba(var(--bg-elevated-rgb),.95)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}}@supports (padding:max(0px)){.mobile-safe-area{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}}@media(hover:none)and (pointer:coarse){.note-item:hover{transform:none}.note-item:active{transition:transform .1s;transform:scale(.98)}.btn:hover{transform:none}.btn:active{transition:transform .1s;transform:scale(.95)}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{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-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}@property --tw-duration{syntax:"*";inherits:false}