.library{max-width:720px;padding:48px var(--column-pad) 20vh;margin-inline:auto}.library-header{justify-content:space-between;align-items:baseline;margin-bottom:44px;display:flex}.wordmark{font-variation-settings:"wght" 520;letter-spacing:-.01em;align-items:center;gap:11px;font-size:26px;display:flex}.wordmark-mark{border-radius:8px;box-shadow:0 1px 3px #1a181526}.wordmark-kanji{color:var(--color-accent);font-variation-settings:"wght" 420;margin-left:2px;font-size:.72em}.library-actions{align-items:center;gap:10px;display:flex}.button-primary{font-family:var(--font-chrome);font-size:var(--text-ui-size);letter-spacing:.01em;color:var(--color-bg);background:var(--color-ink);transition:opacity var(--duration-quick) var(--ease-standard), transform var(--duration-quick) var(--ease-standard);border-radius:999px;padding:9px 18px;font-weight:550}.button-primary:hover{opacity:.88}.button-primary:active{transform:scale(.98)}.button-primary:disabled{opacity:.4;cursor:default}.button-secondary{letter-spacing:.01em;color:var(--color-ink-secondary);border:1px solid var(--color-hairline);transition:color var(--duration-quick) var(--ease-standard), border-color var(--duration-quick) var(--ease-standard);border-radius:999px;padding:9px 18px;font-weight:550}.button-secondary:hover{color:var(--color-ink);border-color:var(--color-ink-faint)}.library-empty-steps{flex-direction:column;align-items:flex-start;gap:10px;display:flex}.sheet-title-input{margin-top:10px}.library-empty{max-width:32ch;padding-top:9vh}.library-empty-lede{font-variation-settings:"wght" 440;letter-spacing:-.012em;margin-bottom:.6em;font-size:30px;line-height:1.3}.library-empty-sub{color:var(--color-ink-secondary);margin-bottom:2em;line-height:1.6}.doc-list-grid{flex-direction:column;padding:0;list-style:none;display:flex}.doc-card{border-bottom:1px solid var(--color-hairline);position:relative}.doc-card-main{text-align:left;border-radius:var(--radius);width:100%;transition:background-color var(--duration-quick) var(--ease-standard);padding:22px 96px 22px 8px;display:block}.doc-card-main:hover{background:var(--color-expanded-bg)}.doc-card-title{font-variation-settings:"wght" 480;letter-spacing:-.008em;margin-bottom:6px;font-size:21px;line-height:1.35}.doc-card-meta{color:var(--color-ink-faint)}.doc-card-progress{background:var(--color-hairline);border-radius:3px;max-width:none;height:4px;margin-top:14px}.doc-card-progress-fill{background:var(--color-accent);opacity:.7;border-radius:2px;height:100%}.doc-card-thumb{float:right;object-fit:cover;border-radius:var(--radius);width:76px;height:76px;margin-top:2px;margin-left:16px}.doc-card-pending .doc-card-main{cursor:default}.doc-card-pending .doc-card-title{color:var(--color-ink-secondary);word-break:break-all;font-size:18px}.doc-card-spinner{border:1.5px solid var(--color-hairline);border-top-color:var(--color-ink-faint);vertical-align:-1px;border-radius:50%;width:11px;height:11px;margin-right:4px;animation:.9s linear infinite import-spin;display:inline-block}@keyframes import-spin{to{transform:rotate(360deg)}}.doc-card-error{color:var(--color-ink-secondary)}.doc-card-recover{gap:8px;margin-top:12px;display:flex}.modal-sheet-compact{max-width:420px}.modal-sheet.is-dragover{outline:2px dashed var(--color-accent);outline-offset:-8px}.doc-card-actions{opacity:0;transition:opacity var(--duration-quick) var(--ease-standard);gap:6px;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.doc-card:hover .doc-card-actions,.doc-card:focus-within .doc-card-actions{opacity:1}@media (hover:none){.doc-card-actions{opacity:1}}.doc-card-action{color:var(--color-ink-faint);width:32px;height:32px;transition:color var(--duration-quick) var(--ease-standard), background-color var(--duration-quick) var(--ease-standard);border-radius:50%;place-items:center;font-size:16px;display:grid}.doc-card-action:hover{color:var(--color-ink);background:var(--color-hairline)}.doc-card-delete:hover{color:var(--color-danger)}.modal-scrim{background:color-mix(in srgb, var(--color-ink) 22%, transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:50;animation:scrim-in .16s var(--ease-out);place-items:center;padding:20px;display:grid;position:fixed;inset:0}@keyframes scrim-in{0%{opacity:0}}.modal-sheet{background:var(--color-surface-raised);border:1px solid var(--color-hairline);border-radius:var(--radius-large);width:min(560px,100%);box-shadow:var(--shadow-raised);animation:sheet-in .22s var(--ease-out);padding:22px}@keyframes sheet-in{0%{opacity:0;transform:translateY(10px)scale(.99)}}.sheet-tabs{gap:4px;margin-bottom:16px;display:flex}.sheet-tab{color:var(--color-ink-secondary);transition:background-color var(--duration-quick) var(--ease-standard), color var(--duration-quick) var(--ease-standard);border-radius:999px;padding:7px 14px}.sheet-tab.is-active{background:var(--color-expanded-bg);color:var(--color-ink);font-weight:550}.sheet-textarea{resize:vertical;background:var(--color-bg);border:1px solid var(--color-hairline);border-radius:var(--radius);width:100%;min-height:260px;padding:14px;font-size:15px;line-height:1.55}.sheet-input{background:var(--color-bg);border:1px solid var(--color-hairline);border-radius:var(--radius);width:100%;font-family:var(--font-chrome);padding:10px 12px;font-size:14px}.sheet-textarea:focus,.sheet-input:focus{border-color:var(--color-accent);outline:none}.sheet-hint{color:var(--color-ink-faint);margin-top:10px;line-height:1.55}.sheet-footer{justify-content:flex-end;align-items:center;gap:14px;margin-top:16px;display:flex}.sheet-error{color:var(--color-danger);margin-right:auto;line-height:1.45}.account-chip{text-overflow:ellipsis;white-space:nowrap;max-width:200px;color:var(--color-ink-secondary);overflow:hidden}.auth-form{flex-direction:column;gap:16px;display:flex}.settings-sheet{flex-direction:column;gap:20px;display:flex}.settings-title{font-variation-settings:"wght" 500;font-size:20px}.settings-field{flex-direction:column;gap:8px;display:flex}.settings-label{color:var(--color-ink);font-weight:570}.settings-hint{color:var(--color-ink-faint);line-height:1.5}.settings-key-row{align-items:center;gap:8px;display:flex}.segment-row{background:var(--color-expanded-bg);border-radius:999px;gap:4px;width:fit-content;padding:3px;display:flex}.segment{color:var(--color-ink-secondary);font-size:var(--text-ui-small);transition:background-color var(--duration-quick) var(--ease-standard), color var(--duration-quick) var(--ease-standard);border-radius:999px;padding:6px 14px}.segment.is-active{background:var(--color-surface-raised);color:var(--color-ink);font-weight:570;box-shadow:0 1px 3px #1a18151a}@keyframes yomu-out-in{to{opacity:0;transform:scale(1.03)}}@keyframes yomu-out-out{to{opacity:0;transform:scale(.97)}}@keyframes yomu-in{0%{opacity:0}to{opacity:1}}::view-transition-old(root){animation:yomu-out-out var(--duration-out) var(--ease-standard) forwards}::view-transition-new(root){animation:yomu-in var(--duration-in) var(--ease-out) both;animation-delay:90ms}html[data-zoom-dir=in] ::view-transition-old(root){animation-name:yomu-out-in}html[data-zoom-dir=out] ::view-transition-old(root){animation-name:yomu-out-out}@media (prefers-reduced-motion:reduce){::view-transition-old(root){animation-name:yomu-in;animation-duration:80ms}::view-transition-new(root){animation-name:yomu-in;animation-duration:80ms}::view-transition-old(root){opacity:0;animation-name:none}}