:root{--ikn-onyx: #0A0B0E;--ikn-graphite: #12141A;--ikn-carbon: #1A1D25;--ikn-steel: #262A33;--ikn-fog: #3A3F4B;--ikn-mute: #4A5160;--ikn-ash: #7A8290;--ikn-silver: #B4BAC4;--ikn-mist: #D8DCE2;--ikn-cloud: #E9EBEF;--ikn-paper: #FAF9F6;--ikn-ivory: #F4F1EA;--ikn-white: #FFFFFF;--ikn-signal: #EF1A2D;--ikn-signal-bright: #FF2F42;--ikn-signal-deep: #C81222;--ikn-signal-ink: #A50E1B;--ikn-success: #276B4F;--ikn-success-alt: #5A9B7E;--ikn-warning: #7E5E0F;--ikn-warning-alt: #D4A84A;--ikn-danger: #B3373A;--ikn-danger-alt: #E06B6E;--ikn-info: #3D6A96;--ikn-info-alt: #7FA8CE;--ikn-font-display: "Space Grotesk", ui-sans-serif, system-ui, sans-serif;--ikn-font-sans: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--ikn-font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--text-xs: 12px;--text-sm: 14px;--text-base: 16px;--text-md: 17px;--text-lg: 20px;--text-xl: 24px;--text-2xl: 32px;--text-3xl: 44px;--text-display: clamp(32px, 4.5vw, 48px);--text-h1: clamp(28px, 3.2vw, 40px);--text-h2: clamp(22px, 2.6vw, 28px);--text-h3: 20px;--text-h4: 18px;--lh-tight: 1.15;--lh-snug: 1.35;--lh-normal: 1.55;--lh-loose: 1.7;--ls-tight: -.02em;--ls-normal: 0;--ls-wide: .04em;--ls-wider: .1em;--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 24px;--s-6: 32px;--s-7: 48px;--s-8: 64px;--s-9: 96px;--s-10:128px;--s-11:160px;--r-xs: 2px;--r-sm: 4px;--r-md: 6px;--r-lg: 8px;--r-xl: 12px;--r-2xl: 16px;--r-full: 999px;--r-icon: 22.5%;--ease: cubic-bezier(.22, 1, .36, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--dur-fast: .15s;--dur-base: .25s;--dur-slow: .4s;--container: 1280px;--container-narrow: 960px;--container-wide: 1600px;--page-gutter: 24px;--topbar-h: 56px;--sidebar-w: 248px;--sidebar-w-collapsed: 60px;--z-base: 0;--z-sticky: 100;--z-drawer: 200;--z-modal: 300;--z-toast: 400;--z-tooltip: 500}:root,[data-theme=light]{color-scheme:light;--bg: var(--ikn-ivory);--surface: var(--ikn-paper);--surface-raised: var(--ikn-white);--surface-sunken: #EDEAE2;--surface-hover: rgba(10, 11, 14, .04);--surface-active: rgba(10, 11, 14, .08);--border: rgba(10, 11, 14, .1);--border-strong: rgba(10, 11, 14, .18);--border-subtle: rgba(10, 11, 14, .06);--text: var(--ikn-onyx);--text-secondary: var(--ikn-steel);--text-muted: var(--ikn-mute);--text-faint: var(--ikn-ash);--text-inverse: var(--ikn-ivory);--brand: var(--ikn-signal);--brand-hover: var(--ikn-signal-deep);--brand-text: var(--ikn-signal-ink);--brand-on: var(--ikn-white);--brand-wash: rgba(239, 26, 45, .08);--brand-line: rgba(239, 26, 45, .28);--success: var(--ikn-success);--success-wash: rgba(46, 125, 91, .1);--warning: var(--ikn-warning);--warning-wash: rgba(154, 116, 21, .1);--danger: var(--ikn-danger);--danger-wash: rgba(179, 55, 58, .1);--info: var(--ikn-info);--info-wash: rgba(61, 106, 150, .1);--focus-ring: 0 0 0 2px var(--bg), 0 0 0 4px var(--brand);--shadow-sm: 0 1px 2px rgba(10, 11, 14, .06);--shadow-md: 0 4px 12px rgba(10, 11, 14, .08);--shadow-lg: 0 16px 40px rgba(10, 11, 14, .12);--scrim: rgba(10, 11, 14, .45)}[data-theme=dark]{color-scheme:dark;--bg: var(--ikn-onyx);--surface: var(--ikn-graphite);--surface-raised: var(--ikn-carbon);--surface-sunken: #07080A;--surface-hover: rgba(244, 241, 234, .05);--surface-active: rgba(244, 241, 234, .09);--border: rgba(244, 241, 234, .1);--border-strong: rgba(244, 241, 234, .2);--border-subtle: rgba(244, 241, 234, .05);--text: var(--ikn-ivory);--text-secondary: var(--ikn-silver);--text-muted: var(--ikn-ash);--text-faint: #6B7383;--text-inverse: var(--ikn-onyx);--brand: var(--ikn-signal);--brand-hover: var(--ikn-signal-bright);--brand-text: var(--ikn-signal-bright);--brand-on: var(--ikn-white);--brand-wash: rgba(239, 26, 45, .14);--brand-line: rgba(239, 26, 45, .36);--success: var(--ikn-success-alt);--success-wash: rgba(90, 155, 126, .14);--warning: var(--ikn-warning-alt);--warning-wash: rgba(212, 168, 74, .14);--danger: var(--ikn-danger-alt);--danger-wash: rgba(224, 107, 110, .14);--info: var(--ikn-info-alt);--info-wash: rgba(127, 168, 206, .14);--focus-ring: 0 0 0 2px var(--bg), 0 0 0 4px var(--ikn-signal-bright);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .5);--shadow-md: 0 4px 14px rgba(0, 0, 0, .55);--shadow-lg: 0 20px 48px rgba(0, 0, 0, .65);--scrim: rgba(0, 0, 0, .65)}@media(prefers-color-scheme:dark){[data-theme=auto]{color-scheme:dark;--bg: var(--ikn-onyx);--surface: var(--ikn-graphite);--surface-raised: var(--ikn-carbon);--surface-sunken: #07080A;--surface-hover: rgba(244, 241, 234, .05);--surface-active: rgba(244, 241, 234, .09);--border: rgba(244, 241, 234, .1);--border-strong: rgba(244, 241, 234, .2);--border-subtle: rgba(244, 241, 234, .05);--text: var(--ikn-ivory);--text-secondary: var(--ikn-silver);--text-muted: var(--ikn-ash);--text-faint: #6B7383;--text-inverse: var(--ikn-onyx);--brand-hover: var(--ikn-signal-bright);--brand-text: var(--ikn-signal-bright);--brand-wash: rgba(239, 26, 45, .14);--brand-line: rgba(239, 26, 45, .36);--success: var(--ikn-success-alt);--warning: var(--ikn-warning-alt);--danger: var(--ikn-danger-alt);--info: var(--ikn-info-alt);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .5);--shadow-md: 0 4px 14px rgba(0, 0, 0, .55);--shadow-lg: 0 20px 48px rgba(0, 0, 0, .65);--scrim: rgba(0, 0, 0, .65)}}:root{--hue-ikotool: #EF1A2D;--hue-ikodash: #3E7BFA;--hue-ikodrive: #1FAE7C;--hue-ikobackup: #C9820F;--hue-ikodata: #7C5CFF;--hue-ikochat: #0FAFAF;--hue-ikoma: #E8622A;--hue-ikoauth: #5A6B85;--hue-ikoflow: #6E9E2F;--hue-ikolead: #C2409B;--hue-ikofold: #8A7B5C;--hue-ikocard: #2F6FA3;--hue-ikoads: #B8462F}:root,[data-theme=light]{--ink-ikotool:#D70F21;--ink-ikodash:#145EF9;--ink-ikodrive:#167B58;--ink-ikobackup:#95610B;--ink-ikodata:#6C48FF;--ink-ikochat:#0A7979;--ink-ikoma:#BB4514;--ink-ikoauth:#5C6D88;--ink-ikoflow:#527623;--ink-ikolead:#B63A91;--ink-ikofold:#786B50;--ink-ikocard:#3070A5;--ink-ikoads:#B9462F}[data-theme=dark]{--ink-ikotool:#F79099;--ink-ikodash:#87ADFC;--ink-ikodrive:#23C58C;--ink-ikobackup:#EE9C18;--ink-ikodata:#B3A0FF;--ink-ikochat:#11C1C1;--ink-ikoma:#F09873;--ink-ikoauth:#A3AEC0;--ink-ikoflow:#84BE38;--ink-ikolead:#DE97C9;--ink-ikofold:#B8AC95;--ink-ikocard:#82B3DB;--ink-ikoads:#E29C8E}@media(prefers-color-scheme:dark){[data-theme=auto]{--ink-ikotool:#F79099;--ink-ikodash:#87ADFC;--ink-ikodrive:#23C58C;--ink-ikobackup:#EE9C18;--ink-ikodata:#B3A0FF;--ink-ikochat:#11C1C1;--ink-ikoma:#F09873;--ink-ikoauth:#A3AEC0;--ink-ikoflow:#84BE38;--ink-ikolead:#DE97C9;--ink-ikofold:#B8AC95;--ink-ikocard:#82B3DB;--ink-ikoads:#E29C8E}}[data-product=ikotool]{--product: var(--hue-ikotool);--product-ink: var(--ink-ikotool);--product-name: "IKOTOOL"}[data-product=ikodash]{--product: var(--hue-ikodash);--product-ink: var(--ink-ikodash);--product-name: "IKODASH"}[data-product=ikodrive]{--product: var(--hue-ikodrive);--product-ink: var(--ink-ikodrive);--product-name: "IKODRIVE"}[data-product=ikobackup]{--product: var(--hue-ikobackup);--product-ink: var(--ink-ikobackup);--product-name: "IKOBACKUP"}[data-product=ikodata]{--product: var(--hue-ikodata);--product-ink: var(--ink-ikodata);--product-name: "IKODATA"}[data-product=ikochat]{--product: var(--hue-ikochat);--product-ink: var(--ink-ikochat);--product-name: "IKOCHAT"}[data-product=ikoma]{--product: var(--hue-ikoma);--product-ink: var(--ink-ikoma);--product-name: "IKOMA"}[data-product=ikoauth]{--product: var(--hue-ikoauth);--product-ink: var(--ink-ikoauth);--product-name: "IKOAUTH"}[data-product=ikoflow]{--product: var(--hue-ikoflow);--product-ink: var(--ink-ikoflow);--product-name: "IKOFLOW"}[data-product=ikolead]{--product: var(--hue-ikolead);--product-ink: var(--ink-ikolead);--product-name: "IKOLEAD"}[data-product=ikofold]{--product: var(--hue-ikofold);--product-ink: var(--ink-ikofold);--product-name: "IKOFOLD"}[data-product=ikocard]{--product: var(--hue-ikocard);--product-ink: var(--ink-ikocard);--product-name: "IKOCARD"}[data-product=ikoads]{--product: var(--hue-ikoads);--product-ink: var(--ink-ikoads);--product-name: "IKOADS"}:root{--grad-ikotool: linear-gradient(135deg, #FF7A6B 0%, #F0294A 48%, #A50E2E 100%);--grad-ikodash: linear-gradient(135deg, #7FB2FF 0%, #3A63EE 48%, #1E2FA8 100%);--grad-ikodrive: linear-gradient(135deg, #67E3B0 0%, #17A97C 48%, #07634F 100%);--grad-ikobackup: linear-gradient(135deg, #FFD08A 0%, #E29524 48%, #9A5510 100%);--grad-ikodata: linear-gradient(135deg, #BBA3FF 0%, #7A4BEE 48%, #3F1BA8 100%);--grad-ikochat: linear-gradient(135deg, #7BEBE0 0%, #17ADB4 48%, #0A5E76 100%);--grad-ikoma: linear-gradient(135deg, #FFB07A 0%, #F2653A 48%, #B32B36 100%);--grad-ikoauth: linear-gradient(135deg, #8FF9B8 0%, #1FC96E 48%, #075E36 100%);--grad-ikoflow: linear-gradient(135deg, #A9BAD6 0%, #5E7398 48%, #2E3C58 100%);--grad-ikolead: linear-gradient(135deg, #F7A0DA 0%, #C63A9E 48%, #711763 100%);--grad-ikofold: linear-gradient(135deg, #E3D2AE 0%, #A08760 48%, #5E4A32 100%);--grad-ikocard: linear-gradient(135deg, #8ECAF0 0%, #2E77B8 48%, #123F68 100%);--grad-ikoads: linear-gradient(135deg, #F7AE8C 0%, #D2603C 48%, #8A2B26 100%)}:root{--grad-sheen: linear-gradient(140deg, rgba(255,255,255,.38) 0%, rgba(255,255,255,0) 55%)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--ikn-font-sans);font-size:var(--text-base);line-height:var(--lh-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--dur-base) var(--ease),color var(--dur-base) var(--ease)}h1,h2,h3,h4{font-family:var(--ikn-font-display);font-weight:var(--fw-semibold);letter-spacing:var(--ls-tight);line-height:var(--lh-tight);margin:0}h1{font-size:var(--text-h1)}h2{font-size:var(--text-h2)}h3{font-size:var(--text-h3)}h4{font-size:var(--text-h4)}code,kbd,pre,samp,.ikn-mono{font-family:var(--ikn-font-mono)}.ikn-eyebrow{font-family:var(--ikn-font-mono);font-size:var(--text-xs);letter-spacing:var(--ls-wide);text-transform:uppercase;color:var(--text-muted)}:where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:var(--r-sm)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}:root{--rail-w: 268px;--panel-w: 360px;--topbar-h: 56px}html,body,#root{margin:0;height:100%}html{scrollbar-gutter:stable}body{font-family:var(--ikn-font-sans);background:var(--bg);color:var(--text);-webkit-tap-highlight-color:transparent}button,input,textarea,select{font:inherit;color:inherit}.mono{font-family:var(--ikn-font-mono);font-size:var(--text-xs)}.eyebrow{font-family:var(--ikn-font-mono);font-size:var(--text-xs);letter-spacing:var(--ls-wide);text-transform:uppercase;color:var(--text-muted);margin:0 0 .3rem}.muted{color:var(--text-muted)}.spin{animation:spin .9s linear infinite}.spin.big{width:28px;height:28px;color:var(--text-muted)}@keyframes spin{to{transform:rotate(360deg)}}.btn{display:inline-flex;align-items:center;gap:.45rem;border:1px solid var(--border-strong);background:var(--surface);color:var(--text);border-radius:var(--r-lg);padding:.5rem .85rem;cursor:pointer;text-decoration:none;font-size:var(--text-sm);transition:border-color var(--dur-fast) var(--ease),background var(--dur-fast) var(--ease)}.btn:hover:not(:disabled){border-color:var(--brand-line)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.primary{background:var(--brand);border-color:var(--brand);color:var(--brand-on)}.btn.primary:hover:not(:disabled){background:var(--brand-hover);border-color:var(--brand-hover)}.btn.secondary{background:var(--brand-wash);border-color:var(--brand-line);color:var(--brand-text)}.btn.ghost{background:transparent;border-color:transparent;color:var(--text-muted)}.btn.danger{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 45%,transparent);background:var(--danger-wash)}.btn.sm{padding:.3rem .6rem;font-size:var(--text-xs)}.btn.wide{width:100%;justify-content:center}.icon-btn{display:inline-grid;place-items:center;width:2rem;height:2rem;border-radius:var(--r-lg);border:1px solid transparent;background:transparent;color:var(--text-secondary);cursor:pointer;text-decoration:none;flex:none}.icon-btn:hover:not(:disabled){background:var(--surface-hover);color:var(--text)}.icon-btn:disabled{opacity:.35;cursor:not-allowed}.icon-btn.tiny{width:1.6rem;height:1.6rem;border-radius:var(--r-md)}.icon-btn.danger:hover{color:var(--danger);background:var(--danger-wash)}.segmented,.viewport-switch{display:inline-flex;border:1px solid var(--border-strong);border-radius:var(--r-lg);overflow:hidden;flex:none}.seg{border:0;background:transparent;padding:.4rem .6rem;cursor:pointer;color:var(--text-muted);display:inline-flex;align-items:center;font-size:var(--text-xs)}.seg+.seg{border-left:1px solid var(--border)}.seg.on{background:var(--brand-wash);color:var(--brand-text)}.segmented.small .seg{padding:.25rem .5rem}.badge{display:inline-flex;align-items:center;gap:.25rem;font-family:var(--ikn-font-mono);font-size:.68rem;text-transform:uppercase;letter-spacing:var(--ls-wide);padding:.2rem .5rem;border-radius:var(--r-full);border:1px solid var(--border);background:transparent;color:var(--text-muted);cursor:pointer}.badge.public{color:var(--success);border-color:color-mix(in srgb,var(--success) 40%,transparent);background:var(--success-wash)}.badge.private{color:var(--text-muted);background:var(--surface-sunken)}.tag{font-family:var(--ikn-font-mono);font-size:.66rem;text-transform:uppercase;letter-spacing:var(--ls-wide);border:1px solid var(--border);border-radius:var(--r-full);padding:.12rem .45rem;color:var(--text-muted)}.tag.cat{color:var(--brand-text);border-color:var(--brand-line);background:var(--brand-wash)}.field{display:grid;gap:.3rem;min-width:0}.field>span{font-size:var(--text-xs);color:var(--text-muted);font-family:var(--ikn-font-mono);letter-spacing:var(--ls-wide);text-transform:uppercase}.field input,.field textarea,.field select{border:1px solid var(--border-strong);background:var(--surface-raised);border-radius:var(--r-lg);padding:.5rem .7rem;width:100%;resize:vertical}.field input:disabled{color:var(--text-muted);background:var(--surface-sunken)}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.hint{font-size:var(--text-xs);color:var(--text-faint);margin:0}.form-error{color:var(--danger);font-size:var(--text-sm);margin:0}.boot{min-height:100vh;display:grid;place-items:center}.boot-card{display:flex;align-items:center;gap:.6rem;background:var(--surface);border:1px solid var(--border);padding:1rem 1.4rem;border-radius:var(--r-2xl);color:var(--text-muted)}.auth-page{min-height:100vh;display:grid;place-items:center;padding:2rem;background:radial-gradient(60rem 30rem at 50% -10%,var(--brand-wash),transparent 70%),var(--bg)}.auth-panel{width:min(28rem,100%);background:var(--surface);border:1px solid var(--border);border-radius:var(--r-2xl);padding:2rem;box-shadow:var(--shadow-lg);display:grid;gap:1.1rem}.brand{display:flex;align-items:center;gap:.85rem;color:var(--brand)}.brand h1{font-size:var(--text-2xl);color:var(--text)}.auth-lead{margin:0;color:var(--text-secondary)}.auth-error{display:flex;gap:.45rem;align-items:flex-start;color:var(--danger);background:var(--danger-wash);border:1px solid color-mix(in srgb,var(--danger) 30%,transparent);border-radius:var(--r-lg);padding:.6rem .75rem;font-size:var(--text-sm);margin:0}.auth-foot{margin:0;text-align:center;font-family:var(--ikn-font-mono);font-size:var(--text-xs);color:var(--text-faint)}.app{height:100%;display:flex;flex-direction:column}.topbar{height:var(--topbar-h);flex:none;display:flex;align-items:center;justify-content:space-between;padding:0 1rem;border-bottom:1px solid var(--border);background:var(--surface)}.brand-btn{display:flex;align-items:center;gap:.6rem;background:transparent;border:0;cursor:pointer;color:var(--brand);padding:.3rem;border-radius:var(--r-lg)}.brand-btn:hover{background:var(--surface-hover)}.brand-name{display:flex;flex-direction:column;align-items:flex-start;line-height:1.05}.brand-suite{font-family:var(--ikn-font-mono);font-size:.62rem;letter-spacing:var(--ls-wider);color:var(--text-muted)}.brand-app{font-family:var(--ikn-font-display);font-weight:var(--fw-semibold);font-size:var(--text-md);color:var(--text)}.topbar-right{display:flex;align-items:center;gap:.35rem}.user-chip{display:flex;align-items:center;gap:.5rem;border:1px solid var(--border);background:transparent;border-radius:var(--r-full);padding:.25rem .7rem .25rem .25rem;cursor:pointer}.user-chip:hover{border-color:var(--brand-line)}.user-name{font-size:var(--text-sm);max-width:10rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.avatar{width:1.7rem;height:1.7rem;border-radius:var(--r-full);display:grid;place-items:center;background:var(--brand-wash);color:var(--brand-text);font-weight:var(--fw-semibold);font-size:var(--text-xs);overflow:hidden;flex:none}.avatar img{width:100%;height:100%;object-fit:cover}.avatar.lg{width:3.5rem;height:3.5rem;font-size:var(--text-lg)}.main{flex:1;min-height:0;overflow:auto}.loading{display:flex;align-items:center;gap:.5rem;justify-content:center;padding:4rem;color:var(--text-muted)}.blank{display:grid;justify-items:center;gap:.4rem;padding:5rem 2rem;color:var(--text-muted);text-align:center}.blank p{margin:0}.sessions{max-width:var(--container-wide);margin:0 auto;padding:2rem 1.5rem 4rem}.sessions-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.75rem}.sessions-head h1{font-size:var(--text-h1)}.lead{color:var(--text-secondary);max-width:42rem;margin:.4rem 0 0}.session-create{display:grid;gap:.75rem;border:1px solid var(--border);background:var(--surface);border-radius:var(--r-2xl);padding:1.25rem;margin-bottom:1.75rem}.session-list{border:1px solid var(--border);border-radius:var(--r-2xl);overflow:hidden;background:var(--surface)}.session-row{display:grid;grid-template-columns:minmax(7rem,.9fr) minmax(8rem,1.6fr) 6.5rem 4.5rem 6.5rem 8.5rem 7rem 4rem;align-items:center;gap:.75rem;padding:.7rem 1rem;border-bottom:1px solid var(--border-subtle);cursor:pointer;transition:background var(--dur-fast) var(--ease)}.session-row:last-child{border-bottom:0}.session-row:hover:not(.head){background:var(--surface-hover)}.session-row:focus-visible{outline:none;box-shadow:inset 0 0 0 2px var(--brand)}.session-row.head{cursor:default;background:var(--surface-sunken);border-bottom-color:var(--border);font-family:var(--ikn-font-mono);font-size:.66rem;text-transform:uppercase;letter-spacing:var(--ls-wide);color:var(--text-faint)}.session-row>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.col-name{display:flex;flex-direction:column;line-height:1.25}.col-name strong{font-weight:var(--fw-semibold)}.col-name em{font-style:normal;font-family:var(--ikn-font-mono);font-size:.68rem;color:var(--text-faint)}.col-hosts{color:var(--text-muted)}.col-num{color:var(--text-secondary);text-align:right}.col-num em{font-style:normal;color:var(--text-faint)}.col-date{color:var(--text-faint)}.col-act{display:flex;align-items:center;justify-content:flex-end;gap:.2rem;overflow:visible}.col-act .chevron{color:var(--text-faint);flex:none}.session-row .icon-btn{opacity:0}.session-row:hover .icon-btn,.session-row:focus-within .icon-btn{opacity:1}.state{display:inline-block;font-family:var(--ikn-font-mono);font-size:.66rem;text-transform:uppercase;letter-spacing:var(--ls-wide);padding:.15rem .5rem;border-radius:var(--r-full);border:1px solid var(--border);color:var(--text-muted);background:var(--bg)}.state.open{color:var(--brand-text);border-color:var(--brand-line);background:var(--brand-wash)}.state.done{color:var(--success);border-color:color-mix(in srgb,var(--success) 40%,transparent);background:var(--success-wash)}.state.draft{color:var(--text-faint);background:var(--surface-sunken)}.col-report{display:flex;align-items:center;gap:.2rem;overflow:visible}.col-report .badge{text-decoration:none}.col-report a.badge:hover{border-color:var(--brand-line);color:var(--brand-text)}.col-report .icon-btn{opacity:0}.session-row:hover .col-report .icon-btn,.session-row:focus-within .col-report .icon-btn{opacity:1}.workspace{height:100%;display:flex;flex-direction:column}.workspace-head{flex:none;display:flex;align-items:center;gap:.75rem;padding:.7rem 1rem;border-bottom:1px solid var(--border);background:var(--surface)}.workspace-title{min-width:0;flex:1}.workspace-title h1{font-size:var(--text-lg);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspace-title p{margin:.1rem 0 0;color:var(--text-muted)}.workspace-actions{display:flex;gap:.5rem;flex:none}.workspace-error{margin:0;display:flex;align-items:center;gap:.4rem;padding:.5rem 1rem;background:var(--danger-wash);color:var(--danger);font-size:var(--text-sm)}.workspace-body{flex:1;min-height:0;display:grid;grid-template-columns:var(--rail-w) minmax(0,1fr) var(--panel-w)}.rail{border-right:1px solid var(--border);background:var(--surface);display:flex;flex-direction:column;min-height:0}.rail-head{display:flex;align-items:center;justify-content:space-between;padding:.75rem .6rem .75rem 1rem;border-bottom:1px solid var(--border-subtle)}.rail-head h2{font-size:var(--text-h4)}.rail-add{display:grid;gap:.5rem;padding:.75rem;border-bottom:1px solid var(--border-subtle);background:var(--bg)}.rail-add textarea{border:1px solid var(--border-strong);background:var(--surface-raised);border-radius:var(--r-lg);padding:.5rem .65rem;font-family:var(--ikn-font-mono);font-size:var(--text-xs);resize:vertical}.rail-error{margin:0;padding:.5rem 1rem;font-size:var(--text-xs);color:var(--warning);background:var(--warning-wash)}.rail-list{flex:1;overflow:auto;padding:.4rem}.rail-empty,.panel-empty{padding:2rem 1rem;color:var(--text-faint);font-size:var(--text-sm);text-align:center}.site-row{display:flex;align-items:center;border-radius:var(--r-lg);padding-right:.25rem}.site-row:hover{background:var(--surface-hover)}.site-row.active{background:var(--brand-wash)}.site-row.done .site-label{text-decoration:line-through;color:var(--text-faint)}.site-main{flex:1;min-width:0;display:flex;align-items:center;gap:.55rem;background:transparent;border:0;cursor:pointer;padding:.5rem .35rem .5rem .55rem;text-align:left}.site-num{color:var(--text-faint);flex:none}.site-text{min-width:0;display:grid}.site-label{font-size:var(--text-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.site-host{color:var(--text-faint);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.site-badge{flex:none;border:1px solid var(--brand-line);color:var(--brand-text);border-radius:var(--r-full);padding:.02rem .4rem}.site-actions{display:flex;gap:.1rem;opacity:0;flex:none}.site-row:hover .site-actions,.site-row.active .site-actions{opacity:1}.rail-foot{flex:none;display:flex;align-items:center;gap:.4rem;padding:.6rem 1rem;border-top:1px solid var(--border-subtle);color:var(--text-faint)}.browser{display:flex;flex-direction:column;min-width:0;min-height:0;background:var(--surface-sunken)}.empty-browser{display:grid;place-items:center}.empty-inner{text-align:center;color:var(--text-muted)}.browser-bar{flex:none;display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-bottom:1px solid var(--border);background:var(--surface)}.nav-buttons{display:flex;gap:.1rem;flex:none}.url-bar{flex:1;min-width:6rem;display:flex;align-items:center;gap:.4rem;border:1px solid var(--border-strong);background:var(--surface-raised);border-radius:var(--r-full);padding:.25rem .75rem}.url-bar input{flex:1;min-width:0;border:0;background:transparent;outline:none;font-family:var(--ikn-font-mono);font-size:var(--text-xs)}.browser-notice{margin:0;display:flex;align-items:center;gap:.4rem;padding:.4rem .9rem;font-size:var(--text-xs);background:var(--warning-wash);color:var(--warning)}.browser-stage{flex:1;min-height:0;overflow:auto;display:flex;justify-content:safe center;padding:1rem}.frame-wrap{position:relative;box-sizing:content-box;background:var(--ikn-white);border:1px solid var(--border-strong);border-radius:var(--r-xl);overflow:hidden;box-shadow:var(--shadow-md);flex:none}.frame-wrap iframe{border:0;display:block;background:#fff}.select-overlay{position:absolute;top:0;right:0;bottom:0;left:0;cursor:crosshair;background:#0a0b0e38;touch-action:none}.select-rect{position:absolute;border:2px solid var(--ikn-signal);background:#ef1a2d1f;box-shadow:0 0 0 9999px #0a0b0e47;pointer-events:none}.select-hint{position:absolute;left:50%;top:1.5rem;transform:translate(-50%);margin:0;background:var(--ikn-onyx);color:var(--ikn-ivory);border-radius:var(--r-full);padding:.35rem .9rem;font-size:var(--text-xs);pointer-events:none}.browser-foot{flex:none;display:flex;align-items:center;gap:1rem;padding:.4rem .9rem;border-top:1px solid var(--border);background:var(--surface);color:var(--text-faint)}.url-echo{margin-left:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:50%}.panel{border-left:1px solid var(--border);background:var(--surface);display:flex;flex-direction:column;min-height:0}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.75rem 1rem;border-bottom:1px solid var(--border-subtle)}.panel-head h2{font-size:var(--text-h4)}.panel-list{flex:1;overflow:auto;padding:.75rem;display:grid;gap:.75rem;align-content:start}.fb{border:1px solid var(--border);border-left:3px solid var(--border-strong);border-radius:var(--r-xl);background:var(--bg);padding:.7rem .8rem;display:grid;gap:.5rem}.fb.sev-blocker{border-left-color:var(--danger)}.fb.sev-major{border-left-color:var(--warning)}.fb.sev-minor{border-left-color:var(--info)}.fb.resolved{opacity:.55}.fb-head{display:flex;align-items:center;gap:.45rem}.fb-num{width:1.35rem;height:1.35rem;display:grid;place-items:center;border-radius:var(--r-full);background:var(--brand-wash);color:var(--brand-text);flex:none}.fb-head h3{flex:1;min-width:0;font-size:var(--text-sm);font-family:var(--ikn-font-sans);font-weight:var(--fw-semibold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fb-actions{display:flex;gap:.1rem;flex:none}.fb-shot{border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden;padding:0;background:var(--surface-sunken);cursor:zoom-in;display:block}.fb-shot img{display:block;width:100%;max-height:12rem;object-fit:cover;object-position:top center}.fb-tags{display:flex;flex-wrap:wrap;gap:.25rem}.fb-comment{margin:0;font-size:var(--text-sm);color:var(--text-secondary)}.fb-fix{margin:0;font-size:var(--text-sm);background:var(--brand-wash);border-left:2px solid var(--brand-line);border-radius:0 var(--r-md) var(--r-md) 0;padding:.45rem .6rem}.fix-label{display:block;font-family:var(--ikn-font-mono);font-size:.64rem;text-transform:uppercase;letter-spacing:var(--ls-wide);color:var(--brand-text);margin-bottom:.15rem}.fb-url{margin:0;color:var(--text-faint);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);background:#000000d9;display:grid;place-items:center;padding:2rem;cursor:zoom-out}.lightbox img{max-width:100%;max-height:100%}.modal-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);background:var(--scrim);display:grid;place-items:center;padding:1.5rem}.modal{width:min(46rem,100%);max-height:92vh;overflow:auto;background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--r-2xl);box-shadow:var(--shadow-lg)}.modal.narrow{width:min(30rem,100%)}.modal.annotate{width:min(78rem,100%)}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1.1rem 1.25rem;border-bottom:1px solid var(--border);position:sticky;top:0;background:var(--surface-raised);z-index:1}.modal-head h2{font-size:var(--text-xl)}.modal-actions{display:flex;justify-content:flex-end;gap:.5rem}.modal-actions.spread{justify-content:space-between}.profile-form,.report-form{display:grid;gap:.9rem;padding:1.25rem}.avatar-row{display:flex;align-items:center;gap:1rem}.avatar-actions{display:flex;gap:.4rem;flex-wrap:wrap}.theme-row{display:flex;align-items:center;justify-content:space-between;border:1px solid var(--border);border-radius:var(--r-lg);padding:.6rem .75rem;font-size:var(--text-sm)}.report-list{border-top:1px solid var(--border);padding:1.25rem;display:grid;gap:.6rem}.report-list h3{font-size:var(--text-h4);margin-bottom:.2rem}.report-row{display:flex;align-items:flex-start;gap:.75rem;border:1px solid var(--border);border-radius:var(--r-xl);padding:.7rem .85rem;background:var(--surface)}.report-row.expired{opacity:.5}.report-main{flex:1;min-width:0}.report-title{margin:0;font-weight:var(--fw-semibold);font-size:var(--text-sm)}.report-meta{margin:.15rem 0 .4rem;color:var(--text-faint)}.report-links{display:flex;flex-wrap:wrap;gap:.75rem}.link{display:inline-flex;align-items:center;gap:.25rem;background:transparent;border:0;padding:0;cursor:pointer;color:var(--brand-text);font-size:var(--text-xs);text-decoration:none}.link:hover{text-decoration:underline}.report-actions{display:flex;align-items:center;gap:.35rem;flex:none}.annotate-body{display:grid;grid-template-columns:minmax(0,1fr) 22rem;min-height:0}.annotate-canvas{border-right:1px solid var(--border);display:flex;flex-direction:column;min-width:0}.tools{display:flex;align-items:center;gap:.25rem;padding:.6rem .75rem;border-bottom:1px solid var(--border-subtle);flex-wrap:wrap}.tool{width:2rem;height:2rem;display:grid;place-items:center;border:1px solid transparent;background:transparent;border-radius:var(--r-lg);cursor:pointer;color:var(--text-secondary)}.tool:hover:not(:disabled){background:var(--surface-hover)}.tool.on{background:var(--brand-wash);color:var(--brand-text);border-color:var(--brand-line)}.tool:disabled{opacity:.35;cursor:not-allowed}.tool-sep{width:1px;height:1.4rem;background:var(--border);margin:0 .3rem}.swatch{width:1.3rem;height:1.3rem;border-radius:var(--r-full);border:2px solid transparent;cursor:pointer;padding:0;box-shadow:inset 0 0 0 1px var(--border-strong)}.swatch.on{border-color:var(--text)}.canvas-wrap{flex:1;min-height:0;overflow:auto;background:var(--surface-sunken);display:grid;place-items:center;padding:1rem}.canvas-wrap canvas{max-width:100%;cursor:crosshair;border:1px solid var(--border);border-radius:var(--r-lg);background:#fff;box-shadow:var(--shadow-sm)}.annotate-form{display:flex;flex-direction:column;gap:.75rem;padding:1rem;overflow:auto}.annotate-form .modal-actions{margin-top:auto}.capture-meta{margin:0;color:var(--text-faint)}.capture-url{margin:0;color:var(--text-muted);word-break:break-all}.quote{margin:0;font-style:italic;color:var(--text-muted);font-size:var(--text-sm)}.selector{margin:0;color:var(--text-faint);word-break:break-all;background:var(--surface-sunken);border-radius:var(--r-md);padding:.3rem .45rem}.workspace.immersive{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-drawer);background:var(--bg)}.workspace.immersive .workspace-body{grid-template-columns:minmax(0,1fr)}.browser.immersive .browser-bar{background:color-mix(in srgb,var(--surface) 92%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.browser.immersive .browser-stage{padding:0}.browser.immersive .frame-wrap{border-radius:0;border-width:0;box-shadow:none}.zoom-select,.site-select{border:1px solid var(--border-strong);background:var(--surface-raised);border-radius:var(--r-lg);padding:.3rem .4rem;font-size:var(--text-xs);flex:none}.site-select{max-width:14rem}.countdown{font-family:var(--ikn-font-mono);font-size:var(--text-sm);color:var(--brand-text)}.share{display:inline-flex;align-items:center;gap:.25rem;flex:none}.share.on{color:var(--success)}.notice-close{margin-left:auto;border:0;background:transparent;color:inherit;text-decoration:underline;cursor:pointer;font-size:var(--text-xs)}.freeze{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-toast);background:var(--ikn-onyx)}.freeze-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:fill;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.freeze-overlay{position:absolute;top:0;right:0;bottom:0;left:0;cursor:crosshair;background:#0a0b0e47;touch-action:none}.freeze-overlay .select-hint{top:auto;bottom:2rem}.freeze-overlay kbd{font-family:var(--ikn-font-mono);font-size:.72rem;border:1px solid var(--ikn-mute);border-radius:var(--r-sm);padding:0 .25rem}kbd{font-family:var(--ikn-font-mono);font-size:.75rem;border:1px solid var(--border-strong);border-radius:var(--r-sm);padding:0 .25rem;margin:0 .15rem}.fb-context{flex:1;color:var(--text-faint);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.field.grow{flex:1}.field.grow textarea{min-height:9rem;resize:vertical}.context{border:1px solid var(--border);border-radius:var(--r-lg);background:var(--surface);padding:.5rem .7rem}.context summary{cursor:pointer;font-family:var(--ikn-font-mono);font-size:var(--text-xs);letter-spacing:var(--ls-wide);text-transform:uppercase;color:var(--text-muted)}.context dl{display:grid;grid-template-columns:auto 1fr;gap:.25rem .7rem;margin:.7rem 0 .2rem;font-size:var(--text-xs);align-items:baseline}.context dt{font-family:var(--ikn-font-mono);font-size:.66rem;text-transform:uppercase;letter-spacing:var(--ls-wide);color:var(--text-faint);white-space:nowrap}.context dd{margin:0;color:var(--text-muted);min-width:0}.break{word-break:break-all}@media(max-width:1280px){:root{--panel-w: 300px;--rail-w: 224px}}@media(max-width:1024px){.workspace-body{grid-template-columns:1fr;grid-template-rows:auto minmax(24rem,1fr) auto;overflow:auto}.rail,.panel{border:0;border-bottom:1px solid var(--border);max-height:22rem}.annotate-body{grid-template-columns:1fr}.annotate-canvas{border-right:0;border-bottom:1px solid var(--border)}}@media(max-width:1100px){.session-row{grid-template-columns:minmax(6rem,.9fr) minmax(7rem,1.5fr) 6.5rem 8.5rem 4rem}.session-row .col-num,.session-row .col-date{display:none}}@media(max-width:720px){.sessions-head{flex-direction:column}.session-row{grid-template-columns:minmax(0,1fr) 6.5rem 3rem}.session-row .col-hosts,.session-row .col-report,.session-row.head{display:none}.field-row{grid-template-columns:1fr}.workspace-head{flex-wrap:wrap}.workspace-actions{width:100%}.user-name{display:none}}