.theme-toggle{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);font-size:var(--fs-2);font-weight:500;cursor:pointer;transition:all var(--dur-mid) var(--ease);min-height:40px}.theme-toggle:hover{background-color:var(--color-bg);border-color:var(--color-primary)}.theme-toggle:active{transform:translateY(1px)}.theme-toggle:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.theme-icon{font-size:var(--fs-4);line-height:1;display:flex;align-items:center}.theme-label{font-size:var(--fs-2);white-space:nowrap}@media (max-width: 600px){.theme-label{display:none}.theme-toggle{padding:var(--space-2);min-width:40px;justify-content:center}}.app-header[data-astro-cid-3ef6ksr2]{background-color:color-mix(in srgb,var(--color-surface) 95%,transparent);border-bottom:1px solid var(--color-border);padding:var(--space-6) 0;position:sticky;top:0;z-index:100;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.header-content[data-astro-cid-3ef6ksr2]{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);position:relative}.header-brand[data-astro-cid-3ef6ksr2] h1[data-astro-cid-3ef6ksr2]{font-size:var(--fs-6);margin-bottom:var(--space-1);color:var(--color-text)}.tagline[data-astro-cid-3ef6ksr2]{color:var(--color-subtle);font-size:var(--fs-2);margin:0}.header-actions[data-astro-cid-3ef6ksr2]{display:flex;gap:var(--space-2);align-items:center}.menu-toggle[data-astro-cid-3ef6ksr2]{display:flex;flex-direction:column;justify-content:center;align-items:center;width:40px;height:40px;padding:0;background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--dur-mid) var(--ease)}.menu-toggle[data-astro-cid-3ef6ksr2]:hover{background-color:var(--color-surface);border-color:var(--color-primary)}.menu-toggle[data-astro-cid-3ef6ksr2]:focus{outline:2px solid var(--color-focus);outline-offset:2px}.menu-toggle-icon[data-astro-cid-3ef6ksr2]{display:flex;flex-direction:column;justify-content:space-between;width:20px;height:14px}.menu-toggle-icon[data-astro-cid-3ef6ksr2] span[data-astro-cid-3ef6ksr2]{display:block;width:100%;height:2px;background-color:var(--color-text);border-radius:2px;transition:all var(--dur-mid) var(--ease)}.menu-toggle[data-astro-cid-3ef6ksr2][aria-expanded=true] .menu-toggle-icon[data-astro-cid-3ef6ksr2] span[data-astro-cid-3ef6ksr2]:nth-child(1){transform:rotate(45deg) translate(6px,6px)}.menu-toggle[data-astro-cid-3ef6ksr2][aria-expanded=true] .menu-toggle-icon[data-astro-cid-3ef6ksr2] span[data-astro-cid-3ef6ksr2]:nth-child(2){opacity:0}.menu-toggle[data-astro-cid-3ef6ksr2][aria-expanded=true] .menu-toggle-icon[data-astro-cid-3ef6ksr2] span[data-astro-cid-3ef6ksr2]:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.header-nav[data-astro-cid-3ef6ksr2]{position:absolute;top:100%;left:0;right:0;background-color:var(--color-bg);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-2);max-height:0;overflow:hidden;opacity:0;transition:all var(--dur-mid) var(--ease);margin-top:var(--space-4)}.header-nav[data-astro-cid-3ef6ksr2][aria-hidden=false]{max-height:500px;opacity:1;padding:var(--space-4) var(--space-4)}.nav-links[data-astro-cid-3ef6ksr2]{display:flex;flex-direction:column;list-style:none;margin:0;padding:0;gap:0;width:100%}.nav-links[data-astro-cid-3ef6ksr2] li[data-astro-cid-3ef6ksr2]{margin:0}.nav-link[data-astro-cid-3ef6ksr2]{color:var(--color-text);text-decoration:none;font-size:var(--fs-2);font-weight:500;padding:var(--space-3) var(--space-4);border-radius:0;border-bottom:1px solid var(--color-border);transition:all var(--dur-mid) var(--ease);display:block;width:100%}.nav-link[data-astro-cid-3ef6ksr2]:last-child{border-bottom:none}.nav-link[data-astro-cid-3ef6ksr2]:hover{background-color:var(--color-surface);color:var(--color-primary);padding-left:var(--space-6)}.nav-link[data-astro-cid-3ef6ksr2]:focus{outline:2px solid var(--color-focus);outline-offset:2px}@media (max-width: 600px){.header-content[data-astro-cid-3ef6ksr2]{flex-wrap:wrap}.header-brand[data-astro-cid-3ef6ksr2] h1[data-astro-cid-3ef6ksr2]{font-size:var(--fs-5)}}@media print{.app-header[data-astro-cid-3ef6ksr2]{display:none}}.share-buttons-container[data-astro-cid-zllr3mxm]{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);width:100%}.share-buttons[data-astro-cid-zllr3mxm]{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.share-label[data-astro-cid-zllr3mxm],.url-label[data-astro-cid-zllr3mxm]{font-size:var(--fs-2);color:var(--color-text);font-weight:500}.share-button[data-astro-cid-zllr3mxm]{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);background-color:var(--color-bg);color:var(--color-text);cursor:pointer;transition:all .2s ease;text-decoration:none}.share-button[data-astro-cid-zllr3mxm]:hover{background-color:var(--color-surface);transform:translateY(-2px);box-shadow:0 2px 4px #0000001a}.share-button[data-astro-cid-zllr3mxm]:active{transform:translateY(0)}.share-button[data-astro-cid-zllr3mxm].copied{background-color:var(--color-success);color:#fff;border-color:var(--color-success)}.url-section[data-astro-cid-zllr3mxm]{width:100%}.url-display[data-astro-cid-zllr3mxm]{display:flex;align-items:center;gap:var(--space-2)}.url-input[data-astro-cid-zllr3mxm]{flex:1;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);background-color:var(--color-surface);color:var(--color-text);font-size:var(--fs-2);font-family:monospace}@media (max-width: 600px){.url-display[data-astro-cid-zllr3mxm]{flex-wrap:wrap}.url-label[data-astro-cid-zllr3mxm]{width:100%}.url-input[data-astro-cid-zllr3mxm]{flex:1;min-width:0}}.app-footer[data-astro-cid-sz7xmlte]{background-color:var(--color-surface);border-top:1px solid var(--color-border);padding:var(--space-6) 0;margin-top:var(--space-8)}.footer-share[data-astro-cid-sz7xmlte]{margin-bottom:var(--space-6);padding-bottom:var(--space-6);border-bottom:1px solid var(--color-border)}.footer-content[data-astro-cid-sz7xmlte]{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap}.copyright[data-astro-cid-sz7xmlte],.file-count[data-astro-cid-sz7xmlte]{font-size:var(--fs-2);color:var(--color-subtle);margin:0}.file-count[data-astro-cid-sz7xmlte]{font-weight:500}.file-count[data-astro-cid-sz7xmlte] .num[data-astro-cid-sz7xmlte]{color:var(--color-primary);font-weight:600}@media (max-width: 600px){.footer-content[data-astro-cid-sz7xmlte]{flex-direction:column;text-align:center}}@media print{.app-footer[data-astro-cid-sz7xmlte]{display:none}}.file-uploader{border:2px dashed var(--color-border);border-radius:var(--radius-md);padding:var(--space-8);background-color:var(--color-surface);cursor:pointer;transition:all var(--dur-mid) var(--ease);min-height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center}.file-uploader:hover{border-color:var(--color-primary);background-color:var(--color-bg);box-shadow:var(--shadow-1)}.file-uploader:focus{outline:2px solid var(--color-focus);outline-offset:2px}.file-uploader.dragging{border-color:var(--color-primary);background-color:var(--color-primary);background-image:linear-gradient(45deg,rgba(255,255,255,.1) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.1) 50%,rgba(255,255,255,.1) 75%,transparent 75%,transparent);background-size:20px 20px;box-shadow:var(--shadow-2)}.file-uploader.dragging .uploader-content{color:#fff}.file-uploader.loading{cursor:wait;opacity:.7}.file-input-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.uploader-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);pointer-events:none}.uploader-icon{font-size:48px;opacity:.5;transition:all var(--dur-mid) var(--ease)}.file-uploader:hover .uploader-icon{opacity:.8;transform:scale(1.1)}.file-uploader.dragging .uploader-icon{opacity:1;transform:scale(1.2)}.file-uploader.loading .uploader-icon{animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.uploader-text{font-size:var(--fs-4);font-weight:500;color:var(--color-text);margin:0;text-align:center}.uploader-hint{font-size:var(--fs-2);color:var(--color-subtle);margin:0;text-align:center}.file-uploader.dragging .uploader-text,.file-uploader.dragging .uploader-hint{color:#fff}@media (max-width: 600px){.file-uploader{min-height:150px;padding:var(--space-6)}.uploader-icon{font-size:36px}.uploader-text{font-size:var(--fs-3)}}@media (prefers-reduced-motion: reduce){.uploader-icon{transition:none}.file-uploader.loading .uploader-icon{animation:none}}.file-list{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-2);display:flex;flex-direction:column;gap:var(--space-2)}.file-list-empty{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-6);min-height:100px;display:flex;align-items:center;justify-content:center}.file-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--dur-fast) var(--ease)}.file-item:hover{border-color:var(--color-primary);box-shadow:var(--shadow-1)}.file-item:focus{outline:2px solid var(--color-focus);outline-offset:2px}.file-item.active{border-color:var(--color-primary);background-color:var(--color-surface);box-shadow:var(--shadow-1)}.file-item-icon{font-size:24px;line-height:1;flex-shrink:0}.file-item-info{flex:1;min-width:0}.file-item-name{font-weight:500;color:var(--color-text);margin-bottom:var(--space-1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-item-meta{font-size:var(--fs-2);color:var(--color-subtle);display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.file-item-separator{opacity:.5}.file-item-remove{width:28px;height:28px;border-radius:var(--radius-xs);background-color:transparent;border:none;color:var(--color-subtle);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all var(--dur-fast) var(--ease);font-size:var(--fs-4);line-height:1}.file-item-remove:hover{background-color:var(--color-danger);color:#fff}.file-item-remove:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}@media (max-width: 600px){.file-item{padding:var(--space-2)}.file-item-icon{font-size:20px}.file-item-meta{font-size:var(--fs-1)}}.encoding-selector{position:relative;display:inline-block}.encoding-selector-trigger{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text);border-radius:var(--radius-md);font-size:var(--font-size-sm);cursor:pointer;transition:all .2s ease}.encoding-selector-trigger:hover{border-color:var(--color-primary);background:var(--color-bg-secondary)}.encoding-selector-trigger:disabled{opacity:.5;cursor:not-allowed}.encoding-selector-label{font-weight:500}.encoding-selector-arrow{transition:transform .2s ease}.encoding-selector-arrow.open{transform:rotate(180deg)}.encoding-selector-dropdown{position:absolute;top:calc(100% + var(--space-2));left:0;z-index:1000;min-width:280px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:0 4px 12px #0000001a;animation:dropdown-fade-in .2s ease}@keyframes dropdown-fade-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.encoding-selector-header{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border)}.encoding-selector-header h4{margin:0 0 var(--space-1) 0;font-size:var(--font-size-base);font-weight:600;color:var(--color-text)}.encoding-selector-filename{margin:0;font-size:var(--font-size-sm);color:var(--color-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.encoding-selector-list{list-style:none;margin:0;padding:var(--space-2);max-height:300px;overflow-y:auto}.encoding-selector-list li{margin:0;padding:0}.encoding-selector-option{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--space-2) var(--space-3);border:none;background:transparent;color:var(--color-text);text-align:left;border-radius:var(--radius-sm);cursor:pointer;transition:all .2s ease}.encoding-selector-option:hover{background:var(--color-bg-secondary)}.encoding-selector-option.active{background:#4f46e51a;color:var(--color-primary);font-weight:500}.encoding-selector-option:disabled{opacity:.5;cursor:not-allowed}.encoding-option-label{flex:1}.encoding-selector-error{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:#ef44441a;color:var(--color-danger);font-size:var(--font-size-sm);border-top:1px solid var(--color-border)}.encoding-selector-processing{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);font-size:var(--font-size-sm);color:var(--color-text-secondary);border-top:1px solid var(--color-border)}.encoding-selector-spinner{width:16px;height:16px;border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spinner-rotate .6s linear infinite}@keyframes spinner-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.encoding-selector-overlay{position:fixed;inset:0;z-index:999;background:transparent}@media (prefers-color-scheme: dark){.encoding-selector-dropdown{box-shadow:0 4px 12px #0000004d}}.bookshelf{width:100%}.bookshelf-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4);gap:var(--space-3)}.bookshelf-title{margin:0;font-size:var(--font-size-lg);font-weight:600;color:var(--color-text)}.bookshelf-view-toggle{display:flex;gap:var(--space-1);background:var(--color-bg-secondary);border-radius:var(--radius-md);padding:var(--space-1)}.view-toggle-btn{display:flex;align-items:center;justify-content:center;padding:var(--space-2);border:none;background:transparent;color:var(--color-text-secondary);border-radius:var(--radius-sm);cursor:pointer;transition:all .2s ease}.view-toggle-btn:hover{background:var(--color-bg-tertiary);color:var(--color-text)}.view-toggle-btn.active{background:var(--color-primary);color:#fff}.view-toggle-btn svg{display:block}.bookshelf-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-4)}.bookshelf-list{grid-template-columns:1fr}.bookshelf-list .bookshelf-item{flex-direction:row;padding:var(--space-3)}.bookshelf-list .bookshelf-item-icon{width:40px;height:40px;margin-bottom:0}.bookshelf-list .bookshelf-item-content{flex:1;text-align:left}.bookshelf-list .bookshelf-item-title{font-size:var(--font-size-base);margin-bottom:var(--space-1)}.bookshelf-list .bookshelf-item-meta{flex-direction:row;gap:var(--space-3)}.bookshelf-list .meta-item-full{width:auto}.bookshelf-item{position:relative;display:flex;flex-direction:column;align-items:center;padding:var(--space-4);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all .2s ease;user-select:none}.bookshelf-item:hover{border-color:var(--color-primary);box-shadow:0 4px 12px #4f46e51a;transform:translateY(-2px)}.bookshelf-item.active{border-color:var(--color-primary);background:var(--color-bg-secondary);box-shadow:0 0 0 3px #4f46e51a}.bookshelf-item.dragging{opacity:.5;cursor:grabbing}.bookshelf-item.drag-over{border-color:var(--color-primary);background:#4f46e50d}.bookshelf-item-icon{display:flex;align-items:center;justify-content:center;width:60px;height:60px;margin-bottom:var(--space-3);background:var(--color-bg-secondary);border-radius:var(--radius-md);color:var(--color-primary)}.bookshelf-item-content{flex:1;width:100%;text-align:center}.bookshelf-item-title{margin:0 0 var(--space-2) 0;font-size:var(--font-size-base);font-weight:600;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.4}.bookshelf-item-meta{display:flex;flex-direction:column;gap:var(--space-1);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.meta-item{display:inline-flex;align-items:center;gap:var(--space-1)}.meta-item svg{flex-shrink:0;opacity:.7}.meta-item-full{width:100%}.meta-item-encoding{width:100%;display:flex;justify-content:center}.progress-badge{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-top:var(--space-1);width:100%}.progress-badge-unread{background-color:var(--color-bg-tertiary);color:var(--color-text-secondary)}.progress-badge-reading{background-color:#4f46e51a;color:var(--color-primary);border:1px solid var(--color-primary)}.progress-badge-completed{background-color:#22c55e1a;color:var(--color-success);border:1px solid var(--color-success)}.bookshelf-item-remove{position:absolute;top:var(--space-2);right:var(--space-2);display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:none;background:var(--color-bg-secondary);color:var(--color-text-secondary);border-radius:var(--radius-sm);cursor:pointer;opacity:0;transition:all .2s ease}.bookshelf-item:hover .bookshelf-item-remove{opacity:1}.bookshelf-item-remove:hover{background:var(--color-danger);color:#fff}.bookshelf-item-drag-handle{position:absolute;top:var(--space-2);left:var(--space-2);display:flex;align-items:center;justify-content:center;width:32px;height:32px;color:var(--color-text-tertiary);opacity:0;transition:opacity .2s ease;cursor:grab}.bookshelf-item:hover .bookshelf-item-drag-handle{opacity:1}.bookshelf-item.dragging .bookshelf-item-drag-handle{cursor:grabbing}.bookshelf-empty{padding:var(--space-8) var(--space-4);text-align:center;color:var(--color-text-secondary)}.bookshelf-empty p{margin:0;font-size:var(--font-size-lg)}.bookshelf-empty-hint{margin-top:var(--space-2);font-size:var(--font-size-sm);opacity:.8}@media (max-width: 768px){.bookshelf-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--space-3)}.bookshelf-header{flex-direction:column;align-items:flex-start}.bookshelf-view-toggle{align-self:stretch;justify-content:center}}@media (max-width: 480px){.bookshelf-grid{grid-template-columns:1fr}.bookshelf-list .bookshelf-item-meta{flex-direction:column;gap:var(--space-1)}}.fullscreen-preview-overlay{position:fixed;inset:0;background-color:var(--color-bg);z-index:9999;padding:0;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fullscreen-preview-container{position:relative;background-color:var(--color-bg);border-radius:0;box-shadow:none;width:100%;height:100%;display:flex;flex-direction:column;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fullscreen-preview-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--color-border);flex-shrink:0}.fullscreen-preview-title{flex:1}.fullscreen-preview-title h2{margin:0;font-size:var(--fs-5);color:var(--color-text);font-weight:600}.fullscreen-preview-meta{margin:0;font-size:var(--fs-2);color:var(--color-subtle);display:flex;gap:var(--space-2);align-items:center}.fullscreen-preview-close{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:none;background:var(--color-surface);color:var(--color-subtle);border-radius:var(--radius-sm);cursor:pointer;transition:all .2s ease;flex-shrink:0;margin-left:var(--space-4)}.fullscreen-preview-close:hover{background:var(--color-danger);color:#fff;transform:scale(1.05)}.fullscreen-preview-close:active{transform:scale(.95)}.fullscreen-preview-close:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.fullscreen-toolbar{display:flex;gap:var(--space-2);align-items:center;margin:0 var(--space-2)}.toolbar-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);border-radius:var(--radius-sm);cursor:pointer;font-size:var(--fs-2);font-weight:600;transition:all .2s ease;flex-shrink:0}.toolbar-btn:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary);transform:scale(1.05)}.toolbar-btn:active{transform:scale(.95)}.toolbar-btn:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.theme-btn{font-size:var(--fs-3)}.fullscreen-preview-content{flex:1;overflow-y:auto;padding:var(--space-6);scroll-behavior:smooth;--font-scale: 1;--line-height-scale: 1}.fullscreen-preview-content .markdown-content{max-width:900px;margin:0 auto;font-size:calc(var(--fs-3) * var(--font-scale));line-height:calc(var(--lh-relaxed) * var(--line-height-scale))}.fullscreen-preview-content .markdown-content *{line-height:inherit}@media (max-width: 768px){.fullscreen-preview-header{padding:var(--space-3) var(--space-4)}.fullscreen-preview-title h2{font-size:var(--fs-4)}.fullscreen-toolbar{gap:var(--space-1);margin:0 var(--space-1)}.toolbar-btn{width:32px;height:32px;font-size:var(--fs-1)}.theme-btn{font-size:var(--fs-2)}.fullscreen-preview-content{padding:var(--space-4)}}@media (prefers-reduced-motion: reduce){.fullscreen-preview-overlay,.fullscreen-preview-container{animation:none}}.install-prompt--banner{position:fixed;bottom:var(--space-4);left:50%;transform:translate(-50%);max-width:500px;width:90%;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);box-shadow:var(--shadow-2);z-index:1000;animation:slideUp var(--dur-slow) var(--ease)}@keyframes slideUp{0%{transform:translate(-50%) translateY(100%);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}.install-prompt--banner .install-prompt__content{position:relative}.install-prompt--banner .install-prompt__title{font-size:var(--fs-3);font-weight:600;color:var(--color-text);margin-bottom:var(--space-2)}.install-prompt--banner .install-prompt__description{font-size:var(--fs-2);color:var(--color-subtle);line-height:var(--lh-normal);margin-bottom:var(--space-3)}.install-prompt--banner .install-prompt__actions{display:flex;gap:var(--space-2);align-items:center}.install-prompt--banner .install-prompt__button{padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);font-weight:500;cursor:pointer;transition:all var(--dur-fast) var(--ease);display:flex;align-items:center;gap:var(--space-2);border:1px solid transparent;font-size:var(--fs-2);line-height:1}.install-prompt__button--primary{background:var(--color-primary);color:var(--color-primary-ink);border-color:var(--color-primary);animation:pulse 2s infinite}.install-prompt__button--primary:hover:not(:disabled){background:var(--color-primary);opacity:.9;transform:translateY(-1px);box-shadow:0 2px 8px #6366f14d}.install-prompt__button--primary:disabled{opacity:.5;cursor:not-allowed}.install-prompt__button--ghost{background:transparent;color:var(--color-text);border-color:var(--color-border)}.install-prompt__button--ghost:hover{background:var(--color-bg);border-color:var(--color-border)}.install-prompt__icon{font-size:var(--fs-3);line-height:1}.install-prompt__close{position:absolute;top:var(--space-2);right:var(--space-2);width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--color-subtle);cursor:pointer;padding:0;font-size:var(--fs-4);line-height:1;transition:color var(--dur-fast) var(--ease);z-index:1}.install-prompt__close:hover{color:var(--color-text)}.install-prompt__close:focus{outline:2px solid var(--color-focus);outline-offset:2px;border-radius:var(--radius-xs)}.install-prompt--footer{position:fixed;bottom:0;left:0;right:0;background:var(--color-surface);border-top:1px solid var(--color-border);padding:var(--space-3);z-index:999;display:flex;justify-content:center;align-items:center;gap:var(--space-2)}.install-prompt__footer-button{display:flex;align-items:center;gap:var(--space-2);background:none;border:none;color:var(--color-primary);font-size:var(--fs-2);cursor:pointer;padding:var(--space-2);border-radius:var(--radius-xs);transition:background var(--dur-fast) var(--ease);font-weight:500}.install-prompt__footer-button:hover:not(:disabled){background:#6366f11a}@media (prefers-color-scheme: dark){.install-prompt__footer-button:hover:not(:disabled){background:#818cf81a}}.install-prompt__footer-button:disabled{opacity:.5;cursor:not-allowed}.install-prompt__footer-button:focus{outline:2px solid var(--color-focus);outline-offset:2px}.install-prompt__footer-close{background:transparent;border:none;color:var(--color-subtle);cursor:pointer;padding:var(--space-2);font-size:var(--fs-3);line-height:1;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-xs);transition:all var(--dur-fast) var(--ease)}.install-prompt__footer-close:hover{color:var(--color-text);background:var(--color-bg)}.install-prompt__footer-close:focus{outline:2px solid var(--color-focus);outline-offset:2px}@keyframes pulse{0%{box-shadow:0 0 #6366f1b3}70%{box-shadow:0 0 0 10px #6366f100}to{box-shadow:0 0 #6366f100}}@media (prefers-color-scheme: dark){@keyframes pulse{0%{box-shadow:0 0 #818cf8b3}70%{box-shadow:0 0 0 10px #818cf800}to{box-shadow:0 0 #818cf800}}}[data-theme=dark] .install-prompt__button--primary{animation:pulse 2s infinite}@media (prefers-reduced-motion: reduce){.install-prompt--banner,.install-prompt__button--primary{animation:none}}@media (max-width: 640px){.install-prompt--banner{width:calc(100% - var(--space-4) * 2);max-width:none}.install-prompt--banner .install-prompt__actions{flex-direction:column}.install-prompt--banner .install-prompt__button{width:100%;justify-content:center}}.network-status-indicator{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:.875rem;transition:all .3s ease}.network-status-indicator.offline{background:#ef44441a;border-color:#ef44444d;color:#ef4444}.network-status-indicator.online{background:#22c55e1a;border-color:#22c55e4d;color:#22c55e}.network-status-icon{font-size:.75rem;line-height:1}.network-status-text{font-weight:500}.network-status-toast{position:fixed;top:var(--space-4);left:50%;transform:translate(-50%);z-index:10000;animation:toastSlideDown .3s ease-out}@keyframes toastSlideDown{0%{transform:translate(-50%) translateY(-100%);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}.network-status-toast-content{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-5);background:var(--color-bg);border:2px solid;border-radius:var(--radius-md);box-shadow:0 4px 12px #00000026}.network-status-toast.online .network-status-toast-content{border-color:#22c55e;background:linear-gradient(135deg,rgba(34,197,94,.05) 0%,var(--color-bg) 100%)}.network-status-toast.offline .network-status-toast-content{border-color:#f59e0b;background:linear-gradient(135deg,rgba(245,158,11,.05) 0%,var(--color-bg) 100%)}.network-status-toast-icon{font-size:1.25rem;line-height:1}.network-status-toast-message{font-weight:500;color:var(--color-text);white-space:nowrap}@media (max-width: 640px){.network-status-indicator{font-size:.75rem;padding:var(--space-1) var(--space-2)}.network-status-toast{left:var(--space-4);right:var(--space-4);transform:none;width:auto}.network-status-toast-content{padding:var(--space-2) var(--space-3)}.network-status-toast-message{font-size:.875rem;white-space:normal}@keyframes toastSlideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}}.app-container{position:relative}.app-section{margin-bottom:var(--space-8);scroll-margin-top:100px}.app-section h2{color:var(--color-primary);border-bottom:2px solid var(--color-border);padding-bottom:var(--space-2);margin-bottom:var(--space-4)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.section-header h2{margin:0;border:none;padding:0}.section-actions{display:flex;gap:var(--space-2);align-items:center;position:relative}.menu-toggle-file{display:flex;flex-direction:column;justify-content:center;align-items:center;width:40px;height:40px;padding:0;background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--dur-mid) var(--ease)}.menu-toggle-file:hover{background-color:var(--color-surface);border-color:var(--color-primary)}.menu-toggle-file:focus{outline:2px solid var(--color-focus);outline-offset:2px}.menu-toggle-icon-file{display:flex;flex-direction:column;justify-content:space-between;width:20px;height:14px}.menu-toggle-icon-file span{display:block;width:100%;height:2px;background-color:var(--color-text);border-radius:2px;transition:all var(--dur-mid) var(--ease)}.menu-toggle-file[aria-expanded=true] .menu-toggle-icon-file span:nth-child(1){transform:rotate(45deg) translate(6px,6px)}.menu-toggle-file[aria-expanded=true] .menu-toggle-icon-file span:nth-child(2){opacity:0}.menu-toggle-file[aria-expanded=true] .menu-toggle-icon-file span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.file-actions-menu{position:absolute;top:100%;right:0;background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);box-shadow:var(--shadow-2);max-height:0;overflow:hidden;opacity:0;transition:all var(--dur-mid) var(--ease);margin-top:var(--space-2);z-index:100;min-width:200px}.file-actions-menu[aria-hidden=false]{max-height:500px;opacity:1;padding:var(--space-2) 0}.file-actions-links{display:flex;flex-direction:column;list-style:none;margin:0;padding:0;gap:0}.file-actions-links li{margin:0}.file-action-link{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-3) var(--space-4);border:none;border-radius:0;background:transparent;color:var(--color-text);text-decoration:none;font-size:var(--fs-2);font-weight:500;cursor:pointer;transition:all var(--dur-mid) var(--ease);text-align:left}.file-action-link-label{cursor:pointer}.file-action-link:hover:not(:disabled){background-color:var(--color-surface);color:var(--color-primary);padding-left:var(--space-6)}.file-action-link:disabled{opacity:.5;cursor:not-allowed}.file-action-link:focus-visible{outline:2px solid var(--color-focus);outline-offset:-2px}.file-action-link-danger{color:var(--color-danger)}.file-action-link-danger:hover{background-color:var(--color-danger);color:#fff}.error-toast{position:fixed;bottom:var(--space-6);left:50%;transform:translate(-50%);background-color:var(--color-danger);color:#fff;padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);box-shadow:var(--shadow-3);display:flex;align-items:center;gap:var(--space-3);max-width:90%;z-index:1000;animation:slideUp var(--dur-mid) var(--ease)}@keyframes slideUp{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.error-icon{font-size:var(--fs-4);line-height:1}.error-message{flex:1;font-size:var(--fs-2);font-weight:500}.error-close{background:none;border:none;color:#fff;cursor:pointer;font-size:var(--fs-4);line-height:1;padding:var(--space-1);opacity:.8;transition:opacity var(--dur-fast) var(--ease)}.error-close:hover{opacity:1}.error-close:focus-visible{outline:2px solid white;outline-offset:2px;border-radius:var(--radius-xs)}@media (max-width: 600px){.section-header{flex-direction:column;align-items:flex-start;gap:var(--space-2)}.section-actions{width:auto}.file-actions-menu{right:0;left:auto}.error-toast{bottom:var(--space-4);left:var(--space-4);right:var(--space-4);transform:none;max-width:none}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}}@media (prefers-reduced-motion: reduce){.error-toast{animation:none}}.markdown-content{color:var(--color-text);line-height:var(--lh-relaxed)}.markdown-content h1,.markdown-content h2,.markdown-content h3,.markdown-content h4,.markdown-content h5,.markdown-content h6{margin-top:var(--space-6);margin-bottom:var(--space-3);font-weight:600;line-height:var(--lh-tight);color:var(--color-text)}.markdown-content h1{font-size:var(--fs-6);border-bottom:2px solid var(--color-border);padding-bottom:var(--space-2)}.markdown-content h2{font-size:var(--fs-5);border-bottom:1px solid var(--color-border);padding-bottom:var(--space-2)}.markdown-content h3{font-size:var(--fs-4)}.markdown-content h4,.markdown-content h5,.markdown-content h6{font-size:var(--fs-3)}.markdown-content p{margin-bottom:var(--space-3)}.markdown-content a{color:var(--color-primary);text-decoration:none;transition:color var(--dur-fast) var(--ease)}.markdown-content a:hover{text-decoration:underline}.markdown-content .anchor-link{color:var(--color-primary)}.markdown-content .internal-link{color:var(--color-primary);font-weight:500}.markdown-content .external-link{color:var(--color-subtle);cursor:help;border-bottom:1px dashed var(--color-border)}.markdown-content .file-link{color:var(--color-subtle);font-family:var(--font-mono);font-size:.9em}.markdown-content .broken-link{color:var(--color-danger);text-decoration:line-through;cursor:help}.markdown-content code{font-family:var(--font-mono);font-size:.9em;background-color:var(--color-surface);padding:2px 6px;border-radius:var(--radius-xs);color:var(--color-text)}.markdown-content pre{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-4);overflow-x:auto;margin-bottom:var(--space-3)}.markdown-content pre code{background-color:transparent;padding:0;font-size:var(--fs-2);line-height:var(--lh-relaxed)}.markdown-content ul,.markdown-content ol{margin-bottom:var(--space-3);padding-left:var(--space-6)}.markdown-content li{margin-bottom:var(--space-2)}.markdown-content li>ul,.markdown-content li>ol{margin-top:var(--space-2);margin-bottom:0}.markdown-content input[type=checkbox]{margin-right:var(--space-2)}.markdown-content input[type=checkbox]:disabled{cursor:default}.markdown-content blockquote{border-left:4px solid var(--color-border);padding-left:var(--space-4);margin:var(--space-4) 0;color:var(--color-subtle);font-style:italic}.markdown-content blockquote p:last-child{margin-bottom:0}.markdown-content hr{border:none;border-top:2px solid var(--color-border);margin:var(--space-6) 0}.markdown-content .table-wrapper{overflow-x:auto;margin-bottom:var(--space-3)}.markdown-content table{width:100%;border-collapse:collapse;border:1px solid var(--color-border)}.markdown-content th,.markdown-content td{padding:var(--space-2) var(--space-3);text-align:left;border:1px solid var(--color-border)}.markdown-content th{background-color:var(--color-surface);font-weight:600}.markdown-content tr:nth-child(2n){background-color:var(--color-surface)}.markdown-content img{max-width:100%;height:auto;border-radius:var(--radius-sm);margin:var(--space-3) 0}.markdown-content .missing-image{display:inline-block;padding:var(--space-2) var(--space-3);background-color:var(--color-surface);border:1px dashed var(--color-border);border-radius:var(--radius-xs);color:var(--color-subtle);font-size:var(--fs-2)}.markdown-content strong{font-weight:600}.markdown-content em{font-style:italic}.markdown-content del{text-decoration:line-through;opacity:.7}.markdown-content>h1:first-child,.markdown-content>h2:first-child,.markdown-content>h3:first-child{margin-top:0}@media print{.markdown-content{color:#000}.markdown-content a{color:#000;text-decoration:underline}.markdown-content pre,.markdown-content code{background-color:#f5f5f5;border:1px solid #ddd}.markdown-content table{page-break-inside:avoid}}:root{--color-bg: #ffffff;--color-surface: #f7f7f8;--color-text: #111827;--color-subtle: #6b7280;--color-primary: #4f46e5;--color-primary-ink: #ffffff;--color-border: #e5e7eb;--color-success: #16a34a;--color-warning: #f59e0b;--color-danger: #ef4444;--color-focus: #1d4ed8;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--space-8: 32px;--size-container: 720px;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 10px;--font-sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic", "Meiryo", Arial, sans-serif;--font-mono: ui-monospace, "SF Mono", Monaco, "Cascadia Code", "Consolas", monospace;--fs-1: 12px;--fs-2: 14px;--fs-3: 16px;--fs-4: 18px;--fs-5: 22px;--fs-6: 28px;--lh-tight: 1.25;--lh-normal: 1.5;--lh-relaxed: 1.75;--shadow-1: 0 1px 2px rgba(0, 0, 0, .06);--shadow-2: 0 4px 12px rgba(0, 0, 0, .1);--shadow-3: 0 8px 24px rgba(0, 0, 0, .15);--ease: cubic-bezier(.2, .8, .2, 1);--dur-fast: .12s;--dur-mid: .2s;--dur-slow: .3s}@media (prefers-color-scheme: dark){:root{--color-bg: #0b0c0f;--color-surface: #111317;--color-text: #e5e7eb;--color-subtle: #9ca3af;--color-primary: #818cf8;--color-primary-ink: #111317;--color-border: #262a33;--color-success: #22c55e;--color-warning: #fbbf24;--color-danger: #f87171;--color-focus: #60a5fa;--shadow-1: 0 1px 2px rgba(0, 0, 0, .3);--shadow-2: 0 4px 12px rgba(0, 0, 0, .5);--shadow-3: 0 8px 24px rgba(0, 0, 0, .6)}}[data-theme=dark]{--color-bg: #0b0c0f;--color-surface: #111317;--color-text: #e5e7eb;--color-subtle: #9ca3af;--color-primary: #818cf8;--color-primary-ink: #111317;--color-border: #262a33;--color-success: #22c55e;--color-warning: #fbbf24;--color-danger: #f87171;--color-focus: #60a5fa;--shadow-1: 0 1px 2px rgba(0, 0, 0, .3);--shadow-2: 0 4px 12px rgba(0, 0, 0, .5);--shadow-3: 0 8px 24px rgba(0, 0, 0, .6)}[data-theme=light]{--color-bg: #ffffff;--color-surface: #f7f7f8;--color-text: #111827;--color-subtle: #6b7280;--color-primary: #4f46e5;--color-primary-ink: #ffffff;--color-border: #e5e7eb;--color-success: #16a34a;--color-warning: #f59e0b;--color-danger: #ef4444;--color-focus: #1d4ed8;--shadow-1: 0 1px 2px rgba(0, 0, 0, .06);--shadow-2: 0 4px 12px rgba(0, 0, 0, .1);--shadow-3: 0 8px 24px rgba(0, 0, 0, .15)}@media (prefers-reduced-motion: reduce){:root{--dur-fast: 0ms;--dur-mid: 0ms;--dur-slow: 0ms}*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-sans);font-size:var(--fs-3);line-height:var(--lh-normal);color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"tnum","zero";font-variant-numeric:tabular-nums slashed-zero}.container{max-width:var(--size-container);margin:0 auto;padding:0 var(--space-4)}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:var(--lh-tight);margin-bottom:var(--space-3)}h1{font-size:var(--fs-6)}h2{font-size:var(--fs-5)}h3{font-size:var(--fs-4)}h4,h5,h6{font-size:var(--fs-3)}p{margin-bottom:var(--space-3)}a{color:var(--color-primary);text-decoration:none;transition:color var(--dur-fast) var(--ease)}a:hover{text-decoration:underline}a:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px;border-radius:var(--radius-xs)}ul,ol{margin-bottom:var(--space-3);padding-left:var(--space-6)}li{margin-bottom:var(--space-2)}code{font-family:var(--font-mono);font-size:.9em;background-color:var(--color-surface);padding:2px 6px;border-radius:var(--radius-xs)}pre{font-family:var(--font-mono);background-color:var(--color-surface);padding:var(--space-4);border-radius:var(--radius-sm);overflow-x:auto;margin-bottom:var(--space-3)}pre code{background-color:transparent;padding:0}button{font-family:inherit;font-size:inherit;cursor:pointer;border:none;background:none;padding:0}button:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}img{max-width:100%;height:auto;display:block}table{width:100%;border-collapse:collapse;margin-bottom:var(--space-3)}th,td{padding:var(--space-2);text-align:left;border-bottom:1px solid var(--color-border)}th{font-weight:600;background-color:var(--color-surface)}.num{font-variant-numeric:tabular-nums slashed-zero}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@media print{*{background:#fff!important;color:#000!important}header,footer,button{display:none!important}a{text-decoration:underline}@page{margin:2cm}}.main-content[data-astro-cid-j7pv25f6]{padding:var(--space-8) var(--space-4);min-height:calc(100vh - 200px)}#welcome[data-astro-cid-j7pv25f6]{margin-bottom:var(--space-8);scroll-margin-top:100px}#welcome[data-astro-cid-j7pv25f6] h2[data-astro-cid-j7pv25f6]{color:var(--color-primary);border-bottom:2px solid var(--color-border);padding-bottom:var(--space-2);margin-bottom:var(--space-4)}.content-section[data-astro-cid-j7pv25f6]{margin-bottom:var(--space-8);scroll-margin-top:100px}.content-section[data-astro-cid-j7pv25f6] h2[data-astro-cid-j7pv25f6]{color:var(--color-primary);border-bottom:2px solid var(--color-border);padding-bottom:var(--space-2);margin-bottom:var(--space-4);margin-top:var(--space-8);font-size:var(--fs-5)}.content-section[data-astro-cid-j7pv25f6] h3[data-astro-cid-j7pv25f6]{color:var(--color-text);margin-top:var(--space-6);margin-bottom:var(--space-3);font-size:var(--fs-4);font-weight:600}.content-section[data-astro-cid-j7pv25f6] p[data-astro-cid-j7pv25f6]{margin-bottom:var(--space-4);line-height:var(--lh-normal)}.content-section[data-astro-cid-j7pv25f6] ul[data-astro-cid-j7pv25f6]{margin-bottom:var(--space-4);padding-left:var(--space-6)}.content-section[data-astro-cid-j7pv25f6] li[data-astro-cid-j7pv25f6]{margin-bottom:var(--space-2);line-height:var(--lh-normal)}.content-section[data-astro-cid-j7pv25f6] strong[data-astro-cid-j7pv25f6]{color:var(--color-primary);font-weight:600}@media (max-width: 600px){.main-content[data-astro-cid-j7pv25f6]{padding:var(--space-4) var(--space-2)}.content-section[data-astro-cid-j7pv25f6] h2[data-astro-cid-j7pv25f6]{font-size:var(--fs-4)}.content-section[data-astro-cid-j7pv25f6] h3[data-astro-cid-j7pv25f6]{font-size:var(--fs-3)}}