@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--accent-h:245;--accent-s:72%;--accent-l:56%;--accent-l-dark:68%;--neutral-s:10%;--font-sans:"Inter Variable", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono:ui-monospace, "Cascadia Code", "SF Mono", Consolas, monospace;--text-xs:.75rem;--text-sm:.8125rem;--text-base:.9375rem;--text-lg:1.125rem;--text-xl:1.5rem;--text-2xl:2rem;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--leading-tight:1.25;--leading-normal:1.55;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--space-8:4rem;--radius-sm:.375rem;--radius-md:.625rem;--radius-lg:.875rem;--radius-full:999px;--sidebar-width:15.5rem;--content-width:66rem;--control-height:2.5rem;--duration:.15s;--ease:cubic-bezier(.2, .7, .2, 1);--z-sidebar:20;--z-menu:30;--z-dialog:40;--z-toast:50}[data-accent=indigo]{--accent-h:245;--accent-s:72%;--accent-l:56%}[data-accent=teal]{--accent-h:178;--accent-s:78%;--accent-l:34%}[data-accent=green]{--accent-h:150;--accent-s:64%;--accent-l:35%}[data-accent=amber]{--accent-h:30;--accent-s:92%;--accent-l:42%}[data-accent=rose]{--accent-h:342;--accent-s:74%;--accent-l:52%}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:hsl(var(--accent-h) var(--neutral-s) 97.5%);--surface:#fff;--surface-muted:hsl(var(--accent-h) var(--neutral-s) 95%);--surface-hover:hsl(var(--accent-h) var(--neutral-s) 92.5%);--sidebar-bg:hsl(var(--accent-h) var(--neutral-s) 96%);--border:hsl(var(--accent-h) 12% 90%);--border-strong:hsl(var(--accent-h) 10% 80%);--text:hsl(var(--accent-h) 22% 12%);--text-muted:hsl(var(--accent-h) 8% 40%);--text-faint:hsl(var(--accent-h) 8% 56%);--accent:hsl(var(--accent-h) var(--accent-s) var(--accent-l));--accent-hover:hsl(var(--accent-h) var(--accent-s) calc(var(--accent-l) - 7%));--accent-soft:hsl(var(--accent-h) 85% 96%);--accent-soft-text:hsl(var(--accent-h) 65% 34%);--accent-contrast:#fff;--success:#1f8455;--success-soft:#e3f7ee;--warning:#ae6709;--warning-soft:#feefd2;--danger:#c72323;--danger-soft:#fdecec;--shadow-sm:0 1px 2px hsl(var(--accent-h) 30% 20% / .06);--shadow-md:0 4px 16px hsl(var(--accent-h) 30% 20% / .08), 0 1px 3px hsl(var(--accent-h) 30% 20% / .06);--shadow-lg:0 20px 50px hsl(var(--accent-h) 30% 15% / .18), 0 4px 12px hsl(var(--accent-h) 30% 15% / .08);--focus:hsl(var(--accent-h) var(--accent-s) var(--accent-l) / .55);--overlay:hsl(var(--accent-h) 30% 10% / .45)}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:hsl(var(--accent-h) 14% 8%);--surface:hsl(var(--accent-h) 14% 11.5%);--surface-muted:hsl(var(--accent-h) 14% 14%);--surface-hover:hsl(var(--accent-h) 14% 17%);--sidebar-bg:hsl(var(--accent-h) 14% 10%);--border:hsl(var(--accent-h) 12% 19%);--border-strong:hsl(var(--accent-h) 10% 28%);--text:hsl(var(--accent-h) 18% 94%);--text-muted:hsl(var(--accent-h) 8% 68%);--text-faint:hsl(var(--accent-h) 8% 50%);--accent:hsl(var(--accent-h) var(--accent-s) var(--accent-l-dark));--accent-hover:hsl(var(--accent-h) var(--accent-s) calc(var(--accent-l-dark) + 6%));--accent-soft:hsl(var(--accent-h) 40% 18%);--accent-soft-text:hsl(var(--accent-h) 85% 80%);--accent-contrast:hsl(var(--accent-h) 40% 8%);--success:#51cd93;--success-soft:#193427;--warning:#f5b13d;--warning-soft:#362a17;--danger:#f36868;--danger-soft:#391818;--shadow-sm:0 1px 2px #0006;--shadow-md:0 4px 16px #0006, 0 1px 3px #0000004d;--shadow-lg:0 20px 50px #0009, 0 4px 12px #0006;--focus:hsl(var(--accent-h) var(--accent-s) var(--accent-l-dark) / .6);--overlay:#0009}@media (prefers-color-scheme:dark){:root:not([data-theme]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:hsl(var(--accent-h) 14% 8%);--surface:hsl(var(--accent-h) 14% 11.5%);--surface-muted:hsl(var(--accent-h) 14% 14%);--surface-hover:hsl(var(--accent-h) 14% 17%);--sidebar-bg:hsl(var(--accent-h) 14% 10%);--border:hsl(var(--accent-h) 12% 19%);--border-strong:hsl(var(--accent-h) 10% 28%);--text:hsl(var(--accent-h) 18% 94%);--text-muted:hsl(var(--accent-h) 8% 68%);--text-faint:hsl(var(--accent-h) 8% 50%);--accent:hsl(var(--accent-h) var(--accent-s) var(--accent-l-dark));--accent-hover:hsl(var(--accent-h) var(--accent-s) calc(var(--accent-l-dark) + 6%));--accent-soft:hsl(var(--accent-h) 40% 18%);--accent-soft-text:hsl(var(--accent-h) 85% 80%);--accent-contrast:hsl(var(--accent-h) 40% 8%);--success:#51cd93;--success-soft:#193427;--warning:#f5b13d;--warning-soft:#362a17;--danger:#f36868;--danger-soft:#391818;--shadow-sm:0 1px 2px #0006;--shadow-md:0 4px 16px #0006, 0 1px 3px #0000004d;--shadow-lg:0 20px 50px #0009, 0 4px 12px #0006;--focus:hsl(var(--accent-h) var(--accent-s) var(--accent-l-dark) / .6);--overlay:#0009}}*,:before,:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{min-height:100vh;font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{min-height:100vh}img,svg{max-width:100%;display:block}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0}a{color:inherit;text-decoration:none}ul,ol{padding:0;list-style:none}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}::selection{background:var(--accent-soft);color:var(--accent-soft-text)}[hidden]{display:none!important}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}h1,h2,h3{font-weight:var(--weight-semibold);line-height:var(--leading-tight);letter-spacing:-.015em}h1{font-size:var(--text-xl)}h2{font-size:var(--text-lg)}h3{font-size:var(--text-base)}p{color:var(--text-muted)}code{font-family:var(--font-mono);background:var(--surface-muted);border-radius:var(--radius-sm);padding:.1em .4em;font-size:.9em}.u-muted{color:var(--text-muted)}.u-faint{color:var(--text-faint)}.u-visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-shell{grid-template-columns:var(--sidebar-width) minmax(0, 1fr);min-height:100vh;display:grid}.app-shell__main{min-width:0}.app-shell__topbar{z-index:10;align-items:center;gap:var(--space-3);height:3.5rem;padding:0 var(--space-4);background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);font-weight:var(--weight-semibold);display:none;position:sticky;top:0}.app-shell__scrim{display:none}@media (width<=56rem){.app-shell{grid-template-columns:minmax(0,1fr)}.app-shell__topbar{display:flex}.app-shell__scrim{z-index:calc(var(--z-sidebar) - 1);background:var(--overlay);opacity:0;pointer-events:none;transition:opacity var(--duration) var(--ease);position:fixed;inset:0}.app-shell__scrim.is-visible{opacity:1;pointer-events:auto;display:block}}.sidebar{z-index:var(--z-sidebar);gap:var(--space-5);height:100vh;padding:var(--space-4);background:var(--sidebar-bg);border-right:1px solid var(--border);flex-direction:column;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar__brand{align-items:center;gap:var(--space-3);padding:var(--space-1) var(--space-2);font-size:var(--text-lg);font-weight:var(--weight-semibold);letter-spacing:-.02em;display:flex}.sidebar__logo{width:2rem;height:2rem;color:var(--accent-contrast);background:var(--accent);border-radius:var(--radius-md);place-items:center;display:grid}.sidebar__logo svg{width:1.125rem;height:1.125rem}.sidebar__nav{gap:var(--space-1);flex-direction:column;display:flex}.sidebar__link{align-items:center;gap:var(--space-3);width:100%;min-height:2.25rem;padding:0 var(--space-3);color:var(--text-muted);font-size:var(--text-sm);font-weight:var(--weight-medium);border-radius:var(--radius-md);transition:background var(--duration) var(--ease), color var(--duration) var(--ease);display:flex}.sidebar__link svg{flex:none;width:1.0625rem;height:1.0625rem}.sidebar__link:hover{color:var(--text);background:var(--surface-hover)}.sidebar__link.is-active{color:var(--accent-soft-text);background:var(--accent-soft)}.sidebar__book{gap:var(--space-2);flex-direction:column;display:flex}.sidebar__label{padding:0 var(--space-3);color:var(--text-faint);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:.06em;text-transform:uppercase}.sidebar__book-name{padding:0 var(--space-3);font-weight:var(--weight-semibold);line-height:var(--leading-tight);overflow-wrap:anywhere}.sidebar__footer{gap:var(--space-2);padding-top:var(--space-4);border-top:1px solid var(--border);flex-direction:column;margin-top:auto;display:flex}.sidebar__user{align-items:center;gap:var(--space-3);padding:var(--space-1) var(--space-2);font-size:var(--text-sm);display:flex}.sidebar__avatar{width:2rem;height:2rem;color:var(--accent-soft-text);font-size:var(--text-xs);font-weight:var(--weight-semibold);text-transform:uppercase;background:var(--accent-soft);border-radius:var(--radius-full);flex:none;place-items:center;display:grid}.sidebar__username{min-width:0;font-weight:var(--weight-medium);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}@media (width<=56rem){.sidebar{width:min(var(--sidebar-width), 85vw);box-shadow:var(--shadow-lg);transition:transform var(--duration) var(--ease);position:fixed;inset:0 auto 0 0;transform:translate(-105%)}.sidebar.is-open{transform:translate(0)}}.page{max-width:var(--content-width);padding:var(--space-7) var(--space-6);margin:0 auto}.page__header{justify-content:space-between;align-items:flex-end;gap:var(--space-4);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.page__title{font-size:var(--text-2xl)}.page__subtitle{max-width:38rem;margin-top:var(--space-2)}@media (width<=36rem){.page{padding:var(--space-5) var(--space-4)}.page__title{font-size:var(--text-xl)}}.c-button{justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--control-height);padding:0 var(--space-4);font-size:var(--text-sm);font-weight:var(--weight-medium);white-space:nowrap;border-radius:var(--radius-md);transition:background var(--duration) var(--ease), border-color var(--duration) var(--ease), color var(--duration) var(--ease), transform var(--duration) var(--ease);border:1px solid #0000;display:inline-flex}.c-button svg{flex:none;width:1rem;height:1rem}.c-button:active:not(:disabled){transform:translateY(1px)}.c-button:disabled{cursor:not-allowed;opacity:.55}.c-button--primary{color:var(--accent-contrast);background:var(--accent)}.c-button--primary:hover:not(:disabled){background:var(--accent-hover)}.c-button--secondary{background:var(--surface);border-color:var(--border-strong);box-shadow:var(--shadow-sm)}.c-button--secondary:hover:not(:disabled){background:var(--surface-hover)}.c-button--ghost{color:var(--text-muted)}.c-button--ghost:hover:not(:disabled){color:var(--text);background:var(--surface-hover)}.c-button--danger{color:#fff;background:var(--danger)}.c-button--danger:hover:not(:disabled){filter:brightness(.92)}.c-button--sm{min-height:2rem;padding:0 var(--space-3)}.c-button--icon{width:var(--control-height);padding:0}.c-button--icon.c-button--sm{width:2rem}.c-button--block{width:100%}.c-button__spinner{border-radius:var(--radius-full);border:2px solid;border-right-color:#0000;width:1rem;height:1rem;animation:.7s linear infinite c-button-spin}@keyframes c-button-spin{to{transform:rotate(360deg)}}.c-field{gap:var(--space-2);flex-direction:column;display:flex}.c-field__label{font-size:var(--text-sm);font-weight:var(--weight-medium)}.c-field__input{width:100%;min-height:var(--control-height);padding:0 var(--space-3);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-md);transition:border-color var(--duration) var(--ease), box-shadow var(--duration) var(--ease)}.c-field__input::placeholder{color:var(--text-faint)}.c-field__input:hover{border-color:var(--text-faint)}.c-field__input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--focus);outline:none}.c-field__input--multiline{min-height:5rem;padding:var(--space-3);line-height:var(--leading-normal);resize:vertical}.c-field__input[readonly]{color:var(--text-muted);background:var(--surface-muted);cursor:default}.c-field__input[readonly]:hover{border-color:var(--border-strong)}.c-field__hint,.c-field__error{font-size:var(--text-xs)}.c-field__hint{color:var(--text-muted)}.c-field__error{color:var(--danger)}.c-field.has-error .c-field__input{border-color:var(--danger)}.c-field.has-error .c-field__input:focus{box-shadow:0 0 0 3px var(--danger-soft)}.c-alert{align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);font-size:var(--text-sm);border-radius:var(--radius-md);display:flex}.c-alert svg{flex:none;width:1.0625rem;height:1.0625rem;margin-top:.1rem}.c-alert--error{color:var(--danger);background:var(--danger-soft)}.c-card{gap:var(--space-2);padding:var(--space-5);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;display:flex;position:relative}.c-card--interactive{transition:border-color var(--duration) var(--ease), box-shadow var(--duration) var(--ease), transform var(--duration) var(--ease)}.c-card--interactive:hover,.c-card--interactive:focus-within{border-color:var(--border-strong);box-shadow:var(--shadow-md);transform:translateY(-1px)}.c-card__title{font-size:var(--text-base);font-weight:var(--weight-semibold);line-height:var(--leading-tight);overflow-wrap:anywhere}.c-card__title a:after{content:"";border-radius:inherit;position:absolute;inset:0}.c-card__title a:focus-visible{outline:none}.c-card__title a:focus-visible:after{outline:2px solid var(--focus);outline-offset:2px}.c-card__meta{color:var(--text-faint);font-size:var(--text-xs)}.c-card__actions{top:var(--space-3);right:var(--space-3);gap:var(--space-1);opacity:0;transition:opacity var(--duration) var(--ease);display:flex;position:absolute}.c-card:hover .c-card__actions,.c-card:focus-within .c-card__actions{opacity:1}@media (hover:none){.c-card__actions{opacity:1}}.c-dialog{z-index:var(--z-dialog);width:min(28rem, 100vw - var(--space-5));max-height:calc(100vh - var(--space-5));color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);margin:auto;padding:0}.c-dialog::backdrop{background:var(--overlay);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.c-dialog[open]{animation:c-dialog-in var(--duration) var(--ease)}.c-dialog__panel{gap:var(--space-5);padding:var(--space-5);flex-direction:column;display:flex}.c-dialog__header{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.c-dialog__footer{justify-content:flex-end;gap:var(--space-2);flex-wrap:wrap;display:flex}.c-dialog__spacer{margin-right:auto}.c-dialog--drawer{border-width:0 0 0 1px;border-radius:0;width:min(34rem,100vw);max-width:100vw;height:100vh;max-height:none;margin:0 0 0 auto}.c-dialog--drawer[open]{animation:c-drawer-in .24s var(--ease)}.c-dialog--drawer .c-dialog__panel{gap:0;height:100%;padding:0}.c-dialog--drawer .c-dialog__header{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border)}.c-dialog--drawer .c-dialog__body{padding:var(--space-5);flex:1;overflow-y:auto}.c-dialog--drawer .c-dialog__footer{padding:var(--space-4) var(--space-5);background:var(--surface);border-top:1px solid var(--border)}@media (width<=36rem){.c-dialog--drawer .c-dialog__header,.c-dialog--drawer .c-dialog__body,.c-dialog--drawer .c-dialog__footer{padding-right:var(--space-4);padding-left:var(--space-4)}.c-dialog--drawer .c-dialog__footer .c-button{flex:8rem}.c-dialog--drawer .c-dialog__footer .c-dialog__spacer{flex:none}}@keyframes c-dialog-in{0%{opacity:0;transform:translateY(6px)scale(.98)}}@keyframes c-drawer-in{0%{opacity:.4;transform:translate(2rem)}}.c-menu{position:relative}.c-menu__panel{bottom:calc(100% + var(--space-2));z-index:var(--z-menu);gap:var(--space-4);width:100%;min-width:13.5rem;padding:var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);animation:c-menu-in var(--duration) var(--ease);flex-direction:column;display:flex;position:absolute;left:0}.c-menu__group{gap:var(--space-2);flex-direction:column;display:flex}.c-menu__title{color:var(--text-faint);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:.06em;text-transform:uppercase}.c-menu__segmented{background:var(--surface-muted);border-radius:var(--radius-md);padding:2px;display:flex}.c-menu__segment{min-height:1.875rem;color:var(--text-muted);border-radius:calc(var(--radius-md) - 2px);transition:background var(--duration) var(--ease), color var(--duration) var(--ease);flex:1;justify-content:center;align-items:center;display:flex}.c-menu__segment svg{flex:none;width:1rem;height:1rem}.c-menu__segment:hover{color:var(--text)}.c-menu__segment[aria-pressed=true]{color:var(--text);background:var(--surface);box-shadow:var(--shadow-sm)}.c-menu__segment--text{font-size:var(--text-xs);font-weight:var(--weight-semibold)}.c-menu__swatches{gap:var(--space-2);display:flex}.c-menu__swatch{color:#fff;background:hsl(var(--accent-h), var(--accent-s), var(--accent-l));border:2px solid var(--surface);border-radius:var(--radius-full);width:1.75rem;height:1.75rem;box-shadow:0 0 0 1px var(--border-strong);transition:transform var(--duration) var(--ease);place-items:center;display:grid}.c-menu__swatch svg{width:.875rem;height:.875rem}.c-menu__swatch:hover{transform:scale(1.1)}.c-menu__swatch[aria-pressed=true]{box-shadow:0 0 0 2px var(--text)}@keyframes c-menu-in{0%{opacity:0;transform:translateY(4px)}}.c-toasts{right:var(--space-4);bottom:var(--space-4);z-index:var(--z-toast);gap:var(--space-2);width:min(24rem, 100vw - var(--space-5));pointer-events:none;flex-direction:column;display:flex;position:fixed}@media (width<=36rem){.c-toasts{right:var(--space-3);bottom:var(--space-3)}}.c-toast{align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);font-size:var(--text-sm);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);pointer-events:auto;animation:c-toast-in .22s var(--ease);display:flex}.c-toast__icon{flex:none;width:1.125rem;height:1.125rem;margin-top:.1rem}.c-toast__message{flex:1;min-width:0}.c-toast--success .c-toast__icon{color:var(--success)}.c-toast--error .c-toast__icon{color:var(--danger)}.c-toast--info .c-toast__icon{color:var(--accent)}@keyframes c-toast-in{0%{opacity:0;transform:translateY(8px)scale(.98)}}.c-empty{align-items:center;gap:var(--space-3);padding:var(--space-8) var(--space-5);text-align:center;border:1px dashed var(--border-strong);border-radius:var(--radius-lg);flex-direction:column;display:flex}.c-empty__icon{width:3rem;height:3rem;color:var(--accent-soft-text);background:var(--accent-soft);border-radius:var(--radius-full);place-items:center;display:grid}.c-empty__icon svg{width:1.375rem;height:1.375rem}.c-empty__title{font-size:var(--text-lg)}.c-empty p{max-width:28rem}.c-badge{align-items:center;gap:var(--space-1);height:1.375rem;padding:0 var(--space-2);color:var(--text-muted);font-size:var(--text-xs);font-weight:var(--weight-medium);white-space:nowrap;background:var(--surface-muted);border-radius:var(--radius-full);display:inline-flex}.c-badge--accent{color:var(--accent-soft-text);background:var(--accent-soft)}.c-chip{align-items:center;gap:var(--space-2);height:2.25rem;padding:0 var(--space-3);color:var(--text-muted);font-size:var(--text-sm);font-weight:var(--weight-medium);white-space:nowrap;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-full);transition:background var(--duration) var(--ease), border-color var(--duration) var(--ease), color var(--duration) var(--ease);display:inline-flex}.c-chip svg{flex:none;width:.9375rem;height:.9375rem}.c-chip:hover{color:var(--text);background:var(--surface-hover)}.c-chip[aria-pressed=true]{color:var(--accent-soft-text);background:var(--accent-soft);border-color:#0000}.c-chip__count{font-size:var(--text-xs);opacity:.7}.c-search{flex:16rem;min-width:0;position:relative}.c-search__icon{top:50%;left:var(--space-3);width:1rem;height:1rem;color:var(--text-faint);pointer-events:none;position:absolute;transform:translateY(-50%)}.c-search__input{padding-left:2.5rem;padding-right:2.5rem}.c-search__input::-webkit-search-cancel-button{appearance:none}.c-search__hint{top:50%;right:var(--space-3);min-width:1.375rem;height:1.375rem;color:var(--text-faint);font-family:var(--font-mono);font-size:var(--text-xs);background:var(--surface-muted);border:1px solid var(--border);border-radius:var(--radius-sm);pointer-events:none;place-items:center;display:grid;position:absolute;transform:translateY(-50%)}.c-select{position:relative}.c-select__control{appearance:none;cursor:pointer;padding-right:2.25rem}.c-select__icon{top:50%;right:var(--space-3);width:1rem;height:1rem;color:var(--text-faint);pointer-events:none;position:absolute;transform:translateY(-50%)}.c-tags{align-items:center;gap:var(--space-2);min-height:var(--control-height);padding:var(--space-1) var(--space-2);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-md);cursor:text;transition:border-color var(--duration) var(--ease), box-shadow var(--duration) var(--ease);flex-wrap:wrap;display:flex}.c-tags:hover{border-color:var(--text-faint)}.c-tags:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--focus);outline:none}.c-tags__chip{align-items:center;gap:var(--space-1);height:1.75rem;padding:0 var(--space-1) 0 var(--space-3);color:var(--accent-soft-text);font-size:var(--text-sm);font-weight:var(--weight-medium);background:var(--accent-soft);border-radius:var(--radius-full);display:inline-flex}.c-tags__remove{border-radius:var(--radius-full);width:1.25rem;height:1.25rem;transition:background var(--duration) var(--ease);place-items:center;display:grid}.c-tags__remove svg{width:.8125rem;height:.8125rem}.c-tags__remove:hover{color:var(--accent-contrast);background:var(--accent)}.c-tags__input{min-width:6rem;height:1.75rem;padding:0 var(--space-1);background:0 0;border:0;flex:8rem}.c-tags__input:focus-visible{outline:none}.c-tags__input::placeholder{color:var(--text-faint)}.c-check{align-items:flex-start;gap:var(--space-3);cursor:pointer;display:flex}.c-check__input{width:1.125rem;height:1.125rem;accent-color:var(--accent);flex:none;margin-top:.125rem}.c-check__text{gap:var(--space-1);font-weight:var(--weight-medium);flex-direction:column;display:flex}.c-check__hint{color:var(--text-faint);font-size:var(--text-xs);font-weight:var(--weight-regular)}.login{min-height:100vh;padding:var(--space-5);background:radial-gradient(60rem 30rem at 50% -10%, var(--accent-soft), transparent 70%), var(--bg);place-items:center;display:grid}.login__card{gap:var(--space-5);width:min(24rem,100%);padding:var(--space-6);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);flex-direction:column;display:flex}@media (width<=36rem){.login__card{padding:var(--space-5)}}.login__brand{align-items:center;gap:var(--space-3);text-align:center;flex-direction:column;display:flex}.login__logo{width:3rem;height:3rem;color:var(--accent-contrast);background:var(--accent);border-radius:var(--radius-lg);box-shadow:0 6px 18px hsl(var(--accent-h), var(--accent-s), var(--accent-l), .35);place-items:center;display:grid}.login__logo svg{width:1.5rem;height:1.5rem}.login__form{gap:var(--space-4);flex-direction:column;display:flex}.books__grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));display:grid}.books__form{gap:var(--space-4);flex-direction:column;display:flex}.library__toolbar{align-items:center;gap:var(--space-3);margin-bottom:var(--space-5);flex-wrap:wrap;display:flex}.library__filters{gap:var(--space-2);flex-wrap:wrap;display:flex}.library__count{margin-bottom:var(--space-3);color:var(--text-faint);font-size:var(--text-sm)}.library__list{gap:var(--space-2);flex-direction:column;display:flex}.library__row{align-items:flex-start;gap:var(--space-4);width:100%;padding:var(--space-4);text-align:left;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);transition:border-color var(--duration) var(--ease), box-shadow var(--duration) var(--ease);display:flex}.library__row:hover{border-color:var(--border-strong);box-shadow:var(--shadow-sm)}.library__row.is-active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.library__icon{width:2.5rem;height:2.5rem;color:var(--accent-soft-text);background:var(--accent-soft);border-radius:var(--radius-md);flex:none;place-items:center;display:grid}.library__icon svg{width:1.125rem;height:1.125rem}.library__body{gap:var(--space-1);flex-direction:column;flex:1;min-width:0;display:flex}.library__title-line{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.library__name{font-weight:var(--weight-semibold);overflow-wrap:anywhere}.library__aliases{color:var(--text-faint);font-size:var(--text-xs)}.library__summary{color:var(--text-muted);font-size:var(--text-sm);-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.knowledge-form{gap:var(--space-5);flex-direction:column;display:flex}.knowledge-form__row{gap:var(--space-4);grid-template-columns:minmax(0,1fr) 10rem;display:grid}@media (width<=36rem){.knowledge-form__row{grid-template-columns:minmax(0,1fr)}}.timeline__chapter{min-width:12rem}.timeline__list{gap:var(--space-2);flex-direction:column;display:flex}.timeline__item{align-items:stretch;gap:var(--space-2);display:flex}.timeline__item--new-chapter{margin-top:var(--space-4)}.timeline__row{align-items:flex-start;gap:var(--space-4);min-width:0;padding:var(--space-4);text-align:left;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);transition:border-color var(--duration) var(--ease), box-shadow var(--duration) var(--ease);flex:1;display:flex}.timeline__row:hover{border-color:var(--border-strong);box-shadow:var(--shadow-sm)}.timeline__row.is-active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.timeline__order{min-width:2.5rem;height:2.5rem;padding:0 var(--space-2);color:var(--accent-soft-text);font-size:var(--text-sm);font-variant-numeric:tabular-nums;font-weight:var(--weight-semibold);background:var(--accent-soft);border-radius:var(--radius-md);flex:none;place-items:center;display:grid}.timeline__body{gap:var(--space-1);flex-direction:column;flex:1;min-width:0;display:flex}.timeline__title-line{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.timeline__title{font-weight:var(--weight-semibold);overflow-wrap:anywhere}.timeline__date{color:var(--text-faint);font-size:var(--text-xs)}.timeline__summary{color:var(--text-muted);font-size:var(--text-sm);-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.timeline__move{flex-direction:column;flex:none;justify-content:center;display:flex}.event-form{gap:var(--space-5);flex-direction:column;display:flex}.event-form__row{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}@media (width<=36rem){.event-form__row{grid-template-columns:minmax(0,1fr)}}.event-form__participants{gap:var(--space-3);flex-direction:column;display:flex}.event-form__section-title{font-size:var(--text-lg)}.participants{gap:var(--space-2);flex-direction:column;display:flex}.participants__row{align-items:center;gap:var(--space-3);display:flex}.participants__icon{width:1rem;height:1rem;color:var(--text-faint);flex:none}.participants__name{min-width:0;font-weight:var(--weight-medium);overflow-wrap:anywhere;flex:1}.participants__role{flex:none;width:9rem}.participants__add{align-items:end;gap:var(--space-3);grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;display:grid}@media (width<=36rem){.participants__add{grid-template-columns:minmax(0,1fr)}}.relations__select{min-width:11rem;max-width:16rem}.relations__hint{margin-bottom:var(--space-3);font-size:var(--text-sm)}.relations__list{gap:var(--space-2);flex-direction:column;display:flex}.relations__item--new-chapter{margin-top:var(--space-4)}.relations__row{align-items:flex-start;gap:var(--space-4);width:100%;padding:var(--space-4);text-align:left;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);transition:border-color var(--duration) var(--ease), box-shadow var(--duration) var(--ease);display:flex}.relations__row:hover{border-color:var(--border-strong);box-shadow:var(--shadow-sm)}.relations__row.is-active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.relations__row.is-secret{border-style:dashed}.relations__chapter{min-width:5.5rem;padding:var(--space-2) var(--space-3);color:var(--accent-soft-text);font-size:var(--text-sm);font-weight:var(--weight-semibold);text-align:center;background:var(--accent-soft);border-radius:var(--radius-md);flex:none}.relations__chapter.is-start{color:var(--text-muted);background:var(--surface-muted)}.relations__body{gap:var(--space-1);flex-direction:column;flex:1;min-width:0;display:flex}.relations__title-line{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.relations__title{font-weight:var(--weight-semibold);overflow-wrap:anywhere}.relations__note{color:var(--text-muted);font-size:var(--text-sm)}@media (width<=36rem){.relations__row{gap:var(--space-2);flex-direction:column}}.relation-form__entries{align-items:end;gap:var(--space-2);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);display:grid}@media (width<=36rem){.relation-form__entries{grid-template-columns:minmax(0,1fr)}}.relation-form__swap{margin-bottom:var(--space-1)}.relation-form__preview{padding:var(--space-3) var(--space-4);font-weight:var(--weight-medium);background:var(--surface-muted);border-radius:var(--radius-md)}.relation-form__preview-label{margin-bottom:var(--space-1);color:var(--text-faint);font-size:var(--text-xs);font-weight:var(--weight-regular);text-transform:uppercase;letter-spacing:.04em;display:block}.relation-form__history{gap:var(--space-2);flex-direction:column;display:flex}.relation-form__states{gap:var(--space-1);font-size:var(--text-sm);flex-direction:column;display:flex}.relation-form__state-chapter{min-width:6rem;color:var(--text-faint);display:inline-block}.key-card{gap:var(--space-4);max-width:40rem}.key-card__token{gap:var(--space-3);display:flex}@media (width<=36rem){.key-card__token{flex-direction:column}}.key-card--spaced{margin-top:var(--space-5)}.key-card__input{min-width:0;font-family:var(--font-mono,ui-monospace, "Cascadia Code", Consolas, monospace);font-size:var(--text-sm);flex:1}.key-card__meta{color:var(--text-faint);font-size:var(--text-sm)}.key-card__actions{align-items:center;gap:var(--space-3);padding-top:var(--space-4);border-top:1px solid var(--border);flex-wrap:wrap;display:flex}.import__card{gap:var(--space-4);margin-bottom:var(--space-5)}.import__instructions{max-height:16rem;padding:var(--space-4);color:var(--text-muted);font-family:ui-monospace,Cascadia Code,Consolas,monospace;font-size:var(--text-xs);white-space:pre-wrap;background:var(--surface-muted);border-radius:var(--radius-md);line-height:1.5;overflow:auto}.import__paste textarea{font-family:ui-monospace,Cascadia Code,Consolas,monospace;font-size:var(--text-sm)}.import__bar{z-index:2;align-items:center;gap:var(--space-3) var(--space-4);padding:var(--space-3) 0;margin-bottom:var(--space-3);background:var(--bg);border-bottom:1px solid var(--border);flex-wrap:wrap;display:flex;position:sticky;top:0}.import__summary{min-width:12rem;font-size:var(--text-sm);flex:1}.import__summary-errors{color:var(--danger);font-weight:var(--weight-semibold)}.import__help{margin-bottom:var(--space-4);font-size:var(--text-sm)}.import__alert{padding:var(--space-4);margin-bottom:var(--space-4);border:1px solid var(--danger);border-radius:var(--radius-md)}.import__alert ul{margin:var(--space-2) 0;padding-left:var(--space-5);list-style:outside}.import__alert-title{font-weight:var(--weight-semibold)}.import__done-actions{gap:var(--space-3);flex-wrap:wrap;justify-content:center;display:flex}.import-review{gap:var(--space-6);flex-direction:column;display:flex}.import-review__title{align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);font-size:var(--text-lg);display:flex}.import-review__list{gap:var(--space-2);flex-direction:column;display:flex}.import-row{align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);display:flex}.import-row.is-skipped{opacity:.6}.import-row.has-error,.import-row.is-focused{border-color:var(--danger)}.import-row__check{accent-color:var(--accent);flex:none;margin-top:.25rem}.import-row__body{flex:1;min-width:0}.import-row__title-line{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.import-row__title{font-weight:var(--weight-semibold);overflow-wrap:anywhere}.import-row__ids{color:var(--text-faint);font-size:var(--text-xs)}.import-row__detail{margin-top:var(--space-1);color:var(--text-muted);font-size:var(--text-sm);-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.import-row__errors{margin-top:var(--space-2);color:var(--danger);font-size:var(--text-sm)}.import-row__errors code{font-weight:var(--weight-semibold)}.import-row__actions{flex:none;display:flex}.export__card{gap:var(--space-4);max-width:48rem}.export__counts{color:var(--text-faint);font-size:var(--text-sm)}.export__preview{max-height:26rem}.export__actions{gap:var(--space-3);flex-wrap:wrap;display:flex}
/*$vite$:1*/