html,body.focus-body{height:100%;height:100dvh;overflow:hidden}.focus-body{margin:0;display:flex;flex-direction:column;min-width:320px;font-size:15px}.focus-header{position:static;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:12px 24px;border-bottom:1px solid var(--line);background:var(--paper);flex:none}.focus-brand{font:9px var(--mono);letter-spacing:.13em;color:var(--accent)}.focus-header h1{font-size:25px;letter-spacing:-.8px;margin:3px 0 0}.focus-header h1 em{font-weight:400;color:var(--muted)}.focus-header nav{display:flex;gap:18px;align-items:center;font:11px var(--mono)}.focus-header .button{font-size:10px;padding:8px 10px}#focus-main{flex:1;min-height:0;padding:12px 16px}.focus-body .rama-app{height:100%;margin:0;padding:0;border:0;background:transparent;display:flex;flex-direction:column;min-height:0}.focus-summary{display:flex;gap:15px;align-items:center;margin-bottom:10px;flex:none}.focus-summary>.rama-panel-head{margin:0;display:block;min-width:130px}.focus-summary h3{font-size:18px}.focus-summary .label{font-size:9px}.focus-body .rama-metrics{margin:0;gap:6px;flex-wrap:nowrap}.focus-body .rama-metric{min-width:80px;padding:6px 10px;background:var(--panel)}.focus-body .rama-metric strong{font-size:23px}.focus-body .rama-metric span{font-size:8px}.focus-summary>.rama-controls{margin-left:auto;justify-content:flex-end}.focus-summary #selection-summary{font:10px var(--mono);margin:0 4px}.focus-body .button{font-size:10px;padding:8px 10px;line-height:1.4}.focus-workspace{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr) minmax(265px,.82fr);gap:12px;flex:1;min-height:0}.focus-column{min-width:0;min-height:0;overflow:auto;overscroll-behavior:contain}.focus-plot{display:grid;grid-template-rows:minmax(270px,1fr) 180px;gap:12px}.focus-data{display:flex;flex-direction:column;gap:12px}.focus-body .rama-panel{padding:12px;border-color:var(--line)}.focus-body .rama-panel-head{margin-bottom:6px;gap:8px}.focus-body .rama-panel-head h3{font-size:17px}.focus-body .label{font-size:8px}.focus-body .helper{font-size:10px;line-height:1.6;margin:4px 0 8px}.focus-plot>.rama-panel{min-height:0;display:flex;flex-direction:column}.focus-body #rama-plot{flex:1;min-height:150px;height:0;width:100%}.focus-body #rama-histogram{flex:1;min-height:60px;height:0}.focus-body .plot-key{font-size:8px;gap:12px;margin:4px 0}.focus-body .rama-note{font-size:10px;line-height:1.5;margin:5px 0 0}.focus-body .plot-tick{font-size:13px}.focus-body .plot-axis{font-size:13px}.focus-body .rama-sequence{grid-template-columns:repeat(12,minmax(0,1fr));gap:3px;margin:10px 0}.focus-body .sequence-letter{min-height:25px;font-size:12px;padding:2px}.focus-body .motif-form{flex-wrap:wrap;margin-top:8px;align-items:center}.focus-body .motif-form label{display:none}.focus-body .motif-form input{padding:6px 8px;font-size:12px}.focus-body .motif-examples{margin:5px 0;gap:5px}.focus-body .motif-examples button,.focus-body .motif-match{font-size:9px;min-height:25px;padding:4px 8px}.focus-body #motif-matches{margin-top:5px;gap:4px}.focus-data>.rama-panel:last-child{flex:1;min-height:160px;display:flex;flex-direction:column}.focus-body .table-scroll{max-height:none;flex:1;min-height:80px;margin:5px 0}.focus-body .residue-table{font-size:10px}.focus-body .residue-table td,.focus-body .residue-table th{padding:4px 6px}.focus-body .residue-table input{width:14px;height:14px}.focus-body .table-residue{font-size:10px}.focus-body #aa-select{background:var(--panel);color:var(--ink);border:1px solid var(--line);font:11px var(--mono);padding:5px}.focus-body .focus-history{margin:0;display:flex;flex-direction:column;overflow:auto}.focus-history>.rama-panel-head .label{display:none}.focus-tabs,.focus-mobile-tabs{display:flex;gap:4px;margin:5px 0 10px;flex:none}.focus-tab{flex:1;min-height:30px;background:transparent;color:var(--muted);border:1px solid var(--line);font:10px var(--mono);padding:5px;cursor:pointer}.focus-tab[aria-pressed=true]{background:var(--panel);color:var(--accent);border-color:var(--accent)}.focus-history[data-trail-tab=replay] [data-trail-pane]:not([data-trail-pane=replay]),.focus-history[data-trail-tab=paths] [data-trail-pane]:not([data-trail-pane=paths]),.focus-history[data-trail-tab=save] [data-trail-pane]:not([data-trail-pane=save]){display:none}.focus-replay{display:flex;flex-direction:column;min-height:0;flex:1}.focus-replay>.rama-controls{gap:5px;flex:none}.focus-replay>div:last-child{min-height:0;flex:1;overflow:auto;margin-top:8px}.focus-body .trail-list{max-height:none;overflow:visible;margin:0}.focus-body .trail-entry button{padding:9px 8px;gap:7px}.focus-body .trail-entry strong{font-size:12px;line-height:1.5}.focus-body .trail-entry small{font-size:8px}.focus-body .trail-id{font-size:9px;min-width:20px}.focus-history h4{font-size:15px;margin:8px 0}.focus-body .path-form{flex-wrap:wrap;gap:5px}.focus-body .path-form label{display:none}.focus-body .path-form input{flex-basis:140px;padding:7px}.focus-body .path-switch{flex-wrap:wrap}.focus-body .path-switch label{flex-basis:100%}.focus-body .path-switch select,.focus-body .path-pair select{padding:7px;font-size:10px}.focus-body .path-comparison{font-size:11px}.focus-body .session-files{border:0;padding:0;margin:0}.focus-body .session-files .actions{display:grid;grid-template-columns:1fr;gap:8px}.focus-body #rama-status{font:10px/1.4 var(--mono);padding:7px 0 0;margin:0;min-height:21px;flex:none;color:var(--muted)}.focus-mobile-tabs{display:none}
@media(min-width:1051px) and (max-height:760px){.focus-plot{grid-template-rows:minmax(240px,1fr) 160px}.focus-plot #plot-guide{display:none}.focus-body .rama-note{font-size:9px}.focus-body .rama-sequence{grid-template-columns:repeat(12,minmax(0,1fr))}.focus-body .sequence-letter{min-height:23px}}
@media(max-width:1050px){.focus-workspace{display:block}.focus-mobile-tabs{display:flex}.focus-summary{flex-wrap:wrap;gap:8px}.focus-summary>.rama-controls{margin:0;flex:1}.focus-summary #selection-summary{display:none}.focus-body .focus-column{height:100%}.rama-app[data-mobile-pane=plot] [data-focus-pane]:not([data-focus-pane=plot]),.rama-app[data-mobile-pane=data] [data-focus-pane]:not([data-focus-pane=data]),.rama-app[data-mobile-pane=trail] [data-focus-pane]:not([data-focus-pane=trail]){display:none}.focus-header{padding:9px 14px}.focus-header h1{font-size:21px}.focus-header nav{gap:9px}.focus-header nav a{font-size:10px}.focus-summary .rama-controls .button{padding:7px 8px}.focus-body .focus-plot{grid-template-rows:minmax(240px,1fr) 160px}.focus-data>.rama-panel:first-child{flex:none}.focus-body .rama-sequence{grid-template-columns:repeat(12,minmax(0,1fr))}.focus-body .focus-history{max-width:800px;margin:auto}.focus-body .focus-history>.rama-panel-head .label{display:inline}.focus-body .session-files .actions{grid-template-columns:1fr 1fr}}
@media(max-width:500px){#focus-main{padding:8px}.focus-header{gap:6px}.focus-brand{font-size:7px}.focus-header h1{font-size:19px}.focus-header nav{gap:7px}.focus-header nav a:nth-child(2){display:none}.focus-header nav a{font-size:9px}.focus-header .button{font-size:8px;padding:6px}.focus-summary{gap:7px}.focus-summary>.rama-panel-head{min-width:105px}.focus-summary h3{font-size:15px}.focus-summary .rama-metrics{margin-left:auto}.focus-body .rama-metric{min-width:57px;padding:5px 7px}.focus-body .rama-metric strong{font-size:19px}.focus-body .rama-metric span{font-size:7px}.focus-summary>.rama-controls{justify-content:space-between}.focus-summary>.rama-controls .button{flex:1}.focus-body .focus-plot{grid-template-rows:minmax(230px,1fr) 156px;gap:8px}.focus-body .rama-panel{padding:10px}.focus-body .rama-sequence{grid-template-columns:repeat(10,minmax(0,1fr))}.focus-body .sequence-letter{min-height:28px}.focus-body .helper{font-size:10px}.focus-body #rama-status{font-size:9px}.focus-body .focus-mobile-tabs{margin:0 0 8px}.focus-plot #plot-guide{display:none}}
.focus-body .rama-metrics{display:flex}.focus-header h1{white-space:nowrap}.focus-header nav a{white-space:nowrap}
@media(max-width:500px){.focus-header h1{font-size:18px}.focus-header .button{min-height:32px}.focus-summary .rama-metrics{gap:4px}.focus-summary .rama-metric{min-width:59px}.focus-summary .rama-controls .button{min-height:34px}}
.focus-body .time-travel-launch{background:var(--accent);color:var(--paper);border-color:var(--accent);font-weight:700}.time-travel{border:1px solid var(--line);border-radius:6px;background:var(--panel);padding:12px;margin-bottom:12px;flex:none}.time-travel-head{display:flex;justify-content:space-between;gap:8px;align-items:center;font:11px var(--mono);margin-bottom:10px}.time-travel-head strong{color:var(--accent);font-weight:500}.time-travel-head output{font-size:10px;color:var(--muted)}#time-travel-slider{display:block;width:100%;margin:6px 0;accent-color:var(--accent);cursor:ew-resize;min-height:20px}.time-travel-beats{position:relative;height:18px;margin:0 8px 8px}.time-beat{position:absolute;top:0;transform:translateX(-50%);width:7px;height:11px;padding:0;border:0;border-radius:3px;background:var(--link);opacity:.6}.time-beat.is-current{height:15px;background:var(--accent);opacity:1}.time-beat:focus-visible{outline-offset:3px}.time-travel .helper{margin-bottom:0}.focus-body .time-travel .helper{font-size:9px}
@media(max-width:500px){.focus-header nav a{display:none}.focus-header .time-travel-launch{padding:6px 8px;font-size:9px}.focus-header h1{font-size:17px}}
@media(max-width:500px){.focus-summary{display:grid;grid-template-columns:105px minmax(0,1fr);align-items:center}.focus-summary>.rama-panel-head{min-width:0}.focus-summary h3{font-size:13px}.focus-summary .rama-metrics{width:100%;min-width:0;margin:0}.focus-body .focus-summary .rama-metric{flex:1 1 0;width:0;min-width:0;padding:6px}.focus-summary .rama-metric span{display:block;font-size:7px;line-height:1.4;white-space:normal}.focus-summary>.rama-controls{grid-column:1/-1;width:100%;min-width:0}.focus-summary>.rama-controls .button{flex:1;min-height:34px}}
@media(max-width:500px){.focus-header h1 em{display:none}}
.diary-body .focus-workspace{grid-template-columns:minmax(0,1.17fr) minmax(0,1.04fr) minmax(265px,.8fr)}.diary-body .diary-plots{display:grid;grid-template-rows:1fr 1fr;gap:12px}.diary-plots>.rama-panel{display:flex;flex-direction:column;min-height:0}.diary-body #diary-timeline,.diary-body #diary-scatter{display:block;width:100%;height:0;min-height:130px;flex:1;touch-action:none;user-select:none}.series-line{fill:none;stroke:var(--link);stroke-width:1.8;opacity:.25;pointer-events:none}.selected-line{stroke:var(--accent);opacity:.6;stroke-width:2}.diary-body .focus-summary>.rama-panel-head{min-width:155px}.diary-body .rama-metrics{gap:6px}.diary-body .rama-metric{min-width:87px;padding:6px 9px}.diary-body .rama-metric strong{font-size:22px}.diary-body .rama-metric small{font:8px/1.6 var(--mono);display:block;color:var(--muted)}.diary-body .focus-summary>.rama-controls{gap:6px}.date-form{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0}.date-form label{min-width:0;display:flex;flex-direction:column;gap:5px;font:10px var(--mono);color:var(--muted)}.date-form input{min-width:0;width:100%;padding:7px;border:1px solid var(--line);background:var(--panel);color:var(--ink);font:11px var(--mono)}.date-form button{grid-column:1/-1}.diary-presets{display:flex;gap:5px;flex-wrap:wrap}.diary-body .diary-presets .button{min-height:28px;padding:5px 8px;font-size:9px}.diary-body .residue-table td,.diary-body .residue-table th{font-size:9px;padding:5px 4px}.diary-body .residue-table th{white-space:nowrap}.diary-body .table-residue{font-size:10px}.diary-body #selection-intent{font-size:9px;color:var(--accent);overflow-wrap:anywhere}.diary-body .table-scroll{min-height:80px}.diary-body .focus-data>.rama-panel:first-child{flex:none}.diary-body .focus-tabs{display:flex}.diary-body .focus-replay .trail-list-holder{flex:1;min-height:0;overflow:auto}.diary-body .focus-replay .trail-list{overflow:visible;max-height:none}.diary-body .focus-history .time-travel{padding:10px}.diary-body .time-travel-head{font-size:10px}.diary-body .focus-header .time-travel-launch{background:var(--accent);color:var(--paper);font-weight:700}.diary-body .focus-header h1 em{display:inline}
@media(max-width:1050px){.diary-body .focus-workspace{display:block}.diary-body .diary-plots{grid-template-rows:1fr 1fr}.diary-body .focus-summary>.rama-panel-head{min-width:140px}.diary-body .focus-summary>.rama-controls{margin-left:auto}.diary-body .diary-plots{height:100%}}
@media(max-width:550px){.diary-body .focus-summary{display:grid;grid-template-columns:minmax(0,1fr);gap:7px}.diary-body .focus-summary>.rama-panel-head{display:flex;align-items:baseline;gap:6px;min-width:0}.diary-body .focus-summary>.rama-panel-head h3{font-size:14px}.diary-body .focus-summary>.rama-panel-head .label{font-size:7px}.diary-body .rama-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%;gap:5px}.diary-body .focus-summary .rama-metric{width:auto;min-width:0;padding:5px 6px}.diary-body .rama-metric strong{font-size:19px}.diary-body .rama-metric span{font-size:7px;line-height:1.5}.diary-body .rama-metric small{font-size:7px}.diary-body .focus-summary>.rama-controls{grid-column:auto;margin:0;width:100%}.diary-body .focus-summary>.rama-controls .button{min-height:30px}.diary-body .focus-header h1{font-size:19px}.diary-body .focus-header nav a:nth-of-type(2){display:none}.diary-body .focus-header nav a:first-of-type{display:inline;font-size:9px}.diary-body .focus-brand{font-size:6px}.diary-body .rama-panel-head h3{font-size:16px}.diary-body .diary-plots{gap:8px}.diary-body .diary-plots>.rama-panel{padding:9px}.diary-body .diary-plots .helper{font-size:8px;line-height:1.45;margin:2px 0 4px}.diary-body .diary-plots .rama-note{font-size:8px}.diary-body .plot-key{font-size:7px;gap:8px}.diary-body #diary-timeline,.diary-body #diary-scatter{min-height:100px}}

.diary-body .plot-tick{font-size:17px}.diary-body .plot-axis{font-size:16px}