:root{--font-family-base:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji";--font-family-mono:"SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace;--font-title-size:40px;--font-title-lh:1.2;--font-title-weight:700;--font-h1-size:30px;--font-h1-lh:1.3;--font-h2-size:24px;--font-h2-lh:1.35;--font-h3-size:20px;--font-h3-lh:1.4;--font-heading-weight:600;--font-body-size:16px;--font-body-lh:1.6;--font-ui-base-size:14px;--font-ui-base-lh:1.5;--font-ui-small-size:13px;--font-ui-small-lh:1.4;--font-ui-caption-size:12px;--font-ui-caption-lh:1.35;--font-code-size:14px;--color-neutral-0:#fff;--color-neutral-25:#fbfbfa;--color-neutral-50:#f7f6f3;--color-neutral-100:#edece9;--color-neutral-200:#e3e2df;--color-neutral-300:#dfdcd9;--color-neutral-500:#9b9a97;--color-neutral-700:#6b6a67;--color-neutral-900:#37352f;--color-accent-default:#2383e2;--color-accent-hover:#0b6fcb;--color-accent-subtle:#e7f3fc;--color-status-success:#2f9e44;--color-status-success-subtle:#ebfbee;--color-status-warning:#d9730d;--color-status-warning-subtle:#fff3e0;--color-status-danger:#e03e3e;--color-status-danger-subtle:#fdebec;--color-status-info:#6b6a67;--color-overlay-scrim:#0f0f0f73;--color-focus-ring:#2383e2;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-full:999px;--shadow-xs:0 1px 2px #0f0f0f14;--shadow-sm:0 1px 3px #0f0f0f1f, 0 1px 2px #0f0f0f14;--shadow-md:0 4px 12px #0f0f0f26;--shadow-lg:0 12px 32px #0f0f0f33;--breakpoint-mobile-max:767px;--breakpoint-tablet-min:768px;--breakpoint-tablet-max:1023px;--breakpoint-desktop-min:1024px;--z-base:0;--z-sidebar-overlay:10;--z-dropdown:20;--z-banner:25;--z-modal-scrim:30;--z-modal:31;--z-toast:40;--motion-fast:.1s ease-out;--motion-base:.15s ease-out;--motion-modal:.2s ease-out;--motion-sidebar:.2s ease-in-out}@media (prefers-reduced-motion:reduce){:root{--motion-fast:0s;--motion-base:0s;--motion-modal:0s;--motion-sidebar:0s}}*{box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--font-family-base);font-size:var(--font-ui-base-size);line-height:var(--font-ui-base-lh);color:var(--color-neutral-900);background:var(--color-neutral-0);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}#root{flex-direction:column;display:flex}button{font-family:inherit}:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}code,pre{font-family:var(--font-family-mono)}.hn-button{justify-content:center;align-items:center;gap:var(--space-2);min-height:40px;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--font-ui-base-size);cursor:pointer;transition:background-color var(--motion-fast), border-color var(--motion-fast);border:1px solid #0000;font-weight:500;display:inline-flex}@media (width<=767px){.hn-button{min-height:44px}}.hn-button--primary{background:var(--color-accent-default);color:#fff}.hn-button--primary:hover:not(:disabled){background:var(--color-accent-hover)}.hn-button--secondary{background:var(--color-neutral-0);border-color:var(--color-neutral-200);color:var(--color-neutral-900)}.hn-button--secondary:hover:not(:disabled){background:var(--color-neutral-50)}.hn-button--ghost{color:var(--color-neutral-900);background:0 0}.hn-button--ghost:hover:not(:disabled){background:var(--color-neutral-100)}.hn-button--danger{background:var(--color-status-danger);color:#fff}.hn-button--danger:hover:not(:disabled){filter:brightness(.92)}.hn-button:disabled{background:var(--color-neutral-100);color:var(--color-neutral-500);cursor:not-allowed;border-color:#0000}.hn-button__label--hidden{visibility:hidden}.hn-button__spinner{border:2px solid;border-right-color:#0000;border-radius:50%;width:16px;height:16px;animation:.6s linear infinite hn-spin;position:absolute}@keyframes hn-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.hn-button__spinner{animation:none}}.hn-login{padding:var(--space-6);flex:1;justify-content:center;align-items:center;min-height:100svh;display:flex}.hn-login__card{text-align:center;align-items:center;gap:var(--space-4);flex-direction:column;width:100%;max-width:420px;display:flex}.hn-login__title{font-size:var(--font-title-size);line-height:var(--font-title-lh);font-weight:var(--font-title-weight);color:var(--color-neutral-900);margin:0}@media (width<=767px){.hn-login__title{font-size:32px;line-height:1.25}}.hn-login__subtitle{font-size:var(--font-body-size);color:var(--color-neutral-700);margin:0}.hn-login__button{width:100%;max-width:280px}.hn-login__scope{font-size:var(--font-ui-small-size);color:var(--color-neutral-500);margin:0}.hn-login__error{background:var(--color-status-danger-subtle);width:100%;color:var(--color-status-danger);border-radius:var(--radius-md);padding:var(--space-4);gap:var(--space-3);flex-direction:column;align-items:center;display:flex}.hn-login__error p{color:var(--color-neutral-900);margin:0}.hn-modal-scrim{background:var(--color-overlay-scrim);z-index:var(--z-modal-scrim);padding:var(--space-4);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.hn-modal{z-index:var(--z-modal);background:var(--color-neutral-0);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:100%;max-width:480px;padding:var(--space-6);animation:hn-modal-in var(--motion-modal);position:relative}@media (width<=767px){.hn-modal-scrim{align-items:flex-end;padding:0}.hn-modal{border-radius:var(--radius-lg) var(--radius-lg) 0 0;max-width:none}}@keyframes hn-modal-in{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.hn-modal__title{font-size:var(--font-h3-size);line-height:var(--font-h3-lh);font-weight:var(--font-heading-weight);margin:0 0 var(--space-3);color:var(--color-neutral-900)}.hn-modal__body{font-size:var(--font-ui-base-size);color:var(--color-neutral-700);line-height:var(--font-body-lh)}.hn-modal__actions{justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-6);display:flex}@media (width<=767px){.hn-modal__actions{flex-direction:column-reverse}}.hn-banner{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);font-size:var(--font-ui-base-size);z-index:var(--z-banner);width:100%;display:flex}.hn-banner--warning{background:var(--color-status-warning-subtle);color:var(--color-status-warning)}.hn-banner--danger{background:var(--color-status-danger-subtle);color:var(--color-status-danger)}.hn-banner__icon{flex-shrink:0}.hn-banner__text{color:var(--color-neutral-900);flex:1}.hn-banner__actions{gap:var(--space-2);flex-shrink:0;display:flex}@media (width<=767px){.hn-banner{flex-wrap:wrap}}.hn-skeleton-group{gap:var(--space-3);padding:var(--space-3);flex-direction:column;display:flex}.hn-skeleton-line{background:var(--color-neutral-100);border-radius:var(--radius-sm);animation:1.4s ease-in-out infinite hn-pulse}@keyframes hn-pulse{0%,to{opacity:1}50%{opacity:.5}}@media (prefers-reduced-motion:reduce){.hn-skeleton-line{animation:none}}.hn-state-panel{text-align:center;padding:var(--space-8) var(--space-4);justify-content:center;align-items:center;gap:var(--space-2);color:var(--color-neutral-700);flex-direction:column;flex:1;display:flex}.hn-state-panel__icon{color:var(--color-neutral-300);margin-bottom:var(--space-3)}.hn-state-panel__title{font-size:var(--font-h3-size);line-height:var(--font-h3-lh);font-weight:var(--font-heading-weight);color:var(--color-neutral-900);margin:0}.hn-state-panel__subtitle{font-size:var(--font-ui-base-size);color:var(--color-neutral-700);max-width:360px;margin:0}.hn-state-panel__action{margin-top:var(--space-4)}.hn-move-dialog__list{border:1px solid var(--color-neutral-200);border-radius:var(--radius-md);max-height:320px;overflow-y:auto}.hn-move-dialog__item{text-align:left;width:100%;padding:var(--space-2) var(--space-3);font-family:inherit;font-size:var(--font-ui-base-size);color:var(--color-neutral-900);cursor:pointer;background:0 0;border:none;display:block}.hn-move-dialog__item:hover:not(:disabled){background:var(--color-neutral-50)}.hn-move-dialog__item:disabled{color:var(--color-neutral-300);cursor:not-allowed}.hn-move-dialog__actions{margin-top:var(--space-4);justify-content:flex-end;display:flex}.hn-prompt-input{width:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--color-neutral-200);border-radius:var(--radius-sm);font-size:var(--font-ui-base-size);color:var(--color-neutral-900);outline:none;font-family:inherit}.hn-prompt-input:focus{border-color:var(--color-accent-default)}.hn-prompt-warning{align-items:center;gap:var(--space-2);color:var(--color-status-warning);font-size:var(--font-ui-small-size);margin-top:var(--space-2);display:flex}.hn-context-menu{right:var(--space-2);z-index:var(--z-dropdown);background:var(--color-neutral-0);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);min-width:200px;max-width:240px;padding:var(--space-1) 0;position:absolute;top:100%}.hn-context-menu__item{text-align:left;width:100%;padding:var(--space-2) var(--space-3);height:32px;font-size:var(--font-ui-base-size);color:var(--color-neutral-900);cursor:pointer;background:0 0;border:none;font-family:inherit;display:block}@media (width<=767px){.hn-context-menu__item{height:44px}}.hn-context-menu__item:hover{background:var(--color-neutral-50)}.hn-context-menu__item--danger{color:var(--color-status-danger)}.hn-context-menu__separator{background:var(--color-neutral-100);height:1px;margin:var(--space-1) 0}.hn-tree-row{align-items:center;gap:var(--space-1);height:32px;padding-right:var(--space-2);cursor:pointer;color:var(--color-neutral-900);font-size:var(--font-ui-base-size);-webkit-user-select:none;user-select:none;display:flex;position:relative}@media (width<=767px){.hn-tree-row{height:44px}}.hn-tree-row:hover{background:var(--color-neutral-50)}.hn-tree-row--active{background:var(--color-accent-subtle)}.hn-tree-row__chevron,.hn-tree-row__chevron-spacer,.hn-tree-row__icon{width:16px;color:var(--color-neutral-500);flex-shrink:0;justify-content:center;align-items:center;display:flex}.hn-tree-row__name{text-overflow:ellipsis;white-space:nowrap;align-items:baseline;gap:var(--space-2);flex:1;display:flex;overflow:hidden}.hn-tree-row__meta{font-size:var(--font-ui-small-size);color:var(--color-neutral-700);flex-shrink:0}.hn-tree-row__menu-button{width:24px;height:24px;color:var(--color-neutral-500);border-radius:var(--radius-sm);cursor:pointer;opacity:0;background:0 0;border:none;justify-content:center;align-items:center;display:flex}.hn-tree-row:hover .hn-tree-row__menu-button,.hn-tree-row:focus-within .hn-tree-row__menu-button{opacity:1}@media (hover:none){.hn-tree-row__menu-button{opacity:1}}.hn-tree-row__menu-button:hover{background:var(--color-neutral-100)}.hn-tree{padding:var(--space-1) 0;flex:1;overflow-y:auto}.hn-tree__empty-folder{font-size:var(--font-ui-small-size);color:var(--color-neutral-500);padding-top:var(--space-1);padding-bottom:var(--space-1)}.hn-sidebar{background:var(--color-neutral-25);border-right:1px solid var(--color-neutral-100);flex-direction:column;flex-shrink:0;width:260px;height:100%;display:flex}@media (width>=768px) and (width<=1023px){.hn-sidebar{width:210px}}.hn-sidebar__header{padding:var(--space-3) var(--space-3);justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.hn-sidebar__workspace-name{font-weight:600;font-size:var(--font-ui-base-size);color:var(--color-neutral-900);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.hn-sidebar__user{border-radius:var(--radius-full);background:var(--color-accent-subtle);width:28px;height:28px;color:var(--color-accent-default);font-size:var(--font-ui-small-size);cursor:pointer;border:none;flex-shrink:0;font-weight:600}.hn-sidebar__actions{padding:0 var(--space-2) var(--space-2)}.hn-sidebar__actions .hn-button,.hn-sidebar__footer .hn-button{justify-content:flex-start;width:100%}.hn-sidebar__footer{padding:var(--space-2);border-top:1px solid var(--color-neutral-100)}.hn-save-status{align-items:center;gap:var(--space-1);font-size:var(--font-ui-small-size);color:var(--color-neutral-500);white-space:nowrap;cursor:default;background:0 0;border:none;padding:0;font-family:inherit;display:inline-flex}.hn-save-status--button{cursor:pointer}.hn-save-status--success{color:var(--color-status-success)}.hn-save-status--warning{color:var(--color-status-warning)}.hn-save-status--danger{color:var(--color-status-danger)}.hn-save-status__spin{animation:.8s linear infinite hn-spin}@media (prefers-reduced-motion:reduce){.hn-save-status__spin{animation:none}}.hn-topbar{align-items:center;gap:var(--space-3);height:48px;padding:0 var(--space-4);border-bottom:1px solid var(--color-neutral-100);flex-shrink:0;display:flex}.hn-topbar__icon-button{width:32px;height:32px;color:var(--color-neutral-700);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.hn-topbar__icon-button:hover{background:var(--color-neutral-100)}.hn-topbar__breadcrumbs{text-overflow:ellipsis;white-space:nowrap;font-size:var(--font-ui-base-size);color:var(--color-neutral-700);flex:1;overflow:hidden}.hn-topbar__breadcrumb-sep{color:var(--color-neutral-500)}.hn-topbar__status{flex-shrink:0}.hn-workspace{flex:1;min-height:0;display:flex}.hn-workspace__main{flex-direction:column;flex:1;min-width:0;display:flex}.hn-workspace__content{flex-direction:column;flex:1;display:flex;overflow-y:auto}.hn-toast-container{left:50%;bottom:var(--space-6);z-index:var(--z-toast);gap:var(--space-2);width:min(420px, calc(100% - var(--space-8)));flex-direction:column;align-items:stretch;display:flex;position:fixed;transform:translate(-50%)}.hn-toast{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);font-size:var(--font-ui-base-size);animation:hn-toast-in var(--motion-base);display:flex}.hn-toast--error{background:var(--color-status-danger-subtle);color:var(--color-status-danger)}.hn-toast--info{background:var(--color-neutral-900);color:var(--color-neutral-0)}.hn-toast__icon{flex-shrink:0}.hn-toast__text{color:inherit;flex:1}.hn-toast__close{color:inherit;cursor:pointer;padding:var(--space-1);border-radius:var(--radius-sm);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.hn-toast__close:hover{background:#00000014}.hn-toast__close:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:1px}@keyframes hn-toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (width<=767px){.hn-toast-container{width:100%;bottom:0;left:0;right:0;transform:none}.hn-toast{border-radius:0}}