:root{--plot-height: 480px}body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;margin:0;background:#f5f7fb;color:#0f172a}#root{padding:20px}:root{--bg: #f5f7fb;--page-bg: linear-gradient(135deg,#667eea,#764ba2);--text: #0f172a;--muted: #666e7b;--card-bg: #ffffff;--accent-1: #667eea;--accent-2: #764ba2;--btn-bg: linear-gradient(135deg,#667eea,#764ba2);--btn-text: #ffffff;--tooltip-bg: rgba(10,12,16,.88);--panel-shadow: 0 8px 24px rgba(2,6,23,.06);--plot-bg: #ffffff;--neo-point-stroke: rgba(6,48,106,.12)}:root[data-theme=dark],[data-theme=dark]{--bg: #0b1020;--page-bg: linear-gradient(135deg,#0f172a,#081128);--text: #e6eef8;--muted: #9fb0d4;--card-bg: #071026;--accent-1: #89a2ff;--accent-2: #7b5cff;--btn-bg: linear-gradient(135deg,#89a2ff,#7b5cff);--btn-text: #04122b;--tooltip-bg: rgba(255,255,255,.08);--panel-shadow: 0 8px 24px rgba(2,6,23,.5);--plot-bg: #071026;--neo-point-stroke: rgba(255,255,255,.06)}body{background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.card{background:var(--card-bg);box-shadow:var(--panel-shadow);border-radius:8px}.button-theme{background:var(--btn-bg);color:var(--btn-text);border:none;padding:8px 12px;border-radius:8px;cursor:pointer;font-weight:600}.neo-tooltip{background:var(--tooltip-bg);color:var(--text)}.neoplot-container{background:var(--plot-bg)}html{transition:background-color .18s ease,color .18s ease}.aside-fixed-height{height:var(--plot-height);max-height:var(--plot-height);overflow:auto;box-sizing:border-box}.aside-fixed-height::-webkit-scrollbar{width:10px}.aside-fixed-height::-webkit-scrollbar-thumb{background:#0c142814;border-radius:6px}.neoplot-controls .neo-btn{background:#ffffffe6;border:1px solid rgba(12,20,40,.06);padding:6px 8px;border-radius:6px;cursor:pointer;font-weight:600;box-shadow:0 4px 12px #0206170f}.neoplot-controls .neo-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #02061717}.neoplot-container:fullscreen{width:100vw;height:100vh}.neo-tooltip{word-break:break-word}.neo-btn{background:#fffffff2;border:1px solid rgba(12,20,40,.06);padding:6px 8px;border-radius:6px;cursor:pointer;font-weight:600;box-shadow:0 4px 12px #0206170f}.neo-btn:hover{transform:translateY(-2px)}.event-list-container{background:var(--card-bg);border-radius:8px;box-shadow:var(--panel-shadow);color:var(--text)}.event-list-scroll{scrollbar-width:thin;scrollbar-color:rgba(200,200,200,.3) transparent}.event-list-scroll::-webkit-scrollbar{width:10px}.event-list-scroll::-webkit-scrollbar-thumb{background:#6464782e;border-radius:8px}.event-list-scroll::-webkit-scrollbar-track{background:transparent}.event-list-item{transition:background .12s ease,transform .12s ease;border-radius:8px}.event-list-item:hover{background:#00000008}:root[data-theme=dark] .event-list-item:hover{background:#ffffff05}.app-header{transition:background .16s ease,color .16s ease}@media (max-width: 880px){.event-list-container{max-width:100%}.app-header{padding:14px}}input[type=date],input[type=text],input[type=number]{background:var(--card-bg);color:var(--text);border:1px solid rgba(100,100,120,.25);border-radius:6px;padding:6px 10px;font-family:inherit;font-size:14px;transition:all .2s ease}input[type=date]:hover,input[type=text]:hover,input[type=number]:hover{border-color:var(--accent-1)}input[type=date]:focus,input[type=text]:focus,input[type=number]:focus{outline:none;border-color:var(--accent-1);box-shadow:0 0 0 2px #667eea40}:root[data-theme=dark] input[type=date],[data-theme=dark] input[type=date],:root[data-theme=dark] input[type=text],[data-theme=dark] input[type=text],:root[data-theme=dark] input[type=number],[data-theme=dark] input[type=number]{background:#0e1529;color:var(--text);border:1px solid rgba(160,170,210,.25)}:root[data-theme=dark] input[type=date]:focus{box-shadow:0 0 0 2px #7882ff59}input[type=date]::-webkit-calendar-picker-indicator{filter:invert(var(--invert-date-icon, 0));cursor:pointer;opacity:.8}:root[data-theme=dark] input[type=date]::-webkit-calendar-picker-indicator{--invert-date-icon: 1;opacity:.9}input[type=date],input[type=date]::-webkit-datetime-edit,input[type=date]::-webkit-datetime-edit-field,input[type=date]::-webkit-datetime-edit-day-field,input[type=date]::-webkit-datetime-edit-month-field,input[type=date]::-webkit-datetime-edit-year-field,input[type=date]::-webkit-datetime-edit-text{color:var(--text)!important;-webkit-text-fill-color:var(--text)!important;background:transparent!important}input[type=date]::-webkit-datetime-edit-text,input[type=date]::-webkit-datetime-edit-separator{color:var(--muted)!important;-webkit-text-fill-color:var(--muted)!important}input[type=date]{color:var(--text)!important;-moz-color-inline:var(--text)}input[type=date]:focus,input[type=date]:active{color:var(--text)!important;-webkit-text-fill-color:var(--text)!important}:root[data-theme=dark] input[type=date],[data-theme=dark] input[type=date]::-webkit-datetime-edit-field,[data-theme=dark] input[type=date]::-webkit-datetime-edit-year-field,[data-theme=dark] input[type=date]::-webkit-datetime-edit-month-field,[data-theme=dark] input[type=date]::-webkit-datetime-edit-day-field{color:var(--text)!important;-webkit-text-fill-color:var(--text)!important}input[type=date]::-webkit-datetime-edit,input[type=date]::-webkit-datetime-edit-field{font-family:inherit;font-size:14px}.main-grid{display:grid;grid-template-columns:1fr 420px;gap:16px;align-items:start;width:100%;box-sizing:border-box;margin-top:16px}@media (max-width: 880px){.main-grid{grid-template-columns:1fr;gap:12px}:root{--plot-height: 360px}}@media (min-width: 881px){:root{--plot-height: 480px}}.main-grid>*{width:100%}@media (min-width: 881px){.event-list-scroll{max-height:var(--plot-height)}}@media (max-width: 880px){.event-list-scroll{max-height:420px}}@media (min-width: 881px){.main-grid{align-items:stretch}.main-grid>div,.main-grid>aside{display:flex;flex-direction:column}.main-grid>div>.neoplot-container{flex:0 0 auto}.main-grid>aside .card{display:flex;flex-direction:column;height:100%}.event-list-scroll{flex:1 1 auto}}.header-row{display:flex;gap:16px;align-items:center;justify-content:space-between;width:100%;box-sizing:border-box;padding:6px 0}.header-left{display:flex;flex-direction:column;gap:4px;min-width:0}.header-controls{display:flex;gap:12px;align-items:center;justify-content:flex-end;flex-wrap:nowrap}.controls-group{display:flex;gap:8px;align-items:center;flex-wrap:nowrap}.header-controls input[type=date]{padding:6px 8px;font-size:13px;min-width:140px}.button-theme,.neo-btn,.button-small{padding:6px 8px;font-size:13px}.header-left h1{font-size:1.1rem;margin:0;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-left .subtitle{font-size:.9rem;color:var(--muted)}@media (max-width: 880px){.header-row{flex-direction:column;align-items:stretch;gap:10px}.header-controls{flex-direction:column;align-items:stretch;gap:8px;justify-content:flex-start}.controls-group{display:flex;gap:8px;flex-direction:row;flex-wrap:wrap}.header-controls input[type=date]{min-width:0;width:100%}.button-theme,.neo-btn,.button-small{width:100%}.date-info{text-align:left;font-size:13px;color:var(--muted)}.header-left{align-items:flex-start}.header-left h1{white-space:normal}}@media (max-width: 420px){.header-left h1{font-size:1rem}.header-left .subtitle{font-size:.85rem}:root{--plot-height: 320px}}.app-header>div{width:100%;box-sizing:border-box}.header-row{display:flex;gap:16px;align-items:center;justify-content:space-between}@media (max-width: 880px){.header-row{flex-direction:column;align-items:stretch;gap:10px}.header-controls{width:100%;display:flex;flex-direction:column;gap:8px;align-items:stretch}.controls-group{display:flex;gap:8px;flex-wrap:wrap;justify-content:space-between}}.header-left{min-width:0;flex:1 1 auto}.header-controls{flex:0 0 auto;display:flex;gap:12px;align-items:center}.header-controls .date-info{display:inline-block;white-space:nowrap}@media (max-width: 420px){.header-left h1{font-size:1rem}.header-left .subtitle{font-size:.85rem}}@media (max-width: 880px){.header-controls{flex-direction:column!important;gap:8px;align-items:stretch;justify-content:flex-start;width:100%}.controls-group{display:flex!important;flex-direction:column!important;gap:8px;width:100%;align-items:stretch}.controls-group label{display:flex;flex-direction:column;gap:6px;width:100%;min-width:0}.controls-group input[type=date]{width:100%!important;min-width:0!important;box-sizing:border-box}.button-small,.button-theme,.neo-btn{width:100%!important;box-sizing:border-box}.date-info{white-space:normal;text-align:left;width:100%}}@page{size:A4 portrait;margin:18mm}img{display:block;max-width:100%;height:auto;page-break-inside:avoid}.figure,.card,.screenshot,.code-block{break-inside:avoid;page-break-inside:avoid;-webkit-column-break-inside:avoid}.page-break{page-break-before:always;break-before:always}header,footer,.floating{position:relative}@media print{.onscreen-only{display:none!important}.print-only{display:block!important}}