:root{--bg: #060412;--surface: #0e0825;--surface2: #160f33;--border: #2a1850;--accent: #f9a8d4;--accent2: #f472b6;--accent3: #a855f7;--accent4: #7c3aed;--text: #ede8ff;--muted: #8875ab;--quote: #fcd5e8;--green: #86efac;--red: #fca5a5;--yellow: #fde68a;--sidebar: 240px;--shadow: rgba(0,0,0,.5);--sidebar-bg: #080620}html[data-theme=light]{--bg: #fdf0fa;--surface: #fff5fb;--surface2: #fce8f5;--border: #e0b4d4;--accent: #c026d3;--accent2: #a21caf;--accent3: #c084fc;--accent4: #a855f7;--text: #1e1040;--muted: #7a5a90;--quote: #7e22ce;--green: #16a34a;--red: #dc2626;--yellow: #d97706;--shadow: rgba(192,38,211,.08);--sidebar-bg: #fce4f7}html:not([data-theme=light]) body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(1.5px 1.5px at 5% 8%,rgba(249,168,212,.85) 0%,transparent 100%),radial-gradient(1px 1px at 15% 25%,rgba(255,255,255,.5) 0%,transparent 100%),radial-gradient(1.2px 1.2px at 28% 12%,rgba(233,213,255,.7) 0%,transparent 100%),radial-gradient(1px 1px at 42% 35%,rgba(255,255,255,.4) 0%,transparent 100%),radial-gradient(1.5px 1.5px at 55% 5%,rgba(249,168,212,.65) 0%,transparent 100%),radial-gradient(.8px .8px at 68% 22%,rgba(255,255,255,.6) 0%,transparent 100%),radial-gradient(1.2px 1.2px at 82% 45%,rgba(233,213,255,.6) 0%,transparent 100%),radial-gradient(1px 1px at 93% 15%,rgba(255,255,255,.5) 0%,transparent 100%),radial-gradient(1.5px 1.5px at 3% 55%,rgba(233,213,255,.7) 0%,transparent 100%),radial-gradient(1px 1px at 18% 70%,rgba(249,168,212,.5) 0%,transparent 100%),radial-gradient(.8px .8px at 36% 82%,rgba(255,255,255,.5) 0%,transparent 100%),radial-gradient(1.2px 1.2px at 50% 62%,rgba(233,213,255,.65) 0%,transparent 100%),radial-gradient(1px 1px at 63% 77%,rgba(255,255,255,.5) 0%,transparent 100%),radial-gradient(1.5px 1.5px at 78% 92%,rgba(249,168,212,.65) 0%,transparent 100%),radial-gradient(.8px .8px at 88% 68%,rgba(255,255,255,.4) 0%,transparent 100%),radial-gradient(1px 1px at 95% 88%,rgba(233,213,255,.5) 0%,transparent 100%),radial-gradient(1.2px 1.2px at 10% 92%,rgba(255,255,255,.4) 0%,transparent 100%),radial-gradient(1px 1px at 23% 48%,rgba(249,168,212,.45) 0%,transparent 100%),radial-gradient(.8px .8px at 47% 95%,rgba(233,213,255,.5) 0%,transparent 100%),radial-gradient(1.5px 1.5px at 71% 38%,rgba(255,255,255,.4) 0%,transparent 100%),radial-gradient(1px 1px at 33% 58%,rgba(249,168,212,.5) 0%,transparent 100%),radial-gradient(.8px .8px at 60% 18%,rgba(255,255,255,.4) 0%,transparent 100%),radial-gradient(1.2px 1.2px at 85% 30%,rgba(233,213,255,.5) 0%,transparent 100%),radial-gradient(1px 1px at 7% 40%,rgba(255,255,255,.4) 0%,transparent 100%),radial-gradient(1.5px 1.5px at 44% 72%,rgba(249,168,212,.55) 0%,transparent 100%);pointer-events:none;z-index:0;animation:starTwinkle 6s ease-in-out infinite alternate}@keyframes starTwinkle{0%{opacity:.5}50%{opacity:.8}to{opacity:1}}html[data-theme=light] body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 10% 15%,rgba(192,38,211,.06) 0%,transparent 55%),radial-gradient(ellipse at 88% 12%,rgba(192,132,252,.07) 0%,transparent 50%),radial-gradient(ellipse at 50% 95%,rgba(249,168,212,.07) 0%,transparent 60%),radial-gradient(ellipse at 80% 60%,rgba(192,132,252,.05) 0%,transparent 45%);pointer-events:none;z-index:0}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:Georgia,serif;background:var(--bg);color:var(--text);min-height:100vh;display:flex;flex-direction:column;line-height:1.8;transition:background .4s,color .3s}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}input,select,textarea,button{font-family:system-ui,sans-serif}#root{display:flex;flex-direction:column;min-height:100vh}.layout{display:flex;flex:1;position:relative;z-index:1}.sidebar{width:var(--sidebar);min-height:100vh;background:var(--sidebar-bg);border-right:1px solid var(--border);display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;overflow-y:auto;overflow-x:hidden}.sidebar-logo{padding:1.5rem 1.25rem;border-bottom:1px solid var(--border)}.sidebar-logo h1{font-size:1.1rem;color:var(--accent);font-weight:400}.sidebar-logo p{font-size:.75rem;color:var(--muted);margin-top:.25rem}.sidebar-nav{flex:1;padding:1rem 0}.nav-section{padding:.5rem 1.25rem .25rem;font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.nav-item{display:flex;align-items:center;gap:.6rem;padding:.55rem 1.25rem;color:var(--text);font-size:.9rem;font-family:system-ui,sans-serif;transition:background .15s;border-left:2px solid transparent;cursor:pointer;text-decoration:none}.nav-item:hover{background:var(--surface2);text-decoration:none}.nav-item.active{color:var(--accent);border-left-color:var(--accent);background:var(--surface2)}.main-content{margin-left:var(--sidebar);flex:1;padding:2rem;max-width:900px}.card{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:1.25rem;margin-bottom:1rem}.btn{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem 1rem;border-radius:6px;font-size:.875rem;cursor:pointer;border:1px solid var(--border);background:var(--accent3);color:#fff;transition:opacity .15s;font-family:system-ui,sans-serif}.btn:hover{opacity:.85}.btn-ghost{background:transparent;color:var(--text)}.theme-toggle{margin:auto 1.25rem 1.25rem;display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:var(--muted);background:transparent;border:1px solid var(--border);border-radius:20px;padding:.4rem .8rem;cursor:pointer;transition:border-color .2s,color .2s}.theme-toggle:hover{border-color:var(--accent);color:var(--accent)}h2.page-title{font-size:1.4rem;color:var(--accent);font-weight:400;margin-bottom:1.5rem}