html,body{min-height:100%;margin:0;background:#fff;color:#222;font-family:"Source Sans Pro",-apple-system,BlinkMacSystemFont,sans-serif;font-size:18px;line-height:1.48}
*{box-sizing:border-box}.container{width:100%;max-width:1400px!important;margin:0 auto;padding:0 4rem}.hero{text-align:center;padding:2rem 0 1rem}.hero .title{font-size:2.15rem;font-weight:600;line-height:1.18;margin:0 0 .45rem}.tilt{font-weight:700}.subtitle-meta{font-size:.95rem;color:#555;margin:.2rem 0}.links-row{display:flex;gap:.65rem;justify-content:center;flex-wrap:wrap;margin-top:.8rem}.action-button{display:inline-flex;align-items:center;justify-content:center;min-width:160px;padding:.46rem 1rem;border:1px solid #252525;border-radius:999px;background:#252525;color:#fff;text-decoration:none;font-weight:600;font-size:.94rem;line-height:1.2}.action-button:hover{background:#444;color:#fff}.action-button.disabled{background:#f4f4f4;border-color:#bbb;color:#555;cursor:default}
.section{padding:1.25rem 0}.section h2.title{font-size:1.52rem;font-weight:400;text-align:center;margin:0 0 .7rem}.abstract{max-width:1060px;margin:0 auto}.abstract p{margin:.2rem 0;text-align:justify}.concepts-section{padding-top:.8rem}.concept-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.concept-card{padding:1rem 1.1rem;border:1px solid #e1e4e8;border-radius:10px;background:#fafbfc}.concept-card h2{font-size:1.12rem;line-height:1.25;margin:0 0 .55rem;text-align:left;font-weight:700}.concept-card p{margin:0;font-size:.95rem;line-height:1.43}.tldr{max-width:1060px;margin:1rem auto 0;text-align:center;font-size:.98rem}
.showcase-section{padding-top:1rem}.showcase-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem;align-items:start}.showcase-panel{min-width:0;padding:1rem;border:1px solid #e1e4e8;border-radius:10px}.showcase-panel h2.title{margin-bottom:.25rem}.showcase-lead{text-align:center;color:#555;margin:0 0 1rem;font-size:.94rem}.prompt-block{margin:0 0 .8rem}.prompt{text-align:center;margin:0 0 .55rem;color:#444;font-size:.94rem}.qual-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;align-items:start}.qual-cell{min-width:0}.qual-cell img{width:100%;height:auto;display:block}.method-label{text-align:center;font-size:.8rem;margin-bottom:.25rem;color:#555}.method-label.ours{font-weight:700;color:#111}.more-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:1rem auto}.more-grid img{width:100%;height:auto;display:block}
.audio-example{padding:.2rem 0 1rem;border-bottom:1px solid #e5e5e5}.audio-prompt{font-size:.94rem;font-weight:400;line-height:1.35;margin:0 0 .6rem}.audio-prompt span{font-weight:700}.audio-players{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;margin-bottom:.6rem}.audio-method{min-width:0;padding:.5rem;background:#f7f7f7;border-radius:7px;text-align:center}.audio-method strong{display:block;font-size:.84rem;margin-bottom:.3rem}.tilt-audio{background:#eef5fa}.audio-method audio{display:block;width:100%;height:42px}.audio-spectrogram{display:block;width:100%;height:auto}
details.more-examples{margin-top:.8rem}details summary{cursor:pointer;color:#27475d;font-weight:600;font-size:.94rem}details[open] summary{margin-bottom:1rem}.more-examples .prompt-block,.more-examples .audio-example{margin-top:1rem;padding-top:1rem;border-top:1px solid #e5e5e5}.method-details{padding-top:0}.method-details>.container>details{max-width:1100px;margin:0 auto;padding:.8rem 1rem;border:1px solid #e1e4e8;border-radius:8px}.method-details-content{padding-top:1rem}.method-split,.method-split.reverse{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;align-items:center;margin:1rem auto}.method-split p{margin:.4rem 0}.img-full{display:block;width:100%;height:auto}.method-split figure{margin:0}figcaption{text-align:center;color:#666;font-size:.85rem;margin-top:.4rem}.go-top{text-align:center;margin:1.3rem 0}.go-top a{color:#555}.footer{background:#f5f5f5;padding:.55rem;text-align:center;color:#666;font-size:.82rem}.footer p{margin:0}
@media(max-width:1100px){.container{padding:0 2rem}.showcase-grid{gap:.8rem}.showcase-panel{padding:.8rem}}
@media(max-width:800px){.concept-grid{grid-template-columns:1fr}.showcase-grid{grid-template-columns:1fr}.concept-card{padding:.75rem 1rem}.method-split,.method-split.reverse{grid-template-columns:1fr}.container{padding:0 1rem}}
@media(max-width:520px){html,body{font-size:16px}.hero .title{font-size:1.8rem}.section{padding:1rem 0}.qual-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.audio-players{grid-template-columns:1fr}}
.image-panel .prompt-block{margin:1rem 0 1.45rem;padding-top:.75rem;border-top:1px solid #e5e5e5}.more-heading{font-size:1.04rem;text-align:center;margin:1.4rem 0 .5rem}.more-item{min-width:0;margin:0}.more-item img{display:block;width:100%;height:auto}.more-item figcaption{font-size:.76rem;line-height:1.25;text-align:left;color:#555;margin-top:.3rem}
