@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,400;0,500;0,600;0,700;1,400&family=JetBrains+Mono:wght@400;500;600;700&display=swap";:root{--bg: #0c0d12;--surface: #14151c;--surface-2: #1b1d27;--surface-3: #232532;--line: #262833;--line-soft: #1f212b;--txt: #e8e9ee;--txt-dim: #9296a6;--txt-faint: #5d6173;--accent: #0EA5E9;--accent-2: #0284C7;--accent-soft: rgba(14,165,233,.15);--done: #3ecf8e;--done-soft: #3ecf8e1c;--blocked: #ff6b6b;--blocked-soft: #ff6b6b1c;--active: #ffb454;--active-soft: #ffb4541c;--r: 14px;--mono: "JetBrains Mono", ui-monospace, monospace;--display: "IBM Plex Sans", sans-serif}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}body{background:var(--bg);color:var(--txt);font-family:IBM Plex Sans,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;font-size:15px;line-height:1.5;overflow:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}button{font-family:inherit;cursor:pointer;color:inherit;background:none;border:none}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}[data-theme=light]{--bg: #EEF2F7;--surface: #FFFFFF;--surface-2: #F5F8FC;--surface-3: #F0F4F9;--line: #D8E2EE;--line-soft: #E8EFF7;--txt: #0F1923;--txt-dim: #374151;--txt-faint: #6B7A8F;--accent: #0284C7;--accent-2: #0369A1;--accent-soft: rgba(2,132,199,.12);--done: #059669;--done-soft: rgba(5,150,105,.12);--blocked: #E11D48;--blocked-soft: rgba(225,29,72,.1);--active: #D97706;--active-soft: rgba(217,119,6,.12);--border-strong: #B8C9DF;--placeholder: #9DAFC4;--shadow-sm: 0 1px 3px rgba(15,25,35,.07), 0 1px 2px rgba(15,25,35,.04);--shadow-md: 0 8px 24px rgba(15,25,35,.09), 0 2px 8px rgba(15,25,35,.05);--shadow-lg: 0 24px 64px rgba(15,25,35,.11), 0 4px 16px rgba(15,25,35,.06)}.sidebar{display:none}#app{height:100dvh;display:flex;flex-direction:column;max-width:480px;margin:0 auto;position:relative;background:var(--bg)}.app-body{display:contents}header{padding:13px 16px 11px;border-bottom:1px solid var(--line-soft);display:flex;align-items:center;gap:10px;background:var(--bg);flex-shrink:0;position:relative;z-index:10}.logo{width:32px;height:32px;border-radius:10px;flex-shrink:0;background:linear-gradient(135deg,var(--accent),var(--accent-2));display:flex;align-items:center;justify-content:center;font-weight:800;font-size:13px;color:#fff;letter-spacing:-.02em}.htxt{flex:1;min-width:0}.htxt h1{font-size:15px;font-weight:700;letter-spacing:-.025em;line-height:1.2;font-family:var(--display)}.htxt .crumb{font-size:11px;color:var(--txt-faint);font-weight:500;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.back{width:32px;height:32px;border-radius:9px;border:1px solid var(--line);background:var(--surface-2);color:var(--txt-dim);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.back:active{background:var(--surface-3)}.hprog{display:flex;align-items:center;gap:5px;font-size:11px;font-weight:700;color:var(--done);background:var(--done-soft);padding:4px 9px;border-radius:20px;border:1px solid #3ecf8e33}.hprog .dot{width:5px;height:5px;border-radius:50%;background:var(--done)}main{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.view{padding:16px 14px 120px;animation:fade .24s ease}@keyframes fade{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}.section-label{font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--txt-faint);margin:2px 2px 14px;display:flex;justify-content:space-between;align-items:center}.section-label .cnt{font-size:11px;font-weight:600;color:var(--txt-faint);background:var(--surface-2);border:1px solid var(--line);padding:1px 8px;border-radius:10px;text-transform:none;letter-spacing:0}.proj{background:var(--surface);border:1px solid var(--line-soft);border-radius:var(--r);padding:15px 15px 13px;margin-bottom:10px;position:relative;overflow:hidden;text-align:left;width:100%;display:block;transition:transform .13s ease,border-color .2s}.proj:active{transform:scale(.984);border-color:var(--line)}.proj .glow{position:absolute;top:0;left:0;width:2.5px;height:100%}.proj h3{font-size:16px;font-weight:700;letter-spacing:-.025em;margin-bottom:3px;font-family:var(--display)}.proj>p{font-size:12.5px;color:var(--txt-dim);margin-bottom:13px;line-height:1.4}.proj-meta{display:flex;align-items:center;gap:10px}.bar{flex:1;height:4px;background:var(--surface-3);border-radius:4px;overflow:hidden}.bar i{display:block;height:100%;border-radius:4px;background:linear-gradient(90deg,var(--accent),var(--done));transition:width .7s cubic-bezier(.2,.8,.2,1)}.pct{font-size:12px;font-weight:700;color:var(--txt);min-width:32px;text-align:right;font-family:var(--mono)}.proj-tags{display:flex;gap:5px;margin-top:11px;flex-wrap:wrap}.mini{font-size:10px;font-weight:600;padding:2px 7px;border-radius:5px;background:var(--surface-3);color:var(--txt-faint);border:1px solid var(--line)}.tabs{display:flex;gap:3px;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:3px;margin-bottom:14px;position:sticky;top:0;z-index:5}.tab{flex:1;text-align:center;font-size:12px;font-weight:600;color:var(--txt-faint);padding:9px 4px;border-radius:7px;transition:all .16s}.tab.on{background:var(--accent);color:#fff}.panel{animation:fade .22s ease}.layer-intro{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:12px 14px;margin-bottom:16px;font-size:12px;color:var(--txt-dim);line-height:1.55;position:relative;overflow:hidden}.layer-intro b{color:var(--txt);font-weight:600}.layer{margin-bottom:20px;position:relative}.layer-head{display:flex;align-items:center;gap:10px;margin-bottom:10px;position:relative;z-index:1}.layer-num{width:25px;height:25px;border-radius:7px;background:var(--surface-2);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:var(--txt-faint);font-family:var(--mono);flex-shrink:0}.layer.ready .layer-num{color:var(--active);border-color:#ffb45455;background:var(--active-soft)}.layer-head h4{font-size:13px;font-weight:700;letter-spacing:-.01em;color:var(--txt)}.layer-head .sub{font-size:11px;color:var(--txt-faint);font-weight:500;margin-top:1px}.badge-now{margin-left:auto;flex-shrink:0;font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--active);background:var(--active-soft);padding:3px 8px;border-radius:5px;border:1px solid #ffb45444}.tk{background:var(--surface);border:1px solid var(--line-soft);border-radius:10px;padding:11px 13px;margin-bottom:7px;display:block;position:relative;text-align:left;width:100%;transition:transform .1s,border-color .18s,background .15s}.tk:hover{border-color:var(--line)}.tk:active{transform:scale(.988)}.tk.done{opacity:.45}.tk.active{border-left:2px solid rgba(62,207,142,.5)}.tk.blocked{border-left:2px solid rgba(242,92,92,.45)}.tk.selected{background:var(--accent-soft);border-color:var(--accent)}.tk-check{position:absolute;top:10px;right:10px;width:18px;height:18px;border-radius:5px;border:1.5px solid var(--line);background:var(--bg);display:flex;align-items:center;justify-content:center;font-size:10px;font-family:var(--mono);color:transparent;transition:all .18s;cursor:pointer;flex-shrink:0}.tk.done .tk-check{background:var(--done);border-color:var(--done);color:var(--bg);font-weight:700}.tk.in-select .tk-check{color:transparent;background:var(--bg);border-color:var(--line)}.tk.selected .tk-check{background:var(--accent);border-color:var(--accent);color:#fff}.tk-meta{display:flex;align-items:center;gap:6px;margin-bottom:4px;padding-right:24px}.tk-id{font-size:9.5px;font-weight:700;color:var(--txt-faint);font-family:var(--mono);letter-spacing:.03em}.theme-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.type-badge{font-size:9px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:1px 5px;border-radius:4px;color:var(--accent);background:var(--accent-soft);border:1px solid #6e7bff33}.type-badge.ext{color:var(--txt-faint);background:var(--surface-3);border-color:var(--line)}.tk h5{font-size:13px;font-weight:600;letter-spacing:-.012em;line-height:1.35;color:var(--txt)}.tk.done h5{color:var(--txt-faint);text-decoration:line-through}.tk-sub{font-size:10.5px;color:var(--txt-faint);margin-top:4px;display:flex;align-items:center;gap:5px;flex-wrap:wrap}.tk-sub .dep{color:var(--blocked);background:var(--blocked-soft);padding:1px 6px;border-radius:4px;font-weight:600;font-size:9.5px;border:1px solid #ff6b6b33}.tk-children{font-size:9.5px;color:var(--txt-faint);background:var(--surface-2);padding:1px 6px;border-radius:4px;font-weight:600;border:1px solid var(--line)}.wave-sel{display:flex;align-items:center;gap:6px;margin-bottom:14px}.wave-tabs{display:flex;gap:6px;flex:1;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:2px;scrollbar-width:none}.wave-tabs::-webkit-scrollbar{display:none}.wave-actions{display:flex;gap:5px;flex-shrink:0;align-items:center}.wbtn{flex-shrink:0;font-size:12px;font-weight:700;padding:9px 14px;border-radius:10px;background:var(--surface);border:1px solid var(--line);color:var(--txt-dim);display:flex;flex-direction:column;align-items:flex-start;gap:2px;line-height:1.1;transition:border-color .15s,color .15s,background .15s}.wbtn .wsub{font-size:9.5px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--txt-faint)}.wbtn.on{background:linear-gradient(135deg,#6e7bff22,#7c3aed11);border-color:#6e7bff66;color:var(--txt)}.wbtn.on .wsub,.wbtn.on .wname{color:var(--accent)}.sheet-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:40;opacity:0;pointer-events:none;transition:opacity .26s}.sheet-bg.on{opacity:1;pointer-events:auto}.sheet{position:fixed;left:0;right:0;bottom:0;z-index:41;max-width:480px;margin:0 auto;background:var(--surface);border-radius:22px 22px 0 0;border-top:1px solid var(--line);transform:translateY(100%);opacity:0;transition:transform .32s cubic-bezier(.18,.9,.24,1),opacity .28s ease;max-height:86dvh;display:flex;flex-direction:column}.sheet.on{transform:translateY(0);opacity:1}.sheet.tall{max-height:94dvh}.grip{width:36px;height:3px;border-radius:3px;background:var(--line);margin:10px auto 3px}.sheet-head{padding:8px 18px 13px;border-bottom:1px solid var(--line-soft)}.sheet-head .eyebrow{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin-bottom:6px;display:flex;align-items:center;gap:6px;font-family:var(--mono)}.sheet-head h2{font-size:19px;font-weight:800;letter-spacing:-.03em;line-height:1.2;font-family:var(--display)}.sheet-head p{font-size:12px;color:var(--txt-dim);margin-top:5px;line-height:1.5}.sheet-scroll{overflow-y:auto;padding:14px 18px 28px}.sheet-section-t{font-size:10px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--txt-faint);margin:16px 0 9px;display:flex;align-items:center;gap:8px;font-family:var(--mono)}.sheet-section-t:first-child{margin-top:0}.sheet-section-t:after{content:"";flex:1;height:1px;background:var(--line-soft)}.dep-row{display:flex;align-items:center;gap:9px;background:var(--surface-2);border:1px solid var(--line-soft);border-radius:8px;padding:9px 11px;margin-bottom:6px;font-size:12.5px}.dep-row .ic{width:18px;height:18px;border-radius:5px;display:flex;align-items:center;justify-content:center;font-size:10px;flex-shrink:0;font-weight:800;font-family:var(--mono)}.dep-row .ic.ext{background:var(--accent-soft);color:var(--accent)}.dep-row .ic.ok{background:var(--done-soft);color:var(--done)}.dep-row .arr{margin-left:auto;color:var(--txt-faint);font-size:13px}.dep-row.cross{opacity:.8}.dep-row .wtag{margin-left:auto;font-size:9px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:2px 7px;border-radius:4px;background:var(--done-soft);color:var(--done);white-space:nowrap;border:1px solid #3ecf8e33;font-family:var(--mono)}.dep-row .wtag.pending{background:var(--surface-3);color:var(--txt-faint);border:1px solid var(--line)}.add-dep{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;border:1px dashed var(--line);border-radius:8px;padding:10px;color:var(--txt-dim);font-size:12px;font-weight:600;background:transparent;margin-top:3px}.add-dep:active{background:var(--surface-2);border-color:var(--accent);color:var(--accent)}.fld{margin-bottom:13px}.fld label{display:block;font-size:10px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--txt-faint);margin-bottom:7px;font-family:var(--mono)}.fld input,.fld textarea{width:100%;background:var(--surface-2);border:1px solid var(--line);border-radius:9px;padding:10px 12px;color:var(--txt);font-family:inherit;font-size:13.5px;resize:none;line-height:1.5}.fld input:focus,.fld textarea:focus{outline:none;border-color:#6e7bff88;background:var(--surface-3)}.fld textarea{min-height:90px}.fld input::placeholder,.fld textarea::placeholder{color:var(--txt-faint)}.inline-new{display:flex;gap:7px;margin-top:7px}.inline-new input{flex:1;background:var(--surface-2);border:1px solid #6e7bff55;border-radius:8px;padding:9px 11px;color:var(--txt);font-size:13px;font-family:inherit}.inline-new input:focus{outline:none;border-color:var(--accent)}.inline-new button{background:var(--accent);color:#fff;border-radius:8px;padding:0 15px;font-weight:700;font-size:12.5px}.save-bar{position:sticky;bottom:0;background:linear-gradient(180deg,transparent,var(--surface) 28%);padding:14px 0 4px;margin-top:6px}.save-bar button{width:100%;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;border-radius:11px;padding:14px;font-weight:700;font-size:14.5px;letter-spacing:-.01em}.save-bar button:disabled{opacity:.5}.fab{position:fixed;bottom:24px;right:max(18px,calc(50% - 222px));z-index:30;width:52px;height:52px;border-radius:16px;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;font-size:24px;font-weight:300;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px -4px #6e7bff55;transition:transform .13s}.fab:active{transform:scale(.88)}.chips{display:flex;gap:6px;overflow-x:auto;margin:0 -14px 14px;padding:0 14px 2px;-webkit-overflow-scrolling:touch}.chips::-webkit-scrollbar{display:none}.chip{flex-shrink:0;font-size:11.5px;font-weight:600;padding:6px 12px;border-radius:20px;background:var(--surface);border:1px solid var(--line);color:var(--txt-dim);display:flex;align-items:center;gap:5px;white-space:nowrap}.chip.on{background:var(--txt);color:var(--bg);border-color:var(--txt);font-weight:700}.chip.add{border-style:dashed;color:var(--accent);font-weight:700}.cdot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.graph-hint{font-size:11px;color:var(--txt-faint);margin-bottom:12px;text-align:center}.gwrap{overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:8px;margin:0 -14px;padding-left:14px;padding-right:14px}svg.graph{display:block}.wbtn.wmanage{align-items:center;justify-content:center;color:var(--txt-faint);border-style:dashed}.wbtn.wmanage .wname{font-size:15px}.tk-theme{font-size:9.5px;font-weight:600;color:var(--txt-faint)}.theme-edit{display:flex;gap:7px;margin-bottom:7px;align-items:center}.theme-edit input{flex:1;background:var(--surface-2);border:1px solid var(--line);border-radius:8px;padding:9px 11px;color:var(--txt);font-family:inherit;font-size:13px;min-width:0}.theme-edit input:focus{outline:none;border-color:#6e7bff88}.swatch{width:28px;height:28px;border-radius:8px;flex-shrink:0;border:2px solid transparent}.swatch.on{border-color:var(--txt)}.palette{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:8px}.wave-edit{display:flex;gap:7px;margin-bottom:7px;align-items:center}.wave-edit input{background:var(--surface-2);border:1px solid var(--line);border-radius:8px;padding:9px 11px;color:var(--txt);font-family:inherit;font-size:13px;min-width:0}.wave-edit input:first-child{flex:2}.wave-edit input:nth-child(2){flex:1}.wave-edit input:focus{outline:none;border-color:#6e7bff88}.wave-del{flex-shrink:0;background:var(--surface-2);border:1px solid var(--line);border-radius:8px;padding:9px 11px;color:var(--blocked);font-size:12px;font-weight:600}.login{flex:1;display:flex;align-items:center;justify-content:center;padding:24px}.login-card{width:100%;max-width:340px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:28px 22px 22px;text-align:center}.login-card .logo{margin:0 auto 14px}.login-card h1{font-size:22px;font-weight:800;letter-spacing:-.03em}.login-sub{font-size:12.5px;color:var(--txt-dim);margin:4px 0 20px}.login-card form{text-align:left}.empty{color:var(--txt-faint);text-align:center;padding:40px 0;font-size:13px}.banner{background:var(--blocked-soft);border:1px solid #ff6b6b44;color:var(--blocked);border-radius:10px;padding:10px 12px;font-size:12px;margin-bottom:12px}.theme-chips-row{display:flex;align-items:flex-start;gap:6px;margin-bottom:4px}.theme-chips-row .chips{flex-wrap:wrap;overflow-x:visible}.chip-add{flex-shrink:0;font-size:16px;font-weight:400;width:32px;padding:0;display:flex;align-items:center;justify-content:center;border-radius:20px;height:32px;background:var(--surface-2);border:1px dashed var(--line);color:var(--accent);transition:background .13s,border-color .13s}.chip-add:hover{background:var(--accent-soft);border-color:var(--accent)}.wave-pick-row{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:4px}.dep-search-block{margin-bottom:4px}.dep-selected{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:7px}.dep-chip{display:flex;align-items:center;gap:5px;padding:4px 8px 4px 9px;border-radius:6px;border:1px solid var(--line);background:var(--surface-2);font-size:11.5px;font-weight:500;color:var(--txt-dim);transition:border-color .13s}.dep-chip.on{background:var(--accent-soft);border-color:#6e7bff55;color:var(--accent)}.dep-chip.draft{border-style:dashed}.dep-chip-id{font-family:var(--mono);font-size:9px;font-weight:700;color:var(--txt-faint);letter-spacing:.03em}.dep-chip.on .dep-chip-id{color:var(--accent);opacity:.7}.dep-chip-title{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dep-chip-x{font-size:14px;font-weight:300;opacity:.6;margin-left:2px}.dep-chip:hover .dep-chip-x{opacity:1}.dep-search-wrap{margin-bottom:4px}.dep-search-input{width:100%;background:var(--surface-2);border:1px solid var(--line);border-radius:9px;padding:9px 12px;color:var(--txt);font-family:inherit;font-size:13px}.dep-search-input:focus{outline:none;border-color:#6e7bff88;background:var(--surface-3)}.dep-search-input::placeholder{color:var(--txt-faint)}.dep-results{background:var(--surface-2);border:1px solid var(--line);border-radius:10px;overflow:hidden;margin-bottom:4px}.dep-result-row{display:flex;align-items:center;gap:9px;padding:9px 11px;font-size:12.5px;width:100%;text-align:left;border-bottom:1px solid var(--line-soft);transition:background .1s}.dep-result-row:last-child{border-bottom:none}.dep-result-row:hover,.dep-result-row.on{background:var(--accent-soft)}.dep-result-row.hl{background:var(--accent-soft);outline:1px solid var(--accent);outline-offset:-1px}.dep-result-title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dep-no-results{padding:10px 12px;font-size:12px;color:var(--txt-faint)}.dep-create-btn{display:flex;align-items:center;gap:8px;padding:10px 12px;width:100%;text-align:left;font-size:13px;color:var(--accent);border-top:1px solid var(--line-soft);background:transparent;transition:background .1s}.dep-create-btn:hover,.dep-create-btn.hl{background:var(--accent-soft)}.dep-create-plus{font-size:18px;font-weight:300;line-height:1}.dep-create-btn strong{font-weight:700}.filter-bar{display:flex;gap:6px;margin-bottom:10px;margin-top:-6px}.btn-hide-done{padding:5px 10px;border-radius:7px;border:1px solid var(--line);background:transparent;color:var(--txt-faint);font-family:var(--mono);font-size:11px;letter-spacing:.03em;cursor:pointer;transition:all .15s;flex-shrink:0;white-space:nowrap}.btn-hide-done:hover{color:var(--txt);border-color:var(--line-soft)}.btn-hide-done.active{background:#16a34a18;border-color:#16a34a66;color:#4ade80}.btn-bulk-select{padding:5px 11px;border-radius:7px;border:1px solid var(--line);background:transparent;color:var(--txt-faint);font-family:var(--mono);font-size:11px;letter-spacing:.03em;cursor:pointer;transition:all .15s;flex-shrink:0}.btn-bulk-select:hover{color:var(--txt);border-color:var(--line-soft)}.btn-bulk-select.active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.bulk-bar{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:90;display:flex;align-items:center;gap:10px;background:var(--surface-2);border:1px solid var(--line);border-radius:14px;padding:10px 14px;box-shadow:0 16px 48px #0009,0 0 0 1px #ffffff0a;animation:slideUp .2s cubic-bezier(.18,.9,.24,1);white-space:nowrap}@keyframes slideUp{0%{opacity:0;transform:translate(-50%) translateY(12px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.bulk-count{font-family:var(--mono);font-size:12px;color:var(--accent);padding-right:10px;border-right:1px solid var(--line)}.bulk-actions{display:flex;align-items:center;gap:8px}.bulk-label{font-size:12px;color:var(--txt-faint);font-family:var(--mono)}.bulk-wave-select{padding:6px 10px;border-radius:7px;border:1px solid var(--line);background:var(--surface);color:var(--txt);font-family:var(--sans);font-size:12px;cursor:pointer;outline:none}.bulk-sep{width:1px;height:18px;background:var(--line)}.bulk-btn{padding:6px 12px;border-radius:7px;border:1px solid var(--line);background:transparent;color:var(--txt);font-family:var(--sans);font-size:12px;font-weight:500;cursor:pointer;transition:all .12s}.bulk-btn:hover{background:var(--surface-3)}.bulk-btn.danger{color:var(--blocked);border-color:#ff6b6b33}.bulk-btn.danger:hover{background:var(--blocked-soft)}.bulk-confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:200}.bulk-confirm-box{background:var(--surface-2);border:1px solid var(--line);border-radius:16px;padding:28px;width:min(340px,90vw);box-shadow:0 32px 80px #000c}.bulk-confirm-box h3{font-size:16px;font-weight:600;margin-bottom:8px}.bulk-confirm-box p{font-size:13px;color:var(--txt-faint);line-height:1.55;margin-bottom:20px}.bulk-confirm-actions{display:flex;gap:8px}.bulk-confirm-actions button{flex:1;padding:10px;border-radius:8px;font-family:var(--sans);font-size:13px;font-weight:500;cursor:pointer;transition:all .12s}.bulk-confirm-cancel{background:transparent;border:1px solid var(--line);color:var(--txt-faint)}.bulk-confirm-cancel:hover{color:var(--txt)}.bulk-confirm-del{background:var(--blocked-soft);border:1px solid #ff6b6b33;color:var(--blocked)}.bulk-confirm-del:hover{background:#f25c5c38}.theme-toggle{width:32px;height:32px;border-radius:9px;border:1px solid var(--line);background:var(--surface-2);color:var(--txt-dim);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:border-color .15s,color .15s}.theme-toggle:hover{border-color:var(--accent);color:var(--accent)}.theme-toggle-mobile{display:flex}.if-header{position:relative;display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid var(--line);gap:14px;flex-shrink:0}.if-header:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#0ea5e9,#06b6d4,#10b981);border-radius:0 2px 2px 0}.if-header-left{display:flex;flex-direction:column;gap:3px}.if-eyebrow{font-size:11px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--accent);display:flex;align-items:center;gap:7px}.if-live-dot{width:7px;height:7px;border-radius:50%;background:#10b981;box-shadow:0 0 0 2px #10b98133;animation:if-ping 2.2s ease-in-out infinite;flex-shrink:0}@keyframes if-ping{0%,to{box-shadow:0 0 0 2px #10b98133}50%{box-shadow:0 0 0 4px #10b9811a}}.if-title{font-size:18px;font-weight:700;letter-spacing:-.02em;line-height:1.2}.if-close{background:var(--surface-3);border:1px solid var(--line);color:var(--txt-faint);width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:14px;cursor:pointer;flex-shrink:0;transition:background .15s,color .15s}.if-close:hover{background:var(--blocked-soft);color:var(--blocked)}.if-header-left{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.if-header-meta{display:flex;align-items:center;flex-wrap:wrap;gap:5px;margin-top:6px}.if-meta-sep{width:1px;height:13px;background:var(--line);flex-shrink:0}.if-meta-pill{display:inline-flex;align-items:center;gap:4px;border-radius:99px;padding:3px 10px;font-size:11px;font-weight:600;cursor:pointer;border:1.5px solid var(--line);background:var(--surface-3);color:var(--txt-faint);transition:all .13s;white-space:nowrap}.if-meta-pill:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.if-meta-pill.active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.if-meta-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.if-meta-wave{display:inline-flex;align-items:center;border-radius:99px;padding:3px 10px;font-size:11px;font-weight:600;cursor:pointer;border:1.5px solid var(--line);background:var(--surface-3);color:var(--txt-faint);transition:all .13s;white-space:nowrap}.if-meta-wave:hover{border-color:var(--done);color:var(--done)}.if-meta-wave.active{background:var(--done-soft);border-color:var(--done);color:var(--done)}.if-meta-add{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:99px;border:1.5px dashed var(--line);background:none;color:var(--txt-faint);font-size:14px;font-weight:600;line-height:1;cursor:pointer;transition:all .13s;flex-shrink:0}.if-meta-add:hover{border-color:var(--accent);color:var(--accent)}.if-meta-new-theme{display:flex;align-items:center;gap:6px;margin-top:6px}.if-meta-new-theme input{font-size:12px;padding:4px 10px;border-radius:99px;border:1.5px solid var(--accent);background:var(--accent-soft);color:var(--txt);outline:none;width:140px;font-family:IBM Plex Sans,sans-serif}.if-meta-new-theme button{font-size:11px;font-weight:600;padding:4px 10px;border-radius:99px;border:none;background:var(--accent);color:#fff;cursor:pointer}.if-field-label{font-size:11px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--txt-faint);margin-bottom:7px;display:block}.if-field-label.req{color:var(--accent)}.if-footer{display:flex;align-items:center;justify-content:space-between;padding:12px 22px;border-top:1px solid var(--line);background:var(--surface-2);gap:12px;flex-shrink:0}.if-footer-hint{font-size:11.5px;color:var(--txt-faint);display:flex;align-items:center;gap:5px}.if-footer-hint kbd{background:var(--surface);border:1px solid var(--line);border-bottom-width:2px;border-radius:5px;padding:1px 6px;font-family:var(--mono);font-size:10px;color:var(--txt-dim)}.if-footer-actions{display:flex;gap:8px}.if-btn-ghost{background:var(--surface);border:1.5px solid var(--line);color:var(--txt-dim);border-radius:8px;padding:7px 16px;font-size:13px;font-weight:500;cursor:pointer;transition:border-color .15s,color .15s}.if-btn-ghost:hover{border-color:var(--accent);color:var(--accent)}.if-btn-primary{background:linear-gradient(135deg,#0284c7,#0ea5e9 60%,#06b6d4);border:none;color:#fff;border-radius:8px;padding:7px 20px;font-size:13.5px;font-weight:600;cursor:pointer;box-shadow:0 3px 12px #0284c759;display:flex;align-items:center;gap:6px;transition:box-shadow .15s,transform .15s,filter .15s}.if-btn-primary:hover{box-shadow:0 5px 18px #0284c77a;filter:brightness(1.06);transform:translateY(-1px)}.if-btn-primary:active{transform:translateY(0);box-shadow:0 2px 8px #0284c74d}.if-btn-primary:disabled{opacity:.5;pointer-events:none}.if-sc-list{display:flex;flex-direction:column;gap:5px;margin-bottom:8px}.if-sc-item{display:flex;align-items:center;gap:9px;background:var(--surface-2);border:1px solid var(--line);border-radius:9px;padding:7px 11px;font-size:13px;color:var(--txt-dim)}.if-sc-item input{background:transparent;border:none;outline:none;font-family:IBM Plex Sans,sans-serif;font-size:13px;color:var(--txt);flex:1;min-width:0}.if-sc-item input::placeholder{color:var(--txt-faint)}.if-sc-del{background:none;border:none;color:var(--line);cursor:pointer;font-size:15px;padding:0 2px;line-height:1;transition:color .12s;flex-shrink:0}.if-sc-del:hover{color:var(--blocked)}.if-badge{width:22px;height:22px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex-shrink:0;cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform .1s}.if-badge:hover{transform:scale(1.15)}.if-badge:active{transform:scale(.9)}.if-badge.pass{background:#05966926;color:#059669}.if-badge.fail{background:#e11d481f;color:#e11d48}.if-badge.neutral{background:#0284c71f;color:#0284c7}.if-badge.selector{background:#0284c71f;color:#0284c7;font-size:9px}.if-add-btn{display:flex;align-items:center;gap:8px;width:100%;background:var(--surface-2);border:1.5px dashed var(--line);border-radius:9px;padding:8px 13px;color:var(--accent);font-family:IBM Plex Sans,sans-serif;font-size:13px;font-weight:500;cursor:pointer;transition:border-color .15s,background .15s}.if-add-btn:hover{border-color:var(--accent);background:var(--accent-soft)}.close-confirm-banner{margin-top:12px;padding:12px 14px;border-radius:10px;background:color-mix(in srgb,var(--blocked) 12%,var(--surface));border:1px solid color-mix(in srgb,var(--blocked) 35%,transparent);display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px;color:var(--txt)}.close-confirm-actions{display:flex;gap:8px;flex-shrink:0}.close-confirm-stay{padding:5px 12px;border-radius:7px;border:1px solid var(--line);background:none;color:var(--txt-dim);font-size:12px;font-weight:600;cursor:pointer}.close-confirm-stay:hover{background:var(--line-soft);color:var(--txt)}.close-confirm-exit{padding:5px 12px;border-radius:7px;border:none;background:var(--blocked);color:#fff;font-size:12px;font-weight:600;cursor:pointer;opacity:.85}.close-confirm-exit:hover{opacity:1}.header-new-btn{display:none;margin-left:auto;padding:5px 12px;border-radius:8px;border:1px solid var(--accent);background:none;color:var(--accent);font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .15s,color .15s}.header-new-btn:hover{background:var(--accent);color:#fff}.header-settings-btn{display:none;align-items:center;justify-content:center;width:30px;height:30px;border-radius:8px;border:1px solid var(--line);background:none;color:var(--txt-dim);cursor:pointer;flex-shrink:0;transition:background .15s,color .15s,border-color .15s}.header-settings-btn:hover{background:var(--surface-raised);color:var(--txt);border-color:var(--line-soft)}.header-refresh-btn{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:8px;border:1px solid var(--line);background:none;color:var(--txt-dim);cursor:pointer;flex-shrink:0;transition:background .15s,color .15s,border-color .15s;margin-left:6px}.header-refresh-btn:hover{background:var(--surface-raised);color:var(--txt);border-color:var(--line-soft)}.shortcuts-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:60;display:flex;align-items:center;justify-content:center}.shortcuts-card{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:24px 28px 20px;min-width:280px;box-shadow:0 24px 60px #00000080}.shortcuts-title{font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--txt-dim);margin-bottom:16px}.shortcuts-table{width:100%;border-collapse:collapse}.shortcuts-table tr+tr td{padding-top:10px}.shortcuts-table td:first-child{width:48px;padding-right:16px}.shortcuts-table td{font-size:13px;color:var(--txt);vertical-align:middle}.shortcuts-table kbd{display:inline-block;padding:2px 7px;border-radius:5px;background:var(--line-soft);border:1px solid var(--line);font-family:var(--mono);font-size:11px;font-weight:600;color:var(--txt)}.shortcuts-close{margin-top:20px;width:100%;padding:8px;border-radius:8px;border:1px solid var(--line);background:none;color:var(--txt-dim);font-size:12px;cursor:pointer}.shortcuts-close:hover{background:var(--line-soft);color:var(--txt)}.qa-row{display:grid;grid-template-columns:1fr 2fr auto;gap:6px;margin-bottom:6px;align-items:center}.qa-del{background:none;border:none;color:var(--txt-faint);cursor:pointer;font-size:16px;padding:4px 8px;border-radius:6px;line-height:1}.qa-del:hover{color:var(--blocked);background:var(--line-soft)}.qa-add{background:none;border:1px dashed var(--line);color:var(--txt-dim);border-radius:8px;padding:7px 12px;font-size:12px;cursor:pointer;width:100%;text-align:left;margin-top:2px;transition:border-color .15s,color .15s}.qa-add:hover{border-color:var(--accent);color:var(--accent)}.qa-scenario{border:1px solid var(--line-soft);border-radius:10px;padding:10px 10px 10px 12px;margin-bottom:8px;display:flex;flex-direction:column;gap:8px;position:relative}.qa-scenario-del{position:absolute;top:6px;right:6px;background:none;border:none;color:var(--txt-faint);cursor:pointer;font-size:14px;padding:2px 7px;border-radius:4px;line-height:1}.qa-scenario-del:hover{color:var(--blocked);background:var(--line-soft)}.qa-scenario-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}@media (min-width: 900px){#app{max-width:100%;margin:0;display:grid;grid-template-columns:240px 1fr;grid-template-rows:1fr;height:100dvh}#app:not(:has(.app-body)){display:flex;align-items:center;justify-content:center;grid-template-columns:unset}.app-body{display:flex;flex-direction:column;height:100dvh;overflow:hidden;min-width:0;grid-column:2;grid-row:1}.sidebar{display:flex;flex-direction:column;height:100dvh;overflow-y:auto;background:var(--surface);border-right:1px solid var(--line-soft);padding:18px 10px 16px;gap:2px;grid-column:1;grid-row:1}.sidebar-brand{display:flex;align-items:center;gap:10px;padding:4px 8px 18px;margin-bottom:6px;border-bottom:1px solid var(--line-soft)}.sidebar-brand .logo{width:28px;height:28px;border-radius:8px;font-size:11px;flex-shrink:0}.sidebar-app-name{font-family:var(--display);font-size:15px;font-weight:700;letter-spacing:-.02em;color:var(--txt)}.sidebar-section-label{font-size:9.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--txt-faint);padding:10px 10px 5px;font-family:var(--mono)}.sidebar-nav-item{display:flex;align-items:center;gap:9px;padding:8px 10px;border-radius:8px;font-size:13px;font-weight:500;color:var(--txt-dim);text-align:left;width:100%;transition:background .13s,color .13s}.sidebar-nav-item:hover{background:var(--surface-2);color:var(--txt)}.sidebar-nav-item.on{background:var(--accent-soft);color:var(--accent);font-weight:600}.sidebar-nav-icon{width:18px;display:flex;align-items:center;justify-content:center;flex-shrink:0;opacity:.7}.sidebar-nav-item.on .sidebar-nav-icon{opacity:1}.sidebar-proj-list{display:flex;flex-direction:column;gap:1px}.sidebar-proj-item{display:flex;align-items:center;border-radius:7px;transition:background .13s;position:relative;cursor:grab}.sidebar-proj-item:hover,.sidebar-proj-item.on{background:var(--surface-2)}.sidebar-proj-item.on:before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:2px;border-radius:2px;background:var(--accent)}.sidebar-proj-item.drag-over{outline:1px solid var(--accent);background:var(--accent-soft)}.sidebar-drag-handle{padding:7px 4px 7px 8px;color:var(--txt-faint);font-size:13px;opacity:0;transition:opacity .13s;flex-shrink:0;cursor:grab;-webkit-user-select:none;user-select:none}.sidebar-proj-item:hover .sidebar-drag-handle{opacity:1}.sidebar-proj-btn{display:flex;align-items:center;gap:9px;padding:7px 10px 7px 4px;flex:1;min-width:0;font-size:12.5px;font-weight:500;color:var(--txt-dim);text-align:left;background:none;border:none;cursor:pointer;transition:color .13s}.sidebar-proj-item:hover .sidebar-proj-btn,.sidebar-proj-item.on .sidebar-proj-btn{color:var(--txt);font-weight:600}.sidebar-proj-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.sidebar-proj-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-proj-pct{font-size:10px;font-weight:700;color:var(--txt-faint);font-family:var(--mono);flex-shrink:0}.sidebar-empty{font-size:12px;color:var(--txt-faint);padding:8px 10px;font-style:italic}.sidebar-spacer{flex:1}.sidebar-footer-row{display:flex;gap:6px;align-items:stretch}.sidebar-new-btn{display:flex;align-items:center;gap:8px;padding:9px 12px;border-radius:9px;background:var(--surface-2);border:1px solid var(--line);color:var(--txt-dim);font-size:12.5px;font-weight:600;flex:1;text-align:left;transition:border-color .15s,color .15s,background .15s}.sidebar-new-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.sidebar-new-plus{font-size:16px;font-weight:400;line-height:1;opacity:.8}.sidebar-theme-btn{width:36px;flex-shrink:0;border-radius:9px;background:var(--surface-2);border:1px solid var(--line);color:var(--txt-dim);display:flex;align-items:center;justify-content:center;transition:border-color .15s,color .15s,background .15s}.sidebar-theme-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.theme-toggle-mobile{display:none}header{padding:16px 28px 14px;border-bottom:1px solid var(--line-soft)}.back,header>.logo{display:none}.htxt h1{font-size:17px}main{flex:1;overflow-y:auto;overflow-x:hidden}.view{padding:28px 32px 48px}.proj-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:14px}.proj-grid .proj{margin-bottom:0}.tabs{max-width:none}.layer{margin-bottom:28px;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px;align-items:start}.layer-head{grid-column:1 / -1;margin-bottom:0}.layer .tk{margin-bottom:0}.fab{display:none}.sheet{left:50%;right:auto;bottom:auto;top:50%;width:min(580px,88vw);max-width:580px;margin:0;border-radius:20px;border:1px solid var(--line);border-top:1px solid var(--line);max-height:82dvh;transform:translate(-50%,calc(-50% + 28px)) scale(.96);opacity:0;transition:transform .28s cubic-bezier(.18,.9,.24,1),opacity .22s ease;box-shadow:0 32px 80px -8px #0009,0 0 0 1px #ffffff0a}.sheet.on{transform:translate(-50%,-50%) scale(1);opacity:1}.sheet.tall{max-height:88dvh}.grip{display:none}.sheet-bg.on{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#00000080}.section-label{font-size:11px;margin-bottom:18px}.login-card{max-width:400px}.header-new-btn{display:inline-flex;align-items:center;gap:5px;margin-left:12px;flex-shrink:0}.header-settings-btn{display:inline-flex;margin-left:6px}.sheet:has(.form-cols){width:min(960px,92vw);max-width:960px}.form-cols{display:grid;grid-template-columns:1fr 1fr;gap:0 28px;align-items:start}}