:root{--primary:#6366f1;--primary-press:#4447ee;--primary-soft:#eef0ff;--primary-100:#e0e7ff;--secondary:#22d3ee;--secondary-soft:#cffafe;--success:#4ade80;--success-bg:#dcfce7;--error:#f75555;--error-bg:#fee2e2;--warning:#fbbf24;--warning-bg:#fef3c7;--radius:16px;--bg:#fff;--surface:#fff;--surface-2:#f8fafc;--surface-3:#f1f5f9;--text:#0f172a;--text-2:#475569;--text-3:#64748b;--text-4:#94a3b8;--border:#e2e8f0;--border-2:#f1f5f9;--shadow:0 8px 30px #94a3b82e;--nav-bg:#fff;--primary-soft-fg:#6366f1}[data-theme=dark]{--bg:#0b1120;--surface:#131c2e;--surface-2:#1e293b;--surface-3:#1e293b;--text:#f8fafc;--text-2:#cbd5e1;--text-3:#94a3b8;--text-4:#64748b;--border:#1e293b;--border-2:#1e293b;--shadow:0 8px 30px #00000073;--nav-bg:#0e1626;--primary-soft:#1f2547;--primary-soft-fg:#a5b4fc;--primary-100:#1f2547;--secondary-soft:#0e3a44;--success-bg:#14331f;--error-bg:#3a1717;--warning-bg:#3a300f}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{-webkit-font-smoothing:antialiased;background:#e9ecf5;font-family:Urbanist,system-ui,-apple-system,sans-serif}[data-app-theme=dark] body{background:#060912}button{cursor:pointer;background:0 0;border:none;font-family:inherit}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}::-webkit-scrollbar{width:0;height:0}.phone{background:var(--bg);width:375px;height:812px;color:var(--text);font-family:Urbanist,sans-serif;position:relative;overflow:hidden}.phone-scroll{position:absolute;inset:0;overflow-y:auto}.statusbar{z-index:5;flex-shrink:0;justify-content:space-between;align-items:center;width:100%;height:44px;padding:0 24px;display:flex;position:relative}.statusbar .time{letter-spacing:.2px;color:var(--text);font-size:15px;font-weight:700}.statusbar .icons{color:var(--text);align-items:center;gap:6px;display:flex}.statusbar svg{display:block}.home-indicator{flex-shrink:0;justify-content:center;align-items:flex-end;width:100%;height:34px;padding-bottom:8px;display:flex}.home-indicator span{background:var(--text);opacity:.9;border-radius:50px;width:134px;height:5px}.bottom-nav{background:var(--nav-bg);z-index:10;position:absolute;bottom:0;left:0;right:0;box-shadow:0 -8px 24px #0f172a0f}[data-theme=dark] .bottom-nav{box-shadow:0 -8px 24px #0006}.bottom-nav .row{justify-content:space-around;align-items:center;height:56px;padding:0 20px;display:flex}.bottom-nav .item{color:var(--text-3);flex-direction:column;flex:1;align-items:center;gap:3px;font-size:10px;font-weight:500;display:flex}.bottom-nav .item.active{color:var(--primary);font-weight:700}.bottom-nav .fab{background:var(--primary);color:#fff;border-radius:999px;justify-content:center;align-items:center;width:44px;height:44px;display:flex;box-shadow:0 8px 20px #6366f173}.nav-menu-btn{z-index:40;width:40px;height:40px;color:var(--text);background:var(--surface-2);border-radius:13px;justify-content:center;align-items:center;display:flex;position:absolute;top:50px;left:12px;box-shadow:0 4px 14px #0f172a14}.nav-fab{z-index:40;background:var(--primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;display:flex;position:absolute;bottom:24px;right:18px;box-shadow:0 14px 30px #6366f180}.drawer-scrim{z-index:70;background:#0f172a80;position:absolute;inset:0}.drawer{z-index:71;background:var(--nav-bg,var(--surface));width:78%;max-width:292px;padding:18px 14px calc(18px + env(safe-area-inset-bottom,0px));border-radius:0 22px 22px 0;flex-direction:column;display:flex;position:absolute;top:0;bottom:0;left:0;box-shadow:12px 0 40px #0f172a40}.drawer-head{text-align:left;border-bottom:1px solid var(--border-2);align-items:center;gap:12px;width:100%;padding:8px 10px 16px;display:flex}.drawer-head b{color:var(--text);font-size:15px;font-weight:800;display:block}.drawer-head small{color:var(--text-3);margin-top:2px;font-size:12px;display:block}.drawer-nav{flex-direction:column;flex:1;gap:4px;margin-top:14px;display:flex}.drawer-item{width:100%;color:var(--text-2,var(--text-3));border-radius:14px;align-items:center;gap:14px;padding:12px 14px;display:flex}.drawer-item .di-ico{color:var(--text-3);display:flex}.drawer-item .di-label{color:var(--text);font-size:15px;font-weight:600}.drawer-item.active{background:color-mix(in srgb, var(--primary) 12%, transparent)}.drawer-item.active .di-ico,.drawer-item.active .di-label{color:var(--primary)}.drawer-item.active .di-label{font-weight:800}.di-badge{background:var(--error);color:#fff;border-radius:10px;justify-content:center;align-items:center;min-width:20px;height:20px;margin-left:auto;padding:0 6px;font-size:11px;font-weight:800;display:flex}.drawer-create{background:var(--primary);color:#fff;border-radius:15px;justify-content:center;align-items:center;gap:8px;width:100%;height:50px;margin:6px 0 4px;font-size:15px;font-weight:800;display:flex;box-shadow:0 12px 26px #6366f166}.drawer-item.logout .di-ico,.drawer-item.logout .di-label{color:var(--error)}.scr-pad{padding:0 24px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.btn-primary{background:var(--primary);color:#fff;letter-spacing:.2px;border-radius:16px;justify-content:center;align-items:center;gap:8px;width:100%;height:56px;font-size:16px;font-weight:700;display:flex}.btn-ghost{background:var(--surface-2);width:100%;height:56px;color:var(--text);border:1px solid var(--border);border-radius:16px;justify-content:center;align-items:center;gap:10px;font-size:16px;font-weight:700;display:flex}.field{background:var(--surface-2);border:1px solid var(--border);width:100%;height:56px;color:var(--text);border-radius:16px;align-items:center;gap:12px;padding:0 16px;font-size:14px;font-weight:500;display:flex}.field input{color:var(--text);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:14px;font-weight:500}.field input::placeholder{color:var(--text-4)}.muted{color:var(--text-3)}.h-title{letter-spacing:-.2px;color:var(--text);font-size:24px;font-weight:800}.sec-title{color:var(--text);font-size:18px;font-weight:800}.app-stage{background:#e9ecf5;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}[data-app-theme=dark] .app-stage{background:#060912}.device{background:#0b1120;border-radius:46px;flex-shrink:0;width:393px;height:830px;padding:9px;position:relative;box-shadow:0 30px 70px #0f172a66,inset 0 0 0 2px #2a3550}.device .phone{border-radius:38px;width:375px;height:812px;overflow:hidden}.device-notch{z-index:50;background:#0b1120;border-radius:0 0 18px 18px;width:132px;height:30px;position:absolute;top:9px;left:50%;transform:translate(-50%)}@media (width<=480px){.app-stage{padding:0}.device{width:100vw;height:100dvh;box-shadow:none;border-radius:0;padding:0}.device .phone{border-radius:0;width:100%;height:100%}.device-notch{display:none}}.topbar{flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;padding:4px 16px 8px;display:flex}.tb-btn{width:40px;height:40px;color:var(--text);background:var(--surface-2);border-radius:12px;justify-content:center;align-items:center;display:flex}.topbar>.tb-btn:empty{background:0 0}.tb-title{text-align:center;flex-direction:column;flex:1;gap:1px;display:flex}.tb-title b{color:var(--text);font-size:17px;font-weight:800}.tb-title small{color:var(--text-3);font-size:11px;font-weight:600}.sheet-backdrop{z-index:60;background:#0f172a80;position:absolute;inset:0}.sheet{z-index:61;background:var(--surface);border-radius:28px 28px 0 0;flex-direction:column;max-height:88%;padding:8px 0 0;display:flex;position:absolute;bottom:0;left:0;right:0;box-shadow:0 -10px 40px #0003}.sheet-grab{background:var(--border);border-radius:50px;width:44px;height:5px;margin:6px auto 4px}.sheet-head{justify-content:space-between;align-items:center;padding:8px 20px 12px;display:flex}.sheet-head b{color:var(--text);font-size:17px;font-weight:800}.sheet-x{color:var(--text-3);font-size:14px;font-weight:700}.sheet-go{color:var(--primary);font-size:14px;font-weight:800}.sheet-go:disabled{color:var(--text-4)}.sheet-body{padding:4px 20px 28px;overflow-y:auto}.label{color:var(--text-2);margin:16px 0 8px;font-size:13px;font-weight:700;display:block}.input{background:var(--surface-2);border:1.5px solid var(--border);width:100%;height:52px;color:var(--text);border-radius:14px;outline:none;padding:0 16px;font-family:inherit;font-size:15px;font-weight:600}.input:focus{border-color:var(--primary);background:var(--bg)}textarea.input{resize:none;height:96px;padding:14px 16px;line-height:1.5}.input::placeholder{color:var(--text-4)}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{background:var(--surface-2);color:var(--text-2);border:1.5px solid var(--border);border-radius:999px;padding:9px 14px;font-size:13px;font-weight:700}.chip.on{background:var(--primary);color:#fff;border-color:var(--primary)}.dot-pick{border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.dot-pick.on{box-shadow:0 0 0 3px var(--bg), 0 0 0 5px currentColor}.row-item{border-bottom:1px solid var(--border-2);align-items:center;gap:14px;padding:14px 0;display:flex}.row-item:last-child{border-bottom:none}.row-ico{background:var(--primary-soft);width:44px;height:44px;color:var(--primary-soft-fg);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.kb-tabs{gap:8px;padding:4px 16px 12px;display:flex}.kb-tab{color:var(--text-3);background:var(--surface-2);border-radius:999px;padding:9px 16px;font-size:13px;font-weight:700}.kb-tab.on{background:var(--primary);color:#fff;box-shadow:0 6px 16px #6366f159}.kb-board{align-items:flex-start;gap:14px;height:100%;padding:4px 16px 16px;display:flex;overflow-x:auto}.kb-col{flex-shrink:0;width:248px;min-width:248px}.kb-col.drop{outline:2px dashed var(--primary);outline-offset:4px;border-radius:16px}.kb-col-head{color:var(--text);align-items:center;gap:8px;margin-bottom:12px;font-size:14px;font-weight:800;display:flex}.kb-count{color:var(--text-3);font-size:12px;font-weight:700}.kb-card{background:var(--surface);border:1px solid var(--border);cursor:grab;border-radius:16px;margin-bottom:12px;padding:14px}.kb-card:active{cursor:grabbing}.tag{border-radius:8px;padding:4px 10px;font-size:11px;font-weight:800;display:inline-block}.add-card{border:1.5px dashed var(--border);width:100%;color:var(--text-3);border-radius:14px;padding:12px;font-size:13px;font-weight:700}.check{border:2px solid var(--border);background:0 0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.check.on{background:var(--success);border-color:var(--success)}.chat-scroll{flex-direction:column;flex:1;gap:10px;padding:12px 16px;display:flex;overflow-y:auto}.bubble{border-radius:18px;max-width:75%;padding:11px 15px;font-size:14px;font-weight:500;line-height:1.4}.bubble.them{background:var(--surface-2);color:var(--text);border-bottom-left-radius:5px;align-self:flex-start}.bubble.me{background:var(--primary);color:#fff;border-bottom-right-radius:5px;align-self:flex-end}.chat-input{border-top:1px solid var(--border);align-items:center;gap:10px;padding:10px 16px;display:flex}.chat-input input{background:var(--surface-2);border:1px solid var(--border);height:46px;color:var(--text);border-radius:999px;outline:none;flex:1;padding:0 16px;font-family:inherit;font-size:14px}.chat-send{background:var(--primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;display:flex}.switch{background:var(--border);border-radius:999px;flex-shrink:0;width:46px;height:28px;transition:all .2s;position:relative}.switch.on{background:var(--primary)}.switch span{background:#fff;border-radius:50%;width:22px;height:22px;transition:all .2s;position:absolute;top:3px;left:3px}.switch.on span{left:21px}.empty-state{text-align:center;color:var(--text-3);flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:40px 30px;display:flex}.fab-add{background:var(--primary);color:#fff;z-index:20;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;display:flex;position:absolute;bottom:86px;right:18px;box-shadow:0 12px 28px #6366f180}.seg{background:var(--surface-2);border-radius:12px;gap:2px;padding:4px;display:flex}.seg button{color:var(--text-3);border-radius:9px;flex:1;padding:9px;font-size:13px;font-weight:700}.seg button.on{background:var(--surface);color:var(--text);box-shadow:0 2px 8px #0f172a14}.pill-count{background:var(--primary-soft);color:var(--primary-soft-fg);border-radius:999px;padding:2px 8px;font-size:11px;font-weight:800}.avatars{display:flex}.avatars>*+*{margin-left:-10px}.bar{background:var(--surface-3);border-radius:50px;height:6px;overflow:hidden}.bar>i{background:var(--primary);border-radius:50px;height:100%;display:block}.link{color:var(--primary);font-weight:700}.danger{color:var(--error)!important}