:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#1f2937;background-color:#fffdf7;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body,#root{width:100%;min-height:100%}a{font-weight:500;color:#9a6b21;text-decoration:inherit}a:hover{color:#7c5316}body{margin:0;min-width:320px;min-height:100vh;display:block}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid rgba(17,24,39,.16);padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;color:#1f2937;background-color:#fffdf7f5;cursor:pointer;transition:border-color .25s,background-color .25s}button:hover{border-color:#9a6b2173;background-color:#fff8e8}button:focus,button:focus-visible{outline:3px solid rgba(154,107,33,.45);outline-offset:1px}.app-shell{width:100%;min-height:100vh;margin:0 auto;padding:0;text-align:left;--hq-panel-width: 320px;--hq-shell-right: 14px;--hq-shell-bottom: 12px;--hq-shell-width: auto;--hq-primary-height: 32px;--timeline-left-gutter: 220px}.app-shell.desktop-layout.controls-open,.app-shell.controls-closed{--timeline-left-gutter: 220px}.app-shell.compact-layout{--hq-shell-right: 10px;--hq-shell-bottom: 10px;--hq-shell-width: auto;--hq-panel-width: min(360px, calc(100vw - 20px) );--timeline-left-gutter: 184px}.hq-primary-shell,.hq-panel{position:fixed;z-index:30;box-sizing:border-box;background:#fffdf7eb;border:1px solid rgba(17,24,39,.1);box-shadow:0 12px 30px #0f172a14;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hq-primary-shell{right:var(--hq-shell-right);bottom:var(--hq-shell-bottom);width:var(--hq-shell-width);min-height:var(--hq-primary-height);padding:4px 6px;border-radius:6px;display:flex;gap:4px;align-items:center}.hq-scale-status{width:4rem;font-size:.54rem;letter-spacing:.05em;text-transform:uppercase;color:#7c5316;font-weight:700;text-align:center}.hq-primary-controls,.hq-primary-actions,.hq-zoom-group,.hq-control-buttons{display:flex;align-items:center;gap:8px}.hq-primary-controls{justify-content:center}.hq-primary-actions{justify-content:flex-end}.hq-primary-pill-button,.hq-panel-tab{border-radius:6px;padding:.2rem .36rem;font-size:.66rem}.hq-controls-toggle-button{min-width:4.8rem}.hq-zoom-group button{min-width:24px;min-height:24px;padding-inline:0}.hq-panel{right:var(--hq-shell-right);bottom:calc(var(--hq-shell-bottom) + var(--hq-primary-height) + 8px);width:var(--hq-panel-width);max-height:calc(100vh - var(--hq-shell-bottom) - var(--hq-primary-height) - 22px);border-radius:10px;overflow:hidden;display:flex;flex-direction:column;transition:opacity .2s ease,transform .2s ease}.hq-panel-closed{opacity:0;pointer-events:none;transform:translateY(-8px)}.hq-panel-open{opacity:1;pointer-events:auto;transform:translateY(0)}.hq-panel-tabs{display:flex;gap:4px;padding:6px 8px;border-top:1px solid rgba(17,24,39,.08);background:#fffbf4e6}.hq-panel-tab{background:#ffffffc7}.hq-panel-tab-active{background:#fff8e8;border-color:#9a6b2159;color:#7c5316}.hq-panel-section,.hq-debug-panel{display:flex;flex-direction:column;gap:7px;padding:7px 8px;overflow-y:auto}.hq-section-title{font-size:.58rem;letter-spacing:.06em;text-transform:uppercase;color:#6b7280;font-weight:700}.hq-layer-list{display:flex;flex-direction:column;gap:6px}.hq-layer-option,.hq-lock-option{display:flex;align-items:center;gap:6px;font-size:.72rem}.hq-field{display:flex;flex-direction:column;gap:4px;font-size:.68rem}.hq-field input{width:100%;box-sizing:border-box;border-radius:6px;border:1px solid rgba(17,24,39,.14);background:#ffffffd1;color:#1f2937;padding:.28rem .34rem;font:inherit}.hq-field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.hq-settings-summary{font-size:.64rem;color:#6b7280;display:flex;flex-direction:column;gap:2px}.hq-debug-panel{border-top:1px solid rgba(17,24,39,.08);background:#fffaf0b3}.hq-debug-line{display:flex;flex-direction:column;gap:2px;font-size:.66rem;color:#4b5563}@media (max-width: 900px){.hq-primary-shell{right:10px;bottom:10px}.hq-primary-controls{justify-content:center}.hq-panel{left:auto;right:10px;width:min(360px,calc(100vw - 20px));bottom:calc(var(--hq-shell-bottom) + var(--hq-primary-height) + 8px);max-height:min(68vh,520px);border-radius:10px}.hq-panel-section,.hq-debug-panel{padding-bottom:18px}}@media (max-width: 560px){.hq-primary-shell{gap:4px;padding:5px 6px}.hq-primary-controls,.hq-primary-actions{justify-content:center}.hq-field-grid{grid-template-columns:1fr}.hq-scale-status{width:3.2rem;font-size:.5rem}.hq-primary-pill-button,.hq-panel-tab,.hq-zoom-group button{font-size:.62rem;min-height:24px}.hq-controls-toggle-button{min-width:4.3rem}}.app-shell{--timeline-left-gutter: 190px;--timeline-axis-x: var(--timeline-left-gutter);--timeline-axis-color: #111827;--gregorian-tick-color: #a16207;--gregorian-label-color: #9a6b21;--gregorian-context-color: #8a5a17;--gregorian-span-fill: rgba(245, 158, 11, .11);--gregorian-span-border: rgba(217, 119, 6, .26);--gregorian-span-fill-alt: rgba(245, 158, 11, .22);--gregorian-span-border-alt: rgba(217, 119, 6, .4);--hebrew-tick-color: #1d4ed8;--hebrew-label-color: #42638e;--hebrew-context-color: #4d6f97;--hebrew-subtick-color: rgba(29, 78, 216, .62);--hebrew-span-fill: rgba(96, 165, 250, .13);--hebrew-span-border: rgba(96, 165, 250, .28);--hebrew-span-fill-alt: rgba(96, 165, 250, .28);--hebrew-span-border-alt: rgba(96, 165, 250, .42);--now-color: #dc2626;--birthday-color: #b45309;--birthday-fill: rgba(180, 83, 9, .14);--proportional-hours-color: #0f766e;--tick-label-gap: 10px;--context-lane-gap: 28px;--proportional-hours-lane-gap: 56px;--birthday-secondary-lane-gap: 48px;--birthday-outer-lane-gap: 62px;--birthday-marker-width: 38px;--birthday-marker-width-outer: 52px;--now-tick-width: 50px;--span-width: 5px;--structural-tick-width: 10px;--tick-rank-primary-width: 20px;--tick-rank-secondary-width: 14px;--tick-rank-ordinary-width: 10px;--hebrew-subtick-width: 7px;--context-top-offset: 12px;--promoted-span-label-top-offset: 34px;--structural-label-column-offset: calc(var(--tick-rank-primary-width) + var(--tick-label-gap));--now-label-column-offset: calc(var(--now-tick-width) + var(--tick-label-gap))}.timeline{position:absolute}.timeline-root{position:relative;height:100vh;min-height:100vh;overflow:hidden;z-index:0;touch-action:none}.line{background-color:var(--timeline-axis-color);width:1px;left:var(--timeline-axis-x);top:0;bottom:0;height:auto}.tick{left:var(--timeline-axis-x);background-color:var(--gregorian-tick-color);height:1px;width:var(--tick-rank-ordinary-width);transform:translate(-50%)}.structural-tick-leading{transform:translate(-100%)}.structural-tick-supporting{transform:translate(0)}.span{width:var(--span-width);left:var(--timeline-axis-x)}.structural-span{background-color:var(--gregorian-span-fill);border:1px solid var(--gregorian-span-border)}.structural-span-stripe-a{background-color:var(--gregorian-span-fill);border-color:var(--gregorian-span-border)}.structural-span-stripe-b{background-color:var(--gregorian-span-fill-alt);border-color:var(--gregorian-span-border-alt)}.structural-span-leading{transform:translate(-100%)}.structural-span-supporting{transform:translate(0)}.tick-label{font-size:.52rem;color:var(--gregorian-label-color);transform:translateY(-50%);white-space:nowrap;left:auto}.structural-context-label{left:auto;font-size:.88rem;font-weight:300;letter-spacing:.01em;white-space:nowrap;z-index:25;opacity:.66;background:#ffffffd1;padding:1px 6px;border-radius:4px;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.structural-context-label-leading{right:calc(100% - var(--timeline-axis-x) + var(--context-lane-gap));text-align:right}.structural-context-label-supporting{left:calc(var(--timeline-axis-x) + var(--context-lane-gap));text-align:left}.gregorian-context-label{color:var(--gregorian-context-color)}.gregorian-context-label-top{top:var(--context-top-offset)}.gregorian-context-label-bottom{bottom:var(--context-top-offset)}.structural-label-leading{right:calc(100% - var(--timeline-axis-x) + var(--structural-label-column-offset));text-align:right}.structural-label-supporting{left:calc(var(--timeline-axis-x) + var(--structural-label-column-offset));text-align:left}.promoted-span-label{top:var(--promoted-span-label-top-offset);transform:none;z-index:20;font-weight:500}.now-tick{height:1px;width:var(--now-tick-width);transform:translate(-100%);background-color:var(--now-color);transition:opacity var(--timeline-transition-duration, 1s) cubic-bezier(.4,0,.2,1)}.now-tick-label{right:calc(100% - var(--timeline-axis-x) + var(--now-label-column-offset));text-align:right;font-weight:600;background:#ffffffd1;padding:0 2px;border-radius:2px;max-width:calc(var(--timeline-axis-x) - 18px);overflow:hidden;text-overflow:ellipsis}.now-tick-label,.now{color:var(--now-color)}.birthday-marker{width:var(--birthday-marker-width);transform:translate(0);background-color:var(--birthday-color)}.birthday-marker-secondary-lane{width:var(--birthday-marker-width)}.birthday-marker-outer-lane{width:var(--birthday-marker-width-outer)}.birthday-marker-label{color:var(--birthday-color);font-weight:600}.proportional-hours-marker{transform:translate(0);width:var(--tick-rank-ordinary-width);background-color:var(--proportional-hours-color)}.proportional-hours-marker-label{left:calc(var(--timeline-axis-x) + var(--proportional-hours-lane-gap));text-align:left;color:var(--proportional-hours-color)}.hebrew-tick{background-color:var(--hebrew-tick-color)}.hebrew-label{color:var(--hebrew-label-color)}.hebrew-context-label{color:var(--hebrew-context-color)}.hebrew-subtick{width:var(--hebrew-subtick-width);background-color:var(--hebrew-subtick-color)}.tick-rank-primary{width:var(--tick-rank-primary-width)}.tick-rank-secondary{width:var(--tick-rank-secondary-width)}.tick-rank-ordinary{width:var(--tick-rank-ordinary-width)}.hebrew-context-label-top{top:var(--context-top-offset)}.hebrew-context-label-bottom{bottom:var(--context-top-offset)}.birthday-marker-label-secondary-lane{left:calc(var(--timeline-axis-x) + calc(var(--birthday-marker-width) + var(--tick-label-gap)));text-align:left}.birthday-marker-label-outer-lane{left:calc(var(--timeline-axis-x) + calc(var(--birthday-marker-width-outer) + var(--tick-label-gap)));text-align:left}.hebrew-structural-span,.hebrew-structural-span.structural-span-stripe-a{background-color:var(--hebrew-span-fill);border-color:var(--hebrew-span-border)}.hebrew-structural-span.structural-span-stripe-b{background-color:var(--hebrew-span-fill-alt);border-color:var(--hebrew-span-border-alt)}@media (max-width: 900px){.app-shell{--tick-label-gap: 8px;--context-lane-gap: 18px;--proportional-hours-lane-gap: 34px;--birthday-secondary-lane-gap: 30px;--birthday-outer-lane-gap: 42px;--context-top-offset: 10px;--promoted-span-label-top-offset: 28px;--structural-label-column-offset: calc(var(--tick-rank-primary-width) + 8px)}.structural-context-label{font-size:.76rem}.tick-label{font-size:.48rem}.now-tick-label{max-width:calc(var(--timeline-axis-x) - 14px)}}@media (max-width: 560px){.app-shell{--timeline-left-gutter: 198px;--tick-rank-primary-width: 16px;--tick-rank-secondary-width: 12px;--tick-rank-ordinary-width: 8px;--span-width: 4px}.tick-label{font-size:.44rem}}