:root{color:#4b4f63;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--text:#4b4f63;--text-h:#11131b;--bg:#fffdf8;--border:#11131b14;--accent:#7d3cff;background:radial-gradient(circle at top,#fff8eb 0%,#f5efe6 46%,#ede8dd 100%);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;font-weight:400;line-height:1.5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);min-width:320px;margin:0}button,input,textarea{font:inherit}button,a{color:inherit}h1,h2,h3,p{margin:0}h1,h2,h3{color:var(--text-h);letter-spacing:-.03em;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.05}h1{font-size:clamp(2.75rem,6vw,5rem)}h2{font-size:clamp(1.8rem,4vw,2.8rem)}h3{font-size:1.15rem}.app-shell{min-height:100svh;color:var(--text);background:radial-gradient(circle at 0 0,#ffdcaa59,#0000 28%),radial-gradient(circle at 100% 0,#74b7d633,#0000 26%),linear-gradient(#f4f6f8 0%,#eef1f4 100%);padding:32px;position:relative}.app-shell:before{content:"";pointer-events:none;opacity:.18;background-color:#0000;background-image:linear-gradient(#ffffff0a 1px,#0000 1px),linear-gradient(90deg,#ffffff0a 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:64px 64px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000000bf,#0000 95%);mask-image:linear-gradient(#000000bf,#0000 95%)}.topbar,.auth-grid,.dashboard-shell{z-index:1;position:relative}.topbar{justify-content:space-between;align-items:end;gap:24px;margin-bottom:24px;display:flex}.eyebrow,.section-label{text-transform:uppercase;letter-spacing:.24em;color:var(--accent);margin:0 0 8px;font-size:.72rem;font-weight:700}.topbar h1{max-width:12ch;margin:0}.nav{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.nav-link,.ghost-btn,.primary-btn,.sidebar-item,.icon-btn,.logout-pill,.link-button,.primary-button,.mini-note{font:inherit;border:0;transition:transform .18s,background-color .18s,box-shadow .18s,color .18s,border-color .18s}.nav-link{color:var(--text-h);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;background:#ffffffb3;border-radius:999px;padding:10px 14px;box-shadow:0 8px 24px #0e0f1914}.nav-link:hover,.ghost-btn:hover,.primary-btn:hover,.sidebar-item:hover,.icon-btn:hover,.logout-pill:hover,.primary-button:hover,.mini-note:hover{transform:translateY(-1px)}.nav-link.active{background:var(--text-h);color:#fff}.notice-panel{gap:8px;margin-bottom:20px;display:grid}.notice{background:#ffffffd9;border-radius:16px;margin:0;padding:14px 16px;box-shadow:0 14px 40px #0e0f1914}.notice.success{border-left:4px solid #0f9d58}.notice.error{border-left:4px solid #d64545}.card,.card-panel{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffe0;border:1px solid #ffffffb3;border-radius:22px;box-shadow:0 16px 44px #1012201a}.auth-grid{grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);align-items:stretch;gap:24px;display:grid}.auth-copy,.auth-card{padding:28px}.auth-copy{flex-direction:column;justify-content:center;display:flex}.auth-copy h2{max-width:14ch;margin-top:0}.auth-copy p:last-child{max-width:56ch}.auth-card{gap:16px;display:grid}.auth-card label{color:var(--text-h);gap:8px;font-weight:600;display:grid}.auth-card input{box-sizing:border-box;width:100%;font:inherit;color:var(--text-h);background:#fffffff2;border:1px solid #1e212d1f;border-radius:16px;outline:none;padding:14px 16px}.auth-card input:focus{border-color:#aa3bff6b;box-shadow:0 0 0 4px #aa3bff1f}.primary-btn,.ghost-btn{cursor:pointer;border-radius:999px;padding:14px 18px}.primary-btn{color:#fff;background:linear-gradient(135deg,#2f2f44,#171723);box-shadow:0 18px 36px #1717232e}.ghost-btn{color:var(--text-h);background:#ffffffbd}.ghost-btn.danger{color:#b12e3f}.dashboard-shell{gap:16px;display:grid}.dashboard-topbar{background:#ffffffeb;border:1px solid #11131b14;border-radius:28px;justify-content:space-between;align-items:center;gap:18px;padding:14px 18px;display:flex;box-shadow:0 10px 30px #10122014}.brand-lockup{align-items:center;gap:14px;min-width:220px;display:flex}.brand-mark{color:#fff;background:linear-gradient(135deg,#046d63,#0d8b7b);border-radius:50%;place-items:center;width:38px;height:38px;font-weight:800;display:grid;box-shadow:0 10px 24px #046d6347}.brand-title{color:#0b6f66;font-size:1.05rem;font-weight:800}.brand-subtitle{color:var(--text);font-size:.92rem}.topbar-actions{align-items:center;gap:12px;display:flex}.search-bar{background:#f6f8faf5;border:1px solid #11131b1a;border-radius:999px;align-items:center;gap:10px;width:min(320px,42vw);padding:12px 16px;display:flex}.search-bar input{width:100%;color:var(--text-h);background:0 0;border:0;outline:none}.material-dot{color:#5d6c74;font-size:1rem;line-height:1}.icon-btn{width:42px;height:42px;color:var(--text-h);cursor:pointer;background:#f6f8faf5;border-radius:50%}.logout-pill{color:var(--text-h);cursor:pointer;background:#f6f8faf5;border-radius:999px;padding:11px 18px}.avatar{color:#fff;background:radial-gradient(circle at 30% 30%,#f8d7b1,#b98d6a 48%,#6a4b3f 100%);border-radius:50%;place-items:center;width:40px;height:40px;font-size:.85rem;font-weight:800;display:grid;overflow:hidden}.dashboard-body{grid-template-columns:260px minmax(0,1fr);gap:16px;display:grid}.sidebar{background:#ffffff9e;border:1px solid #11131b14;border-radius:24px;flex-direction:column;gap:18px;min-height:calc(100svh - 132px);padding:26px 16px;display:flex;box-shadow:0 10px 30px #1012200f}.sidebar-block{padding:6px 8px 10px}.sidebar-block h2{margin:0;font-size:1.7rem}.sidebar-block p{color:#5f6c76;margin-top:6px;font-weight:600}.sidebar-nav,.sidebar-footer{gap:8px;display:grid}.sidebar-footer{border-top:1px solid #11131b1f;margin-top:auto;padding-top:18px}.sidebar-item{color:#50606a;cursor:pointer;text-align:left;background:0 0;border-radius:12px;align-items:center;gap:10px;width:100%;padding:14px 16px;display:flex}.sidebar-item.active{color:#154c58;background:linear-gradient(90deg,#076a5f29,#c3d7ffe0);border-left:4px solid #0f6f66;padding-left:12px}.sidebar-item.muted{color:#5d6c74}.workspace{gap:24px;display:grid}.note-composer{padding:0}.composer-card{gap:16px;padding:22px 22px 20px;display:grid}.composer-title{color:var(--text-h);background:0 0;border:0;outline:none;padding:0;font-size:clamp(1.7rem,3vw,2.4rem);font-weight:800}.composer-toolbar{color:#486176;border-top:1px solid #11131b14;border-bottom:1px solid #11131b14;align-items:center;gap:18px;padding:14px 0;font-weight:700;display:flex}.composer-toolbar-spacer{flex:1}.composer-body{resize:none;width:100%;color:var(--text-h);background:0 0;border:0;outline:none;min-height:180px;font-size:1.02rem;line-height:1.7}.composer-footer{justify-content:space-between;align-items:center;gap:18px;display:flex}.tag-group{flex-wrap:wrap;gap:8px;display:flex}.tag{border-radius:999px;align-items:center;padding:6px 12px;font-size:.8rem;font-weight:700;display:inline-flex}.tag-primary{color:#114e48;background:#8be7da}.tag-secondary{color:#4a5f93;background:#cad6f7}.primary-button{color:#fff;cursor:pointer;background:#08756b;border-radius:10px;padding:14px 22px;font-weight:700;box-shadow:0 10px 20px #08756b2e}.recent-section{gap:16px;display:grid}.section-head{justify-content:space-between;align-items:end;gap:16px;display:flex}.section-head h3{margin:0;font-size:1.6rem}.section-head p{color:#5f6c76;margin-top:6px}.link-button{color:#0b6f66;cursor:pointer;background:0 0;font-weight:800}.recent-grid{grid-template-columns:minmax(0,1.6fr) minmax(280px,.8fr);gap:16px;display:grid}.hero-note{cursor:pointer;overflow:hidden}.hero-note-image{background:linear-gradient(135deg,#f5f3e8f0,#abababe6),radial-gradient(circle at 25% 35%,#9dc63d 0 9%,#0000 10%);min-height:220px;position:relative;overflow:hidden}.hero-note-image:before{content:"";background:linear-gradient(120deg,#00000014,#0000 40%),linear-gradient(#0000 38%,#ffffff14);position:absolute;inset:0}.hero-note-image:after{content:"";background:#0000000f;border:10px solid #ffffffeb;border-radius:10px;width:160px;height:120px;position:absolute;bottom:-14px;right:-18px;transform:rotate(-4deg)}.hero-note-badge{color:#4f5660;background:#ffffffc2;border-radius:999px;padding:6px 12px;font-size:.82rem;font-weight:700;position:absolute;top:16px;right:16px;box-shadow:0 10px 22px #10122014}.hero-note-content{gap:14px;padding:22px;display:grid}.hero-note-title-row{justify-content:space-between;align-items:start;gap:18px;display:flex}.hero-note-title-row h4{margin:0;font-size:clamp(1.15rem,2vw,1.6rem)}.star-button{color:#4f5b70;cursor:pointer;background:0 0;border:0;font-size:1.2rem}.hero-note-content p{color:#51606d;margin:0;line-height:1.6}.hero-note-meta{color:#66747e;flex-wrap:wrap;gap:16px;font-size:.88rem;font-weight:600;display:flex}.mini-cards{gap:14px;display:grid}.mini-note{text-align:left;cursor:pointer;gap:10px;padding:18px;display:grid}.mini-note.active{border:1px solid #0c716840;box-shadow:0 14px 30px #08756b1f}.mini-note-icon{color:#0c776d;font-size:1.8rem;line-height:1}.mini-note h4{margin:0;font-size:1rem}.mini-note p{color:#5b6975;margin:0;font-size:.92rem;line-height:1.55}.mini-note-tag{color:#4f43b8;background:#ece8ff;border-radius:8px;justify-self:start;padding:4px 8px;font-size:.72rem;font-weight:800}.empty-dashboard{text-align:center;padding:36px}.empty-dashboard h4{margin:0 0 8px;font-size:1.2rem}.empty-dashboard p{color:#63707a;margin:0}@media (width<=1120px){.dashboard-body{grid-template-columns:1fr}.sidebar{min-height:auto}.recent-grid{grid-template-columns:1fr}}@media (width<=900px){.app-shell{padding:16px}.topbar,.dashboard-topbar,.composer-footer,.section-head{flex-direction:column;align-items:stretch}.dashboard-topbar{border-radius:22px}.topbar-actions{flex-wrap:wrap}.search-bar{width:100%}}