@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=Cormorant+Garamond:ital,wght@0,500;0,600;1,500&display=swap";:root{--gold: #c9a86a;--gold-bright: #e6c98c;--ink: #e8e6e1;--ink-dim: #9b988f;--glass: rgba(16, 16, 22, .55);--glass-border: rgba(201, 168, 106, .22);--bg: #07070a}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;overflow:hidden;background:var(--bg);color:var(--ink);font-family:Inter,-apple-system,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased}canvas{display:block}.ui-root{position:fixed;inset:0;pointer-events:none;z-index:10}.ui-root>*{pointer-events:auto}.glass{background:var(--glass);backdrop-filter:blur(18px) saturate(1.3);-webkit-backdrop-filter:blur(18px) saturate(1.3);border:1px solid var(--glass-border);border-radius:14px;box-shadow:0 18px 50px #00000073}.site-header{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:baseline;padding:22px 28px;pointer-events:none!important}.brand-mark{font-family:Cormorant Garamond,Georgia,serif;font-size:22px;letter-spacing:.42em;color:var(--gold-bright)}.brand-sub{margin-left:14px;font-size:10px;letter-spacing:.28em;text-transform:uppercase;color:var(--ink-dim)}.header-meta{font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-dim)}.panel{position:absolute;top:88px;bottom:132px;width:300px;transition:transform .5s cubic-bezier(.22,1,.36,1),opacity .4s ease;display:flex}.panel-left{left:20px}.panel-right{right:20px}.panel.collapsed{transform:translate(calc(-100% - 8px));opacity:0;pointer-events:none}.panel-right.collapsed{transform:translate(calc(100% + 8px))}.panel-tab{position:absolute;top:18px;width:26px;height:44px;border:1px solid var(--glass-border);background:var(--glass);backdrop-filter:blur(12px);color:var(--gold);border-radius:8px;cursor:pointer;font-size:15px;line-height:1}.panel-left .panel-tab{right:-34px}.panel-right .panel-tab{left:-34px}.panel.collapsed .panel-tab{pointer-events:auto;transform:translate(calc(100% + 42px))}.panel-right.collapsed .panel-tab{transform:translate(calc(-100% - 42px))}.panel-body{padding:22px 22px 18px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(201,168,106,.3) transparent}.eyebrow{margin:0 0 6px;font-size:9.5px;letter-spacing:.3em;text-transform:uppercase;color:var(--gold)}.calibre-name{margin:0;font-family:Cormorant Garamond,Georgia,serif;font-weight:600;font-size:27px;line-height:1.1;color:var(--ink)}.calibre-name span{display:block;font-style:italic;font-weight:500;font-size:19px;color:var(--gold-bright)}.gold-rule{height:1px;margin:14px 0;background:linear-gradient(90deg,var(--gold),transparent);opacity:.6}.time-block{margin:4px 0 14px}.time-readout{font-size:34px;font-weight:300;letter-spacing:.06em;font-variant-numeric:tabular-nums;color:var(--ink)}.time-readout .colon{color:var(--gold);animation:blink 2s steps(1) infinite}@keyframes blink{50%{opacity:.25}}.time-readout .sec{color:var(--gold-bright)}.time-note{margin:2px 0 0;font-size:10px;color:var(--ink-dim);letter-spacing:.04em}.spec-list{margin:0;display:grid;gap:9px}.spec-list>div{display:flex;justify-content:space-between;align-items:center;gap:12px}.spec-list dt{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-dim)}.spec-list dd{margin:0;font-size:12.5px;font-weight:500;text-align:right}.pr-bar{display:inline-block;width:84px;height:3px;margin-right:8px;vertical-align:middle;background:#ffffff1f;border-radius:2px;overflow:hidden}.pr-fill{display:block;height:100%;background:linear-gradient(90deg,#8a6c3c,var(--gold-bright));transition:width 1s linear}.pr-text{font-variant-numeric:tabular-nums}.finishing-title{margin:0 0 8px;font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:var(--gold)}.finishing-list{margin:0;padding:0 0 0 14px;font-size:11.5px;line-height:1.75;color:var(--ink-dim)}.part-name{margin:0;font-family:Cormorant Garamond,Georgia,serif;font-size:24px;font-weight:600}.part-desc{font-size:12.5px;line-height:1.7;color:var(--ink);opacity:.88}.ghost-btn{margin-top:14px;padding:8px 14px;background:transparent;border:1px solid var(--glass-border);border-radius:8px;color:var(--gold);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;cursor:pointer;transition:background .25s ease}.ghost-btn:hover{background:#c9a86a1f}.control-bar{position:absolute;left:50%;bottom:18px;transform:translate(-50%);display:flex;flex-direction:column;gap:8px;align-items:center;max-width:calc(100vw - 24px)}.control-row{display:flex;align-items:center;gap:4px;padding:7px 10px;flex-wrap:wrap;justify-content:center}.ctl-btn{padding:7px 12px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--ink-dim);font-family:inherit;font-size:11px;font-weight:500;letter-spacing:.08em;cursor:pointer;white-space:nowrap;transition:color .25s ease,background .25s ease,border-color .25s ease}.ctl-btn.small{padding:5px 9px;font-size:10px}.ctl-btn:hover{color:var(--ink);background:#ffffff0d}.ctl-btn.on{color:var(--gold-bright);border-color:var(--glass-border);background:#c9a86a1a}.ctl-sep{width:1px;height:18px;margin:0 6px;background:var(--glass-border)}.label-row-title{font-size:9px;letter-spacing:.26em;text-transform:uppercase;color:var(--gold);margin:0 6px 0 2px}.label-wrap{pointer-events:none!important}.label-track{transition:opacity .3s ease}.part-label{display:flex;align-items:center;gap:6px;padding:3px 8px 3px 5px;border:1px solid rgba(201,168,106,.25);border-radius:999px;background:#0a0a0e9e;backdrop-filter:blur(8px);color:var(--ink);font-family:Inter,sans-serif;font-size:9px;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;cursor:pointer;transform:translateY(-14px);transition:border-color .25s ease,background .25s ease,color .25s ease}.part-label.compact{padding:3px;border-color:transparent;background:none;backdrop-filter:none}.part-label.compact .label-dot{opacity:.85}.part-label .label-dot{width:5px;height:5px;border-radius:50%;background:var(--gold);box-shadow:0 0 8px #c9a86acc;flex:none}.part-label:hover,.part-label.active{border-color:var(--gold-bright);background:#c9a86a29;color:var(--gold-bright)}.help-hint{position:absolute;left:50%;top:74px;transform:translate(-50%);padding:10px 34px 10px 16px;font-size:10.5px;color:var(--ink-dim);letter-spacing:.04em;text-align:center}.help-hint p{margin:2px 0}.help-hint strong{color:var(--gold-bright);font-weight:600}.hint-close{position:absolute;top:4px;right:8px;border:0;background:none;color:var(--ink-dim);font-size:14px;cursor:pointer}@media (max-width: 640px){.panel{width:calc(100vw - 20px);max-height:42vh}}@media (max-width: 900px){.panel{width:min(78vw,300px);top:auto;bottom:118px;max-height:46vh}.panel-left{left:10px}.panel-right{right:10px}.site-header{padding:14px 16px}.header-meta,.help-hint{display:none}.control-bar{bottom:10px;width:calc(100vw - 16px)}.control-row{max-width:100%;overflow-x:auto;flex-wrap:nowrap;justify-content:flex-start;scrollbar-width:none}.time-readout{font-size:26px}}