*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.5;color:var(--text);background-color:var(--bg);--white: oklch(1 0 0);--bg: oklch(.97 .006 70);--nav-height: 3rem;--surface: var(--white);--surface-hover: oklch(from var(--accent) .99 .008 h);--border: oklch(.91 .006 70);--text: oklch(.25 .006 55);--text-secondary: oklch(.58 .01 50);--accent: oklch(.66 .12 30);--accent-hover: oklch(from var(--accent) calc(l - .06) c h);--success: oklch(.72 .07 140);--danger: oklch(.6 .16 28);--shadow: oklch(from var(--text) l c h / .06);--shadow-accent: oklch(from var(--accent) l c h / .1);--shadow-accent-focus: oklch(from var(--accent) l c h / .15);--shadow-accent-lg: oklch(from var(--accent) l c h / .2);--danger-bg: oklch(from var(--danger) l c h / .08);--danger-hover-bg: oklch(from var(--danger) l c h / .1)}body{min-height:100dvh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}main{padding:0 1rem}h1{font-size:1.875rem;font-weight:700;letter-spacing:-.02em}h2{font-size:1.25rem;font-weight:600;letter-spacing:-.01em}button{cursor:pointer;font-family:inherit}.item-list{list-style:none;display:flex;flex-direction:column;gap:.375rem}.item-list--wide{gap:.5rem}.item-row{display:flex;align-items:center;gap:.5rem}.item-row--card{padding:.5rem .75rem;background:var(--surface);border-radius:.75rem;box-shadow:0 1px 2px var(--shadow);transition:all .2s ease}.item-row--card:hover{box-shadow:0 2px 6px var(--shadow);transform:translateY(-1px)}.item-row--fixed{height:2.75rem}.item-row--ref{padding:.875rem 1rem;gap:.75rem;background:var(--surface);border-radius:.75rem;box-shadow:0 1px 2px var(--shadow);transition:all .2s ease}.item-row--ref:hover{box-shadow:0 2px 6px var(--shadow);transform:translateY(-1px)}.item-btn{width:100%;text-align:left;padding:0 .875rem;height:100%;border:none;border-radius:.75rem;background:var(--surface);font-size:1rem;font-weight:500;display:flex;align-items:center;transition:all .2s ease;box-shadow:0 1px 2px var(--shadow)}.item-btn:hover{background:var(--surface-hover);box-shadow:0 2px 6px var(--shadow-accent);transform:translateY(-1px)}.item-btn--grow{flex-grow:1;width:auto}.item-text{display:flex;flex-direction:column;text-align:left;line-height:1.2;gap:.0625rem;overflow:hidden}.best-ref{font-size:.75rem;color:var(--text-secondary);font-weight:400}.ref-link{width:2.75rem;flex-shrink:0;height:2.75rem;aspect-ratio:1;display:flex;align-items:center;justify-content:center;border-radius:.75rem;background:var(--surface);color:var(--text-secondary);text-decoration:none;font-size:1rem;transition:all .2s ease;box-shadow:0 1px 2px var(--shadow)}.ref-link:hover{background:var(--surface-hover);color:var(--accent);box-shadow:0 2px 6px var(--shadow-accent);transform:translateY(-1px)}.category-name{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--accent);margin:1.25rem 0 .5rem;padding-left:.5rem;border-left:3px solid var(--accent)}.empty{color:var(--text-secondary);font-size:.9375rem;text-align:center;background:var(--surface);border-radius:.75rem;box-shadow:0 1px 2px var(--shadow)}.error{color:var(--danger);font-size:.875rem;padding:.5rem .75rem;background:var(--danger-bg);border-radius:.5rem}.form-card{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem;padding:1rem;background:var(--surface);border-radius:.75rem;box-shadow:0 1px 2px var(--shadow)}.form-card--compact{gap:.5rem}.form-card label{display:flex;flex-direction:column;gap:.375rem}.form-label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary)}.form-input,.form-select{padding:.75rem 1rem;border:1.5px solid var(--border);border-radius:.75rem;font-size:1rem;font-family:inherit;background:var(--bg);min-width:0;transition:border-color .2s,box-shadow .2s}.form-input:focus,.form-select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--shadow-accent-focus)}.btn-primary{padding:.75rem 1.5rem;border:none;border-radius:.75rem;background:var(--accent);color:var(--white);font-size:.9375rem;font-weight:500;align-self:flex-start;cursor:pointer;transition:all .2s ease;box-shadow:0 1px 2px var(--shadow)}.btn-primary:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 4px 8px var(--shadow-accent-lg)}.btn-ghost{flex-shrink:0;width:2rem;aspect-ratio:1;padding:0;border:none;border-radius:.625rem;background:transparent;color:var(--text-secondary);font-size:1.25rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.btn-ghost:hover{background:var(--danger-hover-bg);color:var(--danger)}.navbar.svelte-1h32yp1{display:flex;gap:.25rem;border-bottom:1px solid var(--border);position:sticky;top:0;background:var(--bg);z-index:20;height:var(--nav-height);align-items:center;padding:0 1rem}.navbar.svelte-1h32yp1 a:where(.svelte-1h32yp1){padding:.5rem 1rem;border-radius:9999px;color:var(--text-secondary);text-decoration:none;font-size:.875rem;font-weight:500;transition:all .2s ease}.navbar.svelte-1h32yp1 a:where(.svelte-1h32yp1):hover{color:var(--text);background:var(--surface)}.navbar.svelte-1h32yp1 a.active:where(.svelte-1h32yp1){background:var(--accent);color:var(--white);box-shadow:0 1px 2px var(--shadow)}.app.svelte-12qhfyh{max-width:36rem;margin:0 auto;padding-bottom:2rem}