:root{--background: 240 6% 97%;--foreground: 240 10% 4%;--card: 0 0% 100%;--muted: 240 5% 96%;--muted-foreground: 240 4% 46%;--border: 240 6% 90%;--ring: 152 56% 40%;--primary: 152 56% 38%;--primary-soft: 150 52% 94%;--nt: 243 75% 59%;--nt-soft: 243 75% 96%;--ot: 25 95% 45%;--ot-soft: 33 100% 96%;--len: 152 56% 40%;--radius: .6rem;--shadow-pop: 0 10px 40px hsl(240 20% 12% / .18);--appbar-h: 3.5rem;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:hsl(var(--background));color:hsl(var(--foreground));font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3{margin:0;font-weight:600;letter-spacing:-.012em}button{font:inherit}.shell{display:flex;flex-direction:column;height:100%}.appbar{height:var(--appbar-h);flex:none;display:flex;align-items:center;justify-content:space-between;padding:0 1.15rem;background:hsl(var(--card));border-bottom:1px solid hsl(var(--border))}.brand{display:flex;align-items:center;gap:.55rem}.brand__mark{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:.55rem;background:hsl(var(--primary-soft));color:hsl(var(--primary))}.appbar__actions{display:flex;align-items:center;gap:1rem}.btn-icon{display:inline-flex;align-items:center;gap:.4rem}.btn-icon svg{color:hsl(var(--muted-foreground))}.brand__name{font-weight:700;font-size:1.02rem;letter-spacing:-.02em}.brand__sub{font-size:.8rem;color:hsl(var(--muted-foreground))}@media (max-width: 620px){.brand__sub{display:none}}.shell__body{flex:1;display:flex;min-height:0}.pane{display:flex;flex-direction:column;min-height:0;background:hsl(var(--card))}.pane--side{flex:none;background:hsl(var(--background))}.pane--main{flex:1;min-width:0}.divider{flex:none;width:9px;cursor:col-resize;position:relative;background:none;touch-action:none}.divider:before{content:"";position:absolute;top:0;bottom:0;left:4px;width:1px;background:hsl(var(--border));transition:background .12s,width .12s,left .12s}.divider:hover:before,.divider:active:before{background:hsl(var(--primary));width:3px;left:3px}.pane__head{flex:none;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1.1rem;border-bottom:1px solid hsl(var(--border))}.pane__title{font-size:.95rem}.pane__meta{font-size:.72rem;font-weight:600;font-variant-numeric:tabular-nums;color:hsl(var(--muted-foreground));background:hsl(var(--muted));border-radius:999px;padding:.05rem .5rem}.pane__scroll{flex:1;overflow:auto;padding:1.05rem 1.1rem 1.4rem}@media (max-width: 860px){.shell{height:auto;min-height:100%}.shell__body{flex-direction:column}.divider{display:none}.pane--side{width:auto!important;border-bottom:1px solid hsl(var(--border))}.pane__scroll{overflow:visible}}.btn-ghost{border:1px solid hsl(var(--border));background:hsl(var(--card));color:hsl(var(--foreground));border-radius:.5rem;padding:.35rem .85rem;font-size:.85rem;font-weight:500;cursor:pointer}.btn-ghost:hover{background:hsl(var(--muted))}.btn-sm{padding:.2rem .6rem;font-size:.78rem}.selstrip{flex:none;display:flex;align-items:center;gap:.6rem;padding:.6rem 1.1rem;border-bottom:1px solid hsl(var(--border));min-height:2.85rem}.selstrip__hint{color:hsl(var(--muted-foreground));font-size:.88rem}.selstrip__label{font-size:.78rem;color:hsl(var(--muted-foreground))}.selstrip__chips{display:flex;flex-wrap:wrap;gap:.35rem;flex:1}.pill{display:inline-flex;align-items:center;gap:.3rem;font-size:.76rem;font-weight:600;border:none;border-radius:999px;padding:.18rem .55rem;cursor:pointer;color:#fff}.pill--nt{background:hsl(var(--nt))}.pill--ot{background:hsl(var(--ot))}.pill:hover{filter:brightness(.93)}.selector{display:flex;flex-direction:column;gap:1.3rem}.testament__head{display:flex;align-items:center;gap:.45rem;margin-bottom:.6rem}.testament__dot{width:.5rem;height:.5rem;border-radius:999px}.testament--ot .testament__dot{background:hsl(var(--ot))}.testament--nt .testament__dot{background:hsl(var(--nt))}.testament__head h3{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:hsl(var(--muted-foreground))}.testament__count{margin-left:auto;font-size:.7rem;font-variant-numeric:tabular-nums;color:hsl(var(--muted-foreground))}.section{margin-bottom:.5rem}.section__head{display:flex;align-items:baseline;justify-content:space-between;width:100%;background:none;border:none;padding:.1rem .05rem .3rem;cursor:pointer;color:hsl(var(--muted-foreground))}.section__name{font-size:.75rem;font-weight:600;color:hsl(var(--foreground))}.section__all{font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:hsl(var(--primary));background:hsl(var(--primary-soft));border-radius:.3rem;padding:.1rem .4rem;opacity:0;transition:opacity .12s,background .12s}.section:hover .section__all,.section__head--on .section__all{opacity:1}.section__head:hover .section__all{background:hsl(var(--primary) / .18)}.chips{display:flex;flex-wrap:wrap;gap:.28rem}.chip{min-width:2.55rem;padding:.28rem .4rem;font-size:.75rem;font-weight:500;font-variant-numeric:tabular-nums;border-radius:.4rem;border:1px solid hsl(var(--border));background:hsl(var(--card));color:hsl(var(--muted-foreground));cursor:pointer;transition:background .12s,color .12s,border-color .12s}.chip:hover{border-color:hsl(var(--ring) / .5);color:hsl(var(--foreground))}.testament--ot .chip--on{background:hsl(var(--ot));border-color:hsl(var(--ot));color:#fff}.testament--nt .chip--on{background:hsl(var(--nt));border-color:hsl(var(--nt));color:#fff}.chip--on:hover{filter:brightness(.92);color:#fff}.switch{display:inline-flex;align-items:center;gap:.45rem;cursor:pointer;font-size:.8rem;color:hsl(var(--muted-foreground));-webkit-user-select:none;user-select:none}.switch input{position:absolute;opacity:0;width:0;height:0}.switch__track{width:2.1rem;height:1.2rem;border-radius:999px;background:hsl(var(--border));padding:2px;transition:background .15s}.switch__thumb{display:block;width:.9rem;height:.9rem;border-radius:999px;background:#fff;box-shadow:0 1px 2px #17171c40;transition:transform .15s}.switch input:checked+.switch__track{background:hsl(var(--primary))}.switch input:checked+.switch__track .switch__thumb{transform:translate(.9rem)}.switch input:focus-visible+.switch__track{outline:2px solid hsl(var(--ring) / .5);outline-offset:2px}.plot--empty{display:flex;flex-direction:column;justify-content:center;min-height:320px;text-align:center;padding:1rem 2rem}.empty__art{align-self:center;width:100%;max-width:250px;height:auto;margin-bottom:1.2rem}.empty__card{fill:hsl(var(--background));stroke:hsl(var(--border));stroke-width:1.5}.empty__dot,.empty__bar{fill:hsl(var(--muted))}.empty__bar--lead{fill:hsl(var(--primary-soft));stroke:hsl(var(--primary) / .45);stroke-width:1.3}.plot__prompt{font-size:1rem;font-weight:500;color:hsl(var(--foreground));margin:0 0 .3rem}.plot__hint{color:hsl(var(--muted-foreground));font-size:.88rem;margin:0}.plot__legend{display:flex;justify-content:space-between;gap:1rem;font-size:.8rem;color:hsl(var(--muted-foreground));margin-bottom:.7rem}.plot__legend strong{color:hsl(var(--foreground))}.legend__size{display:inline-flex;align-items:center;gap:.4rem}.legend__size svg circle{fill:hsl(var(--len) / .85)}.bars{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.18rem}.bar{display:grid;grid-template-columns:1.4rem minmax(6.5rem,8.5rem) 1fr 4.7rem;align-items:center;gap:.65rem;padding:.32rem .45rem;border-radius:.5rem;transition:background .12s}.bar--rec{background:hsl(var(--nt-soft))}.bar--rec.bar--ot{background:hsl(var(--ot-soft))}.bar:hover{background:hsl(var(--muted))}.bar--rec.bar--nt:hover{background:#e1e0fb}.bar--rec.bar--ot:hover{background:#ffead1}.bar:hover .bar__fill{filter:brightness(1.07)}.bar__rank{font-size:.78rem;font-weight:600;font-variant-numeric:tabular-nums;color:hsl(var(--muted-foreground));text-align:right}.bar--rec .bar__rank{color:hsl(var(--nt))}.bar--rec.bar--ot .bar__rank{color:hsl(var(--ot))}.bar__label{display:flex;flex-direction:column;line-height:1.15;overflow:hidden}.bar__name{font-weight:600;font-size:.88rem;color:hsl(var(--foreground));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bar__section{font-size:.65rem;color:hsl(var(--muted-foreground));white-space:nowrap}.bar__track{position:relative;height:1.4rem;background:hsl(var(--muted));border-radius:.4rem;overflow:hidden}.bar__fill{display:flex;align-items:center;justify-content:flex-end;height:100%;border-radius:.4rem;min-width:4px}.bar--nt .bar__fill{background:hsl(var(--nt))}.bar--ot .bar__fill{background:hsl(var(--ot))}.bar:not(.bar--rec) .bar__fill{opacity:.55}.bar__score{padding:0 .5rem;font-size:.72rem;font-weight:600;font-variant-numeric:tabular-nums;color:#fff;text-shadow:0 1px 2px hsl(240 40% 12% / .5);white-space:nowrap;opacity:0;transition:opacity .12s;pointer-events:none}.bar:hover .bar__score{opacity:1}.bar__len{display:flex;align-items:center;justify-content:flex-end;gap:.3rem}.bar__len svg circle{fill:hsl(var(--len) / .85)}.bar__len-num{font-size:.66rem;font-variant-numeric:tabular-nums;color:hsl(var(--muted-foreground));min-width:2.3rem;text-align:right}.bars__divider{display:flex;align-items:center;gap:.6rem;margin:.3rem .2rem;font-size:.62rem;text-transform:uppercase;letter-spacing:.07em;color:hsl(var(--muted-foreground))}.bars__divider:before,.bars__divider:after{content:"";flex:1;height:1px;background:hsl(var(--border))}.plot__expand{margin-top:.8rem;width:100%;border:1px solid hsl(var(--border));background:hsl(var(--card));color:hsl(var(--foreground));border-radius:.5rem;padding:.5rem;font-size:.84rem;font-weight:500;cursor:pointer}.plot__expand:hover{background:hsl(var(--muted))}.banner{margin:1rem;padding:.85rem 1.05rem;border-radius:var(--radius);background:hsl(var(--muted));color:hsl(var(--muted-foreground));font-size:.92rem}.banner--error{background:#fdf1f1;color:#b12525}.modal__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#16161d73;display:flex;align-items:center;justify-content:center;padding:1.25rem;z-index:50}.modal{display:flex;flex-direction:column;background:hsl(var(--card));border-radius:var(--radius);box-shadow:var(--shadow-pop);max-width:660px;width:100%;max-height:85vh;overflow:hidden}.modal__head{flex:none;display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.6rem .9rem;border-bottom:1px solid hsl(var(--border))}.modal__head h2{font-size:1.2rem}.modal__close{border:none;background:none;font-size:1.5rem;line-height:1;color:hsl(var(--muted-foreground));cursor:pointer;padding:.1rem .4rem;border-radius:.4rem}.modal__close:hover{background:hsl(var(--muted))}.modal__body{flex:1;overflow-y:auto;padding:1.2rem 1.6rem 1.5rem;color:hsl(var(--muted-foreground));font-size:.94rem}.modal__body h3{color:hsl(var(--foreground));font-size:.95rem;margin:1.3rem 0 .45rem}.modal__note{margin-top:1.3rem;padding:.85rem 1rem;background:hsl(var(--muted));border-radius:.5rem;font-size:.86rem}.modal__note summary{cursor:pointer;font-weight:600;color:hsl(var(--foreground))}.modal__note[open] summary{margin-bottom:.5rem}.modal__body p{margin:0 0 .8rem}.modal__body ul{padding-left:1.1rem;margin:0}.modal__body li{margin-bottom:.5rem}.modal__body strong{color:hsl(var(--foreground))}.modal__body a{color:hsl(var(--primary));font-weight:500;text-decoration:underline;text-underline-offset:2px}.modal__body a:hover{text-decoration-thickness:2px}