:root{--bg: #0b1020;--bg-elevated: #121a2f;--panel: rgba(17, 24, 39, .92);--panel-strong: rgba(15, 23, 42, .98);--panel-soft: rgba(30, 41, 59, .72);--border: rgba(148, 163, 184, .18);--border-strong: rgba(96, 165, 250, .35);--text: #e5eefb;--muted: #8fa3bf;--accent: #38bdf8;--accent-strong: #0ea5e9;--accent-soft: rgba(56, 189, 248, .14);--success: #34d399;--warning: #f59e0b;--danger: #f87171;--shadow: 0 18px 40px rgba(2, 6, 23, .45);--radius: 8px}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:Segoe UI,Noto Sans TC,Microsoft JhengHei,sans-serif;font-size:17px;line-height:1.55;color:var(--text);background:radial-gradient(circle at top left,rgba(14,165,233,.14),transparent 28%),radial-gradient(circle at top right,rgba(99,102,241,.12),transparent 24%),linear-gradient(180deg,#0b1020,#0f172a)}button,input,select,textarea{font:inherit}.shell{min-height:100vh}.shell-pinned .main{margin-left:256px}.shell-collapsed .main{margin-left:80px}.main{padding:20px;min-height:100vh;transition:margin-left .3s ease}.sidebar-overlay{display:none}.sidebar-frame{position:fixed;top:0;left:0;z-index:50;display:flex;flex-direction:column;width:256px;height:100vh;padding-top:calc(8px + env(safe-area-inset-top));background:linear-gradient(180deg,#0f172afa,#0f172aeb);border-right:1px solid rgba(96,165,250,.12);transition:width .3s ease,transform .3s ease;overflow:hidden}.sidebar-frame.unpinned{width:80px}.sidebar-frame.unpinned:hover{width:256px}.sidebar-header{position:relative;display:flex;align-items:center;height:64px;padding:0 16px;border-bottom:1px solid rgba(96,165,250,.12)}.sidebar-logo-wrap{display:flex;align-items:center;min-width:0}.sidebar-logo-box{width:48px;height:48px;flex:0 0 48px;display:flex;align-items:center;justify-content:center;border-radius:14px;background:linear-gradient(135deg,#38bdf838,#2563eb42);color:#e0f2fe}.sidebar-brand-text{margin-left:10px;max-width:180px;overflow:hidden;transition:opacity .3s ease,max-width .3s ease,margin .3s ease}.sidebar-brand-text.collapsed{opacity:0;max-width:0;margin-left:0}.sidebar-frame.unpinned:hover .sidebar-brand-text.collapsed{opacity:1;max-width:180px;margin-left:10px}.sidebar-brand-title{display:block;color:#f8fbff;font-size:22px;font-weight:700;white-space:nowrap}.sidebar-pin-toggle,.sidebar-mobile-close{position:absolute;right:16px;display:inline-flex;align-items:center;justify-content:center;width:32px;min-width:32px;height:32px;padding:0;border:none;background:transparent;color:#9fb6d3;border-radius:8px}.sidebar-pin-toggle:hover,.sidebar-mobile-close:hover{background:#ffffff0f;color:#f8fbff}.sidebar-pin-toggle.hover-only{opacity:0}.sidebar-frame.unpinned:hover .sidebar-pin-toggle.hover-only{opacity:1}.sidebar-pin-toggle .pinned{fill:currentColor}.sidebar-pin-toggle .unpinned{transform:rotate(45deg)}.sidebar-mobile-close{display:none}.sidebar-nav{margin-top:16px;padding:0 12px calc(16px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:12px;flex:1;overflow-y:auto;overflow-x:hidden}.sidebar-nav::-webkit-scrollbar,.account-items-viewport::-webkit-scrollbar,.account-combine-result::-webkit-scrollbar,.account-analysis-result::-webkit-scrollbar,.account-planner-result::-webkit-scrollbar{width:8px}.sidebar-nav::-webkit-scrollbar-thumb,.account-items-viewport::-webkit-scrollbar-thumb,.account-combine-result::-webkit-scrollbar-thumb,.account-analysis-result::-webkit-scrollbar-thumb,.account-planner-result::-webkit-scrollbar-thumb{background:#94a3b842;border-radius:999px}.main{display:flex;flex-direction:column;gap:16px}.mobile-topbar{display:none;align-items:center;gap:12px;padding:14px 16px;border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(180deg,#0f172af0,#0f172ae6);box-shadow:var(--shadow)}.mobile-nav-toggle{display:inline-flex;align-items:center;justify-content:center;width:42px;min-width:42px;height:42px;padding:0}.mobile-topbar-title{color:#f8fbff;font-size:20px;font-weight:700}.sidebar-group{display:flex;flex-direction:column;gap:8px}.sidebar-group-title{height:28px;padding:0 4px 6px;display:flex;align-items:flex-end;overflow:hidden;color:#7dd3fc;font-size:13px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;transition:opacity .3s ease,max-width .3s ease,margin .3s ease}.sidebar-group-divider{margin:2px 4px 6px;border-top:1px solid rgba(148,163,184,.1)}.sidebar-group-title.collapsed{opacity:0;max-width:0;height:0;padding:0}.sidebar-frame.unpinned:hover .sidebar-group-title.collapsed{opacity:1;max-width:220px;height:28px;padding:0 4px 6px}.sidebar-item{width:100%;display:flex;align-items:center;gap:12px;min-height:46px;padding:10px 12px;border:1px solid rgba(148,163,184,.08);border-radius:12px;background:#0f172a75;color:var(--muted);text-align:left;text-decoration:none;font-size:15px;font-weight:600;transition:background .18s ease,color .18s ease,border-color .18s ease,transform .18s ease,box-shadow .18s ease}.sidebar-item-icon{display:inline-flex;align-items:center;justify-content:center;width:40px;flex:0 0 40px;color:currentColor}.sidebar-item-label{display:block;min-width:0;flex:1 1 auto;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:200px;transition:opacity .3s ease,max-width .3s ease,margin .3s ease}.sidebar-item-label.collapsed{opacity:0;max-width:0}.sidebar-frame.unpinned:hover .sidebar-item-label.collapsed{opacity:1;max-width:200px}.sidebar-item:hover{background:#1e293bd1;color:var(--text);border-color:#60a5fa33;transform:translate(3px)}.sidebar-item.active{background:linear-gradient(135deg,#0ea5e933,#2563eb2e),#0f172af2;color:#f8fbff;border-color:var(--border-strong);box-shadow:inset 0 1px #ffffff0a,0 10px 24px #0ea5e91f}.sidebar-item.active .sidebar-item-icon{color:#f8fbff}.sidebar-frame.unpinned+.main,.shell:has(.sidebar-frame.unpinned) .main{margin-left:80px}.sidebar-frame.unpinned .sidebar-item-label,.sidebar-frame.unpinned .sidebar-group-title,.sidebar-frame.unpinned .sidebar-brand-text{opacity:0;max-width:0;overflow:hidden}.sidebar-frame.unpinned:hover .sidebar-item-label,.sidebar-frame.unpinned:hover .sidebar-group-title,.sidebar-frame.unpinned:hover .sidebar-brand-text{opacity:1;max-width:220px}.tab-panel,.preview-layout{display:flex;flex-direction:column;gap:16px}.panel{background:linear-gradient(180deg,#0f172af0,#0f172ae6);border:1px solid var(--border);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow)}.dialog-backdrop{position:fixed;inset:0;z-index:70;display:flex;align-items:center;justify-content:center;padding:24px;background:#020617b8}.dialog-panel{width:min(720px,100%);max-height:min(88vh,920px);display:flex;flex-direction:column;gap:16px;padding:18px;border:1px solid rgba(56,189,248,.18);border-radius:12px;background:linear-gradient(180deg,#0f172afa,#0f172af0);box-shadow:0 24px 64px #0206178c}.dialog-head,.dialog-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.dialog-body{display:flex;flex-direction:column;gap:12px}.dialog-actions{justify-content:flex-end}.auth-dialog-panel{width:min(520px,100%)}.auth-switch-copy{color:var(--muted);font-size:14px;text-align:center}.auth-text-link{min-height:auto;padding:0;border:none;background:transparent;color:var(--accent);font-size:14px;font-weight:700}.auth-text-link:hover{filter:none;transform:none;text-decoration:underline}h1{margin:0 0 8px;font-size:30px;font-weight:700;letter-spacing:.02em}.muted{margin:0;color:var(--muted);font-size:14px;line-height:1.55}.panel-title{margin-bottom:12px;color:#f8fbff;font-size:15px;font-weight:700;letter-spacing:.03em;text-transform:uppercase}.tag-pill,.account-selected-chip,.account-plan-chip,.combo-mini-pill{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:0 12px;border:1px solid rgba(148,163,184,.14);border-radius:999px;background:#1e293bb8;color:#dbe7f5;font-size:13px}.stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:14px;width:100%}.stat-pill{display:flex;align-items:center;justify-content:center;min-height:40px;padding:8px 10px;border:1px solid rgba(148,163,184,.14);border-radius:8px;background:#1e293bb8;color:#dbe7f5;font-size:13px;text-align:center;line-height:1.35}.row{display:flex;gap:10px;align-items:center}.row+.row{margin-top:12px}.grow,.compact{flex-wrap:wrap}input,select,textarea{width:100%;min-height:42px;padding:10px 12px;border:1px solid rgba(148,163,184,.14);border-radius:var(--radius);background:#0f172ac2;color:var(--text);outline:none;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}input::-moz-placeholder,textarea::-moz-placeholder{color:#6f86a6}input::placeholder,textarea::placeholder{color:#6f86a6}input:focus,select:focus,textarea:focus{border-color:var(--border-strong);box-shadow:0 0 0 3px #38bdf81f;background:#0f172aeb}textarea{min-height:132px;resize:vertical;line-height:1.5}button{min-height:42px;padding:10px 14px;border:1px solid transparent;border-radius:var(--radius);cursor:pointer;background:linear-gradient(135deg,#0ea5e9,#2563eb);color:#eff8ff;font-size:15px;font-weight:600;transition:transform .18s ease,filter .18s ease,opacity .18s ease,border-color .18s ease}button:hover{filter:brightness(1.08);transform:translateY(-1px)}button:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(.15);transform:none}button:disabled:hover{filter:grayscale(.15);transform:none}button.ghost{background:#1e293b94;color:var(--text);border-color:#94a3b81f}button.ghost:hover{background:#334155b8}.danger-btn{color:#fecaca}.account-refresh-button{display:inline-flex;align-items:center;gap:8px}.button-spinner{width:0;height:14px;flex:0 0 0;border:2px solid rgba(148,163,184,.24);border-top-color:currentColor;border-radius:999px;opacity:0;overflow:hidden;transition:width .18s ease,opacity .18s ease}.button-spinner.spinning{width:14px;flex-basis:14px;opacity:1;animation:planner-spin .9s linear infinite}.recipe-card{display:flex;flex-direction:column;gap:10px;padding:12px 14px;border:1px solid rgba(148,163,184,.1);border-radius:var(--radius);background:#0f172ac2}.recipe-meta,.account-plan-step-index,.account-plan-op,.account-plan-chain{color:var(--muted);font-size:13px;line-height:1.55}.recipe-line,.combo-pill-recipe,.account-plan-formula,.account-plan-flow,.tag-list{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.combo-pill-result,.account-name{color:#f8fbff;font-weight:700}.account-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}.account-display-toolbar{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.account-panel-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.account-panel-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.account-filter-chips{display:flex;flex-wrap:wrap;gap:8px}.account-filter-chip{min-height:36px;padding:8px 12px;border:1px solid rgba(148,163,184,.14);border-radius:999px;background:#1e293bb8;color:#dbe7f5;font-size:13px}.account-filter-chip.active,.account-item-chip.selected-a,.account-selected-chip.selected-a{background:linear-gradient(135deg,#0ea5e93d,#2563eb33);border-color:#38bdf85c;color:#f8fbff}.account-item-chip.selected-b,.account-selected-chip.selected-b{background:linear-gradient(135deg,#f59e0b38,#ea580c2e);border-color:#fbbf2452;color:#fff7ed}.account-card{display:flex;flex-direction:column;gap:14px;height:980px;min-height:980px;overflow:hidden}.account-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.account-name{font-size:20px}.account-card-body{display:grid;grid-template-columns:minmax(320px,1.05fr) minmax(320px,.95fr) minmax(320px,1fr);gap:14px;min-height:0;flex:1}.account-card-left,.account-card-middle,.account-card-right,.account-section,.account-analysis-box,.account-planner-box,.account-combine-box{display:flex;flex-direction:column;gap:10px;min-height:0;justify-content:flex-start;align-items:stretch}.account-block{display:flex;flex-direction:column;gap:10px;min-height:0;padding:12px;border:1px solid rgba(148,163,184,.1);border-radius:var(--radius);background:#0f172a85;justify-content:flex-start;align-items:stretch}.account-block-fill{flex:1 1 auto}.account-card-left>.account-section:first-child,.account-combine-box{flex:0 0 auto}.account-card-left>.account-section:last-child,.account-card-middle>.account-section:first-child,.account-card-right>.account-section:first-child{flex:1 1 auto}.account-section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.account-items-viewport,.account-combine-result,.account-analysis-result,.account-planner-result{flex:1 1 auto;min-height:0;overflow:auto;padding-right:4px}.account-items{display:flex;flex-wrap:wrap;gap:8px;align-content:flex-start}.account-combine-box{min-height:0;max-height:220px}.account-combine-selection{display:flex;gap:8px;flex-wrap:wrap}.account-analysis-box,.account-planner-box{flex:1}.account-analysis-result,.account-planner-result{display:flex;flex-direction:column;gap:10px;justify-content:flex-start;align-items:stretch}.task-summary{padding:12px 14px;border:1px solid rgba(56,189,248,.16);border-radius:var(--radius);background:#0ea5e914;color:#dbeafe;font-size:14px;line-height:1.6}.planner-progress-line{display:flex;align-items:center;gap:10px;min-height:24px;color:#dbeafe;font-size:14px;line-height:1.5}.planner-progress-spinner{width:14px;height:14px;flex:0 0 14px;border:2px solid rgba(148,163,184,.24);border-top-color:#38bdf8;border-radius:999px}.planner-progress-spinner.spinning{animation:planner-spin .9s linear infinite}@keyframes planner-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.analysis-section,.analysis-group-list{display:flex;flex-direction:column;gap:8px}.analysis-group-item{display:flex;flex-direction:column;gap:6px;padding-top:8px;border-top:1px solid rgba(148,163,184,.08)}.analysis-group-item:first-child{padding-top:0;border-top:0}.combo-pill-card{display:flex;flex-direction:column;gap:8px;padding:12px 14px;border:1px solid rgba(148,163,184,.1);border-radius:var(--radius);background:#0f172ac2}.account-inline-controls{flex-wrap:nowrap;align-items:stretch}.account-inline-controls>input{flex:1 1 0;width:auto;min-width:0}.graph-search-box{position:relative;flex:1 1 0;min-width:0}.graph-search-box>input{width:100%}.account-inline-controls>button{flex:0 0 auto;width:auto;white-space:nowrap}.graph-suggestion-menu{position:absolute;top:calc(100% + 8px);left:0;right:0;z-index:30;display:flex;flex-direction:column;gap:6px;max-height:320px;overflow:auto;padding:8px;border:1px solid rgba(56,189,248,.22);border-radius:var(--radius);background:#0f172afa;box-shadow:var(--shadow)}.graph-suggestion-item{display:flex;justify-content:space-between;align-items:center;gap:10px;width:100%;min-height:42px;padding:10px 12px;border:1px solid rgba(148,163,184,.08);border-radius:var(--radius);background:#1e293b94;color:var(--text);text-align:left}.graph-suggestion-item:hover{background:#1e293be6;border-color:#38bdf838;transform:none}.graph-suggestion-main{min-width:0;font-weight:600}.graph-suggestion-meta{flex:0 0 auto;color:var(--muted);font-size:13px}.account-plan-depth-input{flex:0 0 96px;width:96px;min-width:96px}.combo-operator,.arrow{color:var(--muted)}.graph-layout{display:grid;grid-template-columns:minmax(280px,340px) minmax(0,1fr);gap:16px;min-height:0}.graph-detail-panel,.graph-center-panel,.graph-relation-panel{min-height:0}.graph-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;min-height:0}.graph-relation-scroll{display:flex;flex-direction:column;gap:10px;max-height:720px;overflow:auto;padding-right:4px}.graph-detail{display:flex;flex-direction:column;gap:14px}.graph-detail-list{margin:0;display:grid;gap:6px}.graph-detail-list dt{color:#f8fbff;font-size:14px;font-weight:700}.graph-detail-list dd{margin:0;color:var(--muted);font-size:14px;line-height:1.6}.node-card,.recipe-card{border:1px solid rgba(148,163,184,.1);border-radius:var(--radius);padding:14px;background:linear-gradient(180deg,#0f172ad1,#0f172ab3)}.node-card{background:radial-gradient(circle at top right,rgba(56,189,248,.12),transparent 30%),linear-gradient(180deg,#0f172aeb,#0f172acc);border-color:#38bdf833}.node-name{font-size:24px;font-weight:700;line-height:1.3}.node-meta{margin-top:8px;display:flex;flex-wrap:wrap;gap:8px;align-items:center;color:var(--muted);font-size:13px;line-height:1.5}.node-type-pill{display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border:1px solid transparent;border-radius:999px;font-size:13px;font-weight:700;letter-spacing:.02em}.tone-cyan{color:#d9f7ff;background:linear-gradient(135deg,#06b6d43d,#0ea5e92e);border-color:#22d3ee47}.tone-emerald{color:#defcf1;background:linear-gradient(135deg,#10b9813d,#34d3992e);border-color:#4ade8047}.tone-amber{color:#fff3d6;background:linear-gradient(135deg,#f59e0b3d,#fbbf242e);border-color:#fbbf2447}.tone-violet{color:#efe7ff;background:linear-gradient(135deg,#8b5cf63d,#a855f72e);border-color:#c4b5fd47}.tone-rose{color:#ffe4ea;background:linear-gradient(135deg,#f43f5e38,#fb71852e);border-color:#fda4af47}.tone-sky{color:#e0f2fe;background:linear-gradient(135deg,#3b82f63d,#0ea5e92e);border-color:#7dd3fc47}.word-chip{min-height:34px;border:1px solid rgba(148,163,184,.14);border-radius:999px;padding:0 12px;background:#1e293bc7;color:var(--text)}.word-chip.active{background:linear-gradient(135deg,#f59e0b42,#ea580c38);border-color:#f59e0b3d}.account-plan-step{display:inline-flex;flex-direction:column;gap:8px;min-height:74px;padding:10px 12px;border:1px solid rgba(148,163,184,.14);border-radius:var(--radius);background:linear-gradient(180deg,#1e293bb8,#0f172ae0);white-space:nowrap}.account-plan-step-ready{box-shadow:inset 0 0 0 1px #22c55e2e}.account-plan-step-blocked{opacity:.84;border-style:dashed;border-color:#f871714d}.account-plan-chip-a{background:#0ea5e91f;border-color:#38bdf847;color:#e0f2fe}.account-plan-chip-b{background:#f59e0b1f;border-color:#fbbf2447;color:#fef3c7}.account-plan-chip-r{background:#10b98124;border-color:#34d39947;color:#d1fae5}.account-plan-chip-owned{background:#ec489938!important;border-color:#f472b68c!important;color:#ffe4f1!important;box-shadow:inset 0 0 0 1px #f472b638}@media(max-width:1500px){.account-card-body,.graph-layout,.graph-columns{grid-template-columns:1fr}.account-card{height:auto;min-height:auto}.account-combine-box{max-height:none}}@media(max-width:960px){.shell-pinned .main,.shell-collapsed .main,.main{margin-left:0!important}.sidebar-frame{width:min(256px,calc(100vw - 28px));transform:translate(-100%)}.sidebar-frame.mobile-open{transform:translate(0)}.sidebar-frame.unpinned,.sidebar-frame.unpinned:hover{width:min(256px,calc(100vw - 28px))}.sidebar-brand-text.collapsed,.sidebar-group-title.collapsed,.sidebar-item-label.collapsed{opacity:1;max-width:220px;height:auto;margin-left:0}.sidebar-overlay{position:fixed;inset:0;z-index:40;background:#020617ad;opacity:0;pointer-events:none;transition:opacity .25s ease;display:block}.sidebar-overlay.open{opacity:1;pointer-events:auto}.sidebar-pin-toggle{display:none}.sidebar-mobile-close{display:inline-flex}.mobile-topbar{display:flex}}