*{box-sizing:border-box}html,body{margin:0;padding:0;font-family:Inter,sans-serif;color:var(--text);background:linear-gradient(180deg,var(--bg),var(--bg-2))}body{min-height:100vh;overflow:hidden}button,input,textarea,select{font:inherit}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:14px;top:14px;z-index:999}.hidden{display:none!important}.ambient{position:fixed;border-radius:999px;filter:blur(90px);pointer-events:none;opacity:.17;z-index:0}.ambient-a{width:360px;height:360px;right:2%;top:18%;background:rgba(185,220,154,.10)}.ambient-b{width:280px;height:280px;left:24%;bottom:8%;background:rgba(144,185,111,.07)}.glass-shell,.ui-pill,.ui-card,.tree-button,.subtree-item,.action-pill,.logo-badge,.form-input,.form-textarea,.form-select,.order-chip{background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.03));border:1px solid var(--border);box-shadow:var(--shadow);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);position:relative;overflow:hidden}.glass-shell::before,.ui-pill::before,.ui-card::before,.tree-button::before,.subtree-item::before,.action-pill::before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.08),transparent 40%);pointer-events:none}.ui-pill::after,.tree-button::after,.subtree-item::after,.action-pill::after,.logo-badge::after{content:'';position:absolute;inset:-1px;opacity:0;pointer-events:none;background:linear-gradient(120deg,transparent 20%,rgba(185,220,154,.08) 45%,rgba(185,220,154,.20) 50%,rgba(185,220,154,.08) 55%,transparent 80%);transform:translateX(-120%);transition:transform .65s ease,opacity .25s ease}.ui-pill:hover::after,.tree-button:hover::after,.subtree-item:hover::after,.action-pill:hover::after,.logo-badge:hover::after{opacity:1;transform:translateX(120%)}.ui-pill:hover,.tree-button:hover,.subtree-item:hover,.ui-card:hover,.action-pill:hover,.order-chip:hover{border-color:var(--border-strong);box-shadow:var(--glow);transform:translateY(-1px)}.topbar{position:fixed;top:18px;left:18px;right:18px;z-index:50;min-height:78px;border-radius:30px;display:flex;align-items:center;justify-content:space-between;padding:12px 16px}.topbar-left,.topbar-right,.brand-block,.card-actions,.modal-head,.form-row{display:flex;align-items:center;gap:12px}.icon-button{width:42px;height:42px;border-radius:16px;color:var(--text);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;background:none}.icon-button span{display:block;width:16px;height:2px;border-radius:999px;background:var(--text)}.brand-mark{width:44px;height:44px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(180deg,var(--primary),var(--primary-2));color:var(--primary-ink);font-weight:900}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:11px;color:var(--muted)}.brand-name{font-size:20px;font-weight:900;letter-spacing:-.05em}.command-bar{width:min(520px,46vw);min-width:280px;height:48px;border-radius:999px;display:flex;align-items:center;gap:10px;padding:0 8px 0 14px}.command-bar:focus-within{border-color:var(--border-strong);box-shadow:var(--glow)}.command-icon{color:var(--muted);font-size:18px}.command-bar input{flex:1;border:0;outline:0;background:transparent;color:var(--text)}.command-mic{width:36px;height:36px;border:1px solid var(--border-strong);border-radius:999px;display:grid;place-items:center;background:linear-gradient(180deg,var(--primary),var(--primary-2));color:var(--primary-ink);cursor:pointer;box-shadow:0 0 0 0 rgba(185,220,154,.18);transition:box-shadow .25s ease,transform .18s ease}.command-mic.listening{box-shadow:0 0 0 7px rgba(185,220,154,.08),0 0 0 14px rgba(185,220,154,.04);transform:scale(1.03)}.app-layout{position:relative;z-index:1;display:grid;grid-template-columns:320px 1fr;gap:18px;height:100vh;padding:110px 18px 18px}.sidebar{border-radius:32px;min-height:0;display:flex}.sidebar-inner{padding:16px;display:flex;flex-direction:column;gap:14px;width:100%;min-height:0}.hero-card{border-radius:26px;padding:18px}.hero-card h1{margin:4px 0 8px;font-size:18px;letter-spacing:-.04em}.hero-card p{margin:0;color:var(--muted);font-size:13px;line-height:1.45}.tree-root{display:flex;flex-direction:column;gap:10px;min-height:0;overflow:auto}.tree-node{display:flex;flex-direction:column;gap:8px}.tree-button{width:100%;border-radius:18px;padding:12px 14px;color:var(--text);cursor:pointer;text-align:left;display:flex;align-items:center;justify-content:space-between;gap:12px;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.tree-button.active{background:linear-gradient(180deg,rgba(185,220,154,.20),rgba(185,220,154,.08));border-color:rgba(185,220,154,.24)}.tree-button .tree-left{display:flex;align-items:center;gap:10px}.tree-icon{width:28px;height:28px;border-radius:12px;display:grid;place-items:center;background:rgba(185,220,154,.10);color:var(--primary);font-size:13px;transition:transform .18s ease,box-shadow .18s ease}.tree-button:hover .tree-icon,.subtree-item:hover .tree-icon,.tool-card:hover .logo-badge{transform:scale(1.08) translateY(-1px);box-shadow:0 0 0 6px rgba(185,220,154,.05)}.tree-label strong{display:block;font-size:15px;letter-spacing:-.03em}.tree-label span{display:block;font-size:12px;color:var(--muted);margin-top:2px}.tree-chevron{color:var(--muted);transition:transform .18s ease}.tree-node.open .tree-chevron{transform:rotate(90deg)}.subtree-wrap{display:none;flex-direction:column;gap:8px;margin-left:10px;padding-left:10px;border-left:1px solid rgba(185,220,154,.10)}.tree-node.open>.subtree-wrap{display:flex;max-height:260px;overflow:auto}.subtree-item{width:100%;border-radius:16px;padding:10px 12px;color:var(--text);cursor:pointer;text-align:left;display:flex;align-items:center;gap:10px;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.subtree-item.active{border-color:var(--border-strong);box-shadow:var(--glow)}.content-pane{border-radius:32px;min-height:0;overflow:auto;padding:18px;background:linear-gradient(180deg,rgba(4,8,5,.28),rgba(4,8,5,.14))}.section-header{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:18px}.section-header h2{margin:4px 0 0;font-size:34px;letter-spacing:-.06em}.section-header p{margin:0;color:var(--muted);max-width:520px}.cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}.tool-card{border-radius:24px;padding:18px;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.tool-card:hover{transform:translateY(-2px) scale(1.01)}.logo-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.logo-badge{width:52px;height:52px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(180deg,rgba(185,220,154,.18),rgba(185,220,154,.08));color:var(--primary);font-weight:800;letter-spacing:-.03em;transition:transform .18s ease,box-shadow .18s ease}.logo-badge.has-image img{width:30px;height:30px;object-fit:contain;filter:drop-shadow(0 2px 8px rgba(0,0,0,.16))}.logo-badge.fallback{display:grid;place-items:center}.tag{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.tool-card h3{margin:0 0 8px;font-size:22px;letter-spacing:-.04em}.tool-card p{margin:0;color:var(--muted);min-height:46px}.cover-card{min-height:180px;background:radial-gradient(circle at top right,rgba(185,220,154,.14),transparent 32%),linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.03))}.cover-card .cover-meta{margin-top:16px;color:var(--muted)}.card-actions{flex-wrap:wrap;margin-top:16px}.action-pill{border-radius:999px;padding:10px 14px;color:var(--text);cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.action-pill.primary{background:linear-gradient(180deg,var(--primary),var(--primary-2));color:var(--primary-ink);font-weight:800}.action-pill.is-active{background:rgba(185,220,154,.12);border-color:var(--border-strong)}.action-pill.warn{background:rgba(255,120,120,.08)}.form-stack{display:grid;gap:12px}.form-input,.form-textarea,.form-select{width:100%;border-radius:18px;color:var(--text);padding:14px 16px;outline:none}.form-input,.form-select{height:48px}.form-textarea{min-height:140px;resize:vertical}.modal{position:fixed;inset:0;z-index:120;display:grid;place-items:center}.modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.42)}.modal-panel{position:relative;width:min(760px,92vw);max-height:86vh;border-radius:28px;padding:18px;overflow:auto}.modal-head{justify-content:space-between;margin-bottom:16px}.modal-head h3{margin:0;font-size:24px;letter-spacing:-.04em}.modal-body{display:grid;gap:12px}.toast{position:fixed;right:20px;bottom:20px;z-index:90;background:rgba(6,10,7,.92);border:1px solid var(--border);color:var(--text);padding:12px 16px;border-radius:16px;opacity:0;transform:translateY(8px);transition:.24s ease;pointer-events:none}.toast.show{opacity:1;transform:translateY(0)}.order-chip{padding:8px 12px;border-radius:999px;color:var(--text);cursor:pointer}.order-chip.small{padding:8px 10px}.stack-note{color:var(--muted);font-size:13px;line-height:1.5}.pill-grid{display:flex;gap:8px;flex-wrap:wrap}.mini-divider{height:1px;background:var(--border);margin:4px 0 6px}@media (max-width:1100px){.app-layout{grid-template-columns:290px 1fr}.command-bar{width:min(420px,42vw)}}@media (max-width:920px){body{overflow:auto}.topbar{left:12px;right:12px;top:12px}.app-layout{grid-template-columns:1fr;padding:100px 12px 12px;height:auto;min-height:100vh}.sidebar{position:fixed;top:92px;left:12px;bottom:12px;width:300px;z-index:60;transform:translateX(-112%);transition:transform .24s ease}.sidebar.open{transform:translateX(0)}.content-pane{min-height:calc(100vh - 112px)}.command-bar{width:min(60vw,360px)}}@media (max-width:640px){.topbar{min-height:70px;padding:10px 12px}.brand-name{font-size:18px}.eyebrow{font-size:10px}.command-bar{width:min(58vw,240px);min-width:180px}.section-header{flex-direction:column;align-items:flex-start}.section-header h2{font-size:28px}.cards-grid{grid-template-columns:1fr}}