:root{color-scheme:dark;--bg:#09090b;--frame:rgba(17,17,20,.74);--panel:rgba(28,28,33,.58);--panel-strong:rgba(30,30,35,.82);--control:rgba(255,255,255,.055);--control-hover:rgba(255,255,255,.09);--stroke:rgba(255,255,255,.105);--stroke-bright:rgba(255,255,255,.18);--text:#f5f4f6;--muted:#9b99a2;--dim:#6e6b75;--accent:#f05483;--accent-2:#ff759d;--good:#56d998;--warn:#ffbf69;--danger:#ff6c78;--radius:16px;--ease:cubic-bezier(.22,.8,.24,1);font-family:Inter,"SF Pro Display","Segoe UI",sans-serif;font-synthesis:none}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text)}body{min-height:100dvh;overflow:hidden}button,input,textarea,select{font:inherit;color:inherit}button{border:0;cursor:pointer}svg{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.aurora{position:fixed;inset:0;overflow:hidden;background:radial-gradient(ellipse at 16% 6%,#2a1720 0,transparent 38%),radial-gradient(ellipse at 86% 78%,#20131a 0,transparent 42%),linear-gradient(145deg,#08080a,#101014);z-index:-2}.aurora:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.013) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.013) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.55),transparent 72%)}.aurora i{position:absolute;border-radius:999px;filter:blur(74px);opacity:.46;animation:drift 18s ease-in-out infinite alternate}.aurora i:nth-child(1){width:520px;height:260px;background:#a62750;left:-140px;top:-100px}.aurora i:nth-child(2){width:420px;height:360px;background:#5c203b;right:-120px;top:12%;animation-delay:-8s}.aurora i:nth-child(3){width:680px;height:250px;background:#5f1936;left:32%;bottom:-160px;animation-delay:-14s}@keyframes drift{to{transform:translate3d(7%,6%,0) scale(1.12)}}
.glass-frame,.glass-panel,.glass-strip,.glass-control,.modal-card{background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.018)),var(--frame);border:1px solid var(--stroke);box-shadow:inset 0 1px 0 rgba(255,255,255,.09),inset 0 -1px 0 rgba(255,255,255,.025),0 28px 80px rgba(0,0,0,.43);backdrop-filter:blur(30px) saturate(145%);-webkit-backdrop-filter:blur(30px) saturate(145%)}
.app-frame{position:relative;width:calc(100vw - 36px);height:calc(100dvh - 36px);margin:18px;border-radius:22px;overflow:hidden;display:grid;grid-template:64px 1fr/218px 1fr;grid-template-areas:"top top" "side work"}.app-frame:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,.025);z-index:10}.topbar{grid-area:top;display:grid;grid-template-columns:218px minmax(150px,1fr) minmax(260px,520px) minmax(250px,1fr);align-items:center;border-bottom:1px solid var(--stroke);background:rgba(14,14,17,.54);backdrop-filter:blur(32px);z-index:4}.brand{align-self:stretch;display:flex;align-items:center;gap:10px;padding:0 20px;text-decoration:none;color:var(--text);border-right:1px solid var(--stroke)}.brand img{width:28px;height:28px}.brand strong{font-size:15px;letter-spacing:-.01em}.route-title{padding-left:23px;font-weight:650;font-size:14px}.global-search{height:38px;border:1px solid var(--stroke);background:rgba(0,0,0,.23);border-radius:11px;display:flex;align-items:center;gap:9px;padding:0 11px;transition:border-color .18s,background .18s}.global-search:focus-within{border-color:rgba(240,84,131,.58);background:rgba(0,0,0,.34)}.global-search svg{width:17px;color:var(--muted)}.global-search input{border:0;outline:0;background:none;min-width:0;flex:1;font-size:13px}.global-search kbd{font-size:10px;color:var(--dim);background:rgba(255,255,255,.05);border:1px solid var(--stroke);border-radius:5px;padding:2px 5px}.top-actions{display:flex;justify-content:flex-end;align-items:center;gap:10px;padding:0 16px}.connection-pill{display:flex;align-items:center;gap:7px;height:30px;border:1px solid var(--stroke);border-radius:999px;padding:0 11px;color:var(--muted);font-size:11px;background:rgba(255,255,255,.035)}.connection-pill i{width:6px;height:6px;border-radius:50%;background:var(--dim)}.connection-pill.online i{background:var(--good);box-shadow:0 0 10px var(--good)}.round-button,.sidebar-account button,.composer-icon,.send-button,.drawer-close,.modal-close{display:grid;place-items:center;background:var(--control);border:1px solid var(--stroke);transition:.18s var(--ease)}.round-button{width:34px;height:34px;border-radius:50%}.round-button svg{width:17px}.round-button:hover,.sidebar-account button:hover,.composer-icon:hover{background:var(--control-hover);border-color:var(--stroke-bright)}
.sidebar{grid-area:side;display:flex;min-height:0;flex-direction:column;border-right:1px solid var(--stroke);background:rgba(17,17,20,.34)}.main-nav{padding:14px 10px;display:flex;flex-direction:column;gap:3px}.nav-link{position:relative;width:100%;height:40px;padding:0 11px;border-radius:10px;display:flex;align-items:center;gap:11px;background:transparent;color:var(--muted);font-size:13px;text-align:left;transition:color .18s,background .18s,transform .18s}.nav-link:before{content:"";position:absolute;left:-10px;width:2px;height:17px;border-radius:0 2px 2px 0;background:var(--accent);opacity:0;transform:scaleY(.4);transition:.2s var(--ease)}.nav-link svg{width:18px;height:18px}.nav-link:hover{background:rgba(255,255,255,.035);color:var(--text)}.nav-link.is-active{background:linear-gradient(90deg,rgba(240,84,131,.14),rgba(240,84,131,.045));color:#fff}.nav-link.is-active:before{opacity:1;transform:scaleY(1)}.sidebar-account{margin-top:auto;height:62px;border-top:1px solid var(--stroke);display:flex;align-items:center;gap:9px;padding:0 12px}.avatar{width:29px;height:29px;display:grid;place-items:center;border-radius:9px;background:linear-gradient(145deg,#f1618c,#9e284f);font-weight:700;font-size:12px;box-shadow:inset 0 1px rgba(255,255,255,.25)}.sidebar-account>span:nth-child(2){display:flex;flex-direction:column;min-width:0;flex:1}.sidebar-account strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-account small{font-size:10px;color:var(--dim);margin-top:2px}.sidebar-account button{width:28px;height:28px;border-radius:8px;color:var(--muted)}.sidebar-account button svg{width:14px}
.workspace{grid-area:work;position:relative;overflow:auto;scrollbar-color:rgba(255,255,255,.18) transparent;scrollbar-width:thin;background:rgba(7,7,10,.20)}.view{min-height:100%;padding:22px;animation:viewIn .22s var(--ease)}@keyframes viewIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}.view[hidden]{display:none}.glass-strip{box-shadow:inset 0 1px rgba(255,255,255,.075);background:rgba(30,30,35,.42);border-radius:14px}.project-controls{height:52px;padding:7px;display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.project-controls>span{font-size:12px;color:var(--muted);padding-right:10px}.segmented{display:flex;gap:2px;padding:3px;border-radius:10px;background:rgba(0,0,0,.23);border:1px solid rgba(255,255,255,.055)}.segmented button{min-height:30px;padding:0 14px;border-radius:7px;background:transparent;color:var(--muted);font-size:12px;transition:.2s var(--ease)}.segmented button:hover{color:var(--text)}.segmented button.is-active{background:linear-gradient(180deg,rgba(255,255,255,.13),rgba(255,255,255,.06));color:white;box-shadow:inset 0 1px rgba(255,255,255,.13),0 4px 12px rgba(0,0,0,.16)}
.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.project-card{position:relative;height:270px;border:1px solid var(--stroke);border-radius:16px;overflow:hidden;background:rgba(20,20,24,.64);box-shadow:inset 0 1px rgba(255,255,255,.065);cursor:pointer;transition:transform .25s var(--ease),border-color .2s,background .2s}.project-card:hover{transform:translateY(-3px);border-color:rgba(255,255,255,.19);background:rgba(28,28,33,.76)}.project-visual{position:absolute;inset:0 0 83px;overflow:hidden;background:var(--project-bg,#19191d)}.project-visual:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(15,15,18,.96))}.project-visual img{width:100%;height:100%;object-fit:cover;object-position:top;opacity:.88;transition:transform .45s var(--ease),opacity .3s}.project-card:hover .project-visual img{transform:scale(1.025);opacity:1}.project-card-body{position:absolute;left:0;right:0;bottom:0;min-height:100px;padding:14px;display:grid;grid-template-columns:42px 1fr auto;gap:11px;align-items:center;background:linear-gradient(180deg,rgba(18,18,21,.72),rgba(18,18,21,.96));backdrop-filter:blur(17px);border-top:1px solid rgba(255,255,255,.08)}.project-mark{width:42px;height:42px;border-radius:11px;display:grid;place-items:center;background:color-mix(in srgb,var(--project-accent) 20%,rgba(255,255,255,.05));border:1px solid color-mix(in srgb,var(--project-accent) 42%,rgba(255,255,255,.08));overflow:hidden;color:var(--project-accent)}.project-mark img{width:100%;height:100%;object-fit:contain}.project-mark svg{width:22px;height:22px}.project-copy{min-width:0}.project-copy strong{font-size:14px;display:block}.project-copy span{display:block;color:var(--muted);font-size:11px;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-open{width:27px;height:27px;border-radius:8px;display:grid;place-items:center;color:var(--muted);background:rgba(255,255,255,.04);border:1px solid var(--stroke);font-size:16px}.project-tags{position:absolute;left:12px;top:12px;display:flex;gap:5px;z-index:2}.project-tags span{font-size:9px;padding:4px 7px;border-radius:999px;background:rgba(13,13,16,.66);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(10px);color:#ddd}.empty-view,.empty-inline{color:var(--dim);text-align:center;padding:70px 20px}
.view-assistant{padding-bottom:108px}.conversation{max-width:900px;margin:0 auto;display:flex;flex-direction:column;gap:18px}.empty-conversation{min-height:calc(100dvh - 210px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;color:var(--muted)}.empty-conversation strong{font-size:24px;color:var(--text);letter-spacing:-.03em}.noda-orb{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(255,255,255,.12),rgba(240,84,131,.13));border:1px solid rgba(255,255,255,.15);box-shadow:inset 0 1px rgba(255,255,255,.16),0 15px 45px rgba(240,84,131,.12)}.noda-orb img{width:34px}.message{max-width:78%;border-radius:15px;padding:12px 14px;font-size:13px;line-height:1.55;white-space:pre-wrap}.message.user{align-self:flex-end;background:rgba(240,84,131,.14);border:1px solid rgba(240,84,131,.22)}.message.assistant{align-self:flex-start;background:rgba(255,255,255,.055);border:1px solid var(--stroke)}.composer{position:fixed;z-index:5;bottom:35px;left:calc(50% - 300px + 109px);width:600px;min-height:54px;border-radius:17px;padding:7px;display:flex;align-items:flex-end;gap:6px}.composer textarea{flex:1;resize:none;border:0;outline:0;background:none;min-height:38px;max-height:140px;padding:9px 5px;font-size:13px}.composer-icon,.send-button{width:38px;height:38px;border-radius:11px;color:var(--muted);flex:0 0 auto}.composer-icon svg,.send-button svg{width:18px}.send-button{background:var(--accent);color:white;border-color:rgba(255,255,255,.15)}.mic-button.recording{color:#fff;background:var(--danger);animation:pulse 1.25s infinite}@keyframes pulse{50%{box-shadow:0 0 0 7px rgba(255,108,120,0)}}
.action-row,.remote-toolbar,.terminal-toolbar,.returns-toolbar{display:flex;align-items:center;gap:9px;margin-bottom:14px}.primary-action,.quiet-action,.danger-action,.glass-select{height:36px;padding:0 13px;border-radius:10px;border:1px solid var(--stroke);display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:12px;white-space:nowrap}.primary-action{background:linear-gradient(180deg,var(--accent-2),var(--accent));color:white;box-shadow:inset 0 1px rgba(255,255,255,.24),0 7px 18px rgba(240,84,131,.15)}.primary-action:hover{filter:brightness(1.08)}.primary-action svg{width:16px}.quiet-action,.glass-select{background:var(--control);color:#ddd}.quiet-action:hover{background:var(--control-hover)}.danger-action{background:rgba(255,108,120,.1);color:#ff8c94}.wide{width:100%}.data-surface{border:1px solid var(--stroke);border-radius:15px;overflow:hidden;background:rgba(21,21,25,.52);box-shadow:inset 0 1px rgba(255,255,255,.05)}.data-head,.data-row{display:grid;align-items:center;column-gap:14px;padding:0 17px}.data-head{height:43px;color:var(--dim);font-size:10px;text-transform:uppercase;letter-spacing:.045em;background:rgba(255,255,255,.025);border-bottom:1px solid var(--stroke)}.data-row{min-height:61px;border-bottom:1px solid rgba(255,255,255,.06);font-size:12px;transition:background .16s}.data-row:last-child{border-bottom:0}.data-row:hover{background:rgba(255,255,255,.026)}.file-cols{grid-template-columns:minmax(220px,1.5fr) minmax(130px,.6fr) 140px 120px 32px}.file-name{display:flex;align-items:center;gap:11px;min-width:0}.file-icon{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:rgba(255,255,255,.06);color:#b4b1bb}.file-icon svg{width:17px}.file-name span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-dot{display:inline-flex;align-items:center;gap:7px;color:var(--muted)}.status-dot:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--warn)}.status-dot.done:before{background:var(--good)}
.device-ribbon{display:flex;gap:10px;overflow:auto;margin-bottom:14px}.device-card{min-width:190px;height:62px;border:1px solid var(--stroke);border-radius:13px;background:rgba(255,255,255,.035);display:grid;grid-template-columns:34px 1fr;align-items:center;gap:10px;padding:9px 11px;color:var(--muted);text-align:left}.device-card.is-active{border-color:rgba(240,84,131,.42);background:rgba(240,84,131,.09);color:white}.device-card i{width:34px;height:34px;border-radius:9px;background:rgba(255,255,255,.055);display:grid;place-items:center;font-style:normal}.device-card strong,.device-card small{display:block}.device-card strong{font-size:12px}.device-card small{font-size:10px;color:var(--dim);margin-top:3px}.transfer-layout{display:grid;grid-template-columns:260px 1fr;gap:14px}.transfer-actions,.sync-stage{border-radius:16px}.transfer-actions{padding:12px;height:max-content}.transfer-button{width:100%;height:78px;border-radius:13px;background:rgba(255,255,255,.04);border:1px solid var(--stroke);display:flex;align-items:center;gap:13px;text-align:left;padding:12px;color:var(--text);margin-bottom:9px}.transfer-button:hover{background:rgba(255,255,255,.07)}.action-mark{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;font-size:22px;background:rgba(240,84,131,.12);color:var(--accent-2)}.transfer-button.download .action-mark{background:rgba(86,217,152,.11);color:var(--good)}.transfer-button strong,.transfer-button small{display:block}.transfer-button strong{font-size:13px}.transfer-button small{font-size:10px;color:var(--dim);margin-top:5px}.sync-stage{min-height:540px;padding:18px}.sync-summary{display:flex;align-items:flex-end;justify-content:space-between;padding-bottom:15px}.sync-summary>div:first-child span{font-size:10px;color:var(--accent-2)}.sync-summary>div:first-child strong{display:block;font-size:19px;margin-top:6px}.sync-metrics{display:flex;gap:28px}.sync-metrics span{display:flex;flex-direction:column;gap:5px}.sync-metrics small{font-size:9px;color:var(--dim);text-transform:uppercase}.sync-metrics b{font-size:12px}.progress-track{height:3px;border-radius:99px;background:rgba(255,255,255,.07);overflow:hidden}.progress-track i{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--accent),#ff9ebb);transition:width .3s}.sync-tree{padding-top:16px}.sync-event{display:grid;grid-template-columns:20px 1fr auto;gap:9px;align-items:center;min-height:37px;border-bottom:1px solid rgba(255,255,255,.045);font-size:11px}.sync-event i{width:16px;height:16px;border-radius:5px;background:rgba(86,217,152,.11);color:var(--good);display:grid;place-items:center;font-style:normal}.sync-event span:last-child{color:var(--dim)}
.remote-toolbar,.terminal-toolbar,.returns-toolbar{padding:8px}.remote-toolbar .primary-action{margin-left:auto}.remote-canvas{position:relative;width:100%;aspect-ratio:16/9;max-height:calc(100dvh - 150px);border-radius:16px;border:1px solid var(--stroke);overflow:hidden;background:#050506;display:grid;place-items:center;box-shadow:inset 0 1px rgba(255,255,255,.06)}.remote-empty{display:flex;flex-direction:column;align-items:center;gap:11px;color:var(--dim);font-size:12px}.remote-empty svg{width:32px}.remote-canvas img{width:100%;height:100%;object-fit:contain;user-select:none}.terminal-window{height:calc(100dvh - 150px);border-radius:15px;border:1px solid var(--stroke);background:rgba(7,7,9,.8);overflow:hidden;font-family:"Cascadia Code",Consolas,monospace;font-size:12px;display:flex;flex-direction:column;box-shadow:inset 0 1px rgba(255,255,255,.05)}.terminal-output{flex:1;padding:16px;overflow:auto;white-space:pre-wrap;line-height:1.6}.terminal-muted{color:var(--dim)}.terminal-input{height:46px;border-top:1px solid var(--stroke);display:flex;align-items:center;gap:10px;padding:0 16px}.terminal-input span{color:var(--accent-2)}.terminal-input input{flex:1;border:0;background:none;outline:0}
.view-notes{display:grid;grid-template-columns:260px 1fr;gap:14px}.view-notes[hidden]{display:none}.notes-rail,.note-editor{border:1px solid var(--stroke);border-radius:15px;background:rgba(22,22,26,.5);overflow:hidden;min-height:calc(100dvh - 145px)}.notes-rail{padding:10px}.notes-list{margin-top:9px}.note-item{width:100%;padding:11px;border-radius:10px;text-align:left;background:transparent;color:var(--muted);transition:.16s}.note-item:hover{background:rgba(255,255,255,.035)}.note-item.is-active{background:rgba(240,84,131,.1);color:white}.note-item strong,.note-item span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.note-item strong{font-size:12px}.note-item span{font-size:10px;margin-top:5px;color:var(--dim)}.note-editor{position:relative;padding:22px}.note-placeholder{height:100%;display:grid;place-items:center;color:var(--dim)}.note-actions{height:38px;display:flex;align-items:center;justify-content:space-between;color:var(--dim);font-size:10px}.note-actions>div{display:flex;gap:7px}.note-title{width:100%;border:0;background:none;outline:0;font-size:25px;font-weight:680;letter-spacing:-.03em;margin:17px 0 12px}.note-body{width:100%;height:calc(100dvh - 250px);border:0;resize:none;background:none;outline:0;color:#ddd;line-height:1.7;font-size:13px}
.returns-toolbar{justify-content:space-between}.return-total{display:flex;align-items:baseline;gap:8px;margin-left:auto}.return-total span{font-size:10px;color:var(--dim)}.return-total strong{font-size:19px;letter-spacing:-.02em}.debt-cols{grid-template-columns:150px minmax(250px,1fr) 100px 140px 120px 34px}.debt-icon{width:32px;height:32px;border-radius:9px;background:rgba(240,84,131,.1);color:var(--accent-2);display:grid;place-items:center;font-size:13px;font-weight:700}.debt-person{display:flex;align-items:center;gap:10px}.debt-amount{font-weight:700;font-size:13px}.settle-button,.edit-button,.download-button{width:28px;height:28px;border-radius:8px;border:1px solid var(--stroke);background:var(--control);color:var(--muted)}.settle-button:hover,.edit-button:hover{color:white;background:var(--control-hover)}.data-row.is-settled{opacity:.46}.data-row.is-settled .debt-amount{text-decoration:line-through}
.drawer{position:fixed;inset:0;z-index:30}.drawer[hidden],.modal-layer[hidden],.toast[hidden]{display:none}.drawer-scrim{position:absolute;inset:0;background:rgba(0,0,0,.28);backdrop-filter:blur(3px)}.drawer-panel{position:absolute;top:32px;right:32px;bottom:32px;width:min(460px,calc(100vw - 64px));border-radius:20px;padding:25px;overflow:auto;animation:drawerIn .28s var(--ease)}@keyframes drawerIn{from{opacity:0;transform:translateX(26px)}to{opacity:1;transform:none}}.drawer-close,.modal-close{position:absolute;right:15px;top:15px;width:32px;height:32px;border-radius:9px;color:var(--muted);font-size:21px}.drawer-hero{height:210px;border-radius:14px;overflow:hidden;margin-bottom:18px;background:#111}.drawer-hero img{width:100%;height:100%;object-fit:cover;object-position:top}.drawer-brand{display:flex;align-items:center;gap:12px;padding-right:35px}.drawer-brand .project-mark{flex:0 0 auto}.drawer-brand h2{font-size:21px;margin:0}.drawer-brand span{font-size:11px;color:var(--muted)}.drawer-copy{font-size:12px;line-height:1.65;color:#bbb;margin:17px 0}.drawer-features{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:16px 0}.drawer-feature{padding:11px;border:1px solid var(--stroke);border-radius:11px;background:rgba(255,255,255,.035)}.drawer-feature strong,.drawer-feature span{display:block}.drawer-feature strong{font-size:11px}.drawer-feature span{font-size:9px;color:var(--dim);margin-top:5px;line-height:1.4}.drawer-links{display:flex;flex-wrap:wrap;gap:8px}.drawer-links a{text-decoration:none}.modal-layer{position:fixed;inset:0;z-index:40;display:grid;place-items:center;background:rgba(0,0,0,.56);backdrop-filter:blur(8px)}.modal-card{position:relative;width:min(390px,calc(100vw - 30px));border-radius:19px;padding:28px}.modal-card h2{font-size:20px;margin:6px 0 20px}.modal-logo{width:38px}.modal-card label{display:block;margin-bottom:12px}.modal-card label>span{display:block;font-size:10px;color:var(--muted);margin-bottom:6px}.modal-card input,.modal-card select{width:100%;height:40px;border:1px solid var(--stroke);border-radius:10px;background:rgba(0,0,0,.25);outline:0;padding:0 11px}.modal-card input:focus,.modal-card select:focus{border-color:rgba(240,84,131,.55)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.form-error{font-size:11px;color:var(--danger)}.toast{position:fixed;right:32px;bottom:32px;z-index:60;min-width:220px;max-width:360px;border:1px solid var(--stroke);border-radius:12px;padding:11px 14px;background:rgba(30,30,35,.88);box-shadow:0 16px 50px rgba(0,0,0,.38);backdrop-filter:blur(22px);font-size:11px;animation:toastIn .22s var(--ease)}@keyframes toastIn{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
/* Appwrite-derived material pass: translucent surfaces, refracted edges, one pink light source. */
:root{--bg:#0b0a0d;--frame:rgba(19,17,21,.62);--panel:rgba(35,31,37,.43);--panel-strong:rgba(30,27,32,.76);--control:rgba(255,255,255,.065);--control-hover:rgba(255,255,255,.105);--stroke:rgba(255,255,255,.12);--stroke-bright:rgba(255,255,255,.22);--text:#f8f6f8;--muted:#aaa4ac;--dim:#79727c;--accent-2:#ff7da3}
.aurora{background:radial-gradient(ellipse at 13% -4%,#6b1c3b 0,transparent 42%),radial-gradient(ellipse at 91% 74%,#42162b 0,transparent 45%),linear-gradient(145deg,#09080b,#141117 62%,#0b0a0d)}
.aurora:after{background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);mask-image:linear-gradient(to bottom,rgba(0,0,0,.64),transparent 78%)}
.aurora i{filter:blur(82px);opacity:.62}.aurora i:nth-child(1){width:600px;height:300px;background:#cf3265;left:-170px;top:-120px}.aurora i:nth-child(2){width:470px;height:390px;background:#8e2950;right:-130px;top:10%}.aurora i:nth-child(3){width:760px;height:280px;background:#7a2346;left:30%;bottom:-170px}
.glass-frame,.glass-panel,.glass-strip,.glass-control,.modal-card{background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.018) 42%,rgba(240,84,131,.025)),var(--frame);border-color:var(--stroke);box-shadow:inset 0 1px 0 rgba(255,255,255,.13),inset 0 -1px 0 rgba(255,255,255,.025),0 28px 80px rgba(0,0,0,.43);backdrop-filter:blur(34px) saturate(165%);-webkit-backdrop-filter:blur(34px) saturate(165%)}
.topbar{grid-template-columns:218px minmax(300px,660px) 1fr;background:rgba(14,13,16,.46);backdrop-filter:blur(38px) saturate(170%);-webkit-backdrop-filter:blur(38px) saturate(170%)}
.global-search{margin-left:22px;background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(0,0,0,.16));box-shadow:inset 0 1px rgba(255,255,255,.06);transition:border-color .18s,background .18s,box-shadow .18s}.global-search:focus-within{background:rgba(0,0,0,.28);box-shadow:0 0 0 3px rgba(240,84,131,.08),inset 0 1px rgba(255,255,255,.07)}
.connection-pill{background:rgba(255,255,255,.045);box-shadow:inset 0 1px rgba(255,255,255,.06)}
.workspace{background:radial-gradient(circle at 84% 6%,rgba(240,84,131,.09),transparent 30%),radial-gradient(circle at 10% 86%,rgba(240,84,131,.045),transparent 34%),rgba(7,7,10,.16)}
.glass-strip{box-shadow:inset 0 1px rgba(255,255,255,.11),0 14px 34px rgba(0,0,0,.12);background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.025)),rgba(28,25,30,.39);backdrop-filter:blur(26px) saturate(160%);-webkit-backdrop-filter:blur(26px) saturate(160%)}
.segmented{background:rgba(4,3,5,.3);border-color:rgba(255,255,255,.065)}
.project-card{border-radius:17px;background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.012) 42%),rgba(20,17,22,.48);box-shadow:inset 0 1px rgba(255,255,255,.13),0 18px 44px rgba(0,0,0,.16);backdrop-filter:blur(24px) saturate(155%);-webkit-backdrop-filter:blur(24px) saturate(155%);transition:transform .25s var(--ease),border-color .2s,background .2s,box-shadow .25s}
.project-card:before{content:"";position:absolute;z-index:3;inset:0;pointer-events:none;background:radial-gradient(circle at 14% -8%,rgba(255,255,255,.15),transparent 34%);opacity:.68;transition:opacity .24s}.project-card:hover{transform:translateY(-4px);border-color:rgba(255,255,255,.23);background:rgba(31,26,33,.68);box-shadow:inset 0 1px rgba(255,255,255,.17),0 24px 56px rgba(0,0,0,.28)}.project-card:hover:before{opacity:1}
.project-card-body{z-index:4;background:linear-gradient(180deg,rgba(27,23,29,.56),rgba(16,14,18,.84));backdrop-filter:blur(24px) saturate(165%);-webkit-backdrop-filter:blur(24px) saturate(165%);border-top-color:rgba(255,255,255,.12);box-shadow:inset 0 1px rgba(255,255,255,.035)}
.data-surface,.notes-rail,.note-editor,.terminal-window,.remote-canvas{background-color:rgba(18,16,20,.5);backdrop-filter:blur(22px) saturate(150%);-webkit-backdrop-filter:blur(22px) saturate(150%);box-shadow:inset 0 1px rgba(255,255,255,.08),0 18px 46px rgba(0,0,0,.16)}
.main-nav{position:relative}.main-nav:after{content:"";position:absolute;z-index:0;left:10px;right:10px;top:14px;height:40px;border-radius:10px;background:linear-gradient(90deg,rgba(240,84,131,.15),rgba(240,84,131,.045));box-shadow:inset 0 1px rgba(255,255,255,.045);transform:translate3d(0,calc(var(--active-index,0)*43px),0);transition:transform .38s cubic-bezier(.22,.9,.28,1)}.nav-link{z-index:1}.nav-link.is-active{background:transparent}
@media(max-width:1080px){.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.topbar{grid-template-columns:218px minmax(260px,1fr) auto}.connection-pill{display:none}.transfer-layout{grid-template-columns:220px 1fr}.debt-cols{grid-template-columns:130px 1fr 80px 120px 100px 30px}}
@media(max-width:760px){body{overflow:auto}.app-frame{width:100%;height:auto;min-height:100dvh;margin:0;border-radius:0;grid-template:58px 1fr 62px/1fr;grid-template-areas:"top" "work" "side"}.topbar{grid-template-columns:auto 1fr auto;padding:0 10px;position:sticky;top:0}.brand{padding:0 8px;border:0}.brand strong,.route-title,.global-search kbd,.top-actions .connection-pill{display:none}.global-search{grid-column:2}.sidebar{position:fixed;z-index:12;bottom:0;left:0;right:0;height:62px;border:0;border-top:1px solid var(--stroke);background:rgba(16,16,19,.9);backdrop-filter:blur(25px)}.main-nav{height:100%;padding:6px;display:grid;grid-template-columns:repeat(5,1fr);gap:2px}.nav-link{height:49px;padding:0;justify-content:center}.nav-link span{display:none}.nav-link:nth-child(5)~.nav-link{display:none}.nav-link:before{left:50%;top:-6px;width:18px;height:2px;transform:translateX(-50%) scaleX(.4)}.nav-link.is-active:before{transform:translateX(-50%) scaleX(1)}.sidebar-account{display:none}.workspace{padding-bottom:62px}.view{padding:12px}.project-grid{grid-template-columns:1fr}.project-card{height:260px}.project-controls{position:sticky;top:0;z-index:4}.composer{left:12px;right:12px;bottom:75px;width:auto}.view-notes{grid-template-columns:1fr}.notes-rail{min-height:220px}.note-editor{min-height:520px}.transfer-layout{grid-template-columns:1fr}.transfer-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.transfer-button{margin:0}.sync-summary{align-items:flex-start;gap:15px;flex-direction:column}.sync-metrics{width:100%;justify-content:space-between}.data-surface{overflow:auto}.data-head,.data-row{min-width:780px}.remote-canvas{aspect-ratio:9/16}.drawer-panel{inset:12px;width:auto}.returns-toolbar{flex-wrap:wrap}.return-total{margin-left:0}.modal-card{padding:24px}}
@media(max-width:760px){.global-search{margin-left:8px}.top-actions{padding:0 2px}.main-nav:after{display:none}.nav-link.is-active{background:linear-gradient(180deg,rgba(240,84,131,.13),rgba(240,84,131,.035))}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}