.detail-view{align-items:center;gap:var(--spacing-6);flex-direction:column;max-width:1500px;min-height:auto;display:flex}.detail-view .detail-main{width:100%;max-width:1040px;padding:var(--spacing-4)}.detail-view .detail-comments{width:100%;max-width:800px}.detail-view .detail-header{gap:var(--spacing-1);margin-bottom:var(--spacing-4);flex-direction:column;display:flex}.detail-view .detail-eyebrow,.detail-view .track-count{font-family:var(--font-display);font-size:var(--text-sm);letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-muted);font-stretch:75%}.detail-view .detail-eyebrow{gap:var(--spacing-2);font-variation-settings:"wght" 750, "wdth" 75;flex-wrap:wrap;margin:0;padding:0;font-weight:750;display:flex}.detail-view .track-count{font-weight:var(--font-semibold)}.detail-view .detail-eyebrow .sep{opacity:.5}.detail-view .detail-header h1{padding:var(--spacing-1) 0 var(--spacing-2) 0;color:var(--color-text-strong);font-family:var(--font-display);font-size:clamp(1.75rem,3.6vw,2.75rem);font-stretch:75%;font-weight:var(--font-bold);letter-spacing:.01em;text-transform:uppercase;overflow-wrap:anywhere;text-wrap:balance;margin:0;line-height:1.05}.detail-view .detail-actions{align-items:center;gap:var(--spacing-2);margin-bottom:var(--spacing-4);flex-wrap:wrap;display:flex}.detail-view .external-link,.detail-view .external-link:hover{text-decoration:none}.detail-view .detail-info{gap:var(--spacing-4);padding:var(--spacing-2) 0;margin-bottom:var(--spacing-2);flex-direction:column;display:flex}.detail-view .detail-meta{gap:var(--spacing-2);flex-direction:column;display:flex}.detail-view .meta-item{align-items:center;gap:var(--spacing-2);display:flex}.detail-view .label{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--font-bold);text-transform:uppercase;margin-right:var(--spacing-2);letter-spacing:.05em;color:var(--color-text-muted)}.detail-view .value{color:var(--color-text);font-size:var(--text-base)}.detail-view .detail-section-heading{margin:0;margin-top:var(--spacing-6);padding:0 0 var(--spacing-2) 0;font-family:var(--font-display);font-stretch:75%;font-size:var(--text-xl);font-weight:var(--font-bold);letter-spacing:.05em;text-transform:uppercase;color:var(--color-text-strong);border-bottom:1px solid var(--border-default);line-height:1.2}.detail-view .progress-section{align-items:center;gap:var(--spacing-3);display:flex}.detail-view .progress-container{background-color:var(--border-subtle);border-radius:var(--border-radius);flex:1;height:24px;position:relative;overflow:hidden}.detail-view .progress-bar{background-color:var(--color-primary);height:100%;width:var(--progress,0%)}.detail-view .progress-text{font-weight:var(--font-bold);color:var(--color-text);font-variant-numeric:tabular-nums;text-align:right;min-width:3ch}.detail-view .toggle-progress{cursor:pointer;padding:var(--spacing-1);color:var(--color-text);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.detail-view .toggle-progress:hover{color:var(--color-primary)}.detail-view .arrow{transform-origin:50%;justify-content:center;align-items:center;width:16px;height:16px;line-height:0;display:inline-flex}.detail-view .arrow.rotated{transform:rotate(180deg)}.detail-view .text-links{gap:var(--spacing-2);flex-wrap:wrap;display:flex}.detail-view .text-link,.detail-view .text-link:hover{text-decoration:none}.detail-view .text-link:after{display:none}.detail-view .detail-related-block{margin-top:var(--spacing-3);padding:var(--spacing-3);background:var(--surface-recessed);border:1px solid var(--border-subtle);border-radius:var(--border-radius)}.detail-view .inquiry-notice{margin:var(--spacing-2) 0;font-size:var(--text-base);color:var(--color-text-muted)}.detail-view .inquiry-notice a{color:var(--color-primary);text-decoration:none}.detail-view .inquiry-notice a:hover{text-decoration:none}.detail-view .detail-loading{height:100px;font-size:var(--text-lg);color:var(--color-text);justify-content:center;align-items:center;display:flex}@media (width<=768px){.detail-view{padding:var(--spacing-2);margin-left:auto}.detail-view .detail-main{padding:var(--spacing-2)}.detail-view .detail-actions{flex-direction:column;align-items:center;width:100%}.detail-view .detail-actions .external-link{box-sizing:border-box;width:200px;height:40px}.detail-view .detail-actions .button{width:200px;height:40px;padding:var(--spacing-2) var(--spacing-1);text-align:center;justify-content:center;align-items:center;display:flex}.detail-view .detail-actions .share-button{width:200px;height:40px}.detail-view .detail-actions .share-trigger{width:100%;height:100%;padding:var(--spacing-2) var(--spacing-1);box-sizing:border-box;justify-content:center}}.comment-form.svelte-1f4iopl{gap:var(--spacing-2);margin-bottom:var(--spacing-2);flex-direction:column;display:flex}.comment-helper.svelte-1f4iopl{font-family:var(--font-primary);font-size:var(--text-xs);color:var(--color-text-muted);margin:0;line-height:1.5}.textarea-container.svelte-1f4iopl{margin-bottom:var(--spacing-2);position:relative}.comment-form.svelte-1f4iopl textarea:where(.svelte-1f4iopl){width:100%;max-width:100%;padding:var(--spacing-2);font-family:var(--font-primary);font-size:var(--text-base)}.submit-button.svelte-1f4iopl{font-size:var(--text-base);padding:var(--spacing-2) var(--spacing-4)}.error-message.svelte-1f4iopl{color:var(--color-error);font-family:var(--font-primary);font-size:var(--text-base)}.char-count.svelte-1f4iopl{bottom:var(--spacing-1);right:var(--spacing-2);font-size:var(--text-xs);color:var(--color-text-muted);position:absolute}.form-actions.svelte-1f4iopl{justify-content:flex-end;gap:var(--spacing-2);display:flex}textarea.svelte-1f4iopl:focus-visible{outline:none}.limit-error.svelte-1f4iopl{color:var(--color-error);font-size:var(--text-xs);margin-top:var(--spacing-1)}.submit-button[disabled].svelte-1f4iopl{opacity:.5;cursor:not-allowed}.char-count.error.svelte-1f4iopl{color:var(--color-error);font-weight:var(--font-medium)}.preview-toggle.svelte-1f4iopl{gap:var(--spacing-2);margin-bottom:var(--spacing-2);flex-wrap:wrap;display:flex}.preview-panel.svelte-1f4iopl{min-height:80px;padding:var(--spacing-2);border:1px solid var(--border-light);border-radius:var(--border-radius);font-family:var(--font-primary);font-size:var(--text-base)}.comment-text.svelte-1f4iopl p{margin-bottom:var(--spacing-2)}.comment-text.svelte-1f4iopl p:last-child{margin-bottom:0}.comment-text.svelte-1f4iopl code{background:var(--surface-recessed);border-radius:2px;padding:2px 4px;font-family:monospace;font-size:.9em}.comment-text.svelte-1f4iopl blockquote{border-left:3px solid var(--border-medium);padding-left:var(--spacing-2);margin:var(--spacing-2) 0;color:var(--color-text-muted)}.comment-text.svelte-1f4iopl ul,.comment-text.svelte-1f4iopl ol{margin:var(--spacing-2) 0;padding-left:var(--spacing-4)}.comment-text.svelte-1f4iopl li{margin-bottom:var(--spacing-1)}.comment-text.svelte-1f4iopl a{color:var(--color-primary);text-decoration:underline}.comment-text.svelte-1f4iopl a:hover{text-decoration:none}.comment-list.svelte-1hkq1ln{margin-top:var(--spacing-4)}.comment-section.svelte-1en54lo{background:var(--surface-recessed);border-radius:var(--border-radius);width:100%;padding:var(--spacing-4);border:1px solid var(--border-light)}.comment-header.svelte-1en54lo{margin-bottom:var(--spacing-4);justify-content:space-between;align-items:center;display:flex}.sort-options.svelte-1en54lo{gap:var(--spacing-2);flex-wrap:wrap;display:flex}.comment-section.svelte-1en54lo h3:where(.svelte-1en54lo){font-family:var(--font-primary);font-size:var(--text-base);font-weight:var(--font-medium);color:var(--color-text);margin:0}.no-comments.svelte-1en54lo{padding:var(--spacing-4);text-align:center;color:var(--color-text-muted);align-items:center;gap:var(--spacing-2);flex-direction:column;display:flex}.pagination.svelte-1en54lo{justify-content:center;gap:var(--spacing-2);margin-top:var(--spacing-4);align-items:center;display:flex}.page-button.svelte-1en54lo{min-width:32px;height:32px;padding:var(--spacing-1) var(--spacing-2)}.page-button.active.svelte-1en54lo{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.page-ellipsis.svelte-1en54lo{color:var(--color-text-muted);padding:0 var(--spacing-1);-webkit-user-select:none;user-select:none}.login-prompt.svelte-1en54lo{text-align:center;padding:var(--spacing-4);border:1px solid var(--border-light);border-radius:var(--border-radius);background:var(--surface-base);margin-bottom:var(--spacing-4)}.login-prompt.svelte-1en54lo a:where(.svelte-1en54lo){color:var(--color-primary);text-decoration:underline}.comments-container.svelte-1en54lo{min-height:100px;position:relative}