:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#101316;--panel:#171b1f;--panel-2:#20262b;--panel-3:#2a3035;--text:#f5f1e8;--muted:#a5a099;--faint:#74706a;--line:#f5f1e81f;--accent:#b78cff;--accent-2:#7be0c3;--danger:#ff8f8f;--warn:#f6c76e;--ok:#8ee59f;--shadow:0 24px 70px #0000005c;--radius:18px;--tap:48px;--ease-out:cubic-bezier(.2, .8, .2, 1);--ease-snap:cubic-bezier(.16, 1, .3, 1);--motion-fast:.11s;--motion-base:.15s;--motion-slow:.19s;font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}html,body{background:radial-gradient(circle at 24% 0%, #b78cff47, transparent 28rem), radial-gradient(circle at 92% 20%, #7be0c329, transparent 24rem), var(--bg);min-height:100%;color:var(--text);margin:0}body{min-height:100vh}button,input,textarea,select{font:inherit}button{color:inherit}.app-shell{justify-content:center;min-height:100vh;display:flex}.phone{background:linear-gradient(180deg, #ffffff08, transparent 18rem), var(--bg);width:min(100vw,430px);min-height:100vh;box-shadow:var(--shadow);flex-direction:column;display:flex;position:relative;overflow:hidden}@media (width>=720px){.app-shell{align-items:center;padding:28px 0}.phone{border:1px solid #ffffff1f;border-radius:34px;height:min(900px,100vh - 56px);min-height:min(900px,100vh - 56px)}}.topbar{padding:max(14px, env(safe-area-inset-top)) 16px 10px;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);z-index:5;background:#101316e0;flex:none;align-items:center;gap:12px;display:flex}.brand-mark{background:linear-gradient(135deg, var(--accent), #5d7cff);color:#fff;letter-spacing:-.04em;border-radius:12px;place-items:center;width:36px;height:36px;font-weight:800;display:grid}.topbar-title{flex:1;min-width:0}.topbar-title h1{letter-spacing:-.02em;margin:0;font-size:18px;line-height:1.15}.topbar-title p{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin:2px 0 0;font-size:12px;overflow:hidden}.icon-btn,.pill-btn,.primary-btn,.quiet-btn,.danger-btn{cursor:pointer;min-height:40px;transition:transform var(--motion-fast) var(--ease-out), background var(--motion-base) var(--ease-out), border-color var(--motion-base) var(--ease-out), color var(--motion-base) var(--ease-out), box-shadow var(--motion-base) var(--ease-out);will-change:transform;border:0;border-radius:999px}.icon-btn:active,.pill-btn:active,.primary-btn:active,.quiet-btn:active,.danger-btn:active,.tab-btn:active,.card:active{transform:scale(.98)}.primary-btn:active{background:#a97cf1;transform:scale(.97)}.icon-btn:focus-visible,.pill-btn:focus-visible,.primary-btn:focus-visible,.quiet-btn:focus-visible,.danger-btn:focus-visible,.tab-btn:focus-visible,.card:focus-visible,.quick-action:focus-visible,.suggestion-panel:focus-visible,.canvas-link:focus-visible{border-color:#b78cffb3;outline:none;box-shadow:0 0 0 3px #b78cff38}@media (hover:hover){.icon-btn:hover,.pill-btn:hover,.quiet-btn:hover,.danger-btn:hover,.canvas-link:hover{background:var(--panel-3);border-color:#f5f1e838;transform:translateY(-1px)}.primary-btn:hover{background:#c09aff;transform:translateY(-1px);box-shadow:0 8px 22px #b78cff3d}.card:hover{background:linear-gradient(#ffffff13,#ffffff09);border-color:#b78cff70;transform:translateY(-1px)}.tab-btn:hover{color:var(--text);background:#ffffff0b}.quick-action:hover,.suggestion-panel:hover{background:#7be0c321;border-color:#7be0c394;transform:translateY(-1px)}}.icon-btn{background:var(--panel-2);border:1px solid var(--line);place-items:center;width:40px;display:grid}.primary-btn,.pill-btn,.quiet-btn,.danger-btn{padding:0 15px;font-weight:700}.primary-btn{background:var(--accent);color:#170f24}.primary-btn:disabled,.pill-btn:disabled,.quiet-btn:disabled{opacity:.48;cursor:wait;transform:none}.pill-btn{background:var(--panel-2);border:1px solid var(--line)}.pill-btn.active{color:#e6d7ff;background:#b78cff2e;border-color:#b78cff8a}.quiet-btn{border:1px solid var(--line);background:0 0}.danger-btn{color:var(--danger);background:#ff8f8f1f;border:1px solid #ff8f8f42}.content{scrollbar-width:none;flex:1;padding:16px 16px 104px;overflow-y:auto}.content::-webkit-scrollbar{display:none}.stack{gap:12px;display:grid}.section-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.section-head h2{letter-spacing:-.06em;margin:0;font-size:28px;line-height:.96}.section-head p{color:var(--muted);margin:6px 0 0;font-size:13px}.search{border:1px solid var(--line);background:var(--panel);width:100%;min-height:46px;color:var(--text);border-radius:15px;outline:none;padding:0 14px}.search:focus,.field:focus,.note-field:focus{transition:border-color var(--motion-fast) var(--ease-out), box-shadow var(--motion-fast) var(--ease-out);border-color:#b78cffa3;box-shadow:0 0 0 3px #b78cff26}.chip-row,.action-row{scrollbar-width:none;gap:8px;padding-bottom:2px;display:flex;overflow-x:auto}.chip-row::-webkit-scrollbar{display:none}.action-row::-webkit-scrollbar{display:none}.next-panel{scrollbar-width:none;gap:8px;padding-bottom:2px;display:flex;overflow-x:auto}.next-panel:empty{display:none}.next-panel::-webkit-scrollbar{display:none}.quick-action,.suggestion-panel{border:1px solid var(--line);color:var(--text);cursor:pointer;transition:transform var(--motion-fast) var(--ease-out), background var(--motion-base) var(--ease-out), border-color var(--motion-base) var(--ease-out), box-shadow var(--motion-base) var(--ease-out);background:#ffffff0b}.quick-action{border-radius:999px;flex:none;min-height:38px;padding:0 13px;font-size:12px;font-weight:800}.suggestion-panel{text-align:left;border-radius:16px;gap:3px;width:100%;padding:12px 13px;display:grid}.suggestion-panel span,.suggestion-panel small{color:var(--muted);font-size:12px}.suggestion-panel strong{font-size:15px}.suggested{background:#7be0c31a;border-color:#7be0c385;box-shadow:inset 0 0 0 1px #7be0c314}.quick-action:active,.suggestion-panel:active{transform:scale(.98)}.card{text-align:left;border:1px solid var(--line);border-radius:var(--radius);width:100%;color:var(--text);cursor:pointer;transition:transform var(--motion-fast) var(--ease-out), background var(--motion-base) var(--ease-out), border-color var(--motion-base) var(--ease-out), box-shadow var(--motion-base) var(--ease-out);background:linear-gradient(#ffffff0d,#ffffff06);padding:15px}.card h3{letter-spacing:-.02em;margin:0;font-size:16px}.card p{color:var(--muted);margin:8px 0 0;font-size:13px;line-height:1.42}.meta{color:var(--faint);flex-wrap:wrap;align-items:center;gap:6px;margin-top:12px;font-size:12px;display:flex}.badge{color:#b7f8e9;background:#7be0c31f;border-radius:999px;align-items:center;min-height:22px;padding:0 8px;font-size:11px;font-weight:700;display:inline-flex}.badge.warn{color:var(--warn);background:#f6c76e21}.field,.note-field{border:1px solid var(--line);background:var(--panel);width:100%;color:var(--text);resize:vertical;border-radius:18px;outline:none;padding:14px}.field{min-height:190px}.note-field{min-height:320px;line-height:1.52}.output{background:#7be0c314;border:1px solid #7be0c338;border-radius:20px;padding:15px}.output h3{color:#b7f8e9;text-transform:uppercase;letter-spacing:.08em;margin:0 0 8px;font-size:13px}.provider-meta{color:#b7f8e9ad;margin:-2px 0 10px;font-size:11px;font-weight:700}.output p{color:#e8fff8;white-space:pre-wrap;overflow-wrap:anywhere;margin:0;line-height:1.5}.cursor{background:var(--accent-2);vertical-align:text-bottom;width:7px;height:1em;animation:cursor-pop var(--motion-slow) var(--ease-snap);margin-left:3px;display:inline-block}@keyframes cursor-pop{0%{opacity:.35;transform:scaleY(.72)}to{opacity:1;transform:scaleY(1)}}.empty{border:1px dashed var(--line);color:var(--muted);text-align:center;border-radius:18px;padding:22px}.tabbar{padding:8px 12px max(12px, env(safe-area-inset-bottom));grid-template-columns:repeat(var(--tab-count), minmax(0, 1fr));border-top:1px solid var(--line);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);z-index:8;background:#101316eb;gap:8px;display:grid;position:absolute;bottom:0;left:0;right:0}.tab-btn{min-height:58px;color:var(--muted);cursor:pointer;transition:transform var(--motion-fast) var(--ease-out), background var(--motion-base) var(--ease-snap), border-color var(--motion-base) var(--ease-snap), color var(--motion-base) var(--ease-snap);background:0 0;border:1px solid #0000;border-radius:17px;place-items:center;gap:2px;font-size:12px;font-weight:700;display:grid}.tab-btn span:first-child{font-size:20px;line-height:1}.tab-btn.active{color:var(--text);background:var(--panel-2);border-color:var(--line);animation:tab-snap var(--motion-base) var(--ease-snap)}@keyframes tab-snap{0%{transform:scale(.96)}to{transform:scale(1)}}.sheet-backdrop{z-index:20;animation:backdrop-in var(--motion-slow) var(--ease-out);background:#00000085;align-items:flex-end;display:flex;position:absolute;inset:0}.sheet{border:1px solid var(--line);width:100%;max-height:88%;padding:16px 16px max(18px, env(safe-area-inset-bottom));animation:sheet-in var(--motion-slow) var(--ease-snap);background:#15191d;border-bottom:0;border-radius:26px 26px 0 0;overflow-y:auto;box-shadow:0 -20px 70px #00000057}.sheet h2{margin:0;font-size:20px}.sheet p{color:var(--muted);font-size:13px}.row{border:1px solid var(--line);background:var(--panel);transition:transform var(--motion-slow) var(--ease-snap), background var(--motion-base) var(--ease-out), border-color var(--motion-base) var(--ease-out), box-shadow var(--motion-base) var(--ease-out);border-radius:16px;justify-content:space-between;align-items:center;gap:12px;padding:11px;display:flex}.reorder-row{cursor:grab}.reorder-row:active{cursor:grabbing}.reorder-row.is-dragging{opacity:.76;border-color:#b78cffa3;transform:scale(1.015)translateY(-2px);box-shadow:0 14px 34px #00000047}.reorder-row.is-drag-over{background:var(--panel-2);border-color:#7be0c37a;transform:translateY(6px)}.row-title{align-items:center;gap:10px;min-width:0;display:flex}.row-title strong{display:block}.row-title small{color:var(--muted);display:block}.move-controls{gap:6px;display:flex}.move-controls button{border:1px solid var(--line);background:var(--panel-2);min-width:36px;min-height:36px;color:var(--text);transition:transform var(--motion-fast) var(--ease-out), background var(--motion-base) var(--ease-out), border-color var(--motion-base) var(--ease-out);border-radius:12px}.move-controls button:active{background:var(--panel-3);transform:scale(.94)}.move-controls button:disabled{opacity:.38;cursor:not-allowed}.toast{color:#15191d;z-index:30;animation:toast-in .16s var(--ease-snap);background:#f5f1e8f0;border-radius:16px;padding:12px 14px;font-weight:800;position:absolute;bottom:90px;left:18px;right:18px;box-shadow:0 16px 40px #0000004d}.toast-success{color:#123c2a;background:#dcffeff5}.toast-error{color:#531717;background:#ffe2e2f5}.canvas-link{min-height:36px;color:var(--muted);border:1px solid var(--line);transition:transform var(--motion-fast) var(--ease-out), background var(--motion-base) var(--ease-out), border-color var(--motion-base) var(--ease-out), color var(--motion-base) var(--ease-out);border-radius:999px;justify-content:center;align-items:center;padding:0 12px;text-decoration:none;display:inline-flex}.voice-orb{background:radial-gradient(circle, #b78cff59, #b78cff14 62%, transparent 63%), var(--panel-2);border:1px solid #b78cff4d;border-radius:999px;place-items:center;width:136px;height:136px;margin:22px auto;display:grid}.voice-orb.listening{animation:pulse var(--motion-slow) var(--ease-snap)}@keyframes pulse{50%{transform:scale(1.045);box-shadow:0 0 0 16px #b78cff14}}.small{color:var(--muted);font-size:12px}.split,.output-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.output-actions .primary-btn{grid-column:1/-1}@media (width<=360px){.content{padding-left:12px;padding-right:12px}.section-head h2{font-size:24px}.output-actions{grid-template-columns:1fr}}.is-success{animation:confirm-pop var(--motion-slow) var(--ease-snap);box-shadow:0 0 0 3px #7be0c321;border-color:#7be0c3a8!important}.is-error{animation:.18s linear error-shake;box-shadow:0 0 0 3px #ff8f8f2e;border-color:#ff8f8fd1!important}@keyframes confirm-pop{0%{transform:scale(.995)}55%{transform:scale(1.006)}to{transform:scale(1)}}@keyframes error-shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}50%{transform:translate(4px)}75%{transform:translate(-2px)}}@keyframes sheet-in{0%{opacity:.7;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes toast-in{0%{opacity:0;transform:translateY(10px)scale(.99)}to{opacity:1;transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important}}