:root{--font-sans: "Segoe UI", system-ui, -apple-system, "Helvetica Neue", sans-serif;--font-serif: Georgia, "Times New Roman", serif;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 3rem;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-pill: 999px;--shadow-sm: 0 1px 2px rgb(0 0 0 / 6%);--shadow-md: 0 4px 14px rgb(0 0 0 / 8%);--shadow-lg: 0 12px 32px rgb(0 0 0 / 14%);--container: 1120px;--header-height: 60px;--transition: .16s ease}@media(min-width:960px){:root{--container: min(1440px, 94vw)}}:root,:root[data-theme=light]{--bg: #faf7f2;--bg-elevated: #ffffff;--surface: #ffffff;--surface-muted: #f3efe8;--border: #e5dcd0;--border-strong: #d2c6b6;--text: #2b2520;--text-muted: #6d645a;--text-faint: #776c5f;--primary: #5a4fcf;--primary-hover: #4a40b5;--primary-contrast: #ffffff;--primary-soft: #ebe9fb;--danger: #c2372c;--danger-soft: #fbeceb;--success: #1f7a4d;--success-soft: #e8f5ee;--star: #d99a12;--overlay: rgb(43 37 32 / 45%);--status-want-to-read: #2a64a3;--status-want-to-read-soft: #e8f0f9;--status-reading: #97600b;--status-reading-soft: #fbf1e2;--status-read: #1f7a4d;--status-read-soft: #e8f5ee;--status-want-to-buy: #a23a86;--status-want-to-buy-soft: #f9eaf4}:root[data-theme=dark]{--bg: #151219;--bg-elevated: #1d1a24;--surface: #221e2a;--surface-muted: #2a2533;--border: #332d3e;--border-strong: #463e54;--text: #ece8f2;--text-muted: #a89fb8;--text-faint: #8a81a0;--primary: #a79cff;--primary-hover: #b9b0ff;--primary-contrast: #1b1726;--primary-soft: #2b2540;--danger: #ff8078;--danger-soft: #3a2220;--success: #62c795;--success-soft: #1e3329;--star: #f0b429;--overlay: rgb(8 6 12 / 65%);--status-want-to-read: #7fb3e8;--status-want-to-read-soft: #1e2a38;--status-reading: #e8b463;--status-reading-soft: #362a1a;--status-read: #62c795;--status-read-soft: #1e3329;--status-want-to-buy: #e598cf;--status-want-to-buy-soft: #352131}*,*:before,*:after{box-sizing:border-box}html{color-scheme:light;-webkit-text-size-adjust:100%}html[data-theme=dark]{color-scheme:dark}body{margin:0;min-height:100dvh;background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:1rem;line-height:1.55;-webkit-font-smoothing:antialiased;transition:background-color var(--transition),color var(--transition)}h1,h2,h3,h4{margin:0 0 var(--space-3);line-height:1.25;font-weight:650}h1{font-size:clamp(1.5rem,1.2rem + 1.4vw,2rem)}h2{font-size:clamp(1.25rem,1.1rem + .8vw,1.5rem)}p{margin:0 0 var(--space-3)}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;display:block}:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:var(--radius-sm)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.container{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:var(--space-4)}@media(min-width:768px){.container{padding-inline:var(--space-5)}}.page{padding-block:var(--space-5) var(--space-7)}.stack{display:flex;flex-direction:column;gap:var(--space-4)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.field{display:flex;flex-direction:column;gap:var(--space-2)}.password-field{position:relative}.password-field .input{padding-right:2.75rem}.label{font-size:.875rem;font-weight:600;color:var(--text-muted)}.input,.textarea,.select{width:100%;padding:.625rem var(--space-3);font:inherit;font-size:1rem;color:var(--text);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-md);transition:border-color var(--transition),box-shadow var(--transition)}.input::placeholder,.textarea::placeholder,.select::placeholder{color:var(--text-faint)}.input:focus,.textarea:focus,.select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.input:disabled,.textarea:disabled,.select:disabled{background:var(--surface-muted);color:var(--text-faint);cursor:not-allowed}.input.is-invalid,.textarea.is-invalid,.select.is-invalid{border-color:var(--danger)}.textarea{min-height:7rem;resize:vertical}.select{appearance:none;padding-right:var(--space-6);background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8'><path d='M1 1l5 5 5-5' fill='none' stroke='%23888' stroke-width='2' stroke-linecap='round'/></svg>");background-repeat:no-repeat;background-position:right var(--space-3) center;cursor:pointer}.field-error{font-size:.8125rem;color:var(--danger)}.form-actions{display:flex;flex-wrap:wrap;gap:var(--space-3)}@media(max-width:480px){.form-actions{flex-direction:column-reverse}.form-actions .btn{width:100%}}.checkbox-grid{display:flex;flex-wrap:wrap;gap:var(--space-2)}.checkbox-chip{display:inline-flex;align-items:center;gap:var(--space-2);padding:.375rem var(--space-3);border:1px solid var(--border-strong);border-radius:var(--radius-pill);background:var(--surface);font-size:.875rem;cursor:pointer;transition:background var(--transition),border-color var(--transition)}.checkbox-chip:hover{border-color:var(--primary)}.checkbox-chip input{accent-color:var(--primary);margin:0}.checkbox-chip:has(input:checked){background:var(--primary-soft);border-color:var(--primary);color:var(--primary);font-weight:600}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:.625rem var(--space-4);min-height:44px;font:inherit;font-weight:600;line-height:1;border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;transition:background var(--transition),border-color var(--transition),color var(--transition),transform var(--transition)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--primary);color:var(--primary-contrast)}.btn-primary:hover:not(:disabled){background:var(--primary-hover)}.btn-secondary{background:var(--surface);color:var(--text);border-color:var(--border-strong)}.btn-secondary:hover:not(:disabled){border-color:var(--primary);color:var(--primary)}.btn-ghost{background:transparent;color:var(--text-muted)}.btn-ghost:hover:not(:disabled){background:var(--surface-muted);color:var(--text)}.btn-danger{background:var(--danger-soft);color:var(--danger);border-color:transparent}.btn-danger:hover:not(:disabled){background:var(--danger);color:var(--primary-contrast)}.btn-icon{padding:var(--space-2);min-width:44px}.btn-block{width:100%}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.card-padded{padding:var(--space-5)}@media(max-width:480px){.card-padded{padding:var(--space-4)}}.badge{display:inline-flex;align-items:center;padding:.1875rem var(--space-3);border-radius:var(--radius-pill);font-size:.75rem;font-weight:650;letter-spacing:.01em;white-space:nowrap}.badge-want_to_read{background:var(--status-want-to-read-soft);color:var(--status-want-to-read)}.badge-reading{background:var(--status-reading-soft);color:var(--status-reading)}.badge-read{background:var(--status-read-soft);color:var(--status-read)}.badge-want_to_buy{background:var(--status-want-to-buy-soft);color:var(--status-want-to-buy)}.chip{display:inline-flex;align-items:center;padding:.125rem var(--space-3);border-radius:var(--radius-pill);background:var(--surface-muted);color:var(--text-muted);font-size:.75rem;white-space:nowrap}.page-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-5)}.page-header h1{margin:0}