@charset "UTF-8";@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/BricolageGrotesque-SemiBold.woff2) format("woff2")}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/BricolageGrotesque-Bold.woff2) format("woff2")}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/BricolageGrotesque-ExtraBold.woff2) format("woff2")}@font-face{font-family:Hanken Grotesk;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/HankenGrotesk-Regular.woff2) format("woff2")}@font-face{font-family:Hanken Grotesk;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/HankenGrotesk-Medium.woff2) format("woff2")}@font-face{font-family:Hanken Grotesk;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/HankenGrotesk-SemiBold.woff2) format("woff2")}@font-face{font-family:Hanken Grotesk;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/HankenGrotesk-Bold.woff2) format("woff2")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/IBMPlexMono-Regular.woff2) format("woff2")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/IBMPlexMono-Medium.woff2) format("woff2")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/IBMPlexMono-SemiBold.woff2) format("woff2")}:root{--brand-primary: #0d706a;--brand-secondary: #3dbfae;--brand-accent: #3dbfae;--brand-emergency: #e8382c;--brand-primary-contrast: #ffffff;--brand-deep: color-mix(in srgb, var(--brand-primary) 42%, #06110f);--brand-ink: color-mix(in srgb, #ffffff 90%, var(--brand-primary));--brand-tint: color-mix(in srgb, var(--brand-primary) 12%, transparent);--brand-tint-strong: color-mix(in srgb, var(--brand-primary) 18%, transparent);--canvas: #eaedf1;--surface: #ffffff;--surface-2: #f4f6f9;--ink: #12161c;--ink-muted: #5b6572;--ink-faint: #8a94a1;--line: rgba(18, 22, 28, .1);--line-strong: rgba(18, 22, 28, .17);--good: #1c9e69;--warn: #c7841a;--surface-scaffold: var(--canvas);--surface-card: var(--surface);--divider: var(--line);--text: var(--ink);--text-muted: var(--ink-muted);--r-sm: 10px;--r-md: 14px;--r-lg: 20px;--radius-card: 18px;--radius-pill: 999px;--shadow-card: 0 1px 2px rgba(16, 20, 27, .06), 0 8px 24px -12px rgba(16, 20, 27, .16);--shadow-lift: 0 2px 4px rgba(16, 20, 27, .08), 0 20px 40px -18px rgba(16, 20, 27, .28);--font-ui: "Hanken Grotesk", "Segoe UI", system-ui, -apple-system, sans-serif;--font-display: "Bricolage Grotesque", "Segoe UI", system-ui, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, "Cascadia Code", Consolas, monospace}*{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100%}body{background:var(--canvas);color:var(--ink);font-family:var(--font-ui);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.015em;text-wrap:balance}a{color:var(--brand-primary);text-decoration:none}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24;-webkit-user-select:none;user-select:none}button{font-family:inherit}:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px;border-radius:6px}.auth-step{text-align:center;font-family:var(--font-display);font-size:19px;font-weight:700;letter-spacing:-.015em;margin:0 0 6px}.auth-lead{text-align:center;color:var(--text-muted);margin:0 0 24px}.auth-field{display:flex;align-items:center;gap:10px;padding:0 14px;background:var(--surface-2);border:1.5px solid var(--line);border-radius:var(--r-md);margin-bottom:10px;transition:border-color .15s ease,background .15s ease}.auth-field:focus-within{border-color:var(--brand-primary);background:var(--surface)}.auth-field .material-symbols-outlined{color:var(--text-muted);font-size:22px}.auth-field input{flex:1;border:none;outline:none;background:transparent;padding:14px 0;font-size:16px;font-family:inherit;color:var(--text);letter-spacing:inherit}.auth-error{color:var(--brand-emergency);font-size:13px;min-height:18px;margin:0 0 8px}.auth-submit{width:100%;min-height:52px;border:none;border-radius:var(--r-md);background:var(--brand-primary);color:var(--brand-primary-contrast);font-size:15px;font-weight:600;letter-spacing:.02em;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:filter .15s ease}.auth-submit:hover:not(:disabled){filter:brightness(1.06)}.auth-submit:disabled{opacity:.55;cursor:default}.auth-linkbtn{display:block;margin:14px auto 0;border:none;background:transparent;color:var(--brand-primary);font-weight:600;cursor:pointer}.auth-linkbtn:disabled{opacity:.6;cursor:default}.auth-hint{text-align:center;color:var(--text-muted);font-size:13px;margin:14px 0 0}.auth-devcode{margin:14px 0 0;padding:10px 12px;border-radius:var(--r-sm);background:var(--brand-tint);color:var(--text);font-size:13px;text-align:center}.auth-devcode strong{font-family:var(--font-mono);letter-spacing:3px}.auth-spinner{width:22px;height:22px;border:2px solid rgba(255,255,255,.5);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.feature-page{max-width:860px;margin:0 auto;padding:24px 22px 56px}.feature-head{display:flex;align-items:center;gap:12px;margin:2px 0 20px}.feature-head h1{margin:0;font-size:26px;font-weight:700}.feature-head .spacer{flex:1}.feature-head p{margin:4px 0 0;color:var(--text-muted);font-size:14px}.feature-card{background:var(--surface-card);border:1px solid var(--line);border-radius:var(--radius-card);padding:18px 20px;margin-bottom:14px;box-shadow:var(--shadow-card)}.list-row{display:flex;align-items:center;gap:14px}.list-row .lead-icon{flex:0 0 auto;width:44px;height:44px;border-radius:var(--r-md);display:flex;align-items:center;justify-content:center;background:var(--brand-tint);color:var(--brand-primary)}.list-row .lead-icon .material-symbols-outlined{font-size:22px}.list-row .row-body{flex:1;min-width:0}.list-row .row-title{font-weight:600}.list-row .row-sub{color:var(--text-muted);font-size:14px;margin-top:2px;word-break:break-word}.list-row .row-actions{display:flex;gap:6px}.chip{display:inline-flex;align-items:center;gap:5px;padding:4px 11px;border-radius:var(--radius-pill);font-size:12px;font-weight:600;background:var(--brand-tint);color:color-mix(in srgb,var(--brand-primary) 78%,var(--ink))}.chip.muted{background:var(--surface-2);color:var(--text-muted)}.chip.unread{background:var(--brand-primary);color:var(--brand-primary-contrast)}.chip.good{background:color-mix(in srgb,var(--good) 15%,transparent);color:var(--good)}.primary-btn{min-height:44px;padding:0 18px;border:none;border-radius:var(--r-md);background:var(--brand-primary);color:var(--brand-primary-contrast);font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:filter .15s ease}.primary-btn:hover:not(:disabled){filter:brightness(1.06)}.primary-btn:disabled{opacity:.55;cursor:default}.ghost-btn{min-height:44px;padding:0 16px;border:1.5px solid var(--line-strong);border-radius:var(--r-md);background:var(--surface);color:var(--ink);font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px}.ghost-btn:hover{background:var(--surface-2);border-color:color-mix(in srgb,var(--brand-primary) 40%,var(--line-strong))}.danger-btn{min-height:44px;padding:0 18px;border:none;border-radius:var(--r-md);background:var(--brand-emergency);color:#fff;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px}.danger-btn:hover{filter:brightness(1.06)}.icon-btn-sm{width:40px;height:40px;border:none;border-radius:var(--r-sm);background:transparent;color:var(--text-muted);cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.icon-btn-sm:hover{background:var(--surface-2);color:var(--ink)}.icon-btn-sm.danger:hover{background:color-mix(in srgb,var(--brand-emergency) 12%,transparent);color:var(--brand-emergency)}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.field label{font-size:13px;color:var(--text-muted);font-weight:600}.field input,.field select,.field textarea{border:1.5px solid var(--line);border-radius:var(--r-md);padding:12px 14px;font-size:15px;font-family:inherit;background:var(--surface-2);color:var(--text);transition:border-color .15s ease,background .15s ease}.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--brand-primary);background:var(--surface)}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.empty-state,.load-state{display:flex;flex-direction:column;align-items:center;gap:12px;padding:48px 16px;color:var(--text-muted);text-align:center}.empty-state .material-symbols-outlined,.load-state .material-symbols-outlined{font-size:46px;color:color-mix(in srgb,var(--brand-primary) 55%,var(--text-muted))}.spinner{width:34px;height:34px;border:3px solid var(--brand-tint-strong);border-top-color:var(--brand-primary);border-radius:50%;animation:spin .8s linear infinite}.spinner.light{border-color:#fff6;border-top-color:#fff}.sec-title{font-family:var(--font-display);font-size:16px;font-weight:700;margin:0 0 10px}
