:root{--color-bg: #f6f7f9;--color-surface: #ffffff;--color-border: #dfe3e8;--color-text: #14181f;--color-muted: #5b6472;--color-accent: #1f4fd8;--color-accent-contrast: #ffffff;--color-open-bg: #e3f4e8;--color-open-text: #14562c;--color-danger: #a4232b;--color-bookmarklet: #8a4b00;--color-bookmarklet-text: #ffffff;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--radius-sm: 8px;--radius-md: 12px;--font-sm: 13px;--font-md: 15px;--font-lg: 20px;--font-xl: 28px;--detail-width: 420px;--shadow-panel: 0 8px 32px rgba(20, 24, 31, .14)}*{box-sizing:border-box}body{margin:0;background:var(--color-bg);color:var(--color-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-size:var(--font-md)}.app{max-width:1200px;margin:0 auto;padding:var(--space-6) var(--space-4)}.app__head{display:flex;flex-wrap:wrap;gap:var(--space-4);align-items:flex-start;justify-content:space-between;margin-bottom:var(--space-5)}.app__title{margin:0;font-size:var(--font-xl)}.app__subtitle,.dropzone__hint{margin:var(--space-1) 0 0;color:var(--color-muted);font-size:var(--font-sm)}.app__actions{display:flex;align-items:flex-start;gap:var(--space-3)}.app__body{display:flex;flex-direction:column;gap:var(--space-4)}.btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);font-size:var(--font-md);cursor:pointer}.btn--primary{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-accent-contrast)}.btn--ghost:hover,.btn--primary:hover{filter:brightness(.95)}.dropzone{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-1)}.dropzone__input{display:none}.dropzone__error{margin:0;color:var(--color-danger);font-size:var(--font-sm)}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--space-3)}.stat{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}.stat__label{color:var(--color-muted);font-size:var(--font-sm)}.stat__value{font-size:var(--font-lg);font-weight:600}.toolbar{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:flex-end}.toolbar__search{flex:1 1 260px;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);font-size:var(--font-md)}.toolbar__filter{display:flex;flex-direction:column;gap:var(--space-1)}.toolbar__filter-label{color:var(--color-muted);font-size:var(--font-sm)}.toolbar__filter select{padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);font-size:var(--font-md)}.table-wrap{overflow-x:auto;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}.table{width:100%;border-collapse:collapse;font-size:var(--font-sm)}.table th,.table td{padding:var(--space-3);text-align:left;border-bottom:1px solid var(--color-border);vertical-align:top}.table th{color:var(--color-muted);font-weight:600;white-space:nowrap}.table__row{cursor:pointer}.table__row:hover,.table__row:focus-visible{background:var(--color-bg)}.table__mono{font-variant-numeric:tabular-nums;white-space:nowrap}.table__parties{max-width:320px}.badge{display:inline-block;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-muted);white-space:nowrap}.badge--open{background:var(--color-open-bg);color:var(--color-open-text)}.empty{padding:var(--space-6);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);text-align:center}.empty__title{margin:0 0 var(--space-2);font-size:var(--font-lg)}.empty__body{margin:0;color:var(--color-muted)}.onboarding{display:flex;flex-direction:column;gap:var(--space-5);padding:var(--space-5);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}.method{padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-sm)}.method__title{margin:0 0 var(--space-1);font-size:var(--font-md)}.method__cta{margin:var(--space-3) 0;text-decoration:none}.onboarding__steps{display:flex;flex-direction:column;gap:var(--space-5);margin:0;padding-left:var(--space-5)}.onboarding__step-title{margin:0 0 var(--space-1);font-size:var(--font-md)}.onboarding__step-body{margin:0;color:var(--color-muted);font-size:var(--font-sm);line-height:1.5}.onboarding__bookmarklet{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);margin-top:var(--space-3)}.bookmarklet{display:inline-block;padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);background:var(--color-bookmarklet);color:var(--color-bookmarklet-text);font-weight:600;text-decoration:none;cursor:grab}.help{margin-top:var(--space-3);padding:var(--space-4);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm)}.help__title{margin:0 0 var(--space-2);font-size:var(--font-md)}.help__steps{margin:0 0 var(--space-3);padding-left:var(--space-5);display:flex;flex-direction:column;gap:var(--space-2)}.detail{position:fixed;top:0;right:0;width:min(var(--detail-width),100%);height:100vh;overflow-y:auto;padding:var(--space-5);background:var(--color-surface);border-left:1px solid var(--color-border);box-shadow:var(--shadow-panel)}.detail__head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.detail__title{margin:0;font-size:var(--font-lg)}.detail__subtitle{margin:var(--space-5) 0 var(--space-2);font-size:var(--font-md)}.detail__list{margin:var(--space-4) 0 0}.detail__row{display:flex;justify-content:space-between;gap:var(--space-4);padding:var(--space-2) 0;border-bottom:1px solid var(--color-border)}.detail__row dt{color:var(--color-muted);font-size:var(--font-sm)}.detail__row dd{margin:0;text-align:right}.detail__parties{margin:0;padding-left:var(--space-5)}.detail__raw{max-height:40vh;overflow:auto;padding:var(--space-3);background:var(--color-bg);border-radius:var(--radius-sm);font-size:var(--font-sm)}@media (prefers-color-scheme: dark){:root{--color-bg: #12151b;--color-surface: #1b1f27;--color-border: #2b313c;--color-text: #eef1f6;--color-muted: #a4adbb;--color-accent: #6d94ff;--color-accent-contrast: #0d1016;--color-open-bg: #17351f;--color-open-text: #9fe0b3;--color-danger: #ff9aa0;--color-bookmarklet: #c97b1f;--color-bookmarklet-text: #1a1200}}