@font-face{font-family:'HeyMeow Rnd';src:url('./HeyMeow Rnd/VAR/[VAR] HeyMeow Rnd/HeyMeow Rnd VF.woff2') format('woff2-variations'),url('./HeyMeow Rnd/VAR/[VAR] HeyMeow Rnd/HeyMeow Rnd VF.woff') format('woff-variations');font-weight:100 900;font-style:normal;font-display:swap;}@font-face{font-family:'BarkAda';src:url('./BarkAda/VAR/BarkAda VF.woff2') format('woff2-variations'),url('./BarkAda/VAR/BarkAda VF.woff') format('woff-variations');font-weight:100 900;font-style:normal;font-display:swap;}:root{--bg:#F8F9FB;--sidebar-bg:#FFFFFF;--surface:#FFFFFF;--border:#E8E9ED;--border-2:#D0D3D9;--text:#111111;--text-2:#3A3E47;--muted:#646A78;--accent:#1A56DB;--accent-light:#EEF2FF;--navy:#0F2B5B;--ready-fg:#166534;--ready-bg:#DCFCE7;--refine-fg:#92400E;--refine-bg:#FEF3C7;--rework-fg:#991B1B;--rework-bg:#FEE2E2;--na-fg:#525766;--na-bg:#F3F4F7;--fix-fg:#92400E;--fix-bg:#FEF3C7;--font-heading:'HeyMeow Rnd',system-ui,sans-serif;--font-body:'BarkAda',system-ui,sans-serif;--font-mono:ui-monospace,'SF Mono','Fira Code','Monaco',monospace;--text-xs:12px;--text-md:14px;--text-sm:16px;--text-base:18px;--text-lg:22px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--sidebar-w:240px;--content-max:860px;--radius:12px;--radius-lg:16px;--code-bg:#E4E6ED;--code-fg:#1A1D24;--card-bg:#FFFFFF;--thead-bg:#F5F6F9;--thead-fg:#adb2c2;--row-border:#EDEEF2;--sidebar-border:#E2E4E9;--verdict-bg:#FEFCE8;--verdict-border:#FDE68A;--verdict-title:#854D0E;--resolved-bg:#F0FDF4;--resolved-border:#BBF7D0;--resolved-code-bg:#DCFCE7;--resolved-code-fg:#166534;--issue-bg:#FEFCE8;--issue-border:#FDE68A;--issue-code-bg:#FEF3C7;--issue-code-fg:#92400E;--tab-bg:#F3F3F6;--tab-border:#E2E4E9;--tab-pill:#1B1B1D;--tab-fg:#646A78;--tab-fg-hover:#3A3E47;--tab-fg-active:#FFFFFF;}[data-theme="dark"]{--bg:#141414;--sidebar-bg:#1C1C1C;--surface:#1C1C1C;--border:#2E2E2E;--border-2:#3D3D3D;--text:#F0F0F0;--text-2:#A3A3A3;--muted:#737373;--accent:#6B9AEF;--accent-light:rgba(107,154,239,0.1);--navy:#6B9AEF;--ready-fg:#4ADE80;--ready-bg:rgba(74,222,128,0.1);--refine-fg:#FBBF24;--refine-bg:rgba(251,191,36,0.1);--rework-fg:#F87171;--rework-bg:rgba(248,113,113,0.1);--na-fg:#737373;--na-bg:rgba(115,115,115,0.1);--fix-fg:#FBBF24;--fix-bg:rgba(251,191,36,0.1);--code-bg:#262626;--code-fg:#D4D4D4;--card-bg:#1C1C1C;--thead-bg:#1C1C1C;--thead-fg:#A3A3A3;--row-border:#262626;--sidebar-border:#2E2E2E;--verdict-bg:rgba(251,191,36,0.06);--verdict-border:rgba(251,191,36,0.15);--verdict-title:#FBBF24;--resolved-bg:rgba(74,222,128,0.06);--resolved-border:rgba(74,222,128,0.15);--resolved-code-bg:rgba(74,222,128,0.1);--resolved-code-fg:#4ADE80;--issue-bg:rgba(251,191,36,0.06);--issue-border:rgba(251,191,36,0.15);--issue-code-bg:rgba(251,191,36,0.1);--issue-code-fg:#FBBF24;--tab-bg:#262626;--tab-border:#2E2E2E;--tab-pill:#FFFFFF;--tab-fg:#737373;--tab-fg-hover:#A3A3A3;--tab-fg-active:#1B1B1D;}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}html{font-size:var(--text-sm);}code{font-family:var(--font-mono);font-size:12px;font-weight:600;background:var(--code-bg);color:var(--code-fg);padding:1px 5px;border-radius:3px;}body{font-family:var(--font-body);background:var(--bg);color:var(--text);line-height:1.6;min-height:100vh;}.topbar{display:none;position:fixed;top:0;left:0;right:0;height:48px;background:var(--sidebar-bg);border-bottom:1px solid var(--border);padding:0 var(--space-4);align-items:center;gap:var(--space-3);z-index:150;}.topbar-hamburger{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:none;border:none;cursor:pointer;color:var(--text);border-radius:var(--radius);transition:background 0.1s ease;}.topbar-hamburger:hover{background:var(--bg);}.topbar-title{font-family:var(--font-heading);font-size:var(--text-sm);font-weight:600;color:var(--text);letter-spacing:-0.02em;}.topbar-right{margin-left:auto;display:flex;align-items:center;gap:var(--space-3);}.topbar-version{font-family:var(--font-mono);font-size:12px;color:var(--muted);background:var(--bg);padding:2px 6px;border-radius:var(--radius);}.sidebar-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,0.3);z-index:99;opacity:0;transition:opacity 0.2s ease;}.sidebar-overlay.open{display:block;opacity:1;}.sidebar{position:fixed;top:0;left:0;width:var(--sidebar-w);height:100vh;background:var(--sidebar-bg);border-right:1px solid var(--border);display:flex;flex-direction:column;overflow-y:auto;z-index:100;}.sidebar::-webkit-scrollbar{width:0;}a.sidebar-brand{display:block;padding:20px 16px 16px;border-bottom:1px solid var(--border);flex-shrink:0;text-decoration:none;color:inherit;}.sidebar-brand-row{display:flex;align-items:center;gap:var(--space-3);}.sidebar-logo{width:32px;height:32px;background:var(--accent);border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}.sidebar-brand-text{display:flex;flex-direction:column;gap:0;}.sidebar-brand-title-row{display:flex;align-items:baseline;gap:var(--space-2);}.sidebar-wordmark{font-family:var(--font-heading);font-size:var(--text-sm);font-weight:600;color:var(--text);letter-spacing:-0.02em;line-height:1.2;}.sidebar-version{font-family:var(--font-mono);font-size:10px;color:var(--muted);background:var(--bg);padding:2px 6px;border-radius:6px;letter-spacing:0;}.sidebar-brand-sub{font-size:12px;color:var(--muted);line-height:1.3;opacity:0.7;}.sidebar-nav{flex:1;padding:var(--space-3) var(--space-2);overflow-y:auto;}.sidebar-section-label{font-size:12px;font-weight:500;letter-spacing:0.04em;text-transform:uppercase;color:var(--muted);opacity:0.6;padding:var(--space-4) var(--space-3) var(--space-2);}.nav-section-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:12px var(--space-3);margin-top:2px;font-family:var(--font-body);font-size:var(--text-sm);font-weight:400;color:var(--muted);background:none;border:none;cursor:pointer;text-align:left;border-radius:6px;transition:background 0.08s ease,color 0.08s ease;}.nav-section-toggle:hover{background:rgba(100,106,120,0.06);color:var(--text);}.nav-section-toggle.active{background:var(--accent-light);color:var(--accent);font-weight:500;}[data-theme="dark"] .nav-section-toggle:hover{background:rgba(255,255,255,0.04);}.nav-section-chevron{flex-shrink:0;opacity:0.4;transition:transform 0.15s ease,opacity 0.15s ease;}.nav-section-toggle:hover .nav-section-chevron{opacity:0.7;}.nav-section-toggle.open .nav-section-chevron{transform:rotate(0deg);}.nav-section-toggle:not(.open) .nav-section-chevron{transform:rotate(-90deg);}.nav-section-list{overflow:hidden;max-height:0;transition:max-height 0.2s ease;}.nav-section-list.open{max-height:1000px;}.nav-item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-3);font-size:var(--text-sm);font-family:var(--font-body);font-weight:400;color:var(--muted);text-decoration:none;cursor:pointer;border:none;background:transparent;width:100%;text-align:left;border-radius:6px;transition:background 0.08s ease,color 0.08s ease;line-height:1.4;margin-bottom:1px;}.nav-item:hover{background:rgba(100,106,120,0.06);color:var(--text);}.nav-item.active{background:var(--accent-light);color:var(--accent);font-weight:500;}[data-theme="dark"] .nav-item:hover{background:rgba(255,255,255,0.04);}[data-theme="dark"] .nav-item.active{background:rgba(107,154,239,0.08);color:var(--accent);}.nav-dot{display:none;}.nav-comp{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-3) var(--space-3) var(--space-6);cursor:pointer;border:none;background:transparent;width:100%;text-align:left;border-radius:6px;transition:background 0.08s ease;margin-bottom:1px;}.nav-comp:hover{background:rgba(100,106,120,0.06);}.nav-comp.active{background:var(--accent-light);}[data-theme="dark"] .nav-comp:hover{background:rgba(255,255,255,0.04);}[data-theme="dark"] .nav-comp.active{background:rgba(107,154,239,0.08);}.nav-comp-icon{display:none;}.nav-comp-body{flex:1;min-width:0;}.nav-comp-name{font-family:var(--font-body);font-size:var(--text-sm);font-weight:400;color:var(--muted);line-height:1.3;transition:color 0.08s ease;}.nav-comp:hover .nav-comp-name{color:var(--text);}.nav-comp.active .nav-comp-name{color:var(--accent);font-weight:500;}.nav-comp-status{width:6px;height:6px;border-radius:50%;flex-shrink:0;opacity:0.8;margin-left:auto;margin-right:1px;}.nav-comp-status.ready{background:#16A34A;}.nav-comp-status.fix{background:#D97706;}.nav-comp-status.refine{background:#D97706;}.nav-comp-status.rework{background:#DC2626;}.nav-comp-status.na{background:var(--border-2);}.nav-group{margin-top:2px;}.nav-group-toggle{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-3) var(--space-3) var(--space-6);cursor:pointer;border:none;background:transparent;width:100%;text-align:left;border-radius:6px;transition:background 0.08s ease;}.nav-group-toggle:hover{background:rgba(100,106,120,0.06);}[data-theme="dark"] .nav-group-toggle:hover{background:rgba(255,255,255,0.04);}.nav-group-toggle .nav-comp-name{font-family:var(--font-body);font-size:var(--text-sm);font-weight:400;color:var(--muted);line-height:1.3;}.nav-group-toggle .nav-group-chevron{flex-shrink:0;opacity:0.4;transition:transform 0.15s ease,opacity 0.15s ease;}.nav-group-toggle:hover .nav-group-chevron{opacity:0.7;}.nav-group-toggle.open .nav-group-chevron{transform:rotate(0deg);}.nav-group-toggle:not(.open) .nav-group-chevron{transform:rotate(-90deg);}.nav-group-list{overflow:hidden;max-height:500px;transition:max-height 0.2s ease;}.nav-group-list:not(.open){max-height:0;}.nav-group-list .nav-comp{padding-left:calc(var(--space-6) + 14px);}.nav-group-label{display:none;}.sidebar-footer{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-top:1px solid var(--border);flex-shrink:0;}.sidebar-footer-text{font-size:var(--text-xs);color:var(--muted);opacity:0.6;}.theme-toggle-sm{width:36px;height:22px;}.theme-toggle-sm .theme-toggle-track{border-radius:11px;}.theme-toggle-sm .theme-toggle-knob{width:16px;height:16px;top:3px;left:3px;}.theme-toggle-sm input:checked~.theme-toggle-knob{transform:translateX(14px);}.main{margin-left:var(--sidebar-w);min-height:100vh;background:var(--surface);}.panel{display:none;}.panel.active{display:block;animation:panelFadeIn 0.2s ease;}@keyframes panelFadeIn{from{opacity:0;transform:translateY(4px);}to{opacity:1;transform:translateY(0);}}.content-wrap{max-width:var(--content-max);margin:0 auto;padding:var(--space-10) var(--space-12) 80px;}.back-btn{display:inline-flex;align-items:center;gap:var(--space-1);margin-bottom:var(--space-8);font-size:var(--text-sm);font-weight:500;color:var(--muted);text-decoration:none;background:none;border:none;padding:0;cursor:pointer;font-family:var(--font-body);transition:color 0.15s ease;}.back-btn:hover{color:var(--text);}.back-btn svg{flex-shrink:0;transition:transform 0.15s ease;}.back-btn:hover svg{transform:translateX(-3px);}.page-header{margin-bottom:var(--space-8);}.page-header-top{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-1);}.page-header-title{font-family:var(--font-heading);font-size:var(--text-lg);font-weight:600;color:var(--text);letter-spacing:-0.02em;line-height:1.2;}.page-header-count{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:500;color:var(--muted);background:var(--bg);padding:1px 8px;border-radius:999px;border:1px solid var(--border);}.page-header-desc{font-size:var(--text-sm);color:var(--muted);margin-bottom:var(--space-3);line-height:1.5;}.page-header-meta{display:flex;align-items:center;gap:var(--space-4);}.page-header-stat{display:flex;align-items:center;gap:6px;font-size:var(--text-xs);color:var(--muted);}.page-header-stat-dot{width:6px;height:6px;border-radius:50%;}.stat-amber{background:#D97706;}.stat-green{background:#16A34A;}.comp-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);margin-bottom:var(--space-12);}.cover{display:none;}.cover-eyebrow,.cover-title,.cover-subtitle,.cover-tags{display:none;}.cover-meta-item{font-size:var(--text-xs);color:var(--muted);}.cover-meta-item strong{color:var(--text-2);font-weight:600;}.page-section{margin-bottom:var(--space-12);}.section-heading{font-family:var(--font-heading);font-size:var(--text-base);font-weight:600;color:var(--text);letter-spacing:-0.01em;margin-bottom:var(--space-2);}.section-desc{font-size:var(--text-sm);color:var(--muted);margin-bottom:var(--space-4);line-height:1.65;}.how-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);margin-top:var(--space-4);}.how-card{background:#F1F1F4;border:none;border-radius:var(--radius-lg);padding:var(--space-6);}[data-theme="dark"] .how-card{background:#262626;}.how-step{font-family:var(--font-heading);font-size:var(--text-xs);font-weight:600;letter-spacing:0.04em;text-transform:capitalize;color:var(--accent);margin-bottom:var(--space-2);}.how-title{font-family:var(--font-heading);font-size:var(--text-base);font-weight:600;color:var(--text);margin-bottom:var(--space-1);}.how-desc{font-size:var(--text-sm);color:var(--muted);line-height:1.6;}.how-desc code{font-family:var(--font-mono);font-size:var(--text-xs);background:var(--code-bg);padding:1px 4px;border-radius:3px;color:var(--code-fg);}.table-wrap{overflow:hidden;border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--border);}table{width:100%;border-collapse:collapse;font-size:var(--text-sm);}thead th{background:var(--thead-bg);padding:var(--space-3) var(--space-4);text-align:left;font-size:var(--text-xs);font-weight:600;color:var(--thead-fg);letter-spacing:0.06em;text-transform:uppercase;white-space:nowrap;}thead th:first-child{border-radius:var(--radius-lg) 0 0 0;}thead th:last-child{border-radius:0 var(--radius-lg) 0 0;}tbody td{padding:var(--space-3) var(--space-4);border-top:1px solid var(--row-border);vertical-align:top;font-size:14px;color:var(--text-2);}tbody tr:first-child td{border-top:none;}tbody tr:last-child td:first-child{border-radius:0 0 0 var(--radius-lg);}tbody tr:last-child td:last-child{border-radius:0 0 var(--radius-lg) 0;}td.mono,th.mono{font-family:var(--font-mono);font-size:var(--text-xs);}td.center{text-align:center;}td.muted{color:var(--muted);font-size:14px;}td code,td .mono-inline{font-family:var(--font-mono);font-size:var(--text-xs);background:var(--code-bg);padding:1px 5px;border-radius:3px;color:var(--code-fg);}.col-id{width:48px;}.col-sm{width:80px;}.col-md{width:160px;}.col-badge{width:120px;}.badge{display:inline-flex;align-items:center;padding:2px var(--space-2);border-radius:999px;font-size:14px;font-weight:600;letter-spacing:normal;white-space:nowrap;}.badge-ready{background:var(--ready-bg);color:var(--ready-fg);}.badge-refine{background:var(--refine-bg);color:var(--refine-fg);}.badge-rework{background:var(--rework-bg);color:var(--rework-fg);}.badge-na{background:var(--na-bg);color:var(--na-fg);}.badge-fix{background:var(--fix-bg);color:var(--fix-fg);}.badge-empty{background:var(--na-bg);color:var(--na-fg);}.check{color:var(--ready-fg);font-weight:700;}.cross{color:var(--rework-fg);font-weight:700;}.dash{color:var(--muted);}.summary-grid{display:none;}.summary-card{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;text-decoration:none;color:inherit;cursor:pointer;transition:border-color 0.1s ease,transform 0.1s ease;}.summary-card:hover{border-color:#C0C0C0;transform:translateY(-1px);}[data-theme="dark"] .summary-card:hover{border-color:#525252;}.summary-card-preview{display:flex;align-items:center;justify-content:center;height:96px;background:var(--thead-bg);border-bottom:1px solid var(--border);color:var(--text);}.summary-card-body{padding:var(--space-6);}.summary-card-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-1);}.summary-card-name{font-family:var(--font-heading);font-size:var(--text-sm);font-weight:500;color:var(--text);}.summary-card-desc{font-size:var(--text-xs);color:var(--muted);line-height:1.5;}.summary-card-row{display:none;}.summary-card-badges{display:none;}.summary-card-finding{display:none;}.comp-header{padding:var(--space-2) 0 var(--space-8);border-bottom:1px solid var(--border);margin-bottom:var(--space-10);}.comp-header-icon{display:none;}.comp-header-body{flex:1;}.verdict-inline{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border-radius:12px;margin-top:20px;border:none;}.verdict-inline-icon{display:none;}.verdict-inline-body{flex:1;min-width:0;}.verdict-inline-title{font-family:var(--font-body);font-size:14px;font-weight:600;line-height:1.4;letter-spacing:-0.01em;}.verdict-inline-text{font-size:14px;line-height:1.5;margin-top:2px;}.verdict-inline-text code{font-family:var(--font-mono);font-size:12.5px;color:inherit;background:none;padding:0;border:none;border-radius:0;}.verdict-fix{background:#FBF4EC;color:#6E4B25;}.verdict-fix .verdict-inline-icon{color:#C67E38;}.verdict-fix .verdict-inline-text{color:#8C6A42;}.verdict-refine{background:#F0F4FA;color:#3B4F6E;}.verdict-refine .verdict-inline-icon{color:#5B8AD0;}.verdict-refine .verdict-inline-text{color:#5A6B82;}.verdict-rework{background:#FBF0EF;color:#6E3331;}.verdict-rework .verdict-inline-icon{color:#C45650;}.verdict-rework .verdict-inline-text{color:#8A5250;}.verdict-ready{background:#EFF7F1;color:#2D5A3A;}.verdict-ready .verdict-inline-icon{color:#4A9E63;}.verdict-ready .verdict-inline-text{color:#4A7256;}[data-theme="dark"] .verdict-fix{background:#2A2118;color:#D4B88A;}[data-theme="dark"] .verdict-fix .verdict-inline-icon{color:#D4A05A;}[data-theme="dark"] .verdict-fix .verdict-inline-text{color:#B8A080;}[data-theme="dark"] .verdict-refine{background:#1A2030;color:#A0B4D0;}[data-theme="dark"] .verdict-refine .verdict-inline-icon{color:#7BA3D6;}[data-theme="dark"] .verdict-refine .verdict-inline-text{color:#8899AE;}[data-theme="dark"] .verdict-rework{background:#2A1A1A;color:#D4A0A0;}[data-theme="dark"] .verdict-rework .verdict-inline-icon{color:#D07070;}[data-theme="dark"] .verdict-rework .verdict-inline-text{color:#B89090;}[data-theme="dark"] .verdict-ready{background:#1A2A1E;color:#A0D4A8;}[data-theme="dark"] .verdict-ready .verdict-inline-icon{color:#70C080;}[data-theme="dark"] .verdict-ready .verdict-inline-text{color:#88B890;}.comp-name{font-family:var(--font-heading);font-size:48px;font-weight:600;color:var(--text);letter-spacing:-0.02em;display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2);}.comp-name .comp-figma-link{margin-left:auto;}.comp-figma-link{display:inline-flex;align-items:center;gap:2px;font-family:var(--font-body);font-size:16px;font-weight:500;color:var(--accent);text-decoration:none;letter-spacing:0;white-space:nowrap;}.comp-figma-link:hover{opacity:0.8;}.comp-figma-link svg{width:20px;height:20px;flex-shrink:0;}.comp-name-tag{font-size:var(--text-xs);font-weight:600;color:var(--ready-fg);background:var(--ready-bg);padding:2px var(--space-2);border-radius:999px;}.comp-meta{display:flex;flex-wrap:wrap;gap:var(--space-6);}.sub-heading{display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-heading);font-size:32px;font-weight:600;color:var(--text);margin-bottom:var(--space-3);margin-top:var(--space-12);letter-spacing:-0.01em;}.changelog{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;margin-bottom:var(--space-2);}.changelog-header{padding:var(--space-2) var(--space-4);font-size:var(--text-xs);font-weight:600;color:var(--muted);background:var(--thead-bg);border-bottom:1px solid var(--border);letter-spacing:0.02em;}.changelog-row{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--row-border);}.changelog-row:last-child{border-bottom:none;}.changelog-body{flex:1;font-size:14px;color:var(--text-2);line-height:1.65;}.changelog-body strong{color:var(--text);}.changelog-body code{font-family:var(--font-mono);font-size:var(--text-xs);background:var(--code-bg);padding:1px 4px;border-radius:3px;color:var(--code-fg);}.changelog-delta{flex-shrink:0;font-size:14px;font-weight:600;padding:2px var(--space-2);border-radius:999px;white-space:nowrap;align-self:flex-start;margin-top:2px;}.delta-resolved{background:var(--ready-bg);color:var(--ready-fg);}.delta-partial{background:#FEF9EC;color:#92712A;}.delta-open{background:var(--refine-bg);color:var(--refine-fg);}.tag-fixed{display:inline-flex;align-items:center;font-size:14px;font-weight:600;padding:2px var(--space-2);border-radius:999px;background:var(--ready-bg);color:var(--ready-fg);margin-left:var(--space-1);}.tag-open{display:inline-flex;align-items:center;font-size:14px;font-weight:600;padding:2px var(--space-2);border-radius:999px;background:var(--refine-bg);color:var(--refine-fg);margin-left:var(--space-1);}.phase-divider{display:flex;align-items:center;gap:var(--space-3);margin:var(--space-12) 0 var(--space-8);}.phase-divider-line{flex:1;height:1px;background:var(--border);}.phase-label{font-size:var(--text-xs);font-weight:600;padding:var(--space-1) var(--space-3);border-radius:999px;white-space:nowrap;}.phase-1{background:var(--accent-light);color:var(--accent);border:1px solid #C8DCF8;}.phase-2{background:#DCFCE7;color:#166534;border:1px solid #BBF7D0;}.verdict-card{background:var(--verdict-bg);border:1px solid var(--verdict-border);border-radius:var(--radius-lg);margin-bottom:var(--space-6);overflow:hidden;}.verdict-card-trigger{width:100%;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-4);background:none;border:none;cursor:pointer;text-align:left;font-family:inherit;}.verdict-card-trigger-body{display:flex;flex-direction:column;flex:1;}.verdict-card-eyebrow{font-size:14px;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;color:#BE9F74;margin-bottom:6px;}.verdict-card-trigger:hover{background:rgba(0,0,0,0.03);}[data-theme="dark"] .verdict-card-trigger:hover{background:rgba(255,255,255,0.04);}.verdict-card-title{font-family:var(--font-heading);font-size:var(--text-sm);font-weight:600;color:var(--verdict-title);line-height:1.4;flex:1;}.verdict-chevron{flex-shrink:0;color:var(--muted);transition:transform 0.2s ease;}.verdict-card-trigger[aria-expanded="true"] .verdict-chevron{transform:rotate(180deg);}.verdict-card-body{font-size:var(--text-sm);color:var(--muted);line-height:1.65;padding:var(--space-4) var(--space-4);border-top:1px solid var(--verdict-border);}.verdict-card-body[hidden]{display:none;}.trait-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);margin-top:var(--space-1);}.trait-card{background:#F3F3F6;border:none;border-radius:var(--radius-lg);padding:var(--space-6);}[data-theme="dark"] .trait-card{background:#262626;}.trait-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-2);}.trait-status{font-size:14px;font-weight:600;letter-spacing:0.04em;text-transform:capitalize;padding:2px var(--space-2);border-radius:999px;}.trait-card.pass .trait-status{color:var(--ready-fg);background:var(--ready-bg);}.trait-card.partial .trait-status{color:var(--accent);background:var(--accent-light);}.trait-card.warn .trait-status{color:var(--refine-fg);background:var(--refine-bg);}.trait-card.fail .trait-status{color:var(--rework-fg);background:var(--rework-bg);}.trait-name{font-family:var(--font-heading);font-size:var(--text-base);font-weight:600;color:var(--text);}.trait-note{font-size:var(--text-sm);color:var(--muted);line-height:1.6;}.trait-note code{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600;background:var(--code-bg);padding:1px 4px;border-radius:3px;color:var(--code-fg);}.issue-block{margin-bottom:var(--space-3);}.issue-title{font-size:var(--text-sm);font-weight:600;color:var(--text);margin-bottom:var(--space-2);}.infobox{border-radius:var(--radius-lg);padding:var(--space-4);font-size:var(--text-xs);line-height:1.65;}.infobox p{margin-bottom:var(--space-2);}.infobox p:last-child{margin-bottom:0;}.infobox code{font-family:var(--font-mono);font-size:var(--text-xs);padding:1px 4px;border-radius:3px;}.infobox-resolved{background:var(--resolved-bg);border:1px solid var(--resolved-border);color:var(--muted);}.infobox-resolved code{background:var(--resolved-code-bg);color:var(--resolved-code-fg);}.infobox-status{background:var(--issue-bg);border:1px solid var(--issue-border);color:var(--muted);}.infobox-issue{background:var(--issue-bg);border:1px solid var(--issue-border);color:var(--muted);}.infobox-issue code{background:var(--issue-code-bg);color:var(--issue-code-fg);}.infobox-code{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4);margin:var(--space-4) 0;}.label-resolved{font-weight:700;color:var(--ready-fg);margin-right:var(--space-1);}.label-status{font-weight:700;color:var(--refine-fg);}.label-issue{font-weight:700;color:var(--refine-fg);margin-right:var(--space-1);}.label-rec{font-weight:700;color:var(--accent);margin-right:var(--space-1);}.cc-group{margin-bottom:var(--space-4);}.cc-group-label{font-size:var(--text-sm);font-weight:700;color:var(--text);margin-bottom:var(--space-2);}.cc-group-dim{font-weight:400;color:var(--muted);font-size:var(--text-xs);margin-left:4px;}.style-colors{margin:var(--space-4) 0 var(--space-8);padding:var(--space-6);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);}.style-colors-title{font-size:var(--text-sm);font-weight:700;color:var(--text);margin-bottom:4px;}.style-colors-desc{font-size:var(--text-xs);color:var(--muted);line-height:1.5;margin-bottom:var(--space-4);}.style-colors-desc code{font-family:var(--font-mono);font-size:inherit;color:inherit;background:none;padding:0;border:none;}.style-colors .table-wrap{margin:0 0 var(--space-3);}.style-colors-tokens{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding-top:var(--space-3);border-top:1px solid var(--border);}.style-colors-token-label{font-size:var(--text-xs);font-weight:600;color:var(--muted);}.style-colors-tokens code{font-family:var(--font-mono);font-size:11px;color:var(--muted);background:var(--bg);padding:2px 6px;border-radius:4px;border:1px solid var(--border);}.cc-group .table-wrap{margin-top:0;}.path-label{font-size:10px;font-weight:600;letter-spacing:0.06em;text-transform:uppercase;color:var(--muted);margin-bottom:var(--space-1);margin-top:var(--space-3);}.path-label:first-child{margin-top:0;}.path-box{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--accent);background:var(--surface);padding:var(--space-2) var(--space-3);border-radius:var(--radius);border:1px solid var(--border);}.findings{list-style:none;padding:0;display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-6);}.findings li{font-size:var(--text-sm);color:var(--text-2);line-height:1.6;padding-left:var(--space-4);position:relative;}.findings li::before{content:'·';position:absolute;left:6px;color:var(--accent);font-weight:700;}.findings li code{font-family:var(--font-mono);font-size:var(--text-xs);background:var(--code-bg);padding:1px 4px;border-radius:3px;color:var(--code-fg);}tr.done{opacity:0.55;}p{font-size:var(--text-sm);color:var(--text-2);line-height:1.65;margin-bottom:var(--space-3);}p:last-child{margin-bottom:0;}code{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600;background:var(--code-bg);padding:1px 4px;border-radius:3px;color:var(--code-fg);}.sub-label{font-size:var(--text-xs);font-weight:600;color:var(--muted);margin-bottom:var(--space-2);margin-top:var(--space-4);}.comp-tabs{position:relative;display:flex;gap:2px;margin:var(--space-6) 0 var(--space-8);padding:3px;background:var(--tab-bg);border-radius:16px;width:100%;}.comp-tabs::before{content:'';position:absolute;top:3px;left:var(--pill-left,3px);width:var(--pill-width,50%);height:calc(100% - 6px);background:var(--tab-pill);border-radius:12px;box-shadow:0 1px 2px rgba(0,0,0,0.06);transition:left 0.28s cubic-bezier(0.4,0,0.2,1),width 0.28s cubic-bezier(0.4,0,0.2,1),background 0.3s ease;z-index:0;}.comp-tab{position:relative;z-index:1;flex:1;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-6);font-size:var(--text-md);font-weight:400;color:var(--tab-fg);background:none;border:none;border-radius:6px;cursor:pointer;transition:color 0.2s ease;font-family:var(--font-body);min-width:120px;}.comp-tab:hover{color:var(--tab-fg-hover);}.comp-tab.active{color:var(--tab-fg-active);}.tab-version-badge{display:inline-flex;align-items:center;padding:2px var(--space-2);border-radius:999px;font-size:var(--text-xs);font-weight:600;letter-spacing:normal;text-transform:none;line-height:1;}.tab-version-badge.patch{background:var(--ready-bg);color:var(--ready-fg);}.tab-version-badge.minor{background:var(--accent-light);color:var(--accent);}.tab-version-badge.major{background:#F3EEFA;color:#5B21B6;}.comp-tab-content{display:none;}.comp-tab-content.active{display:block;animation:panelFadeIn 0.2s ease;}.resolved-list{list-style:none;padding:0;margin-bottom:var(--space-6);}.resolved-list li{font-size:var(--text-sm);color:var(--muted);padding:var(--space-2) 0;border-bottom:1px solid var(--row-border);display:flex;align-items:baseline;gap:var(--space-2);}.resolved-list li:last-child{border-bottom:none;}.resolved-list li::before{content:'✓';color:var(--ready-fg);font-weight:700;flex-shrink:0;}.recommend-list{list-style:none;padding:0;margin-bottom:var(--space-6);}.recommend-list li{font-size:var(--text-sm);color:var(--muted);padding:var(--space-2) 0;border-bottom:1px solid var(--row-border);display:flex;align-items:baseline;gap:var(--space-2);}.recommend-list li:last-child{border-bottom:none;}.recommend-list li::before{content:'→';color:var(--accent);font-weight:700;flex-shrink:0;}.tag-recommend{display:inline-flex;align-items:center;font-size:11px;font-weight:600;padding:2px 7px;border-radius:999px;background:var(--accent-light);color:var(--accent);white-space:nowrap;flex-shrink:0;}.table-footnote{font-size:var(--text-xs);color:var(--muted);margin-top:var(--space-2);}.comp-desc{font-size:var(--text-base);color:var(--text);margin-bottom:var(--space-4);line-height:1.6;}.theme-pill{display:none;}.theme-toggle{position:relative;width:42px;height:26px;flex-shrink:0;}.theme-toggle input{opacity:0;width:0;height:0;position:absolute;}.theme-toggle-track{position:absolute;top:0;left:0;right:0;bottom:0;background:#D4D4D4;border-radius:13px;cursor:pointer;transition:background 0.3s cubic-bezier(0.4,0,0.2,1);}.theme-toggle input:checked + .theme-toggle-track{background:var(--accent);}.theme-toggle-knob{position:absolute;top:3px;left:3px;width:20px;height:20px;background:#FFFFFF;border-radius:50%;box-shadow:0 1px 3px rgba(0,0,0,0.12);transition:transform 0.3s cubic-bezier(0.4,0,0.2,1);pointer-events:none;}.theme-toggle input:checked~.theme-toggle-knob{transform:translateX(16px);}.panel-layout{display:flex;gap:56px;max-width:calc(var(--content-max) + 180px + 56px);margin:0 auto;padding:0 var(--space-12);}.panel-layout>.content-wrap{flex:1;min-width:0;max-width:var(--content-max);padding-left:0;padding-right:0;}.page-toc{position:sticky;top:0;width:180px;flex-shrink:0;padding:var(--space-10) var(--space-4) var(--space-10) 0;align-self:flex-start;max-height:calc(100vh - var(--space-10));overflow-y:auto;}.page-toc::-webkit-scrollbar{width:0;}.page-toc-label{font-size:10px;font-weight:500;letter-spacing:0.04em;text-transform:uppercase;color:var(--muted);opacity:0.6;margin-bottom:var(--space-3);padding-left:var(--space-3);}.page-toc-nav{display:flex;flex-direction:column;}.page-toc-link{display:block;font-size:14px;font-weight:400;color:var(--muted);text-decoration:none;padding:6px var(--space-3);border-left:2px solid transparent;border-radius:0;transition:color 0.08s ease,border-color 0.08s ease;cursor:pointer;background:none;border-top:none;border-right:none;border-bottom:none;font-family:var(--font-body);text-align:left;width:100%;line-height:1.5;}.page-toc-link:hover{color:var(--text);}.page-toc-link.active{color:var(--accent);border-left-color:var(--accent);font-weight:500;}.page-toc-child{padding-left:var(--space-6);}.sub-heading.toc-child{font-size:18px;}.comp-tabs-line{display:flex;gap:var(--space-6);border-bottom:1px solid var(--border);margin-bottom:var(--space-12);}.comp-tab-line{position:relative;padding:var(--space-3) 0;font-family:var(--font-body);font-size:var(--text-sm);font-weight:400;color:var(--muted);background:none;border:none;cursor:pointer;transition:color 0.08s ease;white-space:nowrap;}.comp-tab-line:hover{color:var(--text);}.comp-tab-line.active{color:var(--accent);font-weight:500;}.comp-tab-line.active::after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--accent);border-radius:1px;}.demo-panel{border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;margin-bottom:var(--space-12);}.demo-preview{display:flex;align-items:center;justify-content:center;min-height:160px;padding:var(--space-10);background-color:#F8F9FB;background-image:radial-gradient(circle,#DDE0E7 1px,transparent 1px);background-size:16px 16px;}[data-theme="dark"] .demo-preview{background-color:#1A1A1A;background-image:radial-gradient(circle,#2A2A2A 1px,transparent 1px);}.demo-btn{font-family:var(--font-body);font-size:14px;font-weight:600;cursor:default;border:none;transition:all 0.1s ease;letter-spacing:0.01em;}.demo-btn-primary{background:var(--accent);color:#FFFFFF;padding:14px 32px;border-radius:99px;}.demo-btn-primary.compact{padding:9px 24px;font-size:var(--text-xs);}.demo-btn-primary.disabled{opacity:0.4;}.demo-btn-outlined{background:transparent;color:var(--accent);padding:12px 30px;border-radius:99px;border:2px solid var(--accent);}.demo-btn-outlined.compact{padding:7px 22px;font-size:var(--text-xs);}.demo-btn-outlined.disabled{opacity:0.4;}.demo-btn-text{background:transparent;color:var(--accent);padding:14px 32px;border-radius:99px;}.demo-btn-text.compact{padding:9px 24px;font-size:var(--text-xs);}.demo-btn-text.disabled{opacity:0.4;}.demo-btn-white{background:#FFFFFF;color:#005CE5;padding:14px 32px;border-radius:99px;border:none;}.demo-btn-white.disabled{opacity:0.4;}.demo-btn-subtle{background:#E5F1FF;color:#005CE5;padding:14px 32px;border-radius:99px;border:none;}.demo-btn-subtle.disabled{opacity:0.4;}.demo-btn-primary.destructive{background:#D81E1E;}.demo-btn-outlined.destructive{color:#D81E1E;border-color:#D81E1E;}.demo-btn-text.destructive{color:#D81E1E;}.demo-btn.size-medium{padding-top:8px !important;padding-bottom:8px !important;padding-left:20px !important;padding-right:20px !important;}.demo-btn.size-small{padding-top:6px !important;padding-bottom:6px !important;padding-left:16px !important;padding-right:16px !important;font-size:12px !important;}.demo-btn.size-xsmall{padding-top:4px !important;padding-bottom:4px !important;padding-left:12px !important;padding-right:12px !important;font-size:12px !important;}.demo-preview.demo-preview-dark{background-color:#003F9E;background-image:radial-gradient(circle,#004BBF 1px,transparent 1px);}.demo-layout{display:flex;border-top:1px solid var(--border);border-bottom:1px solid var(--border);overflow:hidden;}.demo-panel .demo-layout{border:none;}.demo-layout .demo-preview,.demo-layout .spec-card-preview{flex:1;min-height:200px;}.demo-layout .spec-card-preview{margin:0;border-radius:0;padding:var(--space-10);min-height:200px;}.demo-controls{display:flex;gap:var(--space-6);padding:var(--space-4) var(--space-6);border-top:1px solid var(--border);background:var(--surface);flex-wrap:wrap;}.demo-figma-panel{width:260px;min-width:260px;border-left:1px solid var(--border);background:#FFFFFF;overflow-y:auto;}[data-theme="dark"] .demo-figma-panel{background:var(--surface);}.demo-panel-section{border-bottom:1px solid var(--border);padding:12px 16px;}.demo-panel-section:last-child{border-bottom:none;}.demo-panel-heading{font-family:var(--font-heading);font-size:13px;font-weight:700;margin-bottom:12px;color:var(--fg);}.demo-panel-row{display:flex;align-items:center;justify-content:space-between;padding:4px 0;}.demo-panel-label{font-size:13px;color:var(--muted);}.demo-panel-select{padding:5px 24px 5px 10px;font-size:13px;font-family:var(--font-body);border:1px solid var(--border);border-radius:6px;background:var(--bg);color:var(--fg);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23888' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;min-width:100px;}.demo-panel-select:focus{outline:none;border-color:var(--accent);}.demo-bool-toggle{position:relative;width:36px;height:20px;background:#D0D3D9;border-radius:10px;border:none;cursor:pointer;transition:background 0.2s ease;padding:0;}.demo-bool-toggle::after{content:'';position:absolute;top:2px;left:2px;width:16px;height:16px;background:#FFFFFF;border-radius:50%;transition:transform 0.2s ease;}.demo-bool-toggle.active{background:#1A56DB;}.demo-bool-toggle.active::after{transform:translateX(16px);}[data-theme="dark"] .demo-bool-toggle{background:#4A4A4A;}[data-theme="dark"] .demo-bool-toggle.active{background:#1A56DB;}.demo-panel-val{font-size:13px;color:var(--fg);font-weight:500;}.demo-control-group{display:flex;align-items:center;gap:var(--space-2);}.demo-control-label{font-size:12px;font-weight:500;color:var(--muted);white-space:nowrap;display:flex;align-items:center;gap:6px;}.demo-control-tag{font-size:9px;font-weight:700;padding:1px 5px;border-radius:4px;letter-spacing:0.3px;text-transform:uppercase;}.demo-control-tag.property{background:#EEF3FB;color:#1A56DB;}.demo-control-tag.mode{background:#EDE9FE;color:#7C3AED;}[data-theme="dark"] .demo-control-tag.property{background:rgba(26,86,219,0.15);color:#5B9BFF;}[data-theme="dark"] .demo-control-tag.mode{background:rgba(124,58,237,0.15);color:#A855F7;}.demo-section-label{font-size:11px;font-weight:600;color:var(--muted);}.demo-control-divider{width:100%;height:1px;background:var(--border);margin:4px 0;}.demo-segmented{display:flex;border:1px solid var(--border);border-radius:6px;overflow:hidden;}.demo-seg{font-family:var(--font-body);font-size:12px;font-weight:500;color:var(--muted);background:var(--surface);border:none;padding:4px 10px;cursor:pointer;transition:background 0.08s ease,color 0.08s ease;border-right:1px solid var(--border);}.demo-seg:last-child{border-right:none;}.demo-seg:hover{color:var(--text);}.demo-seg:disabled{opacity:0.35;cursor:not-allowed;pointer-events:none;}.demo-seg.active{background:var(--accent);color:#FFFFFF;}.spec-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;margin-bottom:var(--space-8);}.spec-card-header{padding:var(--space-6) var(--space-6) 12px;}.spec-card-header-row{display:flex;align-items:center;gap:var(--space-3);}.spec-card-header-row .sub-heading{margin-top:0;margin-bottom:0;}.spec-card-header-row .spec-mode-toggle{margin-left:auto;}.spec-card-header .sub-heading{margin-top:0;margin-bottom:var(--space-1);}.spec-mode-toggle{display:flex;background:var(--tab-bg);border-radius:6px;padding:2px;cursor:pointer;border:1px solid var(--border);}.spec-mode-label{font-size:10px;font-weight:600;letter-spacing:0.06em;padding:4px 10px;border-radius:4px;color:var(--muted);transition:all 0.1s ease;user-select:none;}.spec-mode-label.active{background:var(--surface);font-weight:700;box-shadow:0 1px 2px rgba(0,0,0,0.06);}.spec-mode-label.active:first-child{color:#7344DC;}.spec-mode-label.active:last-child{color:#2EC2B3;}.spec-node-copy{display:inline-flex;align-items:center;gap:4px;font-family:var(--font-mono);font-size:10px;color:var(--muted);background:none;border:none;cursor:pointer;padding:2px 0;opacity:0.5;transition:opacity 0.1s ease;flex-shrink:0;}.spec-node-copy:hover{opacity:1;}.spec-node-copy svg{flex-shrink:0;}.spec-card-desc{font-size:var(--text-md);color:var(--muted);line-height:1.5;margin-bottom:0;}.spec-card-preview{display:flex;align-items:center;justify-content:center;min-height:120px;padding:var(--space-8);margin:var(--space-4) var(--space-6);background-color:#F8F9FB;background-image:radial-gradient(circle,#DDE0E7 1px,transparent 1px);background-size:16px 16px;border-radius:var(--radius);}[data-theme="dark"] .spec-card-preview{background-color:#1A1A1A;background-image:radial-gradient(circle,#2A2A2A 1px,transparent 1px);}.spec-card-controls{display:flex;gap:var(--space-4);flex-wrap:wrap;padding:var(--space-3) var(--space-6);border-top:1px solid var(--row-border);border-bottom:1px solid var(--row-border);}.spec-card-detail{display:grid;grid-template-columns:1fr 1fr;gap:0;}.spec-card-detail.spec-card-code{display:block;}.spec-detail-section{padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--row-border);}.spec-detail-full{grid-column:1 / -1;}.spec-detail-section .table-wrap{margin-top:8px;}.spec-detail-section:nth-last-child(-n+2){border-bottom:none;}.spec-detail-label{font-size:10px;font-weight:500;letter-spacing:0.04em;text-transform:uppercase;color:var(--muted);opacity:0.6;margin-bottom:var(--space-2);}.spec-card-code{padding:0;overflow:hidden;border-radius:0 0 var(--radius-lg) var(--radius-lg);}.spec-code-block{position:relative;padding:var(--space-6) var(--space-6) var(--space-6);background:#F8F9FB;min-height:120px;border-radius:0 0 var(--radius-lg) var(--radius-lg);}.spec-code-pre{font-family:var(--font-mono);font-size:12.5px;line-height:1.6;color:#C9D1D9;margin:0;white-space:pre;overflow-x:auto;tab-size:4;}.spec-code-block code,.spec-code-block code span{background:none !important;padding:0 !important;border-radius:0 !important;font-size:12.5px !important;font-weight:normal !important;font-family:var(--font-mono) !important;border:none !important;}.spec-code-block code{color:#3A3E47;}.spec-code-block::-webkit-scrollbar,.spec-code-pre::-webkit-scrollbar{height:0;width:0;}.spec-code-block{overflow:hidden;}.spec-code-pre{overflow-x:auto;scrollbar-width:none;}.syn-kw{color:#AF3EBB;}.syn-type{color:#0369A1;}.syn-str{color:#0A8754;}.syn-ann{color:#D97706;}.syn-fn{color:#005CE5;}.syn-val{color:#0A8754;}.syn-dot{color:#0550AE;}.syn-cmt{color:#57606A;font-style:italic;}.syn-punc{color:#54606E;}.syn-param{color:#953800;}.syn-eq{color:#D4D4D4;}.spec-code-copy{position:absolute;top:0;right:0;display:flex;align-items:center;justify-content:center;width:44px;height:100%;background:none;border:none;border-left:1px solid #21262D;color:#646A78;cursor:pointer;transition:color 0.1s ease,background 0.1s ease;z-index:2;}.spec-code-copy:hover{color:#C9D1D9;background:rgba(255,255,255,0.04);}.spec-code-copy span{display:none;}.spec-copy-toast{position:fixed;font-family:var(--font-body);font-size:11px;font-weight:500;color:#FFFFFF;background:#24292F;border:1px solid #3D444D;padding:6px 12px;border-radius:6px;white-space:nowrap;pointer-events:none;z-index:1000;opacity:0;transform:translateY(4px);transition:opacity 0.15s ease,transform 0.15s ease;}.spec-copy-toast.show{opacity:1;transform:translateY(0);}.spec-code-tabs{display:flex;gap:0;background:#EDEEF3;border-bottom:1px solid #E8E9ED;position:relative;}.spec-code-tab{font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:0.04em;text-transform:uppercase;color:#646A78;background:none;border:none;padding:var(--space-3) var(--space-4);cursor:pointer;border-bottom:2px solid transparent;transition:color 0.08s ease;}.spec-code-tab:hover{color:#3A3E47;}.spec-code-tab.active{color:#111111;border-bottom-color:var(--accent);}.spec-controls{display:flex;gap:var(--space-6);flex-wrap:wrap;padding:var(--space-4) 0;margin-bottom:var(--space-4);}.spec-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-8);margin-bottom:var(--space-8);}.spec-props{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;}.spec-prop{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--row-border);}.spec-prop:last-child{border-bottom:none;}.spec-prop-key{font-size:var(--text-md);font-weight:500;color:#959cab;}.spec-prop-val{font-family:var(--font-body);font-size:var(--text-md);font-weight:500;color:var(--text);text-align:right;}.spec-prop-val.mono{font-family:var(--font-body);}.spec-swatch{display:inline-block;width:12px;height:12px;border-radius:3px;vertical-align:-1px;margin-right:4px;}.spec-token-name{display:block;font-size:var(--text-xs);color:var(--muted);font-weight:400;margin-top:1px;}.spec-card-detail .spec-props{border:none;border-radius:0;}.spec-card-detail .spec-prop{padding:3px 0;border-bottom:none;}.mockup-frame{border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;margin-bottom:var(--space-12);box-shadow:0 1px 3px rgba(0,0,0,0.04);}.mockup-chrome{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);background:var(--bg);border-bottom:1px solid var(--border);}.mockup-dots{display:flex;gap:5px;}.mockup-dots span{width:8px;height:8px;border-radius:50%;background:var(--border-2);}.mockup-url{flex:1;font-family:var(--font-mono);font-size:12px;color:var(--muted);background:var(--surface);padding:4px var(--space-3);border-radius:4px;border:1px solid var(--border);}.mockup-body{padding:var(--space-10) var(--space-12);background:var(--surface);}.mockup-form{max-width:100%;display:flex;flex-direction:column;gap:var(--space-4);}.mockup-field{display:flex;flex-direction:column;gap:6px;}.mockup-field-label{width:64px;height:10px;background:var(--border);border-radius:3px;}.mockup-field-input{height:36px;background:var(--bg);border:1px solid var(--border);border-radius:6px;}.mockup-actions{display:flex;gap:var(--space-2);margin-top:var(--space-2);justify-content:flex-end;}.mockup-btn-primary{font-family:var(--font-body);font-size:12px;font-weight:600;color:#FFFFFF;background:var(--accent);padding:8px 20px;border-radius:99px;}.mockup-btn-outlined{font-family:var(--font-body);font-size:12px;font-weight:500;color:var(--muted);background:transparent;padding:8px 20px;border-radius:99px;border:1px solid var(--border);}.ctx-wrap{background:#EAEBEE;border-radius:16px;display:flex;justify-content:center;margin-bottom:var(--space-8);overflow:hidden;}[data-theme="dark"] .ctx-wrap{background:#222326;}.ctx-img{display:block;max-width:100%;height:auto;}@media (max-width:767px){.topbar{display:flex;}.sidebar{transform:translateX(-100%);transition:transform 0.2s ease;z-index:200;}.sidebar.open{transform:translateX(0);}.main{margin-left:0;padding-top:48px;}.content-wrap{padding:var(--space-6) var(--space-4) var(--space-12);}.comp-grid{grid-template-columns:1fr;}.page-toc{display:none;}.panel-layout{display:block;}.spec-card-detail{grid-template-columns:1fr;}.spec-card-controls{flex-direction:column;gap:var(--space-3);}.spec-grid{grid-template-columns:1fr;}.spec-controls{flex-direction:column;gap:var(--space-3);}.demo-controls{flex-direction:column;gap:var(--space-3);}.demo-layout{flex-direction:column;}.demo-figma-panel{width:100%;min-width:unset;border-left:none;border-top:1px solid var(--border);}.comp-tabs-line{gap:var(--space-4);overflow-x:auto;}.mockup-body{padding:var(--space-6);}.how-grid{grid-template-columns:1fr;}.trait-grid{grid-template-columns:1fr;}.theme-pill{display:none;}}body,.sidebar,.main,.sidebar-brand,.sidebar-footer,.table-wrap,.how-card,.trait-card,.verdict-card,.infobox,.changelog-header,.summary-card,.comp-tabs,.theme-pill,thead th,code{transition:background 0.3s ease,color 0.3s ease,border-color 0.3s ease;}@media print{@page{size:A4;margin:18mm 16mm;}*{-webkit-print-color-adjust:exact !important;print-color-adjust:exact !important;}*{animation:none !important;transition:none !important;}body{margin:0 !important;background:#fff !important;color:#1A1F2B !important;font-size:10pt !important;}.main{margin-left:0 !important;}.content-wrap{max-width:100% !important;padding:12pt 0 0 !important;}.panel-layout{display:block !important;padding:0 !important;}.panel-layout>.content-wrap{padding:0 !important;}.sidebar,.sidebar-overlay,.topbar,.comp-tabs,.page-toc,.demo-panel,.demo-controls,.spec-card-controls,.spec-mode-toggle,.spec-node-copy,.back-btn,.back-to-top,.verdict-chevron,#how-it-works{display:none !important;}.panel{display:none !important;}#panel-overview{display:block !important;}#panel-accordion{display:block !important;}#panel-button{display:block !important;}.comp-tab-content{display:block !important;}.comp-tab-content[data-tab="style"]::before,.comp-tab-content[data-tab="code"]::before,.comp-tab-content[data-tab="changelog"]::before{display:block;font-size:7.5pt;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;color:#8892A4;padding-top:10pt;padding-bottom:4pt;border-top:1.5px solid #E2E4E9;margin-bottom:8pt;}.comp-tab-content[data-tab="style"]::before{content:"Style";}.comp-tab-content[data-tab="code"]::before{content:"Code";}.comp-tab-content[data-tab="changelog"]::before{content:"Changelog";}.verdict-card-body{display:block !important;}.verdict-card-trigger{cursor:default;}.spec-view-dev{display:none !important;}.spec-view-des{display:block !important;}[data-card-variant]{display:block !important;}#panel-accordion{page-break-before:always;}#panel-button{page-break-before:always;}.comp-tab-content[data-tab="style"]{page-break-before:always;}.comp-tab-content[data-tab="code"]{page-break-before:always;}.comp-tab-content[data-tab="changelog"]{page-break-before:always;}.trait-card,.spec-card,.infobox,.changelog-row,.crit-row,tr{page-break-inside:avoid;}.sub-heading,.section-heading,.spec-detail-label{page-break-after:avoid;}.comp-header-title{font-size:18pt !important;}.sub-heading{font-size:10pt !important;}.section-heading{font-size:11pt !important;}.trait-grid{grid-template-columns:1fr 1fr !important;gap:8pt !important;}.trait-card{padding:8pt !important;font-size:9pt !important;}.trait-note{font-size:8.5pt !important;}table{font-size:8.5pt !important;}th,td{padding:4pt 8pt !important;}code{font-size:8pt !important;}.spec-card{margin-bottom:10pt !important;page-break-inside:avoid;}.spec-card-preview{min-height:50pt !important;padding:10pt !important;}.spec-card-detail{grid-template-columns:1fr 1fr !important;gap:8pt !important;}a{color:inherit !important;text-decoration:none !important;}}.login-screen{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;display:flex;}.login-brand{flex:1;background:linear-gradient(135deg,#0A1628 0%,#0D2B5E 40%,#1A56DB 100%);display:flex;flex-direction:column;justify-content:center;align-items:center;padding:48px;position:relative;overflow:hidden;}.login-brand::before{content:'';position:absolute;top:-20%;right:-20%;width:60%;height:60%;background:radial-gradient(circle,rgba(255,255,255,0.06) 0%,transparent 70%);border-radius:50%;}.login-brand::after{content:'';position:absolute;bottom:-10%;left:-10%;width:40%;height:40%;background:radial-gradient(circle,rgba(91,155,255,0.15) 0%,transparent 70%);border-radius:50%;}.login-brand-content{position:relative;z-index:1;max-width:360px;}.login-brand-icon{width:56px;height:56px;background:rgba(255,255,255,0.12);border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:32px;backdrop-filter:blur(8px);}.login-brand-title{font-family:var(--font-heading);font-size:36px;font-weight:800;color:#fff;line-height:1.1;margin-bottom:12px;}.login-brand-desc{font-size:15px;color:rgba(255,255,255,0.6);line-height:1.6;}.login-brand-footer{position:absolute;bottom:32px;left:48px;z-index:1;}.login-brand-footer span{font-size:12px;color:rgba(255,255,255,0.3);}.login-form-wrap{width:480px;min-width:480px;background:var(--bg);display:flex;flex-direction:column;justify-content:center;padding:64px 56px;}.login-form-title{font-family:var(--font-heading);font-size:22px;font-weight:700;margin-bottom:6px;}.login-form-sub{font-size:14px;color:var(--muted);margin-bottom:32px;}.login-field{margin-bottom:20px;}.login-label{display:block;font-size:13px;font-weight:600;margin-bottom:8px;}.login-input{width:100%;padding:12px 16px;font-size:15px;border:1.5px solid var(--border);border-radius:12px;background:var(--bg);color:var(--fg);font-family:inherit;box-sizing:border-box;transition:border-color 0.2s,box-shadow 0.2s;}.login-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(26,86,219,0.1);}.login-input.error{border-color:#dc2626;box-shadow:0 0 0 3px rgba(220,38,38,0.08);}.login-error{font-size:12px;color:#dc2626;margin-top:6px;display:none;}.login-btn{width:100%;padding:13px;font-size:15px;font-weight:600;border:none;border-radius:12px;background:var(--accent);color:#fff;cursor:pointer;font-family:inherit;margin-top:8px;transition:transform 0.15s,box-shadow 0.15s;}.login-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(26,86,219,0.3);}.login-btn:active{transform:translateY(0);}.login-footer-text{text-align:center;margin-top:24px;font-size:12px;color:var(--muted);}@media (max-width:900px){.login-brand{display:none;}.login-form-wrap{width:100%;min-width:unset;padding:40px 24px;}}.audit-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:600;border:1.5px solid var(--accent);border-radius:var(--radius);background:transparent;color:var(--accent);cursor:pointer;transition:background 0.15s,color 0.15s;}.audit-btn:hover{background:var(--accent);color:#fff;}.audit-btn:disabled{opacity:0.5;cursor:wait;}.audit-btn svg{width:14px;height:14px;}.audit-settings-btn{padding:6px;border:1px solid var(--border);border-radius:var(--radius);background:transparent;color:var(--muted);cursor:pointer;transition:color 0.15s;}.audit-settings-btn:hover{color:var(--fg);}.audit-toolbar{display:flex;align-items:center;gap:8px;margin-top:16px;margin-bottom:8px;}.audit-results-wrap{margin-top:8px;margin-bottom:16px;}.audit-results-list{display:flex;flex-direction:column;gap:4px;padding:12px;background:var(--card-bg,#F1F1F4);border-radius:var(--radius);}[data-theme="dark"] .audit-results-list{background:var(--surface);}.audit-result-item{display:flex;align-items:baseline;gap:8px;font-size:13px;line-height:1.5;}.audit-icon{flex-shrink:0;width:18px;text-align:center;}.audit-check{font-weight:600;color:var(--fg);min-width:120px;}.audit-msg{color:var(--muted);}.audit-summary{margin-top:8px;font-size:12px;color:var(--muted);}.audit-summary-pass{color:var(--status-pass,#16a34a);font-weight:600;}.audit-summary-warn{color:var(--status-warn,#d97706);font-weight:600;}.audit-summary-fail{color:var(--status-fail,#dc2626);font-weight:600;}.audit-loading{font-size:13px;color:var(--muted);padding:12px;}.audit-error{font-size:13px;color:var(--status-fail,#dc2626);padding:12px;}.audit-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;display:flex;align-items:center;justify-content:center;}.audit-modal-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.4);}.audit-modal-content{position:relative;width:400px;max-width:90vw;background:var(--bg);border-radius:var(--radius-lg);box-shadow:0 20px 60px rgba(0,0,0,0.2);overflow:hidden;}.audit-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border);}.audit-modal-header strong{font-size:15px;}.audit-modal-close{background:none;border:none;font-size:20px;cursor:pointer;color:var(--muted);padding:0 4px;}.audit-modal-body{padding:20px;}.audit-modal-label{display:block;font-size:13px;font-weight:600;margin-bottom:6px;color:var(--fg);}.audit-modal-input{width:100%;padding:8px 12px;font-size:14px;border:1.5px solid var(--border);border-radius:var(--radius);background:var(--bg);color:var(--fg);box-sizing:border-box;}.audit-modal-input:focus{outline:none;border-color:var(--accent);}.audit-modal-hint{font-size:12px;color:var(--muted);margin-top:6px;}.audit-modal-footer{display:flex;justify-content:flex-end;gap:8px;padding:12px 20px;border-top:1px solid var(--border);}.audit-modal-btn-secondary{padding:6px 16px;font-size:13px;font-weight:600;border:1px solid var(--border);border-radius:var(--radius);background:transparent;color:var(--fg);cursor:pointer;}.audit-modal-btn-primary{padding:6px 16px;font-size:13px;font-weight:600;border:none;border-radius:var(--radius);background:var(--accent);color:#fff;cursor:pointer;}.code-section-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0.06em;color:var(--muted);margin:0 0 12px;}.code-card{border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;margin-bottom:16px;}.code-card-header{padding:14px 20px;background:var(--surface);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:12px;}.code-card-header h3{font-size:15px;font-weight:600;margin:0;color:var(--text);}.code-card-header p{font-size:12px;color:var(--text-2);margin:2px 0 0;}.code-card-body{padding:0;}.code-block-wrap{position:relative;margin:8px 0 16px;}.code-block-wrap:last-child{margin-bottom:0;}pre.code-snippet{background:#F1F1F4;border:1px solid var(--border);border-radius:8px;padding:16px 20px;font-family:var(--font-mono);font-size:12.5px;line-height:1.7;overflow-x:hidden;color:var(--text);white-space:pre-wrap;word-wrap:break-word;tab-size:4;margin:0;}pre.code-snippet .kw{color:#AF3EBB;}pre.code-snippet .fn{color:#005CE5;}pre.code-snippet .str{color:#0A8754;}pre.code-snippet .cmt{color:var(--muted);font-style:italic;}pre.code-snippet .typ{color:#D97706;}pre.code-snippet .prp{color:#0369A1;}[data-theme="dark"] pre.code-snippet .kw{color:#C084FC;}[data-theme="dark"] pre.code-snippet .fn{color:#60A5FA;}[data-theme="dark"] pre.code-snippet .str{color:#34D399;}[data-theme="dark"] pre.code-snippet .typ{color:#FBBF24;}[data-theme="dark"] pre.code-snippet .prp{color:#38BDF8;}.code-copy-btn{position:absolute;top:8px;right:8px;font-size:11px;font-weight:600;padding:4px 10px;border-radius:6px;border:1px solid var(--border);background:var(--bg);color:var(--text-2);cursor:pointer;font-family:inherit;transition:background 0.15s;}.code-copy-btn:hover{background:var(--surface);}.code-label{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:600;color:var(--text-2);margin-bottom:6px;text-transform:uppercase;letter-spacing:0.04em;}.platform-tabs{display:flex;gap:0;border-bottom:1px solid var(--border);margin-bottom:16px;}.platform-tab{padding:8px 16px;font-size:12px;font-weight:600;color:var(--muted);cursor:pointer;border:none;border-bottom:2px solid transparent;background:none;font-family:inherit;transition:color 0.15s,border-color 0.15s;}.platform-tab.active{color:var(--accent);border-bottom-color:var(--accent);}.platform-tab:hover{color:var(--text);}.platform-panel{display:none;}.platform-panel.active{display:block;}.code-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px;}@media (max-width:640px){.code-grid-2{grid-template-columns:1fr;}}.file-path{font-family:var(--font-mono);font-size:11px;color:var(--muted);background:var(--surface);padding:2px 8px;border-radius:4px;display:inline-block;}.code-note{display:flex;gap:10px;padding:12px 16px;border-radius:8px;font-size:12px;line-height:1.5;margin:12px 0;}.code-note strong{flex-shrink:0;}.code-note-warn{background:var(--refine-bg);color:var(--refine-fg);}.code-note-info{background:var(--accent-light);color:var(--accent);}[data-theme="dark"] .code-note-info{background:rgba(107,154,239,0.1);color:var(--accent);}.code-divider{height:1px;background:var(--border);margin:20px 0;}.badge-planned{background:var(--refine-bg);color:var(--refine-fg);}.badge-ios{background:#E0E7FF;color:#3730A3;}.badge-android{background:#DCFCE7;color:#166534;}[data-theme="dark"] .badge-ios{background:#312E81;color:#A5B4FC;}[data-theme="dark"] .badge-android{background:#064E3B;color:#6EE7B7;}.guideline-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px;}@media (max-width:640px){.guideline-row{grid-template-columns:1fr;}}.guideline-do,.guideline-dont{padding-left:12px;border-radius:0;}.guideline-do{border-left:3px solid var(--ready-fg);}.guideline-dont{border-left:3px solid var(--rework-fg);}.guideline-do h4,.guideline-dont h4{font-size:12px;font-weight:700;margin:0 0 4px;}.guideline-do h4{color:var(--ready-fg);}.guideline-dont h4{color:var(--rework-fg);}.guideline-do p,.guideline-dont p{font-size:13px;color:var(--text-2);margin:0;line-height:1.5;}