:root{--md-primary: #6750a4;--md-on-primary: #ffffff;--md-primary-container: #eaddff;--md-on-primary-container: #21005d;--md-surface: #141218;--md-on-surface: #e6e0e9;--md-surface-container: #211f26;--md-surface-container-high: #2b2930;--md-surface-container-highest: #36343b;--md-surface-container-low: #1d1b20;--md-surface-container-lowest: #0f0d13;--md-on-surface-variant: #cac4d0;--md-outline: #938f99;--md-outline-variant: #49454f;--md-error: #f2b8b5;--md-on-error: #601410;--md-background: #141218;--md-inverse-surface: #e6e0e9;--md-inverse-on-surface: #322f35;--font-sans: "Roboto Flex", system-ui, sans-serif;--font-mono: "Roboto Mono", ui-monospace, "SF Mono", monospace;--display-l: 700 3.5rem/4rem var(--font-sans);--headline-l: 700 2rem/2.5rem var(--font-sans);--headline-m: 700 1.5rem/2rem var(--font-sans);--title-l: 600 1.375rem/1.75rem var(--font-sans);--title-m: 600 1rem/1.5rem var(--font-sans);--title-s: 600 .875rem/1.25rem var(--font-sans);--body-l: 400 1rem/1.5rem var(--font-sans);--body-m: 400 .875rem/1.25rem var(--font-sans);--label-l: 600 .875rem/1.25rem var(--font-sans);--label-m: 600 .75rem/1rem var(--font-sans);--shape-xs: 8px;--shape-s: 12px;--shape-m: 16px;--shape-l: 24px;--shape-xl: 28px;--shape-2xl: 36px;--shape-full: 999px;--gap-1: 4px;--gap-2: 8px;--gap-3: 12px;--gap-4: 16px;--gap-5: 24px;--gap-6: 32px;--ease-emphasized: cubic-bezier(.2, 0, 0, 1);--ease-standard: cubic-bezier(.2, 0, 0, 1);--dur-short: .2s;--dur-medium: .4s;--ok: #48c98b;--warn: #eda13c;--ok-container: color-mix(in srgb, var(--ok) 20%, transparent);--warn-container: color-mix(in srgb, var(--warn) 20%, transparent);--elev-1: 0 1px 2px rgba(0, 0, 0, .18);--elev-2: 0 2px 8px rgba(0, 0, 0, .22);--elev-3: 0 6px 20px rgba(0, 0, 0, .28);color-scheme:dark}:root[data-theme=light]{color-scheme:light;--ok: #12734a;--warn: #8a4f04;--elev-1: 0 1px 2px rgba(0, 0, 0, .08);--elev-2: 0 2px 8px rgba(0, 0, 0, .1);--elev-3: 0 6px 20px rgba(0, 0, 0, .14)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}html,body{overflow-x:hidden;max-width:100%}body{font:var(--body-l);color:var(--md-on-surface);background:var(--md-background);-webkit-font-smoothing:antialiased;background-image:radial-gradient(1200px 600px at 80% -10%,color-mix(in srgb,var(--md-primary) 14%,transparent),transparent 70%);background-attachment:fixed}.material-symbols-rounded{font-family:Material Symbols Rounded;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;direction:ltr;-webkit-font-feature-settings:"liga";font-feature-settings:"liga";-webkit-user-select:none;user-select:none;vertical-align:middle}button{font:inherit;cursor:pointer;border:none;background:none;color:inherit}input,textarea,select{font:inherit;color:inherit}a{color:var(--md-primary)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--md-outline-variant);border-radius:var(--shape-full);border:2px solid transparent;background-clip:padding-box}.app{display:flex;flex-direction:column;min-height:100dvh}.app-main{flex:1;width:100%;max-width:1400px;margin:0 auto;padding:var(--gap-4) var(--gap-5) 120px;padding-left:max(var(--gap-5),env(safe-area-inset-left,0px));padding-right:max(var(--gap-5),env(safe-area-inset-right,0px))}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:var(--gap-3);padding:calc(var(--gap-3) + env(safe-area-inset-top,0px)) var(--gap-5) var(--gap-3);padding-left:max(var(--gap-5),env(safe-area-inset-left,0px));padding-right:max(var(--gap-5),env(safe-area-inset-right,0px));background:color-mix(in srgb,var(--md-surface) 86%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--md-outline-variant)}.brand{display:flex;align-items:center;gap:var(--gap-2);font:var(--headline-m);letter-spacing:-.02em}.brand .logo{width:34px;height:34px;border-radius:var(--shape-s);display:grid;place-items:center;background:var(--md-primary);color:var(--md-on-primary);font-size:22px}.topbar-spacer{flex:1}.tabs{display:flex;gap:var(--gap-1);position:relative;background:var(--md-surface-container);padding:4px;border-radius:var(--shape-full)}.tab{position:relative;padding:8px 16px;border-radius:var(--shape-full);font:var(--label-l);color:var(--md-on-surface-variant);display:flex;align-items:center;gap:6px;z-index:1;transition:color var(--dur-short)}.tab[data-active=true]{color:var(--md-on-secondary-container, var(--md-on-surface))}.tab .material-symbols-rounded{font-size:20px}.tab>.material-symbols-rounded,.tab>.tab-label{position:relative;z-index:1}.tab-indicator{position:absolute;inset:4px auto 4px 0;background:var(--md-secondary-container, var(--md-primary-container));border-radius:var(--shape-full);z-index:0}.btn{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:var(--gap-2);padding:10px 22px;border-radius:var(--shape-full);font:var(--label-l);transition:box-shadow var(--dur-short),background var(--dur-short)}.btn .material-symbols-rounded{font-size:20px}.btn--filled{background:var(--md-primary);color:var(--md-on-primary)}.btn--tonal{background:var(--md-secondary-container, var(--md-primary-container));color:var(--md-on-secondary-container, var(--md-on-primary-container))}.btn--outlined{border:1px solid var(--md-outline);color:var(--md-primary)}.btn--text{color:var(--md-primary);padding:10px 14px}.btn--danger{background:var(--md-error);color:var(--md-on-error)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:currentColor;opacity:0;transition:opacity var(--dur-short)}.btn:hover:after{opacity:.08}.btn:active:after{opacity:.12}.icon-btn{position:relative;overflow:hidden;width:44px;height:44px;border-radius:var(--shape-full);display:grid;place-items:center;color:var(--md-on-surface-variant);transition:background var(--dur-short)}.icon-btn:hover{background:color-mix(in srgb,var(--md-on-surface) 8%,transparent)}.icon-btn .material-symbols-rounded{font-size:24px}.board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gap-4);align-items:stretch}@media (max-width: 900px){.board{grid-template-columns:1fr}}.column{background:var(--md-surface-container-low);border-radius:var(--shape-l);padding:var(--gap-3);min-height:200px;min-width:0;border:1px solid transparent;transition:border-color var(--dur-short),background var(--dur-short)}.column[data-over=true]{border-color:var(--md-primary);background:color-mix(in srgb,var(--md-primary) 8%,var(--md-surface-container-low))}.column-head{display:flex;align-items:center;gap:var(--gap-2);padding:6px 10px 12px;font:var(--title-m)}.column-head .count{margin-left:auto;font:var(--label-m);background:var(--md-surface-container-high);color:var(--md-on-surface-variant);padding:2px 10px;border-radius:var(--shape-full)}.column-list{display:flex;flex-direction:column;gap:var(--gap-3)}.card{background:var(--md-surface-container);border-radius:var(--shape-l);padding:var(--gap-4);box-shadow:var(--elev-1);cursor:grab;border:1px solid var(--md-outline-variant);display:flex;flex-direction:column;gap:var(--gap-2)}.card:active{cursor:grabbing}.card.dragging{box-shadow:var(--elev-3);opacity:.95}.card-title{font:var(--title-s);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.card-body-preview{font:var(--body-m);color:var(--md-on-surface-variant);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;font-family:var(--font-mono);font-size:.78rem}.card-meta{display:flex;align-items:center;gap:var(--gap-2);flex-wrap:wrap;margin-top:var(--gap-1)}.card-end{display:flex;align-items:center;justify-content:flex-end;gap:var(--gap-2);margin-left:auto;flex-wrap:wrap}.card-actions{display:flex;gap:var(--gap-1)}.rel-time{font:var(--label-m);color:var(--md-on-surface-variant);display:inline-flex;align-items:center;gap:3px;white-space:nowrap;font-variant-numeric:tabular-nums}.rel-time .material-symbols-rounded{font-size:13px;opacity:.75}.list-sub{font-size:.78rem}.list-sub .rel-time{font:inherit;color:inherit}.card.selected{outline:2px solid var(--md-primary);outline-offset:1px}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:var(--shape-full);font:var(--label-m)}.badge .dot{width:8px;height:8px;border-radius:50%}.badge-btn{border:none;cursor:pointer;transition:filter var(--dur-short)}.badge-btn:hover{filter:brightness(1.12)}.badge-caret{font-size:16px;margin:-2px -4px -2px -2px}.proj-menu{position:absolute;z-index:12;top:calc(100% + 6px);left:0;min-width:240px;max-width:min(320px,78vw);padding:8px;background:var(--md-surface-container-high);border:1px solid var(--md-outline-variant);border-radius:var(--shape-m, 12px);box-shadow:var(--elev-2);display:flex;flex-direction:column;gap:8px;transform-origin:top left}.proj-menu-modes{display:flex;gap:6px}.proj-menu-list{display:flex;flex-direction:column;max-height:260px;overflow-y:auto}.proj-menu-item{display:flex;align-items:center;gap:10px;text-align:left;padding:9px 10px;border-radius:var(--shape-s, 8px);font:var(--label-l);color:var(--md-on-surface);background:transparent;transition:background var(--dur-short)}.proj-menu-item:hover{background:var(--md-surface-container-highest)}.proj-menu-item .dot{width:10px;height:10px;border-radius:50%;flex:none}.proj-menu-check{margin-left:auto;font-size:18px;color:var(--md-primary)}.mini-btn{position:relative;overflow:hidden;width:34px;height:34px;border-radius:var(--shape-full);display:grid;place-items:center;color:var(--md-on-surface-variant)}.mini-btn:hover{background:color-mix(in srgb,var(--md-on-surface) 8%,transparent)}.mini-btn .material-symbols-rounded{font-size:20px}.copy-btn{background:var(--md-primary);color:var(--md-on-primary)}.copy-btn:hover{background:color-mix(in srgb,var(--md-primary) 90%,var(--md-on-primary))}.bookmark-btn.active{color:#f2b400;background:color-mix(in srgb,#f2b400 16%,transparent)}.bookmark-btn.active:hover{background:color-mix(in srgb,#f2b400 24%,transparent)}.tested-btn.active{color:#34a853;background:color-mix(in srgb,#34a853 16%,transparent)}.tested-btn.active:hover{background:color-mix(in srgb,#34a853 24%,transparent)}.tested-btn.active .material-symbols-rounded{font-variation-settings:"FILL" 1}.sync-btn.active{color:var(--md-primary);background:color-mix(in srgb,var(--md-primary) 16%,transparent)}.sync-btn.active:hover{background:color-mix(in srgb,var(--md-primary) 24%,transparent)}.sync-btn.active .material-symbols-rounded{font-variation-settings:"FILL" 1}.card.selecting,.list-item.selecting{cursor:pointer}.card.selecting{position:relative}.card.selecting .card-title{padding-right:28px}.card .merge-check{position:absolute;top:10px;right:10px;line-height:0;color:var(--md-on-surface-variant)}.card.merge-selected,.list-item.merge-selected{outline:2px solid var(--md-primary);outline-offset:-2px}.card.merge-selected .merge-check,.list-item.merge-selected .merge-check-icon{color:var(--md-primary)}.merge-check-icon{color:var(--md-on-surface-variant)}.select-bar{position:fixed;left:0;right:0;margin-inline:auto;width:fit-content;max-width:calc(100vw - 2 * var(--gap-4));bottom:calc(var(--gap-5) + env(safe-area-inset-bottom));z-index:45;display:flex;align-items:center;gap:var(--gap-3);padding:8px 8px 8px 18px;background:var(--md-surface-container-high);border:1px solid var(--md-outline-variant);border-radius:var(--shape-full);box-shadow:var(--elev-3)}.select-count{font:var(--label-l);color:var(--md-on-surface)}.select-move{display:inline-flex;align-items:center;gap:6px;padding-inline:6px;border-inline:1px solid var(--md-outline-variant)}.select-move-icon{color:var(--md-on-surface-variant);font-size:20px}.btn--compact{height:36px;padding-inline:12px;font:var(--label-m)}.btn--compact .material-symbols-rounded{font-size:18px}.drag-stack{position:relative}.drag-stack-behind{position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(calc(var(--depth) * 9px),calc(var(--depth) * 9px)) rotate(calc(var(--depth) * 1.4deg));opacity:calc(1 - var(--depth) * .25)}.drag-count{position:absolute;top:-10px;right:-10px;min-width:26px;height:26px;padding-inline:7px;display:grid;place-items:center;border-radius:var(--shape-full);background:var(--md-primary);color:var(--md-on-primary);font:var(--label-l);box-shadow:var(--elev-2);z-index:2}.card.carried{opacity:.4;border-style:dashed}.merge-parts{display:flex;flex-direction:column;gap:var(--gap-2)}.merge-part{display:flex;align-items:center;gap:var(--gap-2);padding:8px 10px;background:var(--md-surface-container);border:1px solid var(--md-outline-variant);border-radius:var(--shape-m)}.merge-index{flex:none;width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:var(--md-secondary-container, var(--md-primary-container));color:var(--md-on-secondary-container, var(--md-on-primary-container));font:var(--label-m)}.merge-part-preview{font-size:.78rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-btn:disabled,.icon-btn:disabled{opacity:.4;cursor:not-allowed}.bookmark-list{display:flex;flex-direction:column;gap:var(--gap-3);max-width:640px;margin:0 auto}.fab{position:fixed;right:28px;bottom:28px;z-index:30;display:inline-flex;align-items:center;gap:var(--gap-2);height:60px;padding:0 22px;border-radius:var(--shape-l);background:var(--md-primary-container);color:var(--md-on-primary-container);box-shadow:var(--elev-3);font:var(--label-l)}.fab .material-symbols-rounded{font-size:26px}.chips{display:flex;gap:var(--gap-2);flex-wrap:wrap;margin-bottom:var(--gap-4)}.chip{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:var(--shape-s);border:1px solid var(--md-outline-variant);font:var(--label-l);color:var(--md-on-surface-variant);transition:background var(--dur-short),border-color var(--dur-short)}.chip--sortable{cursor:grab}.chip--sortable:active{cursor:grabbing}.chip[data-active=true]{background:var(--md-secondary-container, var(--md-primary-container));color:var(--md-on-secondary-container, var(--md-on-primary-container));border-color:transparent}.chip .dot{width:10px;height:10px;border-radius:50%}.search{display:flex;align-items:center;gap:var(--gap-2);background:var(--md-surface-container-high);border-radius:var(--shape-full);padding:10px 18px;flex:1;max-width:420px}.search input{border:none;background:none;outline:none;flex:1}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;top:var(--vv-top, 0);height:var(--vvh, 100dvh);background:#00000080;z-index:40;display:grid;place-items:center;padding:var(--gap-4)}.dialog{background:var(--md-surface-container-high);border-radius:var(--shape-xl);padding:var(--gap-5);width:min(560px,100%);box-shadow:var(--elev-3);display:flex;flex-direction:column;gap:var(--gap-4)}.dialog h2{font:var(--headline-m);margin:0}.sheet{background:var(--md-surface-container-high);border-radius:var(--shape-2xl);padding:var(--gap-5);width:min(720px,100%);max-height:88dvh;overflow:auto;box-shadow:var(--elev-3);display:flex;flex-direction:column;gap:var(--gap-4)}.sheet--detail{overflow:hidden}.sheet--detail>*{flex:none}.sheet--detail>.detail-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:var(--gap-4)}.detail-scroll>*{flex-shrink:0}.sheet--composer{overflow:hidden}.sheet--composer>*{flex:none}.sheet--composer>.composer-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:var(--gap-4)}.composer-scroll>*{flex-shrink:0}.detail-status{display:flex;align-items:center;gap:var(--gap-2);flex-wrap:wrap}.field{display:flex;flex-direction:column;gap:6px}.field label{font:var(--label-l);color:var(--md-on-surface-variant)}.input,.textarea,.select{width:100%;background:var(--md-surface-container-lowest);border:1px solid var(--md-outline);border-radius:var(--shape-s);padding:12px 14px;outline:none;transition:border-color var(--dur-short)}.input:focus,.textarea:focus,.select:focus{border-color:var(--md-primary);border-width:2px;padding:11px 13px}.textarea{font-family:var(--font-mono);font-size:.85rem;resize:vertical;min-height:240px;line-height:1.5}@media (pointer: coarse),(max-width: 900px){.textarea{font-size:16px;min-height:180px}}.tag-input{position:relative}.tag-suggest{position:absolute;z-index:10;top:calc(100% + 4px);left:0;right:0;margin:0;padding:6px;list-style:none;display:flex;flex-wrap:wrap;gap:4px;background:var(--md-surface-container-high);border:1px solid var(--md-outline-variant);border-radius:var(--shape-m, 12px);box-shadow:var(--elev-2);max-height:180px;overflow:auto}.tag-suggest.up{top:auto;bottom:calc(100% + 4px)}.tag-suggest-item{font:var(--label-l);color:var(--md-on-surface-variant);background:var(--md-surface-container-highest);border-radius:var(--shape-full);padding:6px 12px;white-space:nowrap;transition:background var(--dur-short),color var(--dur-short)}.tag-suggest-item.active,.tag-suggest-item:hover{background:var(--md-primary);color:var(--md-on-primary)}.row{display:flex;gap:var(--gap-3);align-items:center}.row-end{display:flex;flex-wrap:wrap;gap:var(--gap-2);justify-content:flex-end}.switch{position:relative;width:52px;height:32px;border-radius:var(--shape-full);background:var(--md-surface-container-highest);border:2px solid var(--md-outline);transition:background var(--dur-short),border-color var(--dur-short);flex-shrink:0}.switch[data-on=true]{background:var(--md-primary);border-color:var(--md-primary)}.switch .knob{position:absolute;top:6px;left:6px;width:16px;height:16px;border-radius:50%;background:var(--md-outline)}.switch[data-on=true] .knob{left:26px;background:var(--md-on-primary)}.md-preview{font:var(--body-m);line-height:1.6}.md-preview pre{background:var(--md-surface-container-lowest);padding:var(--gap-3);border-radius:var(--shape-s);overflow:auto;font-family:var(--font-mono);font-size:.8rem}.md-preview code{font-family:var(--font-mono);background:var(--md-surface-container-lowest);padding:1px 5px;border-radius:5px}.md-preview pre code{padding:0;background:none}.md-preview h1,.md-preview h2,.md-preview h3{margin:.6em 0 .3em}.empty{text-align:center;color:var(--md-on-surface-variant);padding:var(--gap-6) var(--gap-4);display:flex;flex-direction:column;align-items:center;gap:var(--gap-2)}.empty .material-symbols-rounded{font-size:48px;opacity:.6}.skeleton{background:linear-gradient(90deg,var(--md-surface-container) 25%,var(--md-surface-container-high) 50%,var(--md-surface-container) 75%);background-size:200% 100%;animation:shimmer 1.4s infinite;border-radius:var(--shape-l);height:96px}@keyframes shimmer{to{background-position:-200% 0}}.st-icon{color:var(--md-on-surface-variant)}.st-queued{color:#6b8fd4}.st-running{color:#d79a3f}.st-done{color:#4caf72}.st-failed{color:#d96459}.st-archived{color:#8b929c}.list-groups{display:flex;flex-direction:column;gap:var(--gap-3)}.list-group{display:flex;flex-direction:column}.list-group-head{display:flex;align-items:center;gap:var(--gap-2);width:100%;padding:8px 10px;font:var(--title-m);color:var(--md-on-surface);border-radius:var(--shape-m);transition:background var(--dur-short)}.list-group-head:hover{background:var(--md-surface-container)}.list-group-head .count{margin-left:auto;font:var(--label-m);background:var(--md-surface-container-high);color:var(--md-on-surface-variant);padding:2px 10px;border-radius:var(--shape-full)}.list-chevron{color:var(--md-on-surface-variant);transition:transform var(--dur-short)}.list-chevron.open{transform:rotate(90deg)}.list-group-empty{padding:var(--gap-2) var(--gap-2) var(--gap-3) 38px;font:var(--label-l)}.list-group .list{padding-top:var(--gap-2)}.list{display:flex;flex-direction:column;gap:var(--gap-2)}.list-item{display:flex;align-items:center;gap:var(--gap-3);padding:var(--gap-3) var(--gap-4);background:var(--md-surface-container);border-radius:var(--shape-m);border:1px solid var(--md-outline-variant)}.list-item .grow{flex:1;min-width:0}.project-row{cursor:grab;touch-action:none}.project-row:active{cursor:grabbing}.list-item.dragging{box-shadow:var(--elev-2);opacity:.95}.list-item .lt{font:var(--title-s);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.footer{text-align:center;padding:var(--gap-5);color:var(--md-on-surface-variant);font:var(--label-m);border-top:1px solid var(--md-outline-variant)}.toast-region{position:fixed;left:50%;bottom:24px;transform:translate(-50%);z-index:60;display:flex;flex-direction:column;gap:var(--gap-2);align-items:center;pointer-events:none}.toast{display:flex;align-items:center;gap:var(--gap-2);background:var(--md-inverse-surface);color:var(--md-inverse-on-surface);padding:12px 20px;border-radius:var(--shape-s);box-shadow:var(--elev-3);font:var(--body-m);pointer-events:auto}.toast .material-symbols-rounded{font-size:20px}.toast--success .material-symbols-rounded{color:#7fd28a}.toast--error .material-symbols-rounded{color:var(--md-error)}.toast-msg{flex:1}.toast-action{margin-left:var(--gap-2);padding:6px 12px;border-radius:var(--shape-full);font:var(--label-l);font-weight:600;color:var(--md-inverse-primary, #b3c5ff);white-space:nowrap}.toast-action:hover{background:color-mix(in srgb,currentColor 16%,transparent)}.login-wrap{flex:1;min-height:0;display:grid;place-items:center;padding:var(--gap-4)}.login-card{background:var(--md-surface-container);border-radius:var(--shape-2xl);padding:var(--gap-6);width:min(420px,100%);box-shadow:var(--elev-3);display:flex;flex-direction:column;gap:var(--gap-4);text-align:center}.login-card .logo-xl{width:72px;height:72px;border-radius:var(--shape-l);background:var(--md-primary);color:var(--md-on-primary);display:grid;place-items:center;font-size:40px;margin:0 auto}.google-btn{width:100%;background:#fff;color:#1f1f1f;gap:10px;font-weight:600;text-decoration:none}.google-btn:hover{background:#f2f2f2}.shortcuts{display:grid;grid-template-columns:1fr 1fr;gap:var(--gap-2) var(--gap-5)}.shortcut-row{display:flex;align-items:center;gap:var(--gap-3)}kbd{font-family:var(--font-mono);background:var(--md-surface-container-lowest);border:1px solid var(--md-outline-variant);border-radius:6px;padding:2px 8px;font-size:.78rem;min-width:22px;text-align:center}.btn kbd{display:inline-flex;align-items:center;gap:3px;background:color-mix(in srgb,currentColor 22%,transparent);border-color:color-mix(in srgb,currentColor 45%,transparent);color:inherit;font-weight:600;line-height:1}.btn kbd .material-symbols-rounded{font-size:16px}.swatches{display:flex;gap:var(--gap-2);flex-wrap:wrap}.swatch{width:40px;height:40px;border-radius:var(--shape-s);border:2px solid transparent}.swatch[data-active=true]{border-color:var(--md-on-surface)}.section{background:var(--md-surface-container-low);border-radius:var(--shape-l);padding:var(--gap-5);display:flex;flex-direction:column;gap:var(--gap-4);margin-bottom:var(--gap-4)}.section h3{font:var(--title-m);margin:0}.muted{color:var(--md-on-surface-variant);font:var(--body-m)}.tag{font:var(--label-m);color:var(--md-on-surface-variant);background:var(--md-surface-container-high);padding:2px 8px;border-radius:var(--shape-full)}.dropzone-hint{display:flex;align-items:center;justify-content:center;gap:var(--gap-2);padding:var(--gap-4);border:1.5px dashed var(--md-outline-variant);border-radius:var(--shape-m);font:var(--label-l);color:var(--md-on-surface-variant);text-align:center}.sheet.drag-over{outline:2px dashed var(--md-primary);outline-offset:-6px}.attach-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:var(--gap-2)}.attach-thumb{position:relative;aspect-ratio:1;border-radius:var(--shape-s);overflow:hidden;background:var(--md-surface-container-lowest);border:1px solid var(--md-outline-variant)}.attach-thumb img{width:100%;height:100%;object-fit:cover;display:block}.attach-view{padding:0;cursor:zoom-in}.attach-remove{position:absolute;top:4px;right:4px;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:color-mix(in srgb,#000 55%,transparent);color:#fff}.attach-remove .material-symbols-rounded{font-size:16px}.attach-loading{display:grid;place-items:center;color:var(--md-on-surface-variant)}.spin{animation:spin 1s linear infinite}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;background:#000000d9;display:grid;place-items:center;padding:var(--gap-5);cursor:zoom-out}.lightbox img{max-width:100%;max-height:100%;border-radius:var(--shape-s)}.tag .material-symbols-rounded{font-size:15px;vertical-align:-3px}.attach-notice{display:flex;align-items:center;gap:var(--gap-2);font:var(--label-m);color:var(--md-on-surface-variant);background:var(--md-surface-container-lowest);border-radius:var(--shape-s);padding:6px 10px}.attach-notice .material-symbols-rounded{font-size:16px}.attach-notice .link-btn{margin-left:auto}.link-btn{color:var(--md-primary);font:var(--label-m);font-weight:600;white-space:nowrap}.link-btn:hover{text-decoration:underline}.runs-list{display:flex;flex-direction:column;gap:var(--gap-3);max-width:820px;margin:0 auto}.run-card{background:var(--md-surface-container);border:1px solid var(--md-outline-variant);border-radius:var(--shape-l);overflow:hidden}.run-head{display:flex;align-items:center;gap:var(--gap-2);width:100%;padding:var(--gap-3) var(--gap-4);text-align:left}.run-title{font:var(--title-s);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.run-cost,.run-time,.run-progress{font:var(--label-m);white-space:nowrap}.run-badge{display:inline-flex;align-items:center;gap:4px;font:var(--label-m);padding:3px 10px;border-radius:var(--shape-full);background:var(--md-surface-container-highest);white-space:nowrap}.run-badge .material-symbols-rounded{font-size:16px}.run-badge.st-queued{color:#6b8fd4}.run-badge.st-claiming,.run-badge.st-canceled{color:#8b929c}.run-badge.st-running{color:#d79a3f}.run-badge.st-succeeded{color:#4caf72}.run-badge.st-failed{color:#d96459}.run-detail{display:flex;flex-direction:column;gap:var(--gap-3);padding:0 var(--gap-4) var(--gap-4);border-top:1px solid var(--md-outline-variant)}.run-error{background:color-mix(in srgb,var(--md-error) 14%,transparent);color:var(--md-error);border-radius:var(--shape-s);padding:8px 12px;font:var(--label-l)}.run-meta{display:flex;align-items:center;gap:var(--gap-2);flex-wrap:wrap;font-size:.8rem;padding-top:var(--gap-3)}.run-meta code{overflow-wrap:anywhere}.run-steps{display:flex;flex-direction:column;gap:6px}.run-step{display:flex;align-items:center;gap:var(--gap-2)}.run-step-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.85rem}.run-log{background:var(--md-surface-container-lowest);border-radius:var(--shape-s);padding:var(--gap-3);max-height:280px;overflow:auto;font-family:var(--font-mono);font-size:.75rem;line-height:1.6}.run-log-line{white-space:pre-wrap;overflow-wrap:anywhere}.run-log-ev{color:var(--md-primary)}.sessions{display:flex;flex-direction:column;gap:var(--gap-5);max-width:820px;margin:0 auto}.session-group-head{display:flex;align-items:center;gap:var(--gap-2);font:var(--title-m);margin:0 0 var(--gap-3)}.session-group-head .count{font:var(--label-m);background:var(--md-surface-container-high);color:var(--md-on-surface-variant);padding:2px 10px;border-radius:var(--shape-full)}.session-sublist{display:flex;flex-direction:column;gap:var(--gap-2);padding:var(--gap-3);border-top:1px solid var(--md-outline-variant)}.session-sublist .run-card{background:var(--md-surface-container-low)}.captured-list{display:flex;flex-direction:column;gap:var(--gap-2)}.captured{display:flex;align-items:flex-start;gap:var(--gap-2);background:var(--md-surface-container-lowest);border-radius:var(--shape-s);padding:10px 12px}.captured-text{flex:1;min-width:0;white-space:pre-wrap;overflow-wrap:anywhere;font-size:.85rem;line-height:1.5}.captured-actions{display:flex;gap:2px;flex-shrink:0}@media (max-width: 640px){.app-main{padding:var(--gap-3) var(--gap-3) 140px}.topbar{gap:var(--gap-1);padding:var(--gap-2)}.brand-name,.topbar-spacer,.topbar .hide-mobile{display:none}.tabs{gap:0;flex:1 1 auto;min-width:0;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.tabs::-webkit-scrollbar{display:none}.tab{padding:8px 10px;flex:none}.tab-label{display:none}.tab>.tab-label{display:none}.topbar .icon-btn{width:44px;height:44px;flex:none}.topbar .brand,.topbar .brand-btn{flex:none;min-height:44px;min-width:44px;justify-content:center}.topbar .brand-btn .logo-img{width:36px;height:36px}.tabs .tab{min-height:44px;min-width:44px;justify-content:center}.range-chip,.chip,.btn,.list-group-head{min-height:44px}.search{padding-top:0;padding-bottom:0}.search input{min-height:44px}.link-btn{min-height:44px;padding-block:12px}.select-bar{flex-wrap:wrap;justify-content:center;padding:10px 14px;gap:var(--gap-2)}.select-count{width:100%;text-align:center}.select-move{width:100%;justify-content:center;border-inline:0;padding-inline:0}.scrim{place-items:end stretch;padding:0}.sheet,.dialog{width:100%;max-width:none;max-height:94%;padding:var(--gap-4);border-radius:var(--shape-2xl) var(--shape-2xl) 0 0;padding-bottom:calc(var(--gap-4) + env(safe-area-inset-bottom,0px));animation:sheet-up var(--dur-short) var(--ease-emphasized)}.detail-status{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-bottom:2px}.detail-status::-webkit-scrollbar{display:none}.detail-status .chip{flex:none}}@keyframes sheet-up{0%{transform:translateY(12%);opacity:.6}to{transform:translateY(0);opacity:1}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.send-preview{max-height:180px;overflow-y:auto;white-space:pre-wrap;overflow-wrap:anywhere;padding:10px 12px;border-radius:var(--shape-m);background:var(--md-surface-container-high);color:var(--md-on-surface);border:1px solid var(--md-outline-variant);font-size:.85rem;line-height:1.45}html.theme-transition::view-transition-old(root),html.theme-transition::view-transition-new(root){animation:none;mix-blend-mode:normal}html.theme-transition::view-transition-new(root){z-index:2}html.theme-transition::view-transition-old(root){z-index:1}@media (prefers-reduced-motion: reduce){::view-transition-old(root),::view-transition-new(root){animation:none!important}}.chip.dictating{background:color-mix(in srgb,var(--md-error) 14%,transparent);border-color:color-mix(in srgb,var(--md-error) 45%,transparent);color:var(--md-error)}.dictation-live{display:flex;align-items:center;gap:8px;margin-top:6px;min-height:20px;font-size:.85rem;color:var(--md-on-surface-variant)}.dictation-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dictation-dot{flex:none;width:8px;height:8px;border-radius:50%;background:var(--md-error);animation:dictation-pulse 1.2s ease-in-out infinite}@keyframes dictation-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.7)}}@media (prefers-reduced-motion: reduce){.dictation-dot{animation:none}}.card.blocked,.list-item.blocked{opacity:.55;filter:grayscale(.5)}.card.blocked{cursor:default}.card.blocked .blocked-btn,.list-item.blocked .blocked-btn{opacity:1;filter:none}.blocked-btn.active{color:var(--md-error);background:color-mix(in srgb,var(--md-error) 14%,transparent)}.col-more{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:8px 12px;border:1px dashed var(--md-outline-variant);border-radius:var(--shape-s);background:none;color:var(--md-on-surface-variant);font:var(--label-l);cursor:pointer}.col-more:hover{background:var(--md-surface-container-high);color:var(--md-on-surface)}.brand-project{display:inline-flex;align-items:center;gap:6px;margin-left:10px;padding:4px 12px;border-radius:999px;background:var(--md-surface-container-high);color:var(--md-on-surface-variant);font:var(--label-l);white-space:nowrap;max-width:220px;overflow:hidden;text-overflow:ellipsis}.brand-project .dot{width:8px;height:8px;border-radius:50%;flex:none}@media (max-width: 760px){.brand-project{display:none}}.run-ticker{position:fixed;left:16px;bottom:16px;z-index:60;display:flex;align-items:center;gap:8px;padding:10px 16px;border:1px solid var(--md-outline-variant);border-radius:999px;background:var(--md-surface-container-high);color:var(--md-on-surface);font:var(--label-l);box-shadow:var(--elev-2);cursor:pointer}.run-ticker:hover{background:var(--md-surface-container-highest)}.run-ticker .spin{color:var(--md-primary)}.snippets{max-width:900px;margin:0 auto}.snippets.drag-over{outline:2px dashed var(--md-primary);outline-offset:8px;border-radius:var(--shape-m)}.snippets-hint{display:flex;align-items:flex-start;gap:8px;font-size:.82rem;line-height:1.5;margin:0 0 var(--gap-4)}.snippets-hint .material-symbols-rounded,.snippets-hint .icon{font-size:18px;flex:none;margin-top:1px}.import-banner{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;margin-bottom:var(--gap-4);border-radius:var(--shape-m);background:color-mix(in srgb,var(--md-primary) 12%,transparent);border:1px solid color-mix(in srgb,var(--md-primary) 35%,transparent)}.import-banner.has-errors{background:color-mix(in srgb,var(--md-error) 10%,transparent);border-color:color-mix(in srgb,var(--md-error) 35%,transparent)}.import-banner ul{margin:6px 0 0;padding-left:18px;font-size:.8rem;color:var(--md-on-surface-variant)}.snippet-group{margin-bottom:var(--gap-4)}.snippet-group.dragging{opacity:.6}.snippet-group-head{display:flex;align-items:center;gap:4px;border-radius:var(--shape-s)}.snippet-group-head[data-over=true]{background:var(--md-surface-container-high)}.snippet-group-toggle{display:flex;align-items:center;gap:8px;flex:1;padding:8px 6px;background:none;border:none;color:var(--md-on-surface);font:var(--title-m);cursor:pointer;min-width:0}.drag-handle{display:inline-flex;color:var(--md-outline);cursor:grab;padding:4px 0 4px 4px;touch-action:none}.drag-handle:active{cursor:grabbing}.snippet-list{display:flex;flex-direction:column;gap:6px;padding:4px 0 4px 28px;min-height:34px;border-radius:var(--shape-s)}.snippet-list[data-over=true]{background:color-mix(in srgb,var(--md-primary) 6%,transparent)}.snippet-row{display:flex;align-items:center;gap:10px;padding:8px 12px;border:1px solid var(--md-outline-variant);border-radius:var(--shape-s);background:var(--md-surface-container-low);cursor:pointer;min-width:0}.snippet-row:hover{background:var(--md-surface-container-high)}.snippet-row.dragging{opacity:.55}.snippet-row .lt{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.snippet-row .grow{flex:1 1 auto;min-width:0}.snippet-row .snippet-version{margin-left:auto}.snippet-abbr{font-family:var(--font-mono, ui-monospace, monospace);font-size:.8rem;padding:2px 8px;border-radius:6px;background:color-mix(in srgb,var(--md-primary) 14%,transparent);color:var(--md-primary);flex:none}.snippet-abbr-input{font-family:var(--font-mono, ui-monospace, monospace)}.snippet-abbr-input.invalid{border-color:var(--md-error)}.brand-btn{display:inline-flex;align-items:center;gap:inherit;background:none;border:none;padding:0;margin:0;font:inherit;color:inherit;cursor:pointer;border-radius:10px}.brand-btn .brand-name{transition:color .15s ease}.brand-btn:hover .brand-name{color:var(--md-primary)}.brand-btn:active{transform:scale(.97)}.admin-subhead{display:flex;align-items:center;gap:8px;font:var(--title-s);margin:var(--gap-4) 0 var(--gap-2);color:var(--md-on-surface-variant)}.admin-user-row{display:flex;align-items:center;gap:var(--gap-3);padding:10px 12px;border:1px solid var(--md-outline-variant);border-radius:var(--shape-s);margin-bottom:8px;background:var(--md-surface-container-low)}.snippet-version{font:var(--label-m, 500 .72rem/1 system-ui);font-family:var(--font-mono, ui-monospace, monospace);padding:2px 7px;border-radius:999px;background:var(--md-surface-container-highest);color:var(--md-on-surface-variant);flex:none}.login-wrap{align-content:start;overflow-y:auto}.login-wrap>.login-card{margin-top:max(6vh,24px)}.landing{width:min(860px,100%);margin:56px auto 40px;display:flex;flex-direction:column;gap:40px}.landing-title{font:var(--headline-m);text-align:center;margin:0}.landing-feature{display:flex;flex-direction:column;gap:16px}.landing-feature-head{display:flex;gap:14px;align-items:flex-start}.landing-feature-head h3{margin:0 0 4px;font:var(--title-m)}.landing-feature-head p{margin:0;line-height:1.55;max-width:62ch}.landing-icon{width:40px;height:40px;flex:none;display:grid;place-items:center;border-radius:var(--shape-s);background:color-mix(in srgb,var(--md-primary) 16%,transparent);color:var(--md-primary)}.landing-shot{width:100%;height:auto;border-radius:var(--shape-l);border:1px solid var(--md-outline-variant);box-shadow:var(--elev-2)}.landing-more{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.landing-chip{pointer-events:none}.landing-note{text-align:center;font-size:.78rem;margin:0}.logo-img{background:none!important;display:block;border-radius:8px}img.logo-xl{border-radius:18px}.stats-view{display:flex;flex-direction:column;gap:var(--gap-4);min-width:0}.stats-content{display:flex;flex-direction:column;gap:var(--gap-6);transition:opacity .2s ease}.stats-content.is-fetching{opacity:.72}.range-bar{position:relative;display:flex;align-items:center;gap:var(--gap-3);flex-wrap:wrap}.range-chips{display:flex;gap:2px;padding:4px;background:var(--md-surface-container);border:1px solid var(--md-outline-variant);border-radius:var(--shape-full);overflow-x:auto;scrollbar-width:none;flex:1 1 auto;min-width:0}.range-chips::-webkit-scrollbar{display:none}.range-chip{position:relative;border:none;background:none;color:var(--md-on-surface-variant);font:var(--label-l);padding:8px 14px;border-radius:var(--shape-full);cursor:pointer;white-space:nowrap;transition:color .18s ease}.range-chip[data-active=true]{color:var(--md-on-primary)}.range-chip:hover{color:var(--md-on-surface)}.range-chip-text{position:relative;z-index:1}.range-indicator{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--md-primary);border-radius:var(--shape-full)}.range-actions{display:flex;align-items:center;gap:var(--gap-2);margin-left:auto}.range-stamp{font:var(--label-m);color:var(--md-on-surface-variant)}.range-pop{position:absolute;z-index:30;top:calc(100% + 8px);right:0;background:var(--md-surface-container-high);border:1px solid var(--md-outline-variant);border-radius:var(--shape-l);box-shadow:var(--elev-3, 0 12px 32px rgba(0, 0, 0, .4));padding:var(--gap-4);display:flex;flex-direction:column;gap:var(--gap-3);min-width:260px}.range-pop h4{margin:0;font:var(--title-m)}.range-pop label{display:flex;flex-direction:column;gap:4px;font:var(--label-m);color:var(--md-on-surface-variant)}.range-pop input{background:var(--md-surface-container-highest);border:1px solid var(--md-outline-variant);border-radius:var(--shape-s);color:var(--md-on-surface);padding:10px 12px;font:inherit;color-scheme:dark light}.range-pop-actions{display:flex;justify-content:flex-end;gap:var(--gap-2)}.stats-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:var(--gap-3)}.stat-card{position:relative;overflow:hidden;background:var(--md-surface-container);border:1px solid var(--md-outline-variant);border-radius:var(--shape-l);padding:var(--gap-4);display:flex;flex-direction:column;gap:6px;min-width:0;transition:transform .2s var(--ease-spring, ease),border-color .2s ease}.stat-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--md-primary) 40%,var(--md-outline-variant))}.stat-card header{display:flex;align-items:center;gap:6px;color:var(--md-on-surface-variant);min-width:0}.stat-card header .material-symbols-rounded{font-size:18px;color:var(--stat-accent, var(--md-primary))}.stat-label{font:var(--label-m);text-transform:uppercase;letter-spacing:.04em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stat-value{font:var(--headline-m);font-variant-numeric:tabular-nums;line-height:1.1}.stat-card footer{display:flex;flex-direction:column;gap:2px}.stat-delta{display:inline-flex;align-items:center;gap:3px;font:var(--label-m);color:var(--md-on-surface-variant)}.stat-delta .material-symbols-rounded{font-size:16px}.stat-delta.trend-up{color:#7fd1a0}.stat-delta.trend-down{color:#ff9d92}.stat-hint{font:var(--label-m);color:var(--md-on-surface-variant);opacity:.8}.stat-card:has(.stat-spark){padding-bottom:34px}.stat-spark{position:absolute;inset:auto 0 0 0;width:100%;height:34px;opacity:.5;pointer-events:none}.stat-spark-area{fill:color-mix(in srgb,var(--stat-accent, var(--md-primary)) 22%,transparent)}.stat-spark-line{fill:none;stroke:var(--stat-accent, var(--md-primary));stroke-width:1.5;vector-effect:non-scaling-stroke}.stats-section{display:flex;flex-direction:column;gap:var(--gap-3)}.stats-section-head{display:flex;align-items:baseline;gap:var(--gap-3);flex-wrap:wrap}.stats-section-head h2{display:flex;align-items:center;gap:8px;margin:0;font:var(--title-l)}.stats-section-head h2 .material-symbols-rounded{color:var(--md-primary)}.stats-section-head>span{font:var(--label-l);color:var(--md-on-surface-variant)}.stats-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--gap-3)}.chart-card{background:var(--md-surface-container);border:1px solid var(--md-outline-variant);border-radius:var(--shape-l);padding:var(--gap-4);display:flex;flex-direction:column;gap:var(--gap-3);min-width:0}.chart-card--wide{grid-column:1 / -1}.chart-head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--gap-3)}.chart-head h3{margin:0;font:var(--title-m)}.chart-head p{margin:2px 0 0;font:var(--label-m);color:var(--md-on-surface-variant)}.chart-body{display:flex;flex-direction:column;gap:var(--gap-3);min-width:0}.chart-empty{color:var(--md-on-surface-variant);font:var(--body-m);text-align:center;padding:var(--gap-5) var(--gap-3);margin:0}.chart-body .recharts-wrapper:focus-visible{outline:2px solid var(--md-primary);outline-offset:2px;border-radius:var(--shape-s)}.legend-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px 14px;font:var(--label-l);color:var(--md-on-surface-variant)}.legend-list li{display:inline-flex;align-items:center;gap:6px}.legend-list i{width:10px;height:10px;border-radius:3px}.legend-list b{color:var(--md-on-surface);font-variant-numeric:tabular-nums}.fact-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:var(--gap-2);margin:0}.fact-list div{background:var(--md-surface-container-high);border-radius:var(--shape-s);padding:8px 10px}.fact-list dt{font:var(--label-m);color:var(--md-on-surface-variant)}.fact-list dd{margin:2px 0 0;font:var(--title-m);font-variant-numeric:tabular-nums}.meter-list{display:flex;flex-direction:column;gap:10px}.meter-row{display:grid;grid-template-columns:minmax(90px,1fr) 2fr auto;align-items:center;gap:var(--gap-2);font:var(--label-l)}.meter-label{color:var(--md-on-surface-variant);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.meter-track{height:8px;border-radius:var(--shape-full);background:var(--md-surface-container-highest);overflow:hidden}.meter-fill{display:block;height:100%;border-radius:var(--shape-full);background:var(--md-primary)}.meter-value{font-variant-numeric:tabular-nums;color:var(--md-on-surface)}.extremes{display:flex;flex-direction:column;gap:4px;font:var(--label-m);color:var(--md-on-surface-variant)}.extremes span{display:flex;align-items:center;gap:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.extremes .material-symbols-rounded{font-size:16px}.recent-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.recent-list li{display:grid;grid-template-columns:10px 1fr auto auto;align-items:center;gap:var(--gap-2);font:var(--label-l)}.recent-list i{width:10px;height:10px;border-radius:3px}.recent-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recent-meta,.recent-list time{color:var(--md-on-surface-variant);font:var(--label-m);white-space:nowrap}.pair-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px;font:var(--label-m);color:var(--md-on-surface-variant)}.pair-list li{display:flex;justify-content:space-between;gap:var(--gap-2)}.pair-list .material-symbols-rounded{font-size:12px;vertical-align:middle}.chip-row{display:flex;flex-wrap:wrap;gap:6px}.tag-chip{background:var(--md-secondary-container);color:var(--md-on-secondary-container);border-radius:var(--shape-full);padding:3px 10px;font:var(--label-m)}.streak-row{display:flex;gap:var(--gap-3)}.streak-box{flex:1;background:var(--md-surface-container-high);border-radius:var(--shape-m, 16px);padding:var(--gap-3);display:flex;flex-direction:column;gap:2px;align-items:flex-start}.streak-value{font:var(--headline-s, var(--title-l));font-variant-numeric:tabular-nums}.streak-label{font:var(--label-m);color:var(--md-on-surface-variant)}.rhythm{display:flex;flex-direction:column;gap:8px;overflow-x:auto}.rhythm-grid{display:grid;grid-template-columns:26px repeat(24,minmax(10px,1fr));grid-auto-rows:18px;gap:3px;min-width:420px}.rhythm-hour,.rhythm-day{font:var(--label-m);font-size:10px;color:var(--md-on-surface-variant);display:flex;align-items:center;justify-content:center}.rhythm-day{justify-content:flex-start}.rhythm-cell{height:18px;border-radius:3px;background:var(--heat, var(--md-primary))}.rhythm-cell[data-empty]{background:var(--md-surface-container-highest);opacity:1}.rhythm-legend{display:flex;align-items:center;gap:4px;font:var(--label-m);color:var(--md-on-surface-variant);justify-content:flex-end}.rhythm-legend i{width:12px;height:12px;border-radius:3px;background:var(--heat, var(--md-primary))}.calendar{display:flex;flex-direction:column;gap:6px;overflow-x:auto}.calendar{--cal-cell: 14px}.calendar-months{display:grid;gap:3px;font:var(--label-m);font-size:10px;color:var(--md-on-surface-variant);margin-left:26px}.calendar-body{display:flex;gap:4px}.calendar-weekdays{display:grid;grid-template-rows:repeat(7,var(--cal-cell));gap:3px;width:22px;align-items:center;font:var(--label-m);font-size:10px;color:var(--md-on-surface-variant)}.calendar-grid{display:grid;grid-template-rows:repeat(7,var(--cal-cell));gap:3px}.calendar-cell{width:var(--cal-cell);height:var(--cal-cell);border-radius:3px;background:var(--md-surface-container-highest);transition:transform .12s ease}.calendar-cell:hover{transform:scale(1.25)}.calendar-cell[data-level="1"]{background:color-mix(in srgb,var(--heat, var(--md-primary)) 30%,transparent)}.calendar-cell[data-level="2"]{background:color-mix(in srgb,var(--heat, var(--md-primary)) 52%,transparent)}.calendar-cell[data-level="3"]{background:color-mix(in srgb,var(--heat, var(--md-primary)) 76%,transparent)}.calendar-cell[data-level="4"]{background:var(--heat, var(--md-primary))}.calendar-foot{display:flex;justify-content:space-between;align-items:center;gap:var(--gap-3);font:var(--label-m);color:var(--md-on-surface-variant);flex-wrap:wrap}.calendar-legend{display:inline-flex;align-items:center;gap:3px}.calendar-legend i{width:11px;height:11px;border-radius:3px}.tag-cloud{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 12px;padding:var(--gap-2) 0}.tag-cloud-item{color:var(--heat, var(--md-primary));font-weight:600;line-height:1.35;cursor:default;transition:transform .15s ease}.tag-cloud-item:hover{transform:scale(1.08)}.stats-skeleton{display:flex;flex-direction:column;gap:var(--gap-4)}.skeleton-kpi{height:118px}.skeleton-chart{height:300px}.stats-foot{font:var(--label-m);color:var(--md-on-surface-variant);text-align:center;padding-top:var(--gap-2)}@media (max-width: 900px){.stats-grid{grid-template-columns:minmax(0,1fr)}.chart-card--wide{grid-column:auto}}@media (max-width: 640px){.stats-kpis{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.range-actions{margin-left:0}.range-pop{left:0;right:auto}}@media (prefers-reduced-motion: reduce){.stat-card:hover,.calendar-cell:hover,.tag-cloud-item:hover{transform:none}}.spinner{width:15px;height:15px;border-radius:50%;border:2px solid color-mix(in srgb,currentColor 28%,transparent);border-top-color:currentColor;animation:spin .7s linear infinite;display:inline-block;flex:none}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.spinner{animation-duration:2s}}.optimize-btn[data-opt-state=applied]{color:var(--ok);background:var(--ok-container)}.optimize-btn[data-opt-state=pending]{color:var(--warn)}.optimize-btn[data-opt-state=none]:not(:disabled):hover{color:var(--md-primary)}.optimize-btn.is-busy{color:var(--md-primary);opacity:1}.chip--optimize .material-symbols-rounded{color:var(--md-primary)}.opt-panel{display:flex;flex-direction:column;gap:var(--gap-3);padding:var(--gap-3);border:1px solid var(--md-outline-variant);border-radius:var(--shape-m, 16px);background:var(--md-surface-container-low)}.opt-panel--empty{align-items:flex-start}.opt-head{display:flex;align-items:center;justify-content:space-between;gap:var(--gap-2);flex-wrap:wrap}.opt-badge{display:inline-flex;align-items:center;gap:6px;font:var(--label-l);color:var(--ok)}.opt-badge.is-busy{color:var(--md-primary)}.opt-badge b{background:color-mix(in srgb,currentColor 18%,transparent);border-radius:var(--shape-full);padding:1px 8px;font-variant-numeric:tabular-nums}.opt-hint{margin:0;font:var(--label-m);color:var(--md-on-surface-variant)}.opt-error{margin:0;display:flex;align-items:center;gap:6px;font:var(--label-m);color:var(--md-error)}.opt-error .material-symbols-rounded{font-size:16px}.opt-switch{display:flex;gap:2px;padding:3px;background:var(--md-surface-container-highest);border-radius:var(--shape-full)}.opt-switch-btn{position:relative;flex:1;border:none;background:none;color:var(--md-on-surface-variant);font:var(--label-l);padding:7px 10px;border-radius:var(--shape-full);cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.opt-switch-btn[data-active=true]{color:var(--md-on-primary)}.opt-switch-label{position:relative;z-index:1}.opt-switch-indicator{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--md-primary);border-radius:var(--shape-full)}.opt-decide{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--gap-2);padding:10px 12px;border-radius:var(--shape-m);background:color-mix(in srgb,var(--md-primary) 12%,var(--md-surface-container-high));border:1px solid color-mix(in srgb,var(--md-primary) 35%,transparent)}.opt-decide-text{display:inline-flex;align-items:center;gap:6px;margin:0;min-width:0;font:var(--label-m);color:var(--md-on-surface)}.opt-decide-text b{color:var(--md-primary)}.opt-decide-text .material-symbols-rounded{font-size:18px;color:var(--md-primary)}.opt-decide-actions{display:inline-flex;gap:var(--gap-2);margin-left:auto}@media (max-width: 560px){.opt-decide-note{display:none}.opt-decide-actions{width:100%}.opt-decide-actions .btn{flex:1}}.opt-version-mark{font-size:14px!important;margin-left:2px}.opt-version-mark.is-applied{color:var(--md-tertiary, #7fd6a0)}.opt-version-mark.is-discarded,.opt-version-mark.is-superseded{color:var(--md-on-surface-variant)}.opt-meta{display:flex;flex-wrap:wrap;gap:6px 14px;font:var(--label-m);color:var(--md-on-surface-variant)}.opt-meta span{display:inline-flex;align-items:center;gap:4px}.opt-meta .material-symbols-rounded{font-size:15px}.opt-versions{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.opt-versions-label{font:var(--label-m);color:var(--md-on-surface-variant);margin-right:2px}.opt-version{border:1px solid var(--md-outline-variant);background:none;color:var(--md-on-surface-variant);border-radius:var(--shape-full);padding:3px 10px;font:var(--label-m);font-variant-numeric:tabular-nums;cursor:pointer;transition:background .15s ease,color .15s ease}.opt-version:hover{background:var(--md-surface-container-highest)}.opt-version[data-active=true]{background:var(--md-primary);color:var(--md-on-primary);border-color:transparent}.diff{display:flex;flex-direction:column;gap:var(--gap-2)}.diff-head{display:flex;align-items:center;gap:var(--gap-2);font:var(--label-m);color:var(--md-on-surface-variant)}.diff-stat{font-variant-numeric:tabular-nums;font-weight:600}.diff-stat--add{color:#7fd1a0}.diff-stat--del{color:#ff9d92}.diff-stat-rest{opacity:.75}.diff-toggle{margin-left:auto;display:inline-flex;align-items:center;gap:4px;border:none;background:none;color:var(--md-primary);font:var(--label-m);cursor:pointer}.diff-toggle .material-symbols-rounded{font-size:16px}.diff-body{border:1px solid var(--md-outline-variant);border-radius:var(--shape-s);background:var(--md-surface-container-lowest)}.diff-row{display:grid;grid-template-columns:38px 38px 16px 1fr;align-items:baseline;gap:4px;padding:1px 8px 1px 0;font-family:var(--font-mono);font-size:.78rem;line-height:1.55}.diff-row--added{background:color-mix(in srgb,#7fd1a0 14%,transparent)}.diff-row--removed{background:color-mix(in srgb,#ff9d92 14%,transparent)}.diff-ln{text-align:right;color:var(--md-on-surface-variant);opacity:.5;font-variant-numeric:tabular-nums;-webkit-user-select:none;user-select:none}.diff-sign{text-align:center;color:var(--md-on-surface-variant);-webkit-user-select:none;user-select:none}.diff-row--added .diff-sign{color:#7fd1a0}.diff-row--removed .diff-sign{color:#ff9d92}.diff-text{white-space:pre-wrap;overflow-wrap:anywhere;font-family:inherit}.diff-text .seg-added{background:color-mix(in srgb,#7fd1a0 32%,transparent);border-radius:3px}.diff-text .seg-removed{background:color-mix(in srgb,#ff9d92 32%,transparent);border-radius:3px}.diff-gap{width:100%;display:flex;align-items:center;justify-content:center;gap:6px;border:none;border-block:1px solid var(--md-outline-variant);background:var(--md-surface-container);color:var(--md-on-surface-variant);font:var(--label-m);padding:4px;cursor:pointer}.diff-gap:hover{background:var(--md-surface-container-high)}.diff-empty{margin:0;font:var(--label-l);color:var(--md-on-surface-variant);text-align:center;padding:var(--gap-3)}.batch-ticker{position:fixed;left:var(--gap-4);bottom:calc(var(--gap-4) + 64px);z-index:40;display:flex;align-items:center;gap:var(--gap-2);max-width:min(460px,calc(100vw - 2 * var(--gap-4)));padding:10px var(--gap-3);border-radius:var(--shape-full);background:var(--md-surface-container-high);border:1px solid var(--md-outline-variant);box-shadow:var(--elev-3, 0 10px 28px rgba(0, 0, 0, .35));color:var(--md-primary);font:var(--label-l)}.batch-count{color:var(--md-on-surface);font-variant-numeric:tabular-nums;white-space:nowrap}.batch-failed{color:var(--md-error);white-space:nowrap}.batch-bar{flex:1 1 60px;min-width:40px;height:5px;border-radius:var(--shape-full);background:var(--md-surface-container-highest);overflow:hidden}.batch-bar>span{display:block;height:100%;background:var(--md-primary);border-radius:var(--shape-full);transition:width .4s ease}@media (max-width: 640px){.batch-ticker{left:var(--gap-3);right:var(--gap-3);bottom:calc(var(--gap-3) + 72px);max-width:none}}.board--mobile{gap:var(--gap-3)}.column--mobile{padding:0;overflow:hidden;min-height:0}.column-head--toggle,.pgroup-head{width:100%;display:flex;align-items:center;gap:var(--gap-2);background:none;border:none;color:inherit;text-align:left;cursor:pointer;min-height:52px;padding:10px var(--gap-3);-webkit-tap-highlight-color:transparent}.column-head--toggle{font:var(--title-m);position:sticky;top:0;z-index:2;background:var(--md-surface-container-low)}.column-head--toggle:active,.pgroup-head:active{background:color-mix(in srgb,var(--md-on-surface) 8%,transparent)}.column-head-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sect-chevron{transition:transform var(--dur-short, .2s) ease;color:var(--md-on-surface-variant);flex:none}.sect-chevron.open{transform:rotate(90deg)}.column--mobile .column-list{padding:0 var(--gap-3) var(--gap-3);gap:var(--gap-2)}.pgroup{border-radius:var(--shape-m, 16px);background:var(--md-surface-container);border:1px solid var(--md-outline-variant);overflow:hidden}.pgroup[data-open=true]{background:color-mix(in srgb,var(--md-surface-container) 60%,transparent)}.pgroup-head{font:var(--label-l);min-height:48px;padding:8px var(--gap-3)}.pgroup-dot{width:10px;height:10px;border-radius:3px;flex:none}.pgroup-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.pgroup-list{display:flex;flex-direction:column;gap:var(--gap-2);padding:0 var(--gap-2) var(--gap-2)}.pgroup .count,.column-head--toggle .count{margin-left:0;font-variant-numeric:tabular-nums}.card--drag-preview{box-shadow:var(--elev-3, 0 16px 40px rgba(0, 0, 0, .45));transform:rotate(1.2deg) scale(1.02);border-color:var(--md-primary)}.card.dragging{opacity:.4}@media (max-width: 900px){.board--mobile .card{padding:var(--gap-3);border-radius:var(--shape-m, 16px);gap:6px}.board--mobile .card-body-preview{-webkit-line-clamp:2}.board--mobile .pgroup .card .badge{display:none}}@media (pointer: coarse),(max-width: 900px){.mini-btn{width:40px;height:40px}.card-actions{gap:2px}.card-end{gap:var(--gap-1)}.card,.list-item{touch-action:pan-y}.detail-scroll,.composer-scroll,.sheet{overscroll-behavior:contain}}@media (max-width: 640px){.chips[data-collapsed=true]{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-bottom:2px}.chips[data-collapsed=true]::-webkit-scrollbar{display:none}.chips[data-collapsed=true] .chip{flex:none}.chips[data-collapsed=true] .chips-toggle{position:sticky;right:0;z-index:1;box-shadow:-12px 0 12px -6px var(--md-background)}.chips-toggle{flex:none;align-self:center;background:var(--md-surface-container-high)}}.tags-view{display:flex;flex-direction:column;gap:var(--gap-3);max-width:900px;margin:0 auto;width:100%}.tags-head{display:flex;align-items:center;gap:var(--gap-3);flex-wrap:wrap}.tags-head .search{flex:1 1 220px}.tags-sorts{display:flex;gap:6px;flex-wrap:wrap}.tags-summary{margin:0;font:var(--label-m);color:var(--md-on-surface-variant)}.tag-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.tag-row{display:grid;grid-template-columns:1fr auto auto auto auto;align-items:center;gap:var(--gap-3);padding:8px var(--gap-3);min-height:56px;background:var(--md-surface-container);border:1px solid var(--md-outline-variant);border-radius:var(--shape-m, 16px);transition:border-color .15s ease}.tag-row:hover{border-color:color-mix(in srgb,var(--md-primary) 40%,var(--md-outline-variant))}.tag-row-name{font:var(--title-s);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tag-row-source{font:var(--label-m);padding:2px 10px;border-radius:var(--shape-full);background:var(--md-surface-container-highest);color:var(--md-on-surface-variant);white-space:nowrap}.tag-row-source--user{background:var(--md-secondary-container);color:var(--md-on-secondary-container)}.tag-row-usage{font:var(--label-l);font-variant-numeric:tabular-nums;color:var(--md-on-surface);min-width:44px;text-align:right}.tag-row-date{font:var(--label-m);color:var(--md-on-surface-variant);white-space:nowrap}.tag-row-actions{display:flex;gap:2px}.tag-usage-list{margin:0;padding-left:1.1rem;font:var(--label-l);color:var(--md-on-surface-variant);display:flex;flex-direction:column;gap:2px;max-height:140px;overflow-y:auto}.tag-replace{display:flex;flex-direction:column;gap:6px;font:var(--label-m)}.tag-suggest-item{display:flex;align-items:center;justify-content:space-between;gap:var(--gap-3)}.tag-suggest-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tag-suggest-meta{font:var(--label-m);color:var(--md-on-surface-variant);font-variant-numeric:tabular-nums;flex:none}.tag-suggest-meta--new{opacity:.7}@media (max-width: 640px){.tag-row{grid-template-columns:1fr auto auto;grid-template-areas:"name usage actions" "source date actions";row-gap:2px}.tag-row-name{grid-area:name}.tag-row-source{grid-area:source;justify-self:start}.tag-row-usage{grid-area:usage}.tag-row-date{grid-area:date;justify-self:end}.tag-row-actions{grid-area:actions}.tags-head .btn{flex:1 1 100%}}.chip-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:var(--shape-full);background:color-mix(in srgb,currentColor 16%,transparent);border:1px solid color-mix(in srgb,currentColor 24%,transparent);color:inherit;font:var(--label-m);font-variant-numeric:tabular-nums;line-height:1;flex:none}.chip[data-active=true] .chip-count{background:color-mix(in srgb,currentColor 22%,transparent)}