*{box-sizing:border-box} :root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#183332;background:#f2f5f3;font-synthesis:none}body{margin:0}header{height:76px;background:white;border-bottom:1px solid #dde5e0;display:flex;align-items:center;justify-content:space-between;padding:0 4vw}.brand{text-decoration:none;color:#173c35;font-size:30px;font-weight:800;letter-spacing:-1.4px}.brand span{color:#438a70}.brand i{font-style:normal;font-weight:300;color:#b8c7c1;margin:0 20px}.brand small{font-size:13px;letter-spacing:0;font-weight:500}.private{font-size:12px;color:#46725e}main{max-width:1480px;margin:auto;padding:36px 4vw 20px}.heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:700;color:#5f8071}h1{font-size:42px;letter-spacing:-1.5px;margin:8px 0}p{line-height:1.6;color:#657570;margin:8px 0 16px}h2{font-size:17px;margin:0}.actions{display:flex;gap:10px}button,input,select,textarea{font:inherit}button{cursor:pointer;min-height:44px;border:1px solid #d5dfd9;background:white;color:#29463c;padding:10px 15px;border-radius:8px;font-size:13px;font-weight:600}button:hover{background:#edf4ef;border-color:#91b39f}button:disabled{opacity:.4;cursor:default}button.primary{background:#215c48;color:white;border-color:#215c48}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #6bafa0;outline-offset:2px}button.quiet{background:transparent}input,select,textarea{border:1px solid #d2ded7;border-radius:7px;padding:10px;background:white;min-height:44px;color:#193d33;width:100%}input[type=checkbox]{width:19px;height:19px;min-height:19px;accent-color:#296a50}input:invalid{border-color:#bd3939;background:#fff2f2}label{display:block;font-size:12px;font-weight:600;color:#52675d}label>input,label>textarea,label>select{margin-top:7px}textarea{resize:vertical}select{font-size:13px}.workspace{display:grid;grid-template-columns:320px minmax(0,1fr);gap:22px;align-items:start}.panel{border:1px solid #dae4dd;background:#fff;border-radius:14px;padding:22px;box-shadow:0 5px 18px #123d2603}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.section-heading>span{font-size:11px;letter-spacing:1px;color:#758a80}.segments{display:flex;background:#f3f6f3;padding:4px;border-radius:9px;margin:12px 0;gap:4px}.segments button{flex:1;background:transparent;border-color:transparent;padding:7px}.segments button.active{background:#fff;border-color:#d7e2da;box-shadow:0 2px 4px #1431230a}.right{color:#cc343e}.left{color:#245cd2}.hint{font-size:11px;line-height:1.65;color:#718178}.table-head,.entry-row{display:grid;grid-template-columns:55px minmax(64px,1fr) 45px 55px;align-items:center;gap:6px}.table-head{font-size:10px;color:#7b8c83;border-bottom:1px solid #e4ebe6;padding:8px 0}.table-head span:not(:first-child){text-align:center}.entry-row{padding:5px 0}.entry-row .freq{font-size:12px;font-weight:600;color:#4c6257}.entry-row .freq small{font-weight:400;color:#8c9b92}.entry-row input[type=number]{text-align:center;padding:6px;width:100%;font-size:14px}.entry-row input[type=checkbox]{justify-self:center}details{border-top:1px solid #e2e9e3;margin-top:15px;padding-top:14px}summary{cursor:pointer;font-size:12px;font-weight:600;min-height:32px}.check{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:500}.check input{margin:0}.chart-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px}.view-label{width:160px}.charts{display:flex;justify-content:center;gap:12px;margin:20px auto 12px}.charts svg{display:block;width:100%;max-width:560px;height:auto;min-width:0}.charts.separate svg{width:calc(50% - 6px)}.legend{display:flex;justify-content:center;gap:6px 18px;flex-wrap:wrap;border-top:1px solid #e5eae7;padding-top:14px;font-size:10px;color:#66776c}.legend-item{display:flex;align-items:center;gap:5px}.legend svg{width:24px;height:24px}.chart-footer{display:flex;justify-content:space-between;margin-top:16px;font-size:11px;color:#8a978d}.caution{margin:14px 0 0}.report{grid-column:2;grid-row:2}.export{grid-column:1;grid-row:2;background:#eaf1eb}.report-grid,.ear-cards{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:17px}.ear-cards{margin-top:20px}.ear-card{border:1px solid #e1e7e1;border-radius:9px;padding:15px}.ear-card h3{font-size:13px;margin:0 0 12px}.ear-card p{font-size:12px;margin:4px 0}.ear-card strong{float:right;color:#28473a}.report>label{margin-bottom:15px}.export-buttons{display:grid;gap:9px;margin:14px 0}.file-actions{display:flex;gap:8px;border-top:1px solid #cfdfd1;padding-top:14px}.file-actions button{flex:1;padding:8px;font-size:11px}footer{display:flex;justify-content:space-between;gap:20px;color:#7c8d81;font-size:10px;margin-top:25px}footer a{color:inherit}#status:not(:empty){position:fixed;bottom:22px;left:50%;transform:translateX(-50%);padding:13px 24px;background:#173e31;color:white;border-radius:9px;box-shadow:0 5px 25px #0002;z-index:20;max-width:90%;font-size:13px}#printArea{display:none}@media(min-width:1250px){.workspace{grid-template-columns:310px minmax(0,1fr) 300px}.chart-panel{grid-column:2;grid-row:1 / span 2}.report{grid-column:3;grid-row:1}.export{grid-column:3;grid-row:2}.report-grid,.ear-cards{grid-template-columns:1fr}.ear-cards{gap:8px}.report{padding:20px}.heading{margin-bottom:25px}}@media(max-width:750px){header{height:62px;padding:0 20px}.brand{font-size:25px}.brand i,.brand small,.private{display:none}main{padding:24px 14px}.heading{align-items:flex-start;gap:10px}.heading p{font-size:12px}h1{font-size:33px}.actions{flex-direction:column;gap:5px}.actions button{font-size:11px;min-height:38px;padding:7px}.workspace{display:flex;flex-direction:column;gap:14px}.panel{width:100%;padding:17px}.chart-panel{order:0}.entry{order:1}.report{order:2}.export{order:3}.charts.separate{flex-direction:column;align-items:center}.charts.separate svg{width:100%}.chart-toolbar{align-items:flex-start}.chart-toolbar h2{font-size:15px}.view-label{width:135px}.chart-footer{gap:10px}.table-head,.entry-row{grid-template-columns:65px minmax(90px,1fr) 65px 65px}.entry-row{padding:4px 0}footer{flex-wrap:wrap}.report-grid{gap:10px}.ear-card{padding:10px}.ear-card strong{float:none;display:block} .legend{gap:4px 10px}}@media print{@page{size:A4 portrait;margin:10mm}body>*{display:none!important}#printArea{display:block!important}#printArea svg{display:block;width:100%;max-height:275mm;margin:auto} }

.symbol-table{width:100%;max-width:520px;border-collapse:collapse;text-align:center}.symbol-table th,.symbol-table td{padding:6px;border-bottom:1px solid #e2e9e5}.symbol-table th{font-size:12px;font-weight:500}.symbol-table thead th{font-size:11px;font-weight:600}.symbol-table svg{width:32px;height:32px;display:block;margin:auto}.left{color:#099bbe}

/* Odyoflix design tokens from the supplied odx website. */
:root{--navy-950:#0a1334;--navy-900:#101c4c;--navy-800:#14245f;--blue:#377cf6;--red:#f04452;--red-dark:#d93646;--cream:#f7f8fc;--ink:#17203d;--muted:#68718b;--line:#e5e8f1;font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--ink);background:var(--cream)}
body{-webkit-font-smoothing:antialiased}header{height:88px;background:var(--navy-950);border-bottom:1px solid #ffffff19;padding:0 4vw}.brand{display:inline-flex;align-items:center;gap:10px;color:#fff;text-decoration:none;letter-spacing:normal}.brand-mark{display:grid;place-items:center;width:45px;height:43px;flex:0 0 auto}.brand-mark svg{display:block;width:100%;height:100%;overflow:visible}.brand-mark path{fill:none;stroke-linecap:round}.brand-mark .logo-ring{stroke:var(--red);stroke-width:7}.brand-mark .logo-ear-outer{stroke:#fff;stroke-width:4}.brand-mark .logo-ear-inner{stroke:#fff;stroke-width:3.6}.brand-mark .logo-wave-one{stroke:#73aaff;stroke-width:3.6}.brand-mark .logo-wave-two{stroke:var(--blue);stroke-width:3.6}.brand-mark .logo-dot{fill:#73aaff}.brand .brand-word{display:inline-flex;align-items:baseline;font:800 21px/1 Manrope,Inter,sans-serif;letter-spacing:2.2px}.brand .brand-o{color:var(--red)}.brand .brand-middle{color:#fff}.brand .brand-x{color:#73aaff}
.heading{background:linear-gradient(135deg,var(--navy-950),var(--navy-800) 65%,#1a377c);border-radius:24px;padding:30px 32px;gap:22px;margin-bottom:26px;box-shadow:0 14px 40px #14245f12}.heading h1{font-family:Manrope,Inter,sans-serif;font-weight:800;font-size:36px;letter-spacing:-1.4px;color:#fff;margin:0 0 12px}.heading p{color:#bcc7e8;font-size:13px;max-width:620px;margin:0}.heading button{color:white;background:#ffffff12;border-color:#ffffff2b}.heading button:hover{background:#ffffff24}.heading .quiet{background:var(--red);border-color:var(--red)}.heading .quiet:hover{background:var(--red-dark)}h2,h3{font-family:Manrope,Inter,sans-serif;color:var(--navy-800)}.panel{border-color:var(--line);border-radius:22px;box-shadow:0 10px 35px #14245f07}.export{background:#f0f3fb}.section-heading>span,.hint,.chart-footer,footer{color:var(--muted)}p{color:var(--muted)}button{border-radius:12px;border-color:var(--line);color:var(--navy-800)}button:hover{background:#edf2ff;border-color:#a8bde8}button.primary{background:var(--red);border-color:var(--red);color:#fff;box-shadow:0 8px 20px #f0445226}button.primary:hover{background:var(--red-dark)}input,select,textarea{border-color:var(--line);color:var(--ink);border-radius:10px}input[type=checkbox]{accent-color:var(--blue)}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-color:#73aaff}label{color:#56617e}.segments{background:#f2f4fa;border-radius:12px}.segments button.active{border-color:#d8e1f5;background:#fff;box-shadow:0 3px 8px #14245f0a}.segments .right.active{background:#fff2f3;border-color:#f6d0d5}.segments .left.active{background:#eef5ff;border-color:#cddffb}.entry-row .freq{color:#56617e}.table-head,.legend,.symbol-table th,.symbol-table td,.ear-card{border-color:var(--line)}.ear-card{background:#fafbfe;border-radius:14px}.ear-card p{color:var(--muted)}.ear-card strong{color:var(--navy-800)}.symbol-table svg{width:40px;height:40px}.symbol-table th{font-size:11px}.symbol-table tbody tr:nth-child(even){background:#f7f8fc}#status:not(:empty){background:var(--navy-900)}
@media(max-width:750px){header{height:72px;padding:0 20px}.heading{padding:23px 20px;border-radius:20px;flex-direction:column;align-items:stretch}.heading h1{font-size:29px;letter-spacing:-1px}.heading p{font-size:12px}.heading .actions{flex-direction:row}.heading .actions button{min-height:42px}.panel{border-radius:18px}.brand .brand-word{font-size:19px}.brand-mark{width:40px;height:38px}.symbol-table th{font-size:10px}.symbol-table td{padding:4px}.symbol-table svg{width:36px;height:36px}}

[hidden]{display:none!important}.report-toggle{width:100%;text-align:left;color:var(--navy-800);background:#f2f4fa;border-color:#dce3f2;font-weight:700}.report-toggle[aria-expanded="true"]{margin-bottom:20px}#reportFields>label{display:block;margin-bottom:15px}
.report-tools{display:contents}@media(min-width:1250px){.report-tools{display:flex;flex-direction:column;gap:22px;grid-column:3;grid-row:1 / span 2;min-width:0}}

body{min-height:100vh;display:flex;flex-direction:column}main{width:100%;flex:1}footer.site-copyright{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;min-height:76px;width:100%;margin:24px 0 0;padding:20px;background:#0a1334;text-align:center}footer.site-copyright p{margin:0;color:#7184b4;font:400 13px/1.7 Inter,Segoe UI,Arial,sans-serif}footer.site-copyright a{color:inherit;text-decoration:underline;text-underline-offset:3px}footer.site-copyright a:hover{color:#b8ccff}