:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#07080d;color:#f6f7fb;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--bg: #07080d;--panel: rgba(19, 22, 31, .78);--panel-strong: rgba(31, 34, 47, .92);--line: rgba(255, 255, 255, .1);--muted: #9fa6ba;--text: #f6f7fb;--cyan: #42e8d4;--pink: #ff5d8f;--yellow: #ffcf5c;--green: #9dff6e;--violet: #9f8cff;--orange: #ff8a4c}*{box-sizing:border-box}html,body,#root{min-height:100%}body{width:100%;margin:0;overflow-x:hidden;background:radial-gradient(circle at top left,rgba(66,232,212,.18),transparent 28rem),radial-gradient(circle at 82% 18%,rgba(255,93,143,.13),transparent 22rem),linear-gradient(145deg,#07080d,#111018 48%,#07080d)}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{border:0;color:inherit;cursor:pointer}input,textarea{min-width:0;color:var(--text);border:0;outline:0;background:transparent}textarea{resize:vertical}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.boot-screen,.login-screen{min-height:100vh;display:grid;place-items:center;padding:24px}.boot-mark,.login-brand{letter-spacing:0;font-weight:950;font-size:clamp(3.8rem,14vw,9.5rem);line-height:.85;color:#fff;text-shadow:0 0 28px rgba(66,232,212,.45),0 0 55px rgba(255,93,143,.32)}.login-screen{position:relative;overflow:hidden}.login-aura{position:absolute;width:min(72vw,620px);aspect-ratio:1;border-radius:50%;background:conic-gradient(from 120deg,var(--cyan),var(--pink),var(--yellow),var(--green),var(--violet),var(--cyan));filter:blur(58px);opacity:.35}.login-panel{position:relative;display:grid;gap:20px;justify-items:center;text-align:center}.login-panel p{margin:0;color:var(--muted);font-size:1rem}.google-button{display:inline-flex;align-items:center;gap:12px;min-height:54px;padding:0 22px;border-radius:8px;color:#08090d;background:#fff;text-decoration:none;font-weight:900;box-shadow:0 18px 55px #ffffff2e}.google-button span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#08090d;color:#fff}.app-shell{width:100%;max-width:100vw;min-height:100vh;display:grid;grid-template-columns:74px minmax(0,1fr);grid-template-rows:auto 1fr;gap:18px;padding:18px}.topbar{grid-column:1 / -1;display:grid;grid-template-columns:auto minmax(190px,1fr) auto;align-items:center;gap:14px}.brand,.avatar-pill,.searchbox,.quick-capture,.rail,.drop-zone{border:1px solid var(--line);background:#0e1017b8;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:inset 0 1px #ffffff14,0 18px 55px #00000042}.brand{display:inline-flex;align-items:center;gap:10px;height:52px;padding:0 16px;border-radius:8px;color:#fff;font-weight:950;background:linear-gradient(135deg,#42e8d42e,#ff5d8f24),#0e1017d1}.brand svg{color:var(--yellow);filter:drop-shadow(0 0 12px rgba(255,207,92,.7))}.searchbox{min-width:0;display:flex;align-items:center;gap:10px;height:52px;border-radius:8px;padding:0 15px}.searchbox svg{color:var(--cyan)}.searchbox input{width:100%;font-weight:760}.avatar-pill{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:52px;min-width:72px;border-radius:8px;padding:0 12px}.avatar-pill img,.avatar-pill span{width:30px;height:30px;border-radius:50%}.avatar-pill img{object-fit:cover}.avatar-pill span{display:grid;place-items:center;color:#07080d;background:var(--green);font-weight:950}.rail{display:grid;align-content:start;justify-items:center;gap:12px;padding:10px;border-radius:8px}.rail button{position:relative;display:grid;place-items:center;width:52px;aspect-ratio:1;border-radius:8px;color:var(--muted);background:#ffffff0a;transition:color .18s ease,background .18s ease,transform .18s ease}.rail button.active{color:#08090d;background:var(--cyan);box-shadow:0 0 0 6px #42e8d421,0 16px 38px #42e8d440}.workspace{max-width:100%;overflow-x:hidden;min-width:0;display:grid;align-content:start;gap:18px}.quick-capture{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;min-height:64px;border-radius:8px;padding:8px 9px 8px 16px}.quick-capture>svg{color:var(--violet)}.quick-capture input{font-size:1.05rem;font-weight:820}.quick-capture button,.todo-add button,.file-row a{display:grid;place-items:center;width:46px;aspect-ratio:1;border-radius:8px;color:#05060a;background:var(--yellow);box-shadow:0 15px 30px #ffcf5c3d}.view-panel{max-width:100%;overflow-x:hidden;min-width:0;display:grid;gap:16px}.panel-head{display:flex;align-items:end;justify-content:space-between;gap:12px}.panel-head h1{margin:0;font-size:clamp(2rem,6vw,4.2rem);line-height:.88;font-weight:950;letter-spacing:0}.panel-head span{display:grid;place-items:center;min-width:46px;height:38px;padding:0 10px;border-radius:8px;color:#05060a;background:var(--green);font-weight:950}.notes-grid,.todo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,270px),1fr));gap:14px;align-items:start}.note-card,.todo-list-card{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 16%,transparent),#171924eb),var(--panel);box-shadow:inset 0 1px #ffffff14,0 18px 50px #00000047}.note-card{display:grid;gap:10px;padding:14px}.note-glow{position:absolute;inset:auto 12px -48px auto;width:95px;aspect-ratio:1;border-radius:50%;background:var(--accent);filter:blur(35px);opacity:.28;pointer-events:none}.note-title,.todo-list-card header input{width:100%;font-size:1.08rem;font-weight:920}.note-card textarea{position:relative;width:100%;min-height:156px;color:#dfe3ee;line-height:1.45;overflow-wrap:anywhere}.note-tools{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px}.pin,.check{display:grid;place-items:center;width:34px;aspect-ratio:1;border-radius:8px;color:var(--muted);background:#ffffff0f}.pin.on{color:#05060a;background:var(--accent)}.swatches{display:flex;min-width:0;gap:6px;flex-wrap:wrap}.swatches button{width:21px;aspect-ratio:1;border-radius:50%;box-shadow:inset 0 0 0 2px #ffffff57}.swatches button.chosen{outline:3px solid rgba(255,255,255,.82);outline-offset:2px}.swatches.wide{padding:0 14px 4px}.hold-delete{--hold-progress: 0;position:relative;isolation:isolate;display:inline-grid;grid-template-columns:auto auto;align-items:center;justify-content:center;gap:7px;min-width:88px;height:36px;border-radius:8px;overflow:hidden;color:#ffe7ef;background:#ff5d8f1f}.hold-delete:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;transform-origin:left;transform:scaleX(var(--hold-progress));background:linear-gradient(90deg,var(--pink),var(--orange)),#ff5d8f42}.hold-delete.compact{min-width:34px;width:34px;height:34px;grid-template-columns:1fr;border-radius:50%;background:conic-gradient(var(--pink) calc(var(--hold-progress) * 1turn),rgba(255,255,255,.08) 0),#ff5d8f1f}.hold-delete.compact:before,.hold-delete.compact span{display:none}.todo-list-card{display:grid;gap:10px;padding-bottom:12px}.todo-list-card header{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px 14px 0}.todo-list-card header span{display:grid;place-items:center;min-width:34px;height:30px;padding:0 8px;border-radius:8px;color:#05060a;background:var(--accent);font-weight:950}.todo-add{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:0 14px}.todo-add input{min-height:42px;padding:0 12px;border-radius:8px;background:#ffffff0f;font-weight:750}.todo-add button{width:42px;background:var(--accent)}.todo-items{display:grid;gap:8px;padding:0 10px}.todo-item{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;min-height:45px;padding:6px;border-radius:8px;background:#ffffff0d}.todo-item.done{opacity:.64}.todo-item.done input{text-decoration:line-through;color:var(--muted)}.check{color:#05060a;background:var(--accent)}.todo-list-card footer{padding:0 14px}.drop-zone{display:grid;place-items:center;align-content:center;gap:8px;min-height:180px;border-radius:8px;border-style:dashed;cursor:pointer;color:var(--cyan);transition:transform .2s ease,background .2s ease,border-color .2s ease}.drop-zone strong{color:#fff;font-size:1.4rem;font-weight:950}.drop-zone.dragging{transform:scale(1.02);border-color:var(--green);background:#9dff6e1f}.file-list{display:grid;gap:10px}.file-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:12px;min-height:66px;padding:10px;border:1px solid var(--line);border-radius:8px;background:#161821d1;box-shadow:inset 0 1px #ffffff0f}.file-row>svg{color:var(--violet)}.file-row div{min-width:0;display:grid;gap:3px}.file-row strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-row span{color:var(--muted);font-size:.86rem}.file-row a{width:38px;color:#05060a;background:var(--green)}.command-orb-wrap{position:fixed;right:max(22px,env(safe-area-inset-right));bottom:max(22px,env(safe-area-inset-bottom));z-index:20}.command-orb{position:relative;z-index:2;display:grid;place-items:center;width:72px;aspect-ratio:1;border-radius:50%;color:#05060a;background:radial-gradient(circle at 35% 25%,#fff 0 12%,transparent 13%),conic-gradient(from 130deg,var(--cyan),var(--pink),var(--yellow),var(--green),var(--cyan));box-shadow:0 0 0 10px #ffffff0a,0 22px 55px #42e8d447}.command-orb.open{box-shadow:0 0 0 10px #ff5d8f14,0 22px 55px #ff5d8f47}.orb-actions{position:absolute;right:4px;bottom:6px;width:174px;height:174px;pointer-events:none}.orb-action{position:absolute;display:grid;place-items:center;width:54px;aspect-ratio:1;border-radius:50%;color:#05060a;pointer-events:auto;box-shadow:0 18px 34px #00000057}.orb-action.note{right:76px;bottom:8px;background:var(--cyan)}.orb-action.list{right:92px;bottom:76px;background:var(--yellow)}.orb-action.file{right:24px;bottom:100px;background:var(--green)}.toast{position:fixed;left:50%;bottom:max(24px,env(safe-area-inset-bottom));z-index:30;transform:translate(-50%);min-width:140px;padding:13px 18px;border:1px solid var(--line);border-radius:8px;text-align:center;font-weight:900;color:#05060a;background:var(--green);box-shadow:0 18px 44px #9dff6e3d}@media (hover: hover){.rail button:hover,.brand:hover,.avatar-pill:hover,.quick-capture button:hover,.todo-add button:hover,.file-row a:hover,.hold-delete:hover{transform:translateY(-2px)}}@media (max-width: 760px){.app-shell{grid-template-columns:minmax(0,1fr);grid-template-rows:auto 1fr;padding:12px 12px 92px}.topbar{grid-column:1;grid-template-columns:52px minmax(0,1fr) 52px;gap:9px}.brand{width:52px;padding:0;justify-content:center}.brand span{display:none}.avatar-pill{position:static;min-width:52px;padding:0}.avatar-pill svg{display:none}.rail{position:fixed;left:50%;bottom:max(12px,env(safe-area-inset-bottom));z-index:18;grid-auto-flow:column;grid-auto-columns:52px;transform:translate(-50%);padding:8px}.workspace{grid-column:1}.quick-capture{min-height:58px}.panel-head h1{font-size:2.8rem}.notes-grid,.todo-grid{grid-template-columns:1fr}.command-orb-wrap{right:14px;bottom:92px}.command-orb{width:64px}.file-row{grid-template-columns:auto minmax(0,1fr) auto}.file-row a{display:none}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}