@import url("https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,400;1,500&display=swap");@import url("https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500&display=swap");:root{--color-teal-50:#f0faf9;--color-teal-100:#ccf0ec;--color-teal-200:#9de3db;--color-teal-300:#62cec3;--color-teal-400:#35b4a9;--color-teal-500:#159E92;--color-teal-600:#108077;--color-teal-700:#0d635d;--color-teal-800:#094540;--color-teal-900:#052a28;--color-coral-50:#fff2ef;--color-coral-100:#ffdad2;--color-coral-200:#ffb4a4;--color-coral-300:#ff8870;--color-coral-400:#ff6a50;--color-coral-500:#F65A3C;--color-coral-600:#d44530;--color-coral-700:#a83425;--color-coral-800:#7d2519;--color-coral-900:#52180e;--color-yellow-50:#fffbeb;--color-yellow-100:#fef3c7;--color-yellow-200:#fde68a;--color-yellow-300:#fcd34d;--color-yellow-400:#f8c014;--color-yellow-500:#FFC414;--color-yellow-600:#d97706;--color-yellow-700:#b45309;--color-yellow-800:#92400e;--color-yellow-900:#78350f;--color-blue-50:#eff6ff;--color-blue-100:#dbeafe;--color-blue-200:#bfdbfe;--color-blue-300:#93c5fd;--color-blue-400:#5aa6f4;--color-blue-500:#257BE8;--color-blue-600:#1d6bcb;--color-blue-700:#1658a8;--color-blue-800:#114688;--color-blue-900:#0c3368;--color-violet-100:#e9d5ff;--color-violet-600:#7c3aed;--color-pink-100:#fce7f3;--color-pink-600:#be185d;--color-neutral-0:#ffffff;--color-neutral-50:#f8fafc;--color-neutral-100:#f1f5f9;--color-neutral-200:#e2e8f0;--color-neutral-300:#cbd5e1;--color-neutral-400:#94a3b8;--color-neutral-500:#64748b;--color-neutral-600:#475569;--color-neutral-700:#334155;--color-neutral-800:#1e293b;--color-neutral-900:#0f172a;--color-primary:var(--color-teal-500);--color-primary-hover:var(--color-teal-600);--color-primary-active:var(--color-teal-700);--color-primary-subtle:var(--color-teal-50);--color-primary-muted:var(--color-teal-100);--color-primary-border:var(--color-teal-200);--color-secondary:var(--color-coral-500);--color-secondary-hover:var(--color-coral-600);--color-secondary-subtle:var(--color-coral-50);--color-secondary-muted:var(--color-coral-100);--color-accent:var(--color-yellow-500);--color-accent-subtle:var(--color-yellow-50);--color-accent-muted:var(--color-yellow-100);--color-medical:var(--color-blue-500);--color-medical-subtle:var(--color-blue-50);--color-medical-muted:var(--color-blue-100);--color-bg:var(--color-neutral-50);--color-bg-alt:var(--color-neutral-100);--color-surface:var(--color-neutral-0);--color-surface-raised:var(--color-neutral-0);--color-surface-overlay:var(--color-neutral-0);--color-text-primary:var(--color-neutral-900);--color-text-secondary:var(--color-neutral-600);--color-text-tertiary:var(--color-neutral-400);--color-text-disabled:var(--color-neutral-300);--color-text-inverse:var(--color-neutral-0);--color-text-on-primary:var(--color-neutral-0);--color-text-link:var(--color-teal-600);--color-border:var(--color-neutral-200);--color-border-strong:var(--color-neutral-300);--color-border-focus:var(--color-teal-500);--color-success:var(--color-teal-500);--color-success-subtle:var(--color-teal-50);--color-success-muted:var(--color-teal-100);--color-success-text:var(--color-teal-700);--color-warning:var(--color-yellow-500);--color-warning-subtle:var(--color-yellow-50);--color-warning-muted:var(--color-yellow-100);--color-warning-text:var(--color-yellow-700);--color-danger:var(--color-coral-500);--color-danger-subtle:var(--color-coral-50);--color-danger-muted:var(--color-coral-100);--color-danger-text:var(--color-coral-700);--color-info:var(--color-blue-500);--color-info-subtle:var(--color-blue-50);--color-info-muted:var(--color-blue-100);--color-info-text:var(--color-blue-700);--color-primary-solid:var(--color-teal-600);--color-danger-solid-hover:var(--color-coral-600);--color-code-bg:var(--color-neutral-900);--color-neutral-status:var(--color-neutral-400);--color-neutral-status-subtle:var(--color-neutral-100);--color-neutral-status-text:var(--color-neutral-600);--font-sans:"Be Vietnam Pro","Inter",system-ui,-apple-system,sans-serif;--font-mono:"JetBrains Mono","Fira Code","Cascadia Code",monospace;--font-heading:var(--font-sans);--font-body:var(--font-sans);--font-label:var(--font-sans);--font-code:var(--font-mono);--text-2xs:0.625rem;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--font-light:300;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--font-extrabold:800;--leading-none:1;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--leading-loose:2;--tracking-tighter:-0.05em;--tracking-tight:-0.025em;--tracking-normal:0em;--tracking-wide:0.025em;--tracking-wider:0.05em;--tracking-widest:0.15em;--type-display-size:var(--text-5xl);--type-display-weight:var(--font-bold);--type-display-leading:var(--leading-tight);--type-display-track:var(--tracking-tight);--type-h1-size:var(--text-4xl);--type-h1-weight:var(--font-bold);--type-h1-leading:var(--leading-tight);--type-h2-size:var(--text-3xl);--type-h2-weight:var(--font-semibold);--type-h2-leading:var(--leading-snug);--type-h3-size:var(--text-2xl);--type-h3-weight:var(--font-semibold);--type-h3-leading:var(--leading-snug);--type-h4-size:var(--text-xl);--type-h4-weight:var(--font-semibold);--type-h4-leading:var(--leading-normal);--type-body-lg-size:var(--text-lg);--type-body-size:var(--text-base);--type-body-sm-size:var(--text-sm);--type-body-weight:var(--font-normal);--type-body-leading:var(--leading-relaxed);--type-label-size:var(--text-sm);--type-label-weight:var(--font-medium);--type-label-leading:var(--leading-normal);--type-caption-size:var(--text-xs);--type-caption-weight:var(--font-normal);--type-caption-leading:var(--leading-normal);--type-code-size:var(--text-sm);--type-code-weight:var(--font-normal);--space-0:0;--space-px:1px;--space-0-5:0.125rem;--space-1:0.25rem;--space-1-5:0.375rem;--space-2:0.5rem;--space-2-5:0.625rem;--space-3:0.75rem;--space-3-5:0.875rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-7:1.75rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-14:3.5rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-32:8rem;--radius-none:0;--radius-xs:2px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:20px;--radius-3xl:24px;--radius-full:9999px;--radius-card:var(--radius-xl);--radius-input:var(--radius-lg);--radius-btn:var(--radius-full);--radius-badge:var(--radius-full);--radius-avatar:var(--radius-full);--radius-avatar-pet:var(--radius-lg);--radius-modal:var(--radius-2xl);--radius-chip:var(--radius-full);--radius-tooltip:var(--radius-md);--radius-toast:var(--radius-xl);--size-sidebar-width:240px;--size-sidebar-collapsed:64px;--size-topbar-height:64px;--size-mobile-nav-height:64px;--size-drawer-width:380px;--size-modal-sm:400px;--size-modal-md:560px;--size-modal-lg:720px;--size-content-max:1280px;--size-btn-sm:32px;--size-btn-md:40px;--size-btn-lg:48px;--size-btn-xl:56px;--size-input-sm:36px;--size-input-md:44px;--size-input-lg:52px;--size-avatar-xs:24px;--size-avatar-sm:32px;--size-avatar-md:40px;--size-avatar-lg:56px;--size-avatar-xl:80px;--size-avatar-2xl:120px;--size-icon-xs:14px;--size-icon-sm:16px;--size-icon-md:20px;--size-icon-lg:24px;--size-icon-xl:32px;--space-card-padding:var(--space-6);--space-card-gap:var(--space-5);--space-section:var(--space-8);--space-page-x:var(--space-8);--space-page-y:var(--space-6);--space-row-gap:var(--space-4);--space-inline-gap-sm:var(--space-2);--space-inline-gap-md:var(--space-3);--space-inline-gap-lg:var(--space-4);--shadow-xs:0 1px 2px 0 rgb(15 23 42/0.05);--shadow-sm:0 1px 3px 0 rgb(15 23 42/0.08),0 1px 2px -1px rgb(15 23 42/0.04);--shadow-md:0 4px 6px -1px rgb(15 23 42/0.07),0 2px 4px -2px rgb(15 23 42/0.04);--shadow-lg:0 10px 15px -3px rgb(15 23 42/0.08),0 4px 6px -4px rgb(15 23 42/0.04);--shadow-xl:0 20px 25px -5px rgb(15 23 42/0.10),0 8px 10px -6px rgb(15 23 42/0.04);--shadow-2xl:0 25px 50px -12px rgb(15 23 42/0.22);--shadow-inner:inset 0 2px 4px 0 rgb(15 23 42/0.06);--shadow-card:var(--shadow-sm);--shadow-card-hover:var(--shadow-md);--shadow-raised:var(--shadow-md);--shadow-modal:var(--shadow-xl);--shadow-dropdown:var(--shadow-lg);--shadow-toast:var(--shadow-lg);--shadow-topbar:0 1px 0 0 var(--color-border);--shadow-sidebar:1px 0 0 0 var(--color-border);--shadow-focus-primary:0 0 0 3px rgb(21 158 146/0.28);--shadow-focus-danger:0 0 0 3px rgb(246 90 60/0.28);--shadow-focus-info:0 0 0 3px rgb(37 123 232/0.28);--shadow-teal:0 4px 16px 0 rgb(21 158 146/0.22);--shadow-coral:0 4px 16px 0 rgb(246 90 60/0.22);--shadow-yellow:0 4px 16px 0 rgb(255 196 20/0.22);--shadow-blue:0 4px 16px 0 rgb(37 123 232/0.22);--duration-instant:50ms;--duration-fast:100ms;--duration-normal:200ms;--duration-moderate:300ms;--duration-slow:450ms;--duration-lazy:600ms;--ease-default:cubic-bezier(0.4,0,0.2,1);--ease-in:cubic-bezier(0.4,0,1,1);--ease-out:cubic-bezier(0,0,0.2,1);--ease-in-out:cubic-bezier(0.4,0,0.2,1);--ease-spring:cubic-bezier(0.34,1.56,0.64,1);--ease-bounce:cubic-bezier(0.175,0.885,0.32,1.275);--ease-snappy:cubic-bezier(0.16,1,0.3,1);--transition-default:var(--duration-normal) var(--ease-default);--transition-fast:var(--duration-fast) var(--ease-default);--transition-spring:var(--duration-moderate) var(--ease-spring);--transition-slow:var(--duration-slow) var(--ease-out);--trans-color:color var(--transition-fast),background-color var(--transition-fast),border-color var(--transition-fast);--trans-shadow:box-shadow var(--transition-fast),transform var(--transition-fast);--trans-all:all var(--transition-default);--trans-slide:transform var(--duration-moderate) var(--ease-snappy);--trans-fade:opacity var(--duration-normal) var(--ease-default)}:root[data-theme=dark]{color-scheme:dark;--color-neutral-0:#0f172a;--color-neutral-50:#020617;--color-neutral-100:#1e293b;--color-neutral-200:#334155;--color-neutral-300:#475569;--color-neutral-400:#94a3b8;--color-neutral-500:#a9b6c9;--color-neutral-600:#cbd5e1;--color-neutral-700:#dbe3ee;--color-neutral-800:#e2e8f0;--color-neutral-900:#f1f5f9;--color-violet-100:#2a1f4d;--color-violet-600:#b69cff;--color-pink-100:#4a1a35;--color-pink-600:#f58bc0;--color-teal-50:#0e2928;--color-teal-100:#123a37;--color-teal-200:#17524d;--color-teal-300:#1f7c74;--color-teal-400:#35b4a9;--color-teal-600:#3cc4b8;--color-teal-700:#62cec3;--color-teal-800:#9de3db;--color-teal-900:#ccf0ec;--color-coral-50:#2c1612;--color-coral-100:#40201a;--color-coral-200:#5e2c22;--color-coral-300:#8c3b2b;--color-coral-400:#ff6a50;--color-coral-600:#ff8870;--color-coral-700:#ffa08c;--color-coral-800:#ffb4a4;--color-coral-900:#ffdad2;--color-yellow-50:#2a2110;--color-yellow-100:#3b2e10;--color-yellow-200:#56420f;--color-yellow-300:#8a6a14;--color-yellow-600:#f0a53a;--color-yellow-700:#f8c014;--color-yellow-800:#fcd34d;--color-yellow-900:#fde68a;--color-blue-50:#0f2036;--color-blue-100:#132b4a;--color-blue-200:#18386a;--color-blue-300:#21509a;--color-blue-600:#5aa6f4;--color-blue-700:#7bb9f7;--color-blue-800:#a3cdfa;--color-blue-900:#c9e0fc;--color-text-inverse:#020617;--color-text-on-primary:#ffffff;--color-surface-raised:#131d33;--color-surface-overlay:#1a2540;--color-primary-hover:#108077;--color-primary-active:#0d635d;--color-primary-solid:#108077;--color-danger-solid-hover:#d44530;--color-code-bg:#01040d;--shadow-xs:0 1px 2px 0 rgb(0 0 0/0.35);--shadow-sm:0 1px 3px 0 rgb(0 0 0/0.45),0 1px 2px -1px rgb(0 0 0/0.35);--shadow-md:0 4px 6px -1px rgb(0 0 0/0.45),0 2px 4px -2px rgb(0 0 0/0.35);--shadow-lg:0 10px 15px -3px rgb(0 0 0/0.5),0 4px 6px -4px rgb(0 0 0/0.4);--shadow-xl:0 20px 25px -5px rgb(0 0 0/0.55),0 8px 10px -6px rgb(0 0 0/0.4);--shadow-2xl:0 25px 50px -12px rgb(0 0 0/0.7);--shadow-inner:inset 0 2px 4px 0 rgb(0 0 0/0.35)}body,html{margin:0;padding:0;background:var(--color-bg)}body{font-family:Be Vietnam Pro,system-ui,sans-serif;color:var(--color-text-primary);overscroll-behavior-y:none;-webkit-tap-highlight-color:transparent;text-size-adjust:100%}*{box-sizing:border-box}input,select,textarea{font-size:16px}a{color:var(--color-teal-600);text-decoration:none}a:hover{color:var(--color-teal-700);text-decoration:underline}input,select,textarea{font-family:Be Vietnam Pro,system-ui,sans-serif}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--color-neutral-300);border-radius:99px;border:3px solid var(--color-bg)}@keyframes toastIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes blink{0%,to{opacity:1}50%{opacity:.2}}@keyframes vc-spin{to{transform:rotate(1turn)}}.hnq-row:hover{background:var(--color-bg)}.hnq-row-alt:hover{background:var(--color-bg-alt)}.hnq-choice[aria-checked=false]:not(:disabled):hover{border-color:var(--color-neutral-300);background:var(--color-bg)}.hnq-choice:focus-visible{outline:2px solid var(--color-teal-500);outline-offset:2px}.hnq-nav:hover{background:var(--hnq-hover-bg)}.hnq-card:hover{box-shadow:var(--shadow-card-hover)}.hnq-card-soft:hover,.hnq-card:hover{border-color:var(--color-teal-200)}.hnq-card-node:hover,.hnq-dashed:hover{border-color:var(--color-teal-300)}.hnq-dashed:hover{color:var(--color-teal-600)}.hnq-muted-action:hover{color:var(--color-text-primary)}.hnq-icon-btn:hover{background:var(--color-bg-alt)}.hnq-col-add:hover{background:var(--color-surface);color:var(--color-teal-600)}.hnq-field:focus-within{border-color:var(--color-border-focus);box-shadow:var(--shadow-focus-primary)}.hnq-card:focus-visible{outline:none;border-color:var(--color-teal-400);box-shadow:var(--shadow-focus-primary)}.hnq-board-more:hover{border-color:var(--color-teal-200);color:var(--color-teal-700)}.hnq-board-add:hover{background:var(--color-surface);color:var(--color-teal-600)}.hnq-toc:hover{color:var(--color-teal-700);border-left-color:var(--color-teal-500)}.hnq-chip:hover{color:var(--color-teal-700)}.hnq-chip:hover,.hnq-cite:hover{border-color:var(--color-teal-300);background:var(--color-teal-50)}.hnq-composer:focus-within{border-color:var(--color-border-focus);box-shadow:var(--shadow-focus-primary)}.hnq-settings-btn:hover{background:var(--color-teal-100)}.hnq-hist-more{opacity:1;transition:opacity .12s}@media (hover:hover){.hnq-hist-more{opacity:0}.hnq-hist-more[aria-expanded=true],.hnq-hist-row:focus-within .hnq-hist-more,.hnq-hist-row:hover .hnq-hist-more{opacity:1}}.hnq-msg-actions{opacity:.45;transition:opacity .15s}.hnq-msg-actions:focus-within,.hnq-msg:hover .hnq-msg-actions{opacity:1}@keyframes hnqSheetIn{0%{opacity:0;transform:translateX(16px)}to{opacity:1;transform:none}}.hnq-lift{transition:transform .12s ease,border-color .12s ease}.hnq-lift:active{transform:scale(.985);border-color:var(--color-teal-200)}.hnq-tab:active{background:var(--color-bg-alt)}.hnq-tap{-webkit-tap-highlight-color:transparent}.hnq-tap:active{opacity:.6}.hnq-modal-backdrop{position:fixed;inset:0;z-index:1000;background:rgba(15,23,42,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:flex-end;justify-content:center}.hnq-modal-panel{background:var(--color-surface);width:100%;max-height:92dvh;display:flex;flex-direction:column;overflow:hidden;border-radius:22px 22px 0 0;box-shadow:var(--shadow-modal);padding-bottom:env(safe-area-inset-bottom);animation:hnqSheetUp .24s cubic-bezier(.22,1,.36,1)}@keyframes hnqSheetUp{0%{transform:translateY(100%)}to{transform:none}}.hnq-modal-grab{width:40px;height:4px;border-radius:99px;background:var(--color-neutral-300);margin:10px auto 2px;flex:none}.hnq-modal-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 20px;border-bottom:1px solid var(--color-border);flex-shrink:0}.hnq-modal-title{margin:0;font-size:17px;font-weight:700;letter-spacing:-.01em;color:var(--color-text-primary)}.hnq-modal-close{background:none;border:none;cursor:pointer;color:var(--color-text-tertiary);padding:8px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex:none}.hnq-modal-close:active{background:var(--color-bg-alt)}.hnq-modal-body{padding:20px;overflow-y:auto;flex:1 1;-webkit-overflow-scrolling:touch}.hnq-modal-foot{padding:14px 20px calc(14px + env(safe-area-inset-bottom));border-top:1px solid var(--color-border);display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-shrink:0}@media (min-width:700px){.hnq-modal-backdrop{align-items:center;padding:24px}.hnq-modal-panel{border-radius:var(--radius-modal);max-height:90vh;padding-bottom:0;animation:none}.hnq-modal-grab{display:none}.hnq-modal-foot{padding:14px 20px}}.hnq-sheet-in{animation:hnqSheetIn .16s ease}.hnq-screen-header{display:flex;flex-direction:column;align-items:stretch;gap:12px}.hnq-screen-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.hnq-tabs-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.hnq-tabs-scroll::-webkit-scrollbar{display:none}.hnq-stat-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:12px;gap:12px}.hnq-detail-header{flex-wrap:wrap}.hnq-detail-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;width:100%}.hnq-detail-actions>*{flex:1 1}@media (max-width:699px){.hnq-table-head{display:none}}@media (min-width:700px){.hnq-screen-header{flex-direction:row;align-items:center}.hnq-screen-actions{margin-left:auto;flex-wrap:nowrap}.hnq-stat-grid{grid-template-columns:repeat(var(--hnq-cols,2),1fr);gap:14px}.hnq-detail-actions{width:auto;margin-left:auto;flex-wrap:nowrap}.hnq-detail-actions>*{flex:none}}