:root{color:#1c1917;background:#f4efe5;font-family:Hiragino Mincho ProN,Yu Mincho,YuMincho,"Noto Serif JP",serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--ink: #1c1917;--muted: #6b6257;--paper: rgba(255, 252, 245, .86);--line: rgba(71, 55, 38, .18);--blue: #1b6a8f;--blue-bg: #dff2f7;--amber: #b55c12;--amber-bg: #ffe3ba;--green: #3d6d3a;--green-bg: #e0f0d7;--rose: #a23b54;--rose-bg: #f8dfe6;--violet: #6750a4;--violet-bg: #e7e0f6;--shadow: 0 24px 80px rgba(57, 43, 26, .16)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at top left,rgba(255,185,94,.35),transparent 32rem),linear-gradient(135deg,#f7f0df,#efe4d0 52%,#dce9ea)}button,textarea,input{font:inherit}button{cursor:pointer}.app-shell{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:40px 0 72px}.hero{margin-bottom:28px}.eyebrow{margin:0 0 10px;color:var(--amber);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.82rem;letter-spacing:.12em;text-transform:uppercase}h1,h2,p{margin-top:0}h1{max-width:1080px;margin-bottom:14px;font-size:clamp(2.2rem,6.8vw,5rem);line-height:.98;letter-spacing:0}h2{margin-bottom:8px;font-size:1.08rem}.hero-copy{max-width:820px;margin-bottom:0;color:var(--muted);font-size:1rem;line-height:1.8}.panel{border:1px solid var(--line);background:var(--paper);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.workspace-grid{margin-bottom:24px}.panel{padding:24px;border-radius:30px}.panel-header{display:flex;gap:16px;align-items:start;justify-content:space-between;margin-bottom:18px}.panel-header p,.settings-panel p{margin-bottom:0;color:var(--muted);line-height:1.7}.text-input{width:100%;min-height:310px;resize:vertical;border:1px solid var(--line);border-radius:22px;padding:20px;outline:none;background:#ffffff9e;color:var(--ink);font-size:1.08rem;line-height:1.9}.text-input:focus{border-color:#b55c128c;box-shadow:0 0 0 4px #b55c121f}.input-meta{display:flex;justify-content:flex-end;margin-top:8px}.input-limit{color:var(--muted);font-size:.86rem}.input-limit-error{color:#a33a24}.action-row{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin-top:16px}.primary-button,.ghost-button{border:0;border-radius:999px;padding:12px 18px}.primary-button{background:var(--ink);color:#fffaf0}.primary-button:disabled{cursor:not-allowed;opacity:.5}.ghost-button{border:1px solid var(--line);background:#ffffff6b;color:var(--ink)}.toggle-row{display:flex;gap:10px;align-items:center;color:var(--muted)}.result-stack{display:grid;gap:20px}.section-nav{position:sticky;top:12px;z-index:20;display:flex;gap:8px;align-items:center;overflow-x:auto;border:1px solid var(--line);border-radius:999px;padding:8px;background:#fffcf5d1;box-shadow:0 16px 44px #392b1a1f;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);scrollbar-width:none}.section-nav::-webkit-scrollbar{display:none}.section-nav a{flex:0 0 auto;border-radius:999px;padding:8px 12px;color:var(--muted);font-size:.9rem;line-height:1;text-decoration:none;white-space:nowrap}.section-nav a:hover,.section-nav a:focus-visible{background:#1c191714;color:var(--ink);outline:none}.panel{scroll-margin-top:84px}.panel:target{border-color:#b55c126b}.token-table-placeholder{margin:0;color:var(--muted);line-height:1.7}.badge{display:inline-flex;align-items:center;width:fit-content;border-radius:999px;padding:4px 10px;background:#1c191714;color:var(--ink);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.78rem;white-space:nowrap}.badge-blue{background:var(--blue-bg);color:var(--blue)}.badge-amber{background:var(--amber-bg);color:var(--amber)}.legend{flex-wrap:wrap;display:flex;gap:8px}.panel-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:flex-end}.structure-map-options{display:flex;flex-wrap:wrap;gap:12px 18px;align-items:center;margin-bottom:16px;padding:12px 14px;border-radius:18px;background:#ffffff61}.music-section{display:grid;gap:14px}.music-controls{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.music-mode-control{display:inline-flex;overflow:hidden;border:1px solid var(--line);border-radius:999px;background:#ffffff6b}.mode-button{border:0;border-radius:0;padding:9px 13px;background:transparent;color:var(--muted);font-size:.9rem}.mode-button-active{background:var(--ink);color:#fffaf0}.mode-button:focus-visible{outline:2px solid rgba(181,92,18,.78);outline-offset:-3px}.tempo-control{display:inline-flex;gap:8px;align-items:center;border:1px solid var(--line);border-radius:999px;padding:8px 12px;background:#ffffff6b;color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.84rem}.tempo-control select{border:0;background:transparent;color:var(--ink);font:inherit}.music-summary{color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.84rem}.music-event-strip{display:grid;grid-template-columns:repeat(20,minmax(0,1fr));gap:6px;border-radius:24px;padding:16px;background:#ffffff80}.music-event-cell{display:grid;place-items:center;aspect-ratio:1 / 1;min-width:0;border-radius:8px;color:#1c1917;font-size:.78rem;font-weight:700;line-height:1;overflow:hidden;transform:translateY(0) scale(1);transition:transform .12s ease,box-shadow .12s ease,filter .12s ease}.music-lead{background:#8fd3e6}.music-bass{background:#b8a7ed}.music-pad{background:#a8d99b}.music-hat{background:#f1bc72}.music-kick{background:#8fd3e6}.music-snare{background:#eda5b8}.music-closedHat,.music-openHat{background:#f1bc72}.music-tomLow{background:#b8a7ed}.music-tomHigh{background:#a8d99b}.music-rest{background:#1c191717;color:#1c19177a}.music-event-active{z-index:1;box-shadow:0 10px 24px #1c191733;filter:saturate(1.25) brightness(1.04);transform:translateY(-8px) scale(1.08)}.toggle-label{display:inline-flex;align-items:center;gap:7px}.map-legend-swatch{display:inline-block;width:.9rem;height:.9rem;flex:0 0 auto;border:1px solid rgba(28,25,23,.2);border-radius:4px;box-shadow:inset 0 -2px #1c19171a}.structure-map-panel,.particle-map-panel{container:structure-map / inline-size}.manuscript-grid,.highlight-map,.particle-map{display:grid;grid-template-columns:repeat(40,minmax(0,1fr));gap:4px;align-items:center;width:100%;border-radius:24px;padding:24px;background:#ffffff9e}@container structure-map (max-width: 760px){.manuscript-grid,.highlight-map,.particle-map{grid-template-columns:repeat(30,minmax(0,1fr))}}@container structure-map (max-width: 560px){.manuscript-grid,.highlight-map,.particle-map{grid-template-columns:repeat(16,minmax(0,1fr));gap:5px;padding:18px}}@container structure-map (max-width: 420px){.manuscript-grid,.highlight-map,.particle-map{grid-template-columns:repeat(14,minmax(0,1fr));padding:14px}}.manuscript-cell,.map-cell,.particle-cell{display:grid;place-items:center;aspect-ratio:1 / 1;min-width:0;border-radius:4px;background:#1c191714}.manuscript-cell{color:#1c1917d1;font-size:clamp(.72rem,1.12vw,1rem);line-height:1;overflow:hidden}.manuscript-cell.nominal{background:#8fd3e6;color:#08384f}.manuscript-cell.predicate{background:#b8a7ed;color:#36245f;box-shadow:inset 0 -.16em #36245f52}.manuscript-cell.function{background:#1c191752;color:#1b1713}.manuscript-cell.modifier{background:#a8d99b;color:#1f4d1f}.manuscript-cell.connector{background:#f1bc72;color:#512505}.manuscript-cell.punctuation{background:#eda5b8;color:#6d1830;font-weight:700}.manuscript-line-break,.map-line-break,.particle-map-line-break{grid-column:1 / -1;height:10px}.manuscript-paragraph-break,.map-paragraph-break,.particle-map-paragraph-break{grid-column:1 / -1;height:28px}.map-cell.nominal,.map-legend-swatch.nominal{background:#8fd3e6}.map-cell.predicate,.map-legend-swatch.predicate{background:#b8a7ed}.map-cell.function,.map-legend-swatch.function{background:#1c191752}.map-cell.modifier,.map-legend-swatch.modifier{background:#a8d99b}.map-cell.connector,.map-legend-swatch.connector{background:#f1bc72}.map-cell.punctuation,.map-legend-swatch.punctuation{background:#eda5b8}.particle-map-section{display:grid;gap:16px}.particle-map-legend{display:flex;flex-wrap:wrap;gap:10px}.particle-legend-item{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:999px;padding:7px 11px;background:#ffffff6b;color:var(--muted);font-size:.9rem}.particle-legend-item strong{color:var(--ink);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.78rem}.particle-legend-swatch{display:inline-block;width:.9rem;height:.9rem;flex:0 0 auto;border:1px solid rgba(28,25,23,.2);border-radius:999px;background:var(--particle-color);box-shadow:inset 0 -2px #1c19171f}.particle-cell{background:var(--particle-color);color:var(--particle-ink, rgba(28, 25, 23, .86));font-size:clamp(.72rem,1.12vw,1rem);font-weight:700;line-height:1;overflow:hidden}.particle-cell.non-particle{background:#1c19170e}.category-pill{display:inline-flex;align-items:center;width:fit-content;border-radius:999px;padding:4px 10px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.78rem;white-space:nowrap}.category-pill.nominal{background:var(--blue-bg);color:var(--blue)}.category-pill.predicate{background:var(--violet-bg);color:var(--violet)}.category-pill.function{background:#1c191714;color:var(--ink)}.category-pill.modifier{background:var(--green-bg);color:var(--green)}.category-pill.connector{background:var(--amber-bg);color:var(--amber)}.category-pill.punctuation{background:var(--rose-bg);color:var(--rose)}.category-pill.break{background:var(--violet-bg);color:var(--violet)}.category-pill.other{background:#1c191714;color:var(--muted)}.sentence-rhythm-list{display:grid;gap:18px}.sentence-rhythm-group{display:grid;gap:10px;border:1px solid var(--line);border-radius:24px;padding:16px;background:#ffffff61}.sentence-rhythm-group-header{display:flex;gap:12px;align-items:baseline;justify-content:space-between;padding:0 6px}.sentence-rhythm-group-header h3{margin:0;font-size:.94rem}.sentence-rhythm-group-header span{color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.78rem}.sentence-rhythm-group-body{display:grid;gap:10px}.sentence-rhythm-row{display:grid;grid-template-columns:34px minmax(0,1fr);gap:14px;align-items:start;padding:8px 0}.sentence-index{padding-top:2px;color:#1c19177a;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.88rem;font-weight:700;text-align:right}.sentence-rhythm-body{display:grid;gap:10px}.sentence-rhythm-main{display:grid;grid-template-columns:minmax(0,1fr) 142px;gap:14px;align-items:center}.sentence-bar-track{position:relative;height:22px;overflow:visible;background:#1c191714;border-radius:999px}.sentence-bar-segments{position:absolute;inset:0 auto 0 0;display:flex;gap:4px;min-width:4%}.sentence-bar-segment{min-width:10px;border-radius:inherit;background:linear-gradient(90deg,#1b6a8feb,#1b6a8f7a),var(--blue-bg)}.sentence-bar-segment:first-child{border-top-left-radius:999px;border-bottom-left-radius:999px}.sentence-bar-segment:last-child{border-top-right-radius:999px;border-bottom-right-radius:999px}.sentence-rhythm-values{display:flex;gap:8px;align-items:center;justify-content:flex-end;color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.84rem;white-space:nowrap}.sentence-rhythm-values strong{color:var(--ink);font-size:1rem}.sentence-preview{display:-webkit-box;margin-bottom:0;overflow:hidden;color:var(--muted);line-height:1.7;-webkit-line-clamp:2;-webkit-box-orient:vertical}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:680px}th,td{border-bottom:1px solid var(--line);padding:12px 10px;text-align:left}th{color:var(--muted);font-size:.84rem;font-weight:500}.error-text{margin:0;color:#a33a24}.empty-result{margin-top:20px;text-align:center}.empty-result p{margin-bottom:0;color:var(--muted)}@media(max-width:820px){.app-shell{width:min(100% - 20px,1180px);padding-top:28px}.hero,.sentence-rhythm-main{grid-template-columns:1fr}.music-event-strip{grid-template-columns:repeat(10,minmax(0,1fr))}.sentence-rhythm-values{justify-content:flex-start}.panel-header{display:grid}}