:root{color-scheme:dark;--background:#090a0a;--foreground:#e9e4d9;--gold:#b99a62;--font-inter:"Inter", sans-serif;--font-cormorant:"Cormorant Garamond", Georgia, serif;--font-mono-local:"IBM Plex Mono", monospace}*{box-sizing:border-box}html{background:var(--background)}body{background:var(--background);color:var(--foreground);margin:0}.clock-page{background-color:#090a0a;background-image:linear-gradient(135deg,#ffffff05 25%,#0000 25% 50%,#ffffff05 50% 75%,#0000 75%);background-size:9px 9px;flex-direction:column;min-height:100svh;padding:28px clamp(20px,5vw,80px) 24px;display:flex;position:relative;overflow:hidden}.clock-page:before{content:"";pointer-events:none;background:radial-gradient(at 50% 45%,#0000 22%,#0000008c 100%);position:absolute;inset:0}.site-header,.site-footer{z-index:1;color:#77766f;font:10px var(--font-mono-local);letter-spacing:.19em;justify-content:space-between;align-items:center;display:flex;position:relative}.header-actions{align-items:center;gap:16px;display:flex}.nav-link{color:var(--gold);letter-spacing:.22em;background:#b99a6214;border:1px solid #b99a628c;padding:7px 14px 6px;text-decoration:none;transition:background .2s,border-color .2s,box-shadow .2s;display:inline-block;position:relative;overflow:hidden}.nav-link:hover{border-color:var(--gold);background:#b99a6229;box-shadow:0 0 14px #b99a6240}.nav-link:focus-visible{outline:1px solid var(--gold);outline-offset:2px}.nav-arrow{transition:transform .2s;display:inline-block}.nav-link:hover .nav-arrow{transform:translate(3px)}.nav-link:after,.back-link:after{content:"";pointer-events:none;background:linear-gradient(105deg,#0000,#fff4d62e 42%,#fff4d652 50%,#fff4d62e 58%,#0000);width:55%;animation:30s linear infinite shimmer-sweep;position:absolute;top:0;bottom:0;left:-70%;transform:translate(0)skew(-18deg)}@keyframes shimmer-sweep{0%{transform:translate(0)skew(-18deg)}1.5%{transform:translate(320%)skew(-18deg)}to{transform:translate(320%)skew(-18deg)}}@media (prefers-reduced-motion:reduce){.nav-link:after,.back-link:after{animation:none}}.brand-mark{color:#b1aca1;align-items:center;gap:9px;display:flex}.brand-dot,.status-pulse{background:var(--gold);border-radius:50%;width:5px;height:5px;display:inline-block;box-shadow:0 0 10px #b99a6299}.header-status{align-items:center;gap:9px;display:flex}.ambient-line{z-index:0;background:linear-gradient(90deg,#0000,#b99a6240);width:17vw;height:1px;position:absolute;top:47%}.ambient-line-left{left:0}.ambient-line-right{right:0;transform:rotate(180deg)}.hero-content{z-index:1;text-align:center;width:min(1360px,100%);margin:auto;position:relative}.eyebrow{color:var(--gold);font:10px var(--font-mono-local);letter-spacing:.28em;justify-content:center;align-items:center;gap:14px;display:flex}.eyebrow span{background:#b99a6280;width:32px;height:1px}h1{color:#e8e1d3;font:400 clamp(42px, 6.2vw, 92px)/.88 var(--font-cormorant), Georgia, serif;letter-spacing:-.035em;margin:22px 0 10px}h1 em{color:var(--gold);font-style:italic}.subtitle{color:#88877f;font:12px/1.5 var(--font-inter), sans-serif;letter-spacing:.05em;margin:0 auto 44px}.clock-frame{border-top:1px solid #b99a6280;border-bottom:1px solid #b99a6280;padding:17px 0 16px}.clock-frame-top,.clock-frame-bottom{color:#77766f;font:9px var(--font-mono-local);letter-spacing:.16em;justify-content:space-between;display:flex}.clock-frame-bottom{color:#9b8357;margin-top:22px}.resolved-banner{width:min(780px,100%);font:10px/1.8 var(--font-mono-local);letter-spacing:.12em;color:#8fae9c;text-align:left;background:#2ecc710d;border:1px solid #2ecc7147;border-radius:3px;justify-content:center;align-items:center;gap:11px;margin:28px auto 0;padding:11px 18px;display:flex}.resolved-banner b{color:#5fd68f;font-weight:600}.resolved-dot{background:#2ecc71;border-radius:50%;flex:none;width:6px;height:6px;box-shadow:0 0 10px #2ecc7199}@media (width<=640px){.resolved-banner{gap:9px;margin-top:22px;padding:9px 12px;font-size:9px}}.clock-display{justify-content:center;align-items:center;gap:clamp(7px,1vw,18px);margin-top:13px;display:flex}.clock-unit{flex:1;min-width:0}.unit-digits{justify-content:center;gap:clamp(4px,.7vw,11px);display:flex}.unit-label{color:#aba79c;font:9px var(--font-mono-local);letter-spacing:.22em;text-transform:uppercase;margin-top:13px;display:block}.unit-divider{color:#a98d5a;font:600 clamp(28px, 4vw, 72px)/1 var(--font-mono-local);opacity:.8;margin-top:-16px}.flip-digit{perspective:600px;color:#eee9dd;width:clamp(38px,7vw,118px);height:clamp(54px,11vw,158px);font:500 clamp(43px, 8.8vw, 126px)/1 var(--font-mono-local);letter-spacing:-.14em;text-indent:-.12em;text-align:center;filter:drop-shadow(0 15px 15px #00000080);display:block;position:relative}.digit-face,.digit-flap{text-shadow:0 2px 2px #000;border:1px solid #393934;justify-content:center;align-items:center;height:100%;display:flex;position:absolute;inset:0;overflow:hidden}.digit-top{clip-path:inset(0 0 50%);background:linear-gradient(145deg,#343633,#171918 48%,#252724);border-radius:4px}.digit-bottom{clip-path:inset(50% 0 0);background:linear-gradient(145deg,#282b29,#111313 60%,#202220);border-radius:4px}.digit-face:after,.digit-flap:after{content:"";pointer-events:none;background:repeating-linear-gradient(115deg,#0000 0 3px,#ffffff05 3px 4px);position:absolute;inset:0}.digit-seam{z-index:3;background:#0b0c0c;height:2px;position:absolute;top:calc(50% - 1px);left:0;right:0;box-shadow:0 1px 2px #ffffff21}.digit-notch{z-index:5;background:#090a0a;border-radius:50%;width:7px;height:8px;position:absolute;top:calc(50% - 4px)}.digit-notch-left{left:-4px}.digit-notch-right{right:-4px}.digit-flap{z-index:4;backface-visibility:hidden;transform-style:preserve-3d}.digit-flap-top{clip-path:inset(0 0 50%);transform-origin:50%;background:linear-gradient(145deg,#343633,#171918 48%,#252724);border-radius:4px}.digit-flap-bottom{clip-path:inset(50% 0 0);transform-origin:50%;background:linear-gradient(145deg,#282b29,#111313 60%,#202220);border-radius:4px;transform:rotateX(90deg)}.is-flipping .digit-flap-top{animation:.42s cubic-bezier(.37,.01,.2,1) forwards flip-top}.is-flipping .digit-flap-bottom{animation:.42s cubic-bezier(.37,.01,.2,1) .2s forwards flip-bottom}@keyframes flip-top{0%{transform:rotateX(0)}to{transform:rotateX(-90deg)}}@keyframes flip-bottom{0%{transform:rotateX(90deg)}to{transform:rotateX(0)}}.site-footer{color:#65655f;margin-top:auto;padding-top:22px}.footer-rule{background:#292a27;flex:1;height:1px;margin:0 22px}@media (width<=640px){.clock-page{padding:20px 14px 18px}.site-header{font-size:8px}.header-actions{gap:10px}.nav-link{padding:5px 10px 4px;font-size:8px}.header-status{text-align:right;max-width:150px;line-height:1.6}.subtitle{margin-bottom:30px;font-size:11px}.clock-frame-top,.clock-frame-bottom{letter-spacing:.1em;font-size:7px}.clock-frame-bottom{margin-top:16px}.clock-display{gap:4px}.unit-divider{font-size:23px}.unit-label{letter-spacing:.12em;margin-top:9px;font-size:7px}.flip-digit{width:clamp(35px,17vw,64px);height:clamp(50px,24vw,88px);font-size:clamp(39px,20vw,70px)}}@media (prefers-reduced-motion:reduce){.is-flipping .digit-flap{animation:none}}.chart-fallback{height:100%;font:9px var(--font-mono-local);letter-spacing:.18em;color:#5a5952;justify-content:center;align-items:center;display:flex}.log-line{border-bottom:1px dashed #ffffff0a;gap:10px;padding:5px 2px;display:flex}.log-line:last-child{border-bottom:none}.log-line-pending{border-top:1px dashed #e74c3c59}.log-time{color:#9b8357;white-space:nowrap}.log-author{color:#2ecc71;white-space:nowrap}.log-author-system{color:var(--gold)}.log-author-support{color:#5fd68f}.log-text{color:#c9c4b9;white-space:normal}.timeline-item{padding:5px 0 16px 22px;position:relative}.timeline-item:before{content:"";background:#ffffff17;width:1px;position:absolute;top:14px;bottom:2px;left:4px}.timeline-item:last-child:before{display:none}.timeline-dot{background:var(--gold);border-radius:50%;width:9px;height:9px;position:absolute;top:10px;left:0;box-shadow:0 0 6px #b99a6266}.timeline-dot-muted{box-shadow:none;background:#3a3a36}.timeline-dot-danger{background:#e74c3c;animation:1.6s ease-in-out infinite pulse;box-shadow:0 0 8px #e74c3c80}.timeline-date{font:10px/1.6 var(--font-mono-local);letter-spacing:.04em;color:#9b8357;margin-bottom:5px;display:block}.timeline-label{font:10px/1.7 var(--font-mono-local);letter-spacing:.02em;color:#d8d3c8;word-break:break-word;display:block}.timeline-by{color:#55554f}.timeline-label-danger{color:#ff6a5b}.timeline-dot-green{background:#2ecc71;box-shadow:0 0 8px #2ecc7180}.timeline-label-green{color:#5fd68f}@media (prefers-reduced-motion:reduce){.timeline-dot-danger{animation:none}}.dash-page{background-color:#090a0a;background-image:linear-gradient(135deg,#ffffff03 25%,#0000 25% 50%,#ffffff05 50% 75%,#0000 75%);background-size:9px 9px;min-height:100svh;padding:20px clamp(14px,3vw,44px) 18px;position:relative;overflow-x:hidden}.dash-page:before{content:"";pointer-events:none;background:radial-gradient(at 50% 0,#0000 40%,#0009 100%);position:absolute;inset:0}.dash-header{z-index:1;border-bottom:1px solid #b99a6259;justify-content:space-between;align-items:center;gap:14px;margin-bottom:16px;padding-bottom:14px;display:flex;position:relative}.dash-header-left{align-items:center;gap:12px;min-width:0;display:flex}.back-link{color:var(--gold);font:10px var(--font-mono-local);letter-spacing:.2em;white-space:nowrap;background:#b99a6214;border:1px solid #b99a628c;padding:6px 12px 5px;text-decoration:none;transition:background .2s,border-color .2s,box-shadow .2s;display:inline-block;position:relative;overflow:hidden}.back-link:hover{border-color:var(--gold);background:#b99a6229;box-shadow:0 0 14px #b99a6240}.back-link:focus-visible{outline:1px solid var(--gold);outline-offset:2px}.back-arrow{transition:transform .2s;display:inline-block}.back-link:hover .back-arrow{transform:translate(-3px)}.header-sep{background:#ffffff26;width:1px;height:14px}.dash-name{font:600 10px var(--font-mono-local);letter-spacing:.22em;color:#cfcabc;white-space:nowrap}.ticket-chip{font:10px var(--font-mono-local);letter-spacing:.12em;color:var(--gold);white-space:nowrap;border:1px solid #b99a6266;border-radius:3px;padding:3px 7px}.dash-header-right{align-items:center;gap:14px;display:flex}.status-badge{font:9px var(--font-mono-local);letter-spacing:.18em;color:#f5b043;white-space:nowrap;background:#f39c1212;border:1px solid #f39c1273;border-radius:3px;align-items:center;gap:7px;padding:5px 10px;display:inline-flex}.badge-dot{background:#f39c12;border-radius:50%;width:6px;height:6px;animation:1.6s ease-in-out infinite pulse}.status-badge-resolved{color:#5fd68f;background:#2ecc710f;border-color:#2ecc7173}.badge-dot-green{background:#2ecc71;box-shadow:0 0 8px #2ecc7173}.live-clock{font:500 11px var(--font-mono-local);letter-spacing:.14em;color:#b1aca1;white-space:nowrap}.metrics-row{z-index:1;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:12px;display:grid;position:relative}.panel{z-index:1;background:#0c0d0dbf;border:1px solid #ffffff0f;border-radius:3px;animation:.5s both panel-in;position:relative;overflow:hidden}.panel-head{background:#ffffff06;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.panel-title{font:600 9px var(--font-mono-local);letter-spacing:.2em;color:#8b8a83}.panel-head-right{align-items:center;gap:12px;display:flex}.panel-meta{font:8.5px var(--font-mono-local);letter-spacing:.12em;color:#4c4c47}.panel-menu{gap:3px;display:inline-flex}.panel-menu i{background:#4a4a45;border-radius:50%;width:3px;height:3px;display:inline-block}.panel-body{padding:14px}.metric-panel{min-width:0}.metric-panel .panel-body{padding:16px 14px 14px}.metric-rule{height:2px;position:absolute;top:0;left:0;right:0}.metric-rule-gold{background:linear-gradient(90deg,#b99a62e6,#b99a6226)}.metric-rule-red{background:linear-gradient(90deg,#e74c3ce6,#e74c3c26)}.metric-label{font:600 9px var(--font-mono-local);letter-spacing:.18em;color:#8b8a83;margin-bottom:10px}.metric-value{font:600 clamp(22px, 2.6vw, 34px)/1.1 var(--font-mono-local);color:#f2ede2;letter-spacing:-.03em;white-space:nowrap}.metric-value-danger{color:#ff6a5b}.metric-sub{font:8.5px var(--font-mono-local);letter-spacing:.1em;color:#5a5952;margin-top:8px}.charts-grid{z-index:1;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px;display:grid;position:relative}.chart-wrap{height:200px;padding:6px 4px 2px;position:relative}.gauge-wrap{height:170px;padding-top:20px;position:relative}.gauge-center{pointer-events:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;transform:translateY(20px)}.gauge-center span{font:600 34px/1 var(--font-mono-local);color:#ff6a5b}.gauge-center small{font:8.5px var(--font-mono-local);letter-spacing:.16em;color:#5a5952;margin-top:6px}.gauge-center-green,.metric-value-green,.details-value-green{color:#2ecc71}.dash-note{z-index:1;font:9px/1.7 var(--font-mono-local);letter-spacing:.12em;color:#8b8a83;background:#b99a620b;border:1px solid #b99a6238;border-left:3px solid #b99a62b3;border-radius:3px;margin:0 0 12px;padding:10px 14px;position:relative}.dash-note b{color:#e9e4d9;font-weight:600}.bottom-row{grid-template-columns:1.2fr 1fr 1fr;gap:12px;display:grid}.bottom-row .panel{flex-direction:column;display:flex}.log-list{font:10px/1.7 var(--font-mono-local);max-height:280px;overflow-y:auto}.timeline-list{font:10px/1.7 var(--font-mono-local);max-height:280px;padding:4px 6px 4px 8px;overflow-y:auto}.details-table{border-collapse:collapse;width:100%}.details-table td{vertical-align:top;font-size:10px;font-family:var(--font-mono-local);border-bottom:1px dashed #ffffff0d;padding:7px 4px}.details-table tr:last-child td{border-bottom:none}.details-key{color:#5a5952;letter-spacing:.14em;white-space:nowrap;width:38%;font-size:8.5px}.details-value{color:#ddd8cd;word-break:break-word}.details-value-gold{color:var(--gold)}.details-value-danger{color:#ff6a5b}.dash-footer{z-index:1;border-top:1px solid #292a27;margin-top:16px;padding-top:14px;position:relative}.dash-footer-inner{font:9px var(--font-mono-local);letter-spacing:.14em;color:#55554f;flex-wrap:wrap;justify-content:center;gap:10px 18px;display:flex}@keyframes panel-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.panel-stagger-1{animation-delay:40ms}.panel-stagger-2{animation-delay:.1s}.panel-stagger-3{animation-delay:.16s}.panel-stagger-4{animation-delay:.22s}@media (width<=880px){.metrics-row{grid-template-columns:repeat(2,1fr)}.charts-grid,.bottom-row{grid-template-columns:1fr}.log-list,.timeline-list{max-height:200px}}@media (width<=520px){.metrics-row{grid-template-columns:1fr}.dash-header{flex-direction:column;align-items:flex-start;gap:10px}.dash-header-left{flex-wrap:wrap;gap:8px}.dash-header-right{justify-content:space-between;width:100%}.chart-wrap{height:170px}.panel-head-right .panel-meta{display:none}}@media (prefers-reduced-motion:reduce){.panel,.badge-dot,.timeline-dot-danger{animation:none}}