.kuma-input-app{--kuma-accent:#2563eb;--kuma-bg:#f8fafc;--kuma-card-bg:#fff;--kuma-text:#0f172a;--kuma-muted:#64748b;--kuma-radius:28px;--kuma-padding:24px;--kuma-title-size:32px;--kuma-body-size:20px;--kuma-block-gap:24px;--kuma-timeline-width:240px;--kuma-thumb-height:140px;max-width:1200px;margin:0 auto;padding:16px;color:var(--kuma-text);background:var(--kuma-bg)}
.kuma-page-title{margin:0 0 8px;font-size:28px;color:var(--kuma-text)}
.kuma-page-desc{margin:0 0 16px;color:var(--kuma-muted)}
.kuma-filter-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px}.kuma-filter-row label{display:block;font-weight:700;margin-bottom:6px}.kuma-filter-row select{width:100%;padding:10px 12px;font-size:16px;border-radius:12px;border:1px solid #cbd5e1;background:#fff;color:var(--kuma-text)}
.kuma-group-list{display:grid;gap:12px}.kuma-group-item{display:flex;justify-content:space-between;align-items:center;padding:16px 18px;border:1px solid #e5e7eb;border-radius:16px;text-decoration:none;color:inherit;background:var(--kuma-card-bg)}.kuma-group-title{font-size:20px;font-weight:700}.kuma-group-meta{margin-top:6px;color:var(--kuma-muted)}.kuma-group-arrow{font-size:28px;color:var(--kuma-accent)}
.kuma-viewer{position:relative;padding:36px 0}.kuma-edge-nav{position:sticky;display:block;text-decoration:none;color:#94a3b8;font-size:14px;padding:8px 14px}.kuma-edge-prev{top:0}.kuma-edge-next{bottom:0;text-align:right}
.kuma-viewer-shell{display:grid;grid-template-columns:var(--kuma-timeline-width) 1fr;gap:24px;align-items:start}.kuma-timeline{position:sticky;top:20px;background:color-mix(in srgb, var(--kuma-card-bg) 80%, var(--kuma-bg));border:1px solid #e5e7eb;border-radius:20px;padding:18px}.kuma-timeline-major{font-size:13px;color:var(--kuma-muted)}.kuma-timeline-minor{font-size:16px;font-weight:700;margin:6px 0 14px}.kuma-timeline ul{margin:0;padding-left:18px;display:grid;gap:10px}
.kuma-viewer-header .kuma-major{font-size:13px;color:var(--kuma-muted)}.kuma-viewer-header .kuma-minor{font-size:16px;color:#334155;margin-top:4px}.kuma-viewer-header h2{font-size:var(--kuma-title-size);margin:10px 0 18px;color:var(--kuma-text)}
.kuma-long-card{background:var(--kuma-card-bg);border:1px solid #e5e7eb;border-radius:var(--kuma-radius);padding:20px var(--kuma-padding) 80px;box-shadow:0 8px 24px rgba(15,23,42,.06)}.kuma-card-block{padding:18px 4px calc(var(--kuma-block-gap) + 18px);border-bottom:1px solid #f1f5f9;scroll-margin-top:20px}.kuma-card-block:last-child{border-bottom:none}.kuma-card-block h3{font-size:calc(var(--kuma-title-size) - 4px);margin:0 0 14px}.kuma-level{font-size:var(--kuma-body-size);line-height:1.85}.kuma-details{margin-top:12px;background:#f8fafc;border-radius:16px;padding:10px 14px}.kuma-details summary{cursor:pointer;font-weight:700}.kuma-audio-btn{margin-top:14px;padding:10px 16px;border-radius:999px;border:1px solid #cbd5e1;background:#fff;color:var(--kuma-text)}
.kuma-thumbs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:16px}.kuma-thumb-item{margin:0}.kuma-thumb{width:100%;height:var(--kuma-thumb-height);object-fit:cover;border-radius:14px;border:1px solid #e5e7eb;cursor:pointer;background:linear-gradient(135deg,#e2e8f0,#f8fafc)}.kuma-thumb-item figcaption{font-size:13px;color:var(--kuma-muted);margin-top:6px}.kuma-thumb-dummy{display:block}
.kuma-lightbox[hidden]{display:none}.kuma-lightbox{position:fixed;inset:0;z-index:9999;display:grid;place-items:center}.kuma-lightbox-bg{position:absolute;inset:0;background:rgba(15,23,42,.72)}.kuma-lightbox img{position:relative;max-width:90vw;max-height:86vh;border-radius:12px}.kuma-lightbox-close{position:absolute;top:18px;right:22px;border:none;background:transparent;color:#fff;font-size:36px}.kuma-empty{padding:16px;border:1px dashed #cbd5e1;border-radius:12px}.kuma-selector,.kuma-viewer{font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}@media (max-width:900px){.kuma-viewer-shell{grid-template-columns:1fr}.kuma-timeline{position:static}.kuma-thumbs{grid-template-columns:repeat(2,minmax(0,1fr))}.kuma-filter-row{grid-template-columns:1fr}.kuma-card-block h3{font-size:24px}.kuma-level{font-size:18px}}
