@font-face{font-family:Poppins;src:url(/fonts/Poppins-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Poppins;src:url(/fonts/Poppins-Bold.ttf) format("truetype");font-weight:700;font-style:normal}:root{--bg-solid: #f2f6ff;--bg-start: #f7f9ff;--bg-mid: #edf4ff;--bg-end: #e9f0ff;--text-main: #132032;--text-soft: #536884;--accent: #3678ff;--accent-strong: #215fd8;--glass-card: linear-gradient(145deg, rgba(255, 255, 255, .72) 0%, rgba(255, 255, 255, .45) 100%);--glass-surface: linear-gradient(155deg, rgba(255, 255, 255, .58) 0%, rgba(244, 249, 255, .34) 100%);--glass-input: linear-gradient(180deg, rgba(255, 255, 255, .72) 0%, rgba(241, 247, 255, .45) 100%);--glass-border: rgba(255, 255, 255, .7);--glass-shadow: 0 18px 44px rgba(56, 88, 142, .16);--glass-inset: inset 1px 1px 0 rgba(255, 255, 255, .84), inset 0 -1px 0 rgba(207, 223, 248, .62);--danger-bg: rgba(241, 103, 103, .17);--danger-border: rgba(204, 62, 62, .35);--danger-text: #b52929;--success-bg: rgba(81, 196, 130, .18);--success-border: rgba(46, 156, 93, .3);--success-text: #1e8a50;--cursor-ring: rgba(45, 123, 255, .58);--cursor-ring-active: rgba(26, 102, 232, .85);--cursor-dot-start: #5e98ff;--cursor-dot-end: #2f74ff;--cursor-glow-a: rgba(57, 146, 255, .22);--cursor-glow-b: rgba(75, 202, 234, .14)}:root[data-theme=dark]{--bg-solid: #070c15;--bg-start: #0a111d;--bg-mid: #0b1220;--bg-end: #09101c;--text-main: #e9eef8;--text-soft: #97a8c2;--accent: #6baeff;--accent-strong: #8ac0ff;--glass-card: linear-gradient(145deg, rgba(31, 45, 70, .58) 0%, rgba(18, 28, 45, .48) 100%);--glass-surface: linear-gradient(155deg, rgba(36, 51, 78, .52) 0%, rgba(22, 33, 51, .42) 100%);--glass-input: linear-gradient(180deg, rgba(19, 30, 46, .68) 0%, rgba(13, 22, 36, .56) 100%);--glass-border: rgba(157, 186, 228, .24);--glass-shadow: 0 20px 48px rgba(0, 0, 0, .42);--glass-inset: inset 1px 1px 0 rgba(255, 255, 255, .07), inset 0 -1px 0 rgba(0, 0, 0, .24);--danger-bg: rgba(159, 63, 71, .25);--danger-border: rgba(255, 111, 115, .38);--danger-text: #ff9fa3;--success-bg: rgba(57, 133, 86, .3);--success-border: rgba(95, 207, 136, .45);--success-text: #8fe0ab;--cursor-ring: rgba(149, 202, 255, .55);--cursor-ring-active: rgba(149, 202, 255, .9);--cursor-dot-start: #b8dbff;--cursor-dot-end: #69b2ff;--cursor-glow-a: rgba(103, 172, 255, .2);--cursor-glow-b: rgba(68, 215, 192, .08)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg-solid: #070c15;--bg-start: #0a111d;--bg-mid: #0b1220;--bg-end: #09101c;--text-main: #e9eef8;--text-soft: #97a8c2;--accent: #6baeff;--accent-strong: #8ac0ff;--glass-card: linear-gradient(145deg, rgba(31, 45, 70, .58) 0%, rgba(18, 28, 45, .48) 100%);--glass-surface: linear-gradient(155deg, rgba(36, 51, 78, .52) 0%, rgba(22, 33, 51, .42) 100%);--glass-input: linear-gradient(180deg, rgba(19, 30, 46, .68) 0%, rgba(13, 22, 36, .56) 100%);--glass-border: rgba(157, 186, 228, .24);--glass-shadow: 0 20px 48px rgba(0, 0, 0, .42);--glass-inset: inset 1px 1px 0 rgba(255, 255, 255, .07), inset 0 -1px 0 rgba(0, 0, 0, .24);--danger-bg: rgba(159, 63, 71, .25);--danger-border: rgba(255, 111, 115, .38);--danger-text: #ff9fa3;--success-bg: rgba(57, 133, 86, .3);--success-border: rgba(95, 207, 136, .45);--success-text: #8fe0ab;--cursor-ring: rgba(149, 202, 255, .55);--cursor-ring-active: rgba(149, 202, 255, .9);--cursor-dot-start: #b8dbff;--cursor-dot-end: #69b2ff;--cursor-glow-a: rgba(103, 172, 255, .2);--cursor-glow-b: rgba(68, 215, 192, .08)}}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;width:100%;font-family:Poppins,Trebuchet MS,sans-serif;font-size:16px;color:var(--text-main);background-color:var(--bg-solid)}body{min-height:100vh;background-image:radial-gradient(circle at 8% 16%,rgba(104,157,255,.28) 0%,transparent 42%),radial-gradient(circle at 88% 80%,rgba(96,225,211,.22) 0%,transparent 45%),linear-gradient(145deg,var(--bg-start) 0%,var(--bg-mid) 52%,var(--bg-end) 100%);overflow:hidden}.app-shell{position:relative;display:flex;flex-direction:column;height:100%;isolation:isolate}.ambient-background{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden}.glass-reflection{position:absolute;inset:-30% -40%;background:linear-gradient(110deg,transparent 0%,rgba(255,255,255,.04) 20%,rgba(255,255,255,.24) 42%,rgba(255,255,255,.04) 58%,transparent 82%);background-size:180% 100%;filter:blur(18px);opacity:.42}.aurora-layer{position:absolute;width:160vw;height:46vh;left:-30vw;border-radius:999px;filter:blur(46px);opacity:.52}.aurora-a{top:-8vh;background:linear-gradient(90deg,#84a7ff59,#4ce2e24d,#9a75ff33)}.aurora-b{top:32vh;background:linear-gradient(100deg,#5b98ff4d,#4ad6c542,#5973ff38)}.aurora-c{bottom:-14vh;background:linear-gradient(95deg,#60d2f742,#5695ff4d,#a674ff38)}.prism-ribbon{position:absolute;width:70vw;height:28vh;border-radius:32px;border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:inset 0 1px #ffffff59,0 18px 46px #466eb22e;opacity:.46}.prism-a{top:12vh;left:-10vw;transform:rotate(11deg);background:linear-gradient(125deg,#a4ccff38,#7ef7e22e,#ffffff14)}.prism-b{top:42vh;right:-16vw;transform:rotate(-13deg);background:linear-gradient(125deg,#a3b2ff33,#84caff33,#ffffff12)}.prism-c{bottom:4vh;left:10vw;transform:rotate(8deg);background:linear-gradient(125deg,#7ce5fc33,#99a5ff33,#ffffff14)}:root[data-theme=dark] .prism-ribbon{border:1px solid rgba(160,188,233,.2);box-shadow:inset 0 1px #ffffff17,0 22px 52px #00000075}:root[data-theme=dark] .glass-reflection{opacity:.3}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .prism-ribbon{border:1px solid rgba(160,188,233,.2);box-shadow:inset 0 1px #ffffff17,0 22px 52px #00000075}:root:not([data-theme=light]) .glass-reflection{opacity:.3}}.ambient-orb{position:absolute;border-radius:50%;filter:blur(1px);mix-blend-mode:screen;opacity:.42}.orb-a{width:min(44vw,520px);height:min(44vw,520px);left:-8%;top:2%;background:radial-gradient(circle at 30% 30%,#78a8ff99,#5374c738 65%,#2c396614)}.orb-b{width:min(48vw,560px);height:min(48vw,560px);right:-10%;top:38%;background:radial-gradient(circle at 70% 25%,#30d5ba7a,#1f7a793d 65%,#1242541a)}.orb-c{width:min(40vw,420px);height:min(40vw,420px);left:34%;bottom:-16%;background:radial-gradient(circle at 45% 45%,#a5b5ff73,#5d5ac338 60%,#332e741a)}.mouse-glow,.mouse-ring,.mouse-dot{position:fixed;top:0;left:0;pointer-events:none;z-index:30;will-change:transform,opacity}.mouse-glow{width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,var(--cursor-glow-a) 0%,var(--cursor-glow-b) 45%,transparent 70%);filter:blur(10px);mix-blend-mode:screen}.mouse-ring{width:32px;height:32px;border-radius:999px;border:1px solid var(--cursor-ring);box-shadow:inset 0 0 0 1px #ffffff0f,0 0 20px #5fa8ff38}.mouse-dot{width:8px;height:8px;border-radius:50%;background:radial-gradient(circle at 30% 30%,var(--cursor-dot-start) 0%,var(--cursor-dot-end) 100%);box-shadow:0 0 12px #5fa8ff73}.app-main{flex:1;overflow-y:auto}.app-content{max-width:760px;margin:0 auto;padding:24px 16px 32px}.notes-list{display:flex;flex-direction:column;gap:14px}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#7c9bcd2e;border-radius:8px}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#6599f49e,#4a7fdfd1);border-radius:8px;border:2px solid rgba(236,244,255,.6)}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#5291fcc7,#326cd4e6)}:root[data-theme=dark] ::-webkit-scrollbar-track{background:#182030b3}:root[data-theme=dark] ::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#3e5f93,#2b4266);border:2px solid rgba(9,14,23,.9)}:root[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#4c75b1,#34527c)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) ::-webkit-scrollbar-track{background:#182030b3}:root:not([data-theme=light]) ::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#3e5f93,#2b4266);border:2px solid rgba(9,14,23,.9)}:root:not([data-theme=light]) ::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#4c75b1,#34527c)}}@keyframes slideIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.note-link{color:var(--accent);text-decoration:none;border-bottom:1px solid color-mix(in srgb,var(--accent) 45%,transparent);transition:all .2s}.note-link:hover{color:var(--accent-strong);border-bottom-color:color-mix(in srgb,var(--accent-strong) 62%,transparent)}@media(max-width:640px){.app-content{padding-top:18px;padding-bottom:22px}.ambient-orb{opacity:.35}.aurora-layer{opacity:.42}.prism-ribbon{opacity:.32}}@media(pointer:coarse){.mouse-glow,.mouse-ring,.mouse-dot{display:none}}