:where(html){-webkit-text-size-adjust:100%;text-size-adjust:100%}:where(html,body){min-height:100%;margin:0;padding:0}:where(h1,h2,h3,h4,h5,h6,p,figure,blockquote,dl,dd){margin:0}:where(ul,ol){margin:0;padding:0}:where(button,input,select,textarea){margin:0;color:inherit;font:inherit;letter-spacing:inherit}:where(button,[type=button],[type=reset],[type=submit]){-webkit-appearance:none;appearance:none;padding:0;border:0;background:transparent;cursor:pointer}:where(textarea){resize:vertical}:where(table){border-spacing:0;border-collapse:collapse}:where(img,picture,svg,canvas){display:block;max-width:100%}:where(a){color:inherit}:where([hidden]){display:none!important}:root{color-scheme:dark;--bg: #1a1e2c;--panel: #2b3341;--line: #3b4452;--line-strong: #405567;--shadow-1: 1px 1px 6px rgba(0, 0, 0, .5);--shadow-2: 0 4px 12px rgba(0, 0, 0, .5);--shadow-3: 0 12px 32px rgba(0, 0, 0, .55);--shadow-menu: 8px 8px 16px rgba(0, 0, 0, .45);--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--radius-full: 999px;--radius: var(--radius-lg);--z-sticky: 100;--z-dropdown: 200;--z-overlay: 300;--z-modal: 400;--z-toast: 500;--ink: #ffffff;--muted: #99b2c6;--star-off: #7b8ba3;--accent: #0090ff;--on-accent: var(--bg);--accent-soft: color-mix(in srgb, var(--accent) 18%, var(--bg));--focus: #4c9aff;--accent-text: #95d8ff;--scrollbar: #95d8ff;--ok: #2ebe58;--tone-neutral: color-mix(in srgb, var(--ink) 25%, transparent);--warn: #ff9800;--danger: #f14856;--danger-text: #ff6b6f;--ok-bg: color-mix(in srgb, var(--ok) 14%, var(--bg));--warn-bg: color-mix(in srgb, var(--warn) 14%, var(--bg));--toolbar-bg: #1a1e2c;--toolbar-ink: #ffffff;--toolbar-control-ink: #95d8ff;--banner-ink: #ff6b6f;--card-bg: color-mix(in srgb, var(--ink) 6%, var(--panel));--card-meta: #c3d2df;--card-head-ink: #ffffff;--badge-dot: var(--danger);--sidebar: #232a35;--sidebar-ink: #99b2c6;--sidebar-title: #ffffff;--side-btn-border: #405567;--side-btn-ink: #99b2c6;--group-selected: #0090ff;--group-selected-ink: #95d8ff;--star-on: #ff9800;--tab-active-bg: #3b6fcf;--tab-active-ink: #ffffff;--tab-idle-bg: #2b3341;--tab-idle-ink: #99b2c6;--chip-ink: #99b2c6;--chip-border: #405567;--toast-bg: #1a1e2c;--toast-ink: #ffffff;--hover-line: var(--accent);--hover-fill: color-mix(in srgb, currentColor 12%, transparent);--hover-fill-chrome: color-mix(in srgb, var(--toolbar-ink) 12%, transparent);--row-hover: color-mix(in srgb, var(--ink) 6%, transparent);--select-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");--font: "Segoe UI", "Malgun Gothic", "Segoe UI Symbol", "Apple SD Gothic Neo", sans-serif;--mono: Consolas, "Cascadia Mono", "Segoe UI Symbol", "Malgun Gothic", ui-monospace, monospace;--devbar-height: 42px;--card-border: var(--tab-active-bg);--card-border-width: 0;--card-shadow: none;--tone-0: var(--tab-active-bg);--tone-1: #d43b49;--tone-2: #b65b22;--tone-3: #926f00;--tone-4: #3b833b;--tone-5: #945db7;--tone-6: #ba4e84;--tone-7: #6c757d}[data-theme=light]{color-scheme:light;--bg: #e8edf2;--panel: #ffffff;--line: #c9d3de;--line-strong: #94a3b8;--shadow-1: 1px 1px 6px rgba(16, 32, 51, .1);--shadow-2: 0 4px 12px rgba(16, 32, 51, .12);--shadow-3: 0 12px 32px rgba(16, 32, 51, .16);--shadow-menu: 8px 8px 16px rgba(0, 0, 0, .08);--ink: #1a2433;--muted: #5c6b7a;--star-off: #6b7280;--accent: #0b6e99;--on-accent: #ffffff;--accent-soft: #d7eef7;--focus: #1a56db;--accent-text: #0b6e99;--scrollbar: #0b6e99;--ok: #067647;--warn: #b45309;--danger: #b42318;--danger-text: #b42318;--ok-bg: #ecfdf3;--warn-bg: #fff7ed;--toolbar-bg: #1e2761;--toolbar-ink: #dbe4ff;--toolbar-control-ink: #95d8ff;--banner-ink: #ff6b6f;--card-bg: color-mix(in srgb, var(--ink) 6%, var(--panel));--card-meta: #374151;--card-head-ink: #ffffff;--badge-dot: var(--danger);--sidebar: #f3f4f6;--sidebar-ink: var(--muted);--sidebar-title: #0d1b3e;--side-btn-border: #d1d5db;--side-btn-ink: var(--muted);--group-selected: #1a56db;--group-selected-ink: #1e40af;--star-on: #b45309;--tab-active-bg: #1a56db;--tab-active-ink: #ffffff;--tab-idle-bg: #f3f4f6;--tab-idle-ink: #5c6b7a;--chip-ink: var(--muted);--chip-border: #d1d5db;--card-shadow: var(--shadow-1);--tone-1: #e22041;--tone-2: #c25300;--tone-4: #298830;--tone-5: #9b55c9;--tone-6: #c64188;--tone-7: #495057;--select-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%231a2433' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E")}*,*:before,*:after{box-sizing:border-box}html{font-size:100%;-webkit-text-size-adjust:100%}html,body{height:100%;margin:0;overflow:hidden}#root{height:100%}body{font-family:var(--font);font-size:.875rem;color:var(--ink);background:var(--bg);line-height:1.25rem;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--focus);outline-offset:2px}button:disabled{cursor:not-allowed;opacity:.55}a{color:inherit}small{font-size:.75rem;line-height:1rem}.sr-only{font-size:inherit;position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.is-hidden{display:none!important}.app{height:100%;min-height:0;display:flex;flex-direction:column}.scroll-y{min-height:0;overflow-y:auto}.scroll-x{min-width:0;overflow-x:auto}.icon{display:block;width:16px;height:16px;flex:none}.iconbtn{display:inline-flex;align-items:center;justify-content:center}.icon-inline{display:inline-block;width:1em;height:1em;vertical-align:-.15em;flex:none}.scroll-y,.scroll-x,.sidebar,.view[data-view=cards],.timeline,.detail-lines,.dialog-b,.chat,.report,.allview-dock,.table-scroll,.allview-list{scrollbar-gutter:stable}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-track:vertical{margin-block:var(--scroll-pad, 0)}::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--scrollbar) 45%,transparent);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar)}@supports not selector(::-webkit-scrollbar){.scroll-y,.scroll-x,.sidebar,.view[data-view=cards],.timeline,.detail-lines,.dialog-b,.chat,.report,.allview-dock,.table-scroll,.allview-list{scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--scrollbar) 45%,transparent) transparent}}.btn-menu{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:transparent;color:inherit;border:none;border-radius:var(--radius-sm);flex:none}.btn-menu:hover{background:var(--hover-fill)}.devbar{display:flex;gap:4px;flex-wrap:wrap;align-items:center;padding:8px 12px;background:var(--bg);color:var(--muted);font-size:.75rem;line-height:1rem;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:var(--z-sticky)}.devbar strong{color:var(--accent-text);margin-right:4px}.devbar a{text-decoration:none;padding:4px 8px;border-radius:var(--radius-full);background:var(--accent-soft);color:var(--muted);border:1px solid var(--line)}.devbar a.active{background:var(--accent);border-color:var(--accent);color:var(--on-accent);font-weight:600}.devbar .hint{margin-left:auto;color:var(--muted)}.devbar .mode{padding:4px 8px;border-radius:var(--radius-full);background:var(--ok-bg);border:1px solid var(--ok);color:var(--ok);font-weight:600}.screen{display:none;flex:1;min-height:0}.screen.active{display:flex;flex-direction:column}.shell{flex:1;display:grid;grid-template-rows:auto auto auto 1fr auto;min-height:0}.titlebar{display:flex;align-items:center;padding:4px 22px;background:var(--toolbar-bg);color:var(--toolbar-ink);font-weight:700;border-bottom:1px solid color-mix(in srgb,var(--toolbar-ink) 12%,var(--toolbar-bg))}.toolbar{width:100%;display:flex;gap:4px;padding:4px 22px;background:var(--toolbar-bg)}.navbtn{border:none;color:var(--toolbar-ink);padding:8px 16px;background:none}.navbtn{border-radius:var(--radius-md);transition:background-color .15s}.navbtn:hover,.navbtn:focus-visible{background:var(--hover-fill-chrome)}.navbtn.danger{margin-left:4px}.toolbar-right{margin-left:auto;display:flex;gap:4px;align-items:center;white-space:nowrap}@media(min-width:1460px){.toolbar{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));align-items:center}.toolbar-right{display:contents}.toolbar .toggle{grid-column:9}.toolbar .select-trigger{grid-column:10}.navbtn,.toolbar .toggle,.toolbar .select-trigger{min-width:0;justify-content:center;text-align:center}.navbtn.danger{margin-left:0}}.toggle{background:none;border:none;color:var(--toolbar-control-ink);cursor:pointer;padding:8px 12px;border-radius:var(--radius-md);transition:background-color .15s}.toggle:hover{background:var(--hover-fill-chrome)}select{appearance:none;-webkit-appearance:none;background-image:var(--select-arrow);background-repeat:no-repeat;background-position:right 8px center;cursor:pointer;transition:background-color .15s,border-color .15s}.selectish{--select-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%2395d8ff' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");width:auto;background-color:transparent;border:none;border-radius:var(--radius-md);color:var(--toolbar-control-ink);padding:8px 22px 8px 8px;background-position:right 6px center}.selectish:hover{background-color:var(--hover-fill-chrome)}.select-trigger{display:inline-flex;align-items:center;justify-content:space-between;gap:8px;white-space:nowrap;cursor:pointer;transition:background-color .15s,border-color .15s}.select-trigger.selectish{padding:8px}.select-trigger .select-arrow{display:inline-flex;opacity:.8}.menu-popover.select-popover{min-width:var(--radix-select-trigger-width)}.select-item{justify-content:space-between}.select-item[data-highlighted]{background:var(--row-hover);outline:none}.select-item[data-state=checked]{font-weight:600}.select-check{display:inline-flex;color:var(--accent-text)}.banner{display:flex;align-items:center;gap:12px;padding:8px 22px;background:var(--toolbar-bg);box-shadow:inset 0 1px color-mix(in srgb,var(--toolbar-ink) 12%,var(--toolbar-bg));color:var(--toolbar-ink)}.banner-alert{display:flex;align-items:center;gap:12px;flex:1;min-width:0;cursor:pointer;white-space:nowrap;overflow:hidden}.banner-alert .icon{color:var(--banner-ink)}.banner-group{font-weight:700;flex:none}.banner-device{font-weight:700;color:var(--toolbar-control-ink);flex:none}.banner-time{font-family:var(--mono);flex:none}.banner-text{color:var(--banner-ink);font-weight:700}.banner-alert:hover>span:last-child{text-decoration:underline}.banner .btn-menu{margin-left:auto}.banner-alert>span:last-child{overflow:hidden;text-overflow:ellipsis}.body-row{display:grid;grid-template-columns:240px 1fr;gap:4px;padding:0 22px 12px;background:var(--bg);min-height:0;overflow:hidden}@media(max-width:900px){.body-row{grid-template-columns:1fr}.sidebar{max-height:180px}}.sidebar{background:var(--panel);color:var(--sidebar-ink);--scroll-pad: 12px;padding:var(--scroll-pad) 4px var(--scroll-pad) 8px;min-height:0;overflow:auto;border-radius:var(--radius);box-shadow:var(--shadow-1)}.sidebar h3{margin:0 0 8px;font-size:.875rem;line-height:1.25rem;display:flex;justify-content:space-between;align-items:center;font-weight:700;color:var(--sidebar-title)}.sidebar h3 .iconbtn{border:1px solid var(--side-btn-border);color:var(--side-btn-ink);background:none;border-radius:var(--radius-sm);width:26px;height:26px;padding:0;transition:border-color .15s}.sidebar h3 .iconbtn:hover{border-color:var(--hover-line)}.body-row.sidebar-collapsed{grid-template-columns:46px 1fr}.body-row.sidebar-collapsed .sidebar h3>span,.body-row.sidebar-collapsed .sidebar .group-item{display:none}.body-row.sidebar-collapsed .sidebar h3{justify-content:center}.group-item{display:grid;grid-template-columns:28px 1fr 28px;gap:4px;align-items:center;padding:4px;border:1px solid transparent;border-radius:var(--radius-md);font-size:.875rem;line-height:1.25rem;cursor:pointer}.group-item+.group-item{margin-top:2px}.group-item:hover{background:var(--row-hover)}.group-item.is-registered>span{color:var(--group-selected-ink);font-weight:600}.group-item.is-registered{border-color:var(--group-selected);background:color-mix(in srgb,var(--group-selected) 10%,var(--sidebar))}.group-item.is-registered:hover{background:color-mix(in srgb,var(--group-selected) 18%,var(--sidebar))}.group-item.is-registered .iconbtn[data-group-toggle]{color:var(--group-selected-ink)}.group-item .iconbtn{color:var(--side-btn-ink);width:26px;height:26px;line-height:1;padding:0;border-radius:var(--radius-sm);transition:background-color .15s}.group-item .iconbtn:hover{background:var(--hover-fill)}.group-item .iconbtn[data-favorite-toggle]{color:var(--star-off);font-size:1rem;line-height:1.5rem}.group-item .iconbtn[data-favorite-toggle].fav-on{color:var(--star-on)}.group-item .dot{width:7px;height:7px;border-radius:50%;background:var(--ok);display:inline-block;margin-left:4px}.main{background:var(--panel);padding:12px;overflow:hidden;min-width:0;min-height:0;display:flex;flex-direction:column;border-radius:var(--radius);box-shadow:var(--shadow-1)}.main-body{display:flex;gap:8px;flex:1;min-height:0}.main-body:has(>.view[data-view=cards]:not([hidden])){gap:4px}.view{flex:1;min-height:0;min-width:0;display:flex;flex-direction:column}.view>.panel{flex:1;min-height:0}.view.dock{flex:none;width:320px}.view>.panel,.popup-card>.panel{--panel: var(--card-bg);box-shadow:var(--card-shadow)}:is(.view>.panel,.popup-card>.panel)>:is(.panel-h,.filters){min-height:44px;background:var(--tab-active-bg);color:var(--card-head-ink);border-bottom:0}:is(.view>.panel,.popup-card>.panel)>.panel-h:has(+.filters){min-height:0;padding-bottom:0}.view>.panel>.panel-h{border-start-start-radius:calc(var(--radius) - 1px);border-start-end-radius:calc(var(--radius) - 1px)}:is(.view>.panel,.popup-card>.panel)>:is(.panel-h,.filters) :is(input,.select-trigger,.btn,.pill){background:color-mix(in srgb,currentColor 12%,transparent);border:0;color:inherit}:is(.view>.panel,.popup-card>.panel)>:is(.panel-h,.filters) :is(.select-trigger,.btn):hover{background:color-mix(in srgb,currentColor 20%,transparent)}:is(.view>.panel,.popup-card>.panel)>:is(.panel-h,.filters) input::placeholder{color:color-mix(in srgb,currentColor 70%,transparent)}:is(.view>.panel,.popup-card>.panel)>:is(.panel-h,.filters) .btn.primary{background:var(--card-head-ink);color:var(--tab-active-bg)}:is(.view>.panel,.popup-card>.panel)>:is(.panel-h,.filters) .btn.primary:hover{background:color-mix(in srgb,var(--card-head-ink) 88%,var(--tab-active-bg))}.view[data-view=cards]{display:block;overflow:auto;margin-right:-12px;padding-right:8px}.main-body.has-dock .view[data-view=cards]{margin-right:0;padding-right:4px;scrollbar-gutter:auto}.main-body.has-dock .view[data-view=cards][data-overflow]{margin-right:-4px}.view[hidden]{display:none}.main-tools{display:flex;flex-wrap:wrap;gap:4px;align-items:center;margin-bottom:8px}.tabs{display:flex;gap:4px;margin-right:auto}.tab{border:1px solid var(--chip-border);background:var(--tab-idle-bg);padding:4px 12px;border-radius:var(--radius-md);font-size:.875rem;line-height:1.25rem;color:var(--tab-idle-ink);transition:border-color .15s}button.tab:not(.active):hover{border-color:var(--hover-line)}.tab.active{background:var(--tab-active-bg);border-color:var(--tab-active-bg);color:var(--tab-active-ink);font-weight:700}.chip{border:1px solid var(--chip-border);background:var(--panel);padding:4px 12px;border-radius:var(--radius-md);font-size:.875rem;line-height:1.25rem;color:var(--chip-ink);transition:border-color .15s}.chip:hover{border-color:var(--hover-line)}.main-tools .tab:not([data-card-filter=favorites]),.main-tools .chip{min-width:7.5rem}.tab-tool{display:inline-flex;align-items:center;padding:0}.tab-tool .tab-label{flex:1;background:none;border:0;color:inherit;font:inherit;padding:4px 4px 4px 12px;cursor:pointer}.tab-tool .tab-label:last-child{padding:4px 12px}.tab-tool .tab-x{background:none;border:0;color:inherit;font:inherit;padding:4px 12px 4px 4px;cursor:pointer;opacity:.75}.tab-tool .tab-x:hover{opacity:1}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;height:100%;grid-auto-rows:fit-content(100%);align-content:start}.cards:has(>:nth-child(5)),.cards.scale-half:has(>:nth-child(3)),.cards.scale-full:has(>:nth-child(2)){grid-auto-rows:calc(50% - 2px)}.cards.scale-half{grid-template-columns:repeat(2,1fr)}.cards.scale-full{grid-template-columns:1fr}.card{background:var(--card-bg);border:0;outline:var(--card-border-width) solid var(--card-border);outline-offset:calc(-1 * var(--card-border-width));border-radius:var(--radius);box-shadow:var(--card-shadow);overflow:hidden;min-height:140px;display:flex;flex-direction:column}@media(forced-colors:active){.card{outline-color:CanvasText}}.card.dragging{opacity:.45}.card.overlay{height:100%;box-shadow:var(--shadow-2);cursor:grabbing}.card-h .card-grip{cursor:grab;touch-action:none;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.card-h .card-grip:active{cursor:grabbing}.card.drop-target{outline:2px dashed var(--accent);outline-offset:2px}.card.tone-0 .card-h,.detail.tone-0 :is(.panel-h,.filters){background:var(--tone-0)}.card.tone-1 .card-h,.detail.tone-1 :is(.panel-h,.filters){background:var(--tone-1)}.card.tone-2 .card-h,.detail.tone-2 :is(.panel-h,.filters){background:var(--tone-2)}.card.tone-3 .card-h,.detail.tone-3 :is(.panel-h,.filters){background:var(--tone-3)}.card.tone-4 .card-h,.detail.tone-4 :is(.panel-h,.filters){background:var(--tone-4)}.card.tone-5 .card-h,.detail.tone-5 :is(.panel-h,.filters){background:var(--tone-5)}.card.tone-6 .card-h,.detail.tone-6 :is(.panel-h,.filters){background:var(--tone-6)}.card.tone-7 .card-h,.detail.tone-7 :is(.panel-h,.filters){background:var(--tone-7)}.card-h{display:flex;align-items:center;gap:4px;padding:8px;border-bottom:1px solid var(--line);font-size:.875rem;line-height:1.25rem;font-weight:600;background:var(--tab-active-bg);color:var(--card-head-ink);border-bottom:0}.card-h .alarm-tag{display:inline-flex;align-items:center;flex:none}.card-h .more{margin-left:auto}.card-h .more[aria-expanded=true]{background:color-mix(in srgb,currentColor 16%,transparent)}.menu-popover{position:fixed;z-index:var(--z-dropdown);min-width:156px;padding:4px;background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-menu);display:grid}.menu-popover[hidden]{display:none}.menu-item{display:flex;align-items:center;gap:8px;width:100%;padding:4px 8px;text-align:left;white-space:nowrap;border:0;border-radius:var(--radius-lg);background:none;color:inherit;font-size:.875rem;line-height:1.25rem;cursor:default}.menu-item:hover,.menu-item:focus-visible{background:var(--row-hover);outline:none}.menu-label{display:flex;align-items:center;gap:8px;padding:4px 8px;color:inherit;font-size:.875rem;line-height:1.25rem}.swatches{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding:0 4px 4px}.swatch{height:24px;border:1px solid var(--line);border-radius:var(--radius-sm);cursor:default}.swatch:hover,.swatch:focus-visible{border-color:var(--hover-line);outline:none}.swatch[data-state=checked]{border-color:var(--focus);box-shadow:inset 0 0 0 2px var(--focus)}.swatch.tone-0{background:var(--tone-0)}.swatch.tone-1{background:var(--tone-1)}.swatch.tone-2{background:var(--tone-2)}.swatch.tone-3{background:var(--tone-3)}.swatch.tone-4{background:var(--tone-4)}.swatch.tone-5{background:var(--tone-5)}.swatch.tone-6{background:var(--tone-6)}.swatch.tone-7{background:var(--tone-7)}.badge{display:inline-flex;align-items:center;gap:4px;font-size:.75rem;line-height:1rem;font-weight:400;padding:4px 12px 4px 8px;border-radius:var(--radius-lg);background:transparent;color:var(--ink);border:1px solid color-mix(in srgb,var(--ink) 70%,transparent);white-space:nowrap;flex:none}.badge:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--badge-dot, var(--danger))}.card-b{position:relative;--scroll-pad: 8px;padding:var(--scroll-pad) 4px var(--scroll-pad) 8px;font-size:.875rem;line-height:1.5rem;color:var(--ink);flex:1;min-height:0;overflow:auto;scrollbar-gutter:stable;display:flex;flex-direction:column;gap:8px}.card-b::-webkit-scrollbar-track{background:var(--card-bg)}.utt{--utt-tone: var(--tone-neutral);padding:4px 8px;border-left:3px solid var(--utt-tone);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--ink) 6%,transparent);transition:background-color 1s}.utt[data-alert]{--utt-tone: var(--danger)}.utt .badge{--badge-dot: var(--utt-tone)}.utt.utt-target{background:color-mix(in srgb,var(--ink) 18%,transparent);transition-duration:0s;transition-delay:.3s}.card-b .meta,.detail-lines .meta{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:.75rem;line-height:1rem;color:var(--card-meta);margin-bottom:4px}.utt .meta-left{display:inline-flex;align-items:center;gap:8px;min-width:0}.utt-play{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;background:none;border:0;border-radius:var(--radius-sm);font-size:.875rem;color:var(--accent-text);flex:none;cursor:pointer;transition:background-color .15s}.utt-play:hover{background:var(--hover-fill)}.utt .utt-speaker{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;font-weight:600;color:var(--accent-text)}.utt-time{font-family:var(--mono);flex:none}.utt .meta-right{display:inline-flex;align-items:center;gap:8px;flex:none}.utt .utt-group{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;font-weight:600;color:var(--ink)}.utt-remove{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;background:none;border:0;border-radius:var(--radius-sm);font-size:.875rem;color:inherit;flex:none;cursor:pointer;transition:background-color .15s}.utt-remove:hover{background:color-mix(in srgb,var(--danger) 24%,transparent)}.utt-link{cursor:pointer;transition:background-color .15s}.utt-link:hover{background:color-mix(in srgb,var(--ink) 12%,transparent)}.card-b .lines{display:flex;flex-direction:column;gap:4px}.card-b .lines time{font-family:var(--mono);font-size:.75rem;line-height:1rem;color:var(--muted);margin-right:4px}.statusbar{display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;padding:8px 22px;background:var(--toolbar-bg);border-top:1px solid color-mix(in srgb,var(--toolbar-ink) 12%,var(--toolbar-bg));font-size:.75rem;line-height:1rem;color:var(--toolbar-ink)}.statusbar .left{font-weight:500}.statusbar .right{font-family:var(--mono)}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-1);display:flex;flex-direction:column;min-height:0;height:100%}.panel-h{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:8px 12px;border-bottom:1px solid var(--line)}.panel-h h2{margin:0 auto 0 0;font-size:1rem;line-height:1.5rem}.panel-h .panel-x{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:0;background:none;color:inherit;opacity:.75;cursor:pointer}.panel-h .panel-x:hover{opacity:1}.panel-h .close,.dialog-h .close{display:inline-flex;align-items:center;justify-content:center;padding:0;border:1px solid var(--line);background:var(--panel);width:28px;height:28px;border-radius:var(--radius-sm);color:var(--muted)}.dialog-h form,.dialog-actions form{display:contents}.filters{display:flex;flex-wrap:wrap;gap:4px;align-items:center;padding:8px 12px;border-bottom:1px solid var(--line);background:var(--panel)}.filters input,.filters select,.panel-h select,.filters .select-trigger,.panel-h .select-trigger{border:1px solid var(--line);background-color:var(--panel);color:var(--ink);border-radius:var(--radius-md);padding:4px 8px;font-size:.875rem;line-height:1.25rem}.filters select,.panel-h select{padding-right:24px}.filters select:hover,.panel-h select:hover,.filters .select-trigger:hover,.panel-h .select-trigger:hover{border-color:var(--hover-line)}.filters input[type=search]{flex:1;min-width:180px;max-width:320px}.btn{border:1px solid var(--line);background:var(--panel);color:var(--ink);border-radius:var(--radius-md);padding:4px 8px;font-size:.875rem;line-height:1.25rem}.btn:hover{border-color:var(--hover-line)}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.btn.primary:hover{background:color-mix(in srgb,var(--accent) 88%,var(--ink));border-color:color-mix(in srgb,var(--accent) 88%,var(--ink))}.btn.ghost{background:transparent}.btn.btn-icon{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0}table.data{width:100%;table-layout:fixed;border-collapse:separate;border-spacing:0 4px;margin-top:-4px;font-size:.875rem;line-height:1.25rem}table.data th,table.data td{padding:8px;text-align:left;vertical-align:top}table.data th{position:sticky;top:0;z-index:1;padding-block:12px 4px;background:var(--panel);box-shadow:0 8px 0 var(--panel);font-weight:600;color:var(--muted);font-size:.75rem;line-height:1rem}table.data td{background:color-mix(in srgb,var(--ink) 6%,transparent)}table.data td:first-child{border-start-start-radius:var(--radius-sm);border-end-start-radius:var(--radius-sm)}table.data td:last-child{border-start-end-radius:var(--radius-sm);border-end-end-radius:var(--radius-sm)}table.data tr:hover td{background:var(--hover-fill)}table.data tr.viewing td{background:color-mix(in srgb,var(--accent) 10%,var(--panel))}table.data tr.viewing:hover td{background:color-mix(in srgb,var(--accent) 18%,var(--panel))}table.data td:last-child{overflow-wrap:anywhere}table.data .clip-cell{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}table.data .utt-play{vertical-align:top;color:var(--ink)}table.data td textarea{display:block;box-sizing:border-box;width:calc(100% + 10px);min-height:1.25rem;margin:-1px -5px;padding:0 4px;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--panel);color:var(--ink);line-height:1.25rem;field-sizing:content;resize:none;overflow-wrap:anywhere}.badge.status{padding:2px 12px 2px 8px;margin-block:-1px;vertical-align:top;--badge-dot: var(--row-tone)}table.data tbody tr{--row-tone: var(--tone-neutral)}table.data tbody td:first-child{border-left:3px solid var(--row-tone)}table.data tr[data-status=done]{--row-tone: var(--ok)}table.data tr[data-status=processing]{--row-tone: var(--accent)}table.data tr[data-status=failed]{--row-tone: var(--danger)}.panel-f{margin-top:auto;border-top:1px solid var(--line);padding:8px 12px;background:var(--panel);font-size:.875rem;line-height:1.25rem}.actions{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px}.player{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.player-clock{font-family:var(--mono)}.player .speed.active{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.timeline{padding:12px 12px 12px 16px;overflow:auto}.day-sep{text-align:center;color:var(--muted);font-size:.75rem;line-height:1rem;margin:12px 0 8px;letter-spacing:.04em}.utter{padding:8px 0;border-bottom:1px dashed var(--line);font-size:.875rem;line-height:1.25rem}.utter .who{font-family:var(--mono);font-size:.75rem;line-height:1rem;color:var(--muted);margin-bottom:2px}.utter mark{background:var(--warn-bg);color:var(--ink);padding:0 2px;border-radius:var(--radius-sm)}.utter.search-current{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm)}.search-nav{display:none;align-items:center;gap:4px;font-size:.75rem;line-height:1rem;color:var(--muted)}.search-nav.show{display:flex}.detail .detail-count{color:color-mix(in srgb,currentColor 80%,transparent)}.detail .panel-h h2{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.detail-actions .btn{white-space:nowrap}.detail-count{color:var(--muted);font-size:.75rem;line-height:1rem;font-family:var(--mono)}.detail-actions{display:inline-flex;gap:4px}.detail-lines{--scroll-pad: 12px;padding:var(--scroll-pad) 4px var(--scroll-pad) 8px;overflow:auto;flex:1;display:flex;flex-direction:column;gap:8px;font-size:.875rem;line-height:1.5rem;color:var(--ink)}.popup-card{height:100%;min-height:0;padding:0}.popup-card>.panel{border:0;border-radius:0}.panel-h input[type=search]{border:1px solid var(--line);background:var(--panel);color:var(--ink);border-radius:var(--radius-md);padding:4px 8px;font-size:.875rem;line-height:1.25rem;min-width:160px}.dialog-sub{color:var(--muted);font-size:.75rem;line-height:1rem;margin:0 0 8px}.detail-lines .dialog-sub{margin:0}.dialog-b label{display:block;font-size:.875rem;line-height:1.25rem;color:var(--muted);margin:8px 0 4px}.dialog-b input[type=number],.dialog-b input[type=text]{width:100%;border:1px solid var(--line);background:var(--panel);color:var(--ink);border-radius:var(--radius-md);padding:8px}.keyword-entry input[type=text]{flex:1;width:auto}.kw-list{list-style:none;padding:0;margin:8px 0 0}.kw-list li{display:flex;justify-content:space-between;align-items:center;padding:4px 0;border-bottom:1px solid var(--line);font-size:.875rem;line-height:1.25rem}dialog.dialog{width:min(520px,calc(100% - 24px));max-height:min(720px,calc(100vh - 24px));padding:0;color:var(--ink);background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-3)}dialog.dialog::backdrop{background:#0a142094}dialog.dialog[open]{display:flex;flex-direction:column;overflow:hidden}dialog.dialog .detail-lines{min-height:0}dialog.dialog .detail-lines:focus-visible{outline:none}.dialog-h{display:flex;align-items:center;gap:8px;padding:12px;border-bottom:1px solid var(--line)}.dialog-h h2{margin:0;font-size:1rem;line-height:1.5rem;flex:1}.dialog-b{padding:12px 8px 12px 12px;overflow:auto}.dialog-b textarea{width:100%;min-height:150px;resize:vertical;border:1px solid var(--line);border-radius:var(--radius-md);padding:8px;color:var(--ink);background:var(--panel)}.dialog-actions{display:flex;justify-content:flex-end;gap:4px;padding:8px 12px;border-top:1px solid var(--line);background:var(--panel)}.dialog-actions-spread{justify-content:space-between}.entry{flex:1;display:grid;grid-template-columns:1.1fr .9fr;gap:16px;padding:24px;align-items:stretch}@media(max-width:900px){.entry{grid-template-columns:1fr}}.browser-frame{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-1);display:flex;flex-direction:column;min-height:360px}.browser-chrome{display:flex;gap:4px;align-items:center;padding:8px;background:var(--panel);border-bottom:1px solid var(--line);font-size:.75rem;line-height:1rem;color:var(--muted)}.dot3{display:flex;gap:4px}.dot3 i{width:9px;height:9px;border-radius:50%;background:var(--line-strong);display:block}.urlbar{flex:1;background:var(--panel);border-radius:var(--radius-sm);padding:4px 8px;margin-left:8px;border:1px solid var(--line)}.cd-top{display:flex;gap:8px;align-items:center;padding:8px 12px;border-bottom:1px solid var(--line);background:var(--panel);color:var(--ink)}.cd-top .ai-cta{margin-left:auto;background:var(--accent);color:var(--on-accent);border:none;font-weight:700;padding:8px 12px;border-radius:var(--radius-md);animation:pulse 1.8s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 0 #f0b42973}50%{box-shadow:0 0 0 8px #f0b42900}}.cd-body{padding:16px;color:var(--muted);font-size:.875rem;line-height:1.25rem;flex:1;background:linear-gradient(135deg,rgba(11,110,153,.08),transparent 40%),var(--panel)}.cd-body h2{margin:0 0 8px;color:var(--ink);font-size:1.5rem;line-height:2rem}.cd-body p{margin:0 0 8px}.flow-note{margin-top:16px;padding:12px;border-left:3px solid var(--accent);background:var(--accent-soft);color:var(--ink);font-size:.875rem;line-height:1.25rem}.arrow-col{display:flex;flex-direction:column;justify-content:center;gap:12px}.arrow-col .step{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-lg);padding:12px;font-size:.875rem;line-height:1.25rem}.arrow-col .step b{display:block;margin-bottom:4px;color:var(--accent-text)}.split2{display:grid;grid-template-columns:1fr 1fr;gap:12px;height:100%}@media(max-width:900px){.split2{grid-template-columns:1fr}}.chat{display:flex;flex-direction:column;gap:8px;--scroll-pad: 12px;padding:var(--scroll-pad) 8px var(--scroll-pad) 12px;overflow:auto;flex:1}.bubble{max-width:92%;padding:8px;border-radius:var(--radius-sm);font-size:.875rem;line-height:1.25rem}.bubble.user{align-self:flex-end;background:var(--tab-active-bg);color:var(--card-head-ink)}.bubble.bot{align-self:flex-start;background:color-mix(in srgb,var(--ink) 6%,transparent)}.badge.source{padding:4px 8px}.badge.source:before{display:none}.bubble .badge{margin-bottom:4px}.filters .pill{font-size:.875rem;line-height:1.25rem;font-weight:400;padding:4px 8px;border-radius:var(--radius-md)}.bubble .actions{align-items:center}.bubble .actions .btn{text-align:left}.composer{display:flex;gap:4px;padding:8px 12px;border-top:1px solid var(--line)}.composer input{flex:1;border:1px solid var(--line);border-radius:var(--radius-md);padding:4px 8px;margin-block:-1px;font-size:.875rem;line-height:1.25rem;background:var(--panel);color:var(--ink)}.composer input:hover{border-color:var(--hover-line)}.report{--scroll-pad: 16px;padding:var(--scroll-pad) 12px var(--scroll-pad) 16px;overflow:auto;font-size:.875rem;line-height:1.25rem}.handover-head h3,.report h3{margin:0 0 4px;font-size:1rem;line-height:1.5rem}.handover-head .sub,.report .sub{color:var(--muted);font-size:.75rem;line-height:1rem;margin-bottom:12px}.report ul{margin:4px 0 12px;padding-left:16px}.handover-head{padding:12px 12px 0 16px}.handover-head .sub{margin:0}table.data tr.handover-add td{background:transparent;border-left-color:transparent}.handover-add-btn{padding:0;border:0;background:none;color:var(--muted);font:inherit;cursor:pointer}.handover-add-btn:hover{color:var(--ink)}table.data .utt-remove{vertical-align:top}.report-item{padding:8px 0;border-bottom:1px solid var(--line)}.report-item .t{font-family:var(--mono);font-size:.75rem;line-height:1rem;color:var(--accent-text);font-weight:600}.fav-intro{margin:0 0 8px;font-size:.875rem;line-height:1.25rem;font-weight:700}.fav-subhead{margin:8px 0 4px;font-size:.875rem;line-height:1.25rem;font-weight:700;color:var(--muted)}.fav-list{padding:8px 0}.fav-row{display:flex;justify-content:space-between;align-items:center;padding:8px 4px;border:1px solid var(--line);border-radius:var(--radius-md);font-size:.875rem;line-height:1.25rem}.fav-row+.fav-row{margin-top:4px}.fav-row.is-fav{background:color-mix(in srgb,var(--star-on) 10%,var(--panel))}.fav-star{color:var(--star-off)}.fav-row.is-fav .fav-star{color:var(--star-on)}.pill.fav{background:color-mix(in srgb,var(--star-on) 8%,var(--panel));color:var(--star-on);border:1px solid var(--star-on)}.fav-row button{border:0;background:transparent;color:inherit;padding:4px;text-align:left;flex:1}.pill{font-size:.75rem;line-height:1rem;padding:2px 8px;border-radius:var(--radius-full);background:var(--accent-soft);color:var(--accent-text);font-weight:600}.pill.muted{background:var(--panel);color:var(--muted);border:1px solid var(--line)}.allview-dock{background:var(--panel);padding:8px 4px 8px 8px;overflow:auto;min-width:0;border-radius:var(--radius);box-shadow:var(--shadow-1)}.allview-dock[hidden]{display:none}.allview-dock .allview-item{grid-template-columns:68px 1fr}.allview-dock .allview-item>:last-child{grid-column:1 / -1}.body-row.has-dock{grid-template-columns:240px minmax(0,1fr) 300px}.body-row.sidebar-collapsed.has-dock{grid-template-columns:46px minmax(0,1fr) 300px}@media(max-width:900px){.allview-dock{position:fixed;top:var(--devbar-height);right:0;bottom:0;width:min(320px,92vw);z-index:var(--z-overlay);box-shadow:var(--shadow-3)}}.allview-item{display:grid;grid-template-columns:72px 140px 1fr;gap:8px;padding:8px 0;border-bottom:1px solid var(--line);font-size:.875rem;line-height:1.25rem}.allview-item time{font-family:var(--mono);color:var(--muted)}.gbadge{font-size:.75rem;line-height:1rem;font-weight:600;padding:2px 4px;border-radius:var(--radius-sm);color:var(--ink);text-align:center;height:fit-content}.g1{background:#245c7f}.g2{background:#1b8027}.g3{background:#d83039}.toast{position:fixed;bottom:24px;right:24px;background:var(--toast-bg);color:var(--toast-ink);padding:8px 12px;border-radius:var(--radius-lg);font-size:.875rem;line-height:1.25rem;opacity:0;pointer-events:none;transition:opacity .2s;z-index:var(--z-toast)}.toast.show{opacity:1}.prototype-note{padding:8px;border:1px dashed var(--line);background:var(--panel);color:var(--muted);border-radius:var(--radius-md);font-size:.75rem;line-height:1rem}.cd-top-context{opacity:.7}.btn-lg{padding:12px}.text-muted{color:var(--muted)}.text-meta{color:var(--muted);font-size:.75rem;line-height:1rem}.table-scroll{overflow:auto;flex:1;padding-left:8px;padding-right:4px;--scroll-pad: 40px 4px}.record-result{margin-top:8px}.panel-f-spread{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between}.keyword-entry{display:flex;gap:4px}.allview-list{padding:8px 8px 8px 12px;overflow:auto}.prototype-note-offset{margin:8px 12px 0}.report-generated-at{color:var(--muted);font-size:.875rem;line-height:1.25rem}body.popup-mode .devbar,body.popup-mode .titlebar,body.popup-mode .toolbar,body.popup-mode .banner,body.popup-mode .sidebar,body.popup-mode .main,body.popup-mode .statusbar{display:none!important}body.popup-mode .body-row,body.popup-mode .body-row.has-dock{grid-template-columns:1fr}body.popup-mode .shell{min-height:100vh}body.popup-mode .allview-dock{position:static;width:auto;border-left:0;box-shadow:none}body.popup-mode #allview-popup,body.popup-card-mode .devbar,body.popup-card-mode .titlebar,body.popup-card-mode .toolbar,body.popup-card-mode .banner,body.popup-card-mode .sidebar,body.popup-card-mode .statusbar,body.popup-card-mode .main-tools,body.popup-card-mode .allview-dock{display:none!important}body.popup-card-mode .body-row,body.popup-card-mode .body-row.has-dock{grid-template-columns:1fr}body.popup-card-mode .shell{min-height:100vh}body.popup-card-mode .main{padding:12px}body.popup-card-mode .cards{grid-template-columns:1fr}body.popup-card-mode [data-group-card]:not(.popup-selected){display:none!important}body.popup-card-mode [data-group-card].popup-selected{display:flex!important}@media(max-width:600px){.devbar .hint{display:none}.cards,.cards.scale-half{grid-template-columns:1fr}.allview-item{grid-template-columns:68px 1fr}.allview-item>:last-child{grid-column:1 / -1}table.data th,table.data td{padding:8px 4px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}