:root{font-family:Alumni Sans Pinstripe,sans-serif;line-height:1.4;background:var(--bg);--bg: #f5f0e8;--bg-overlay: rgba(245, 240, 232, .92);--text: #2a2318;--card-bg: rgba(237, 232, 222, .7);--panel-bg: #e8e2d8;--badge-bg: #ddd8ce;--accent: #c0601a;--graph-text: #8a7e6e;--graph-grid: #c8c2b6;--shimmer-highlight: rgba(0, 0, 0, .03)}[data-theme=dark]{--bg: #1a1b22;--bg-overlay: rgba(26, 27, 34, .88);--text: #e0d8cc;--card-bg: rgba(28, 30, 42, .88);--panel-bg: #23252f;--badge-bg: #2c2f3d;--accent: #d4763e;--graph-text: #8a9ab8;--graph-grid: #363a4a;--shimmer-highlight: rgba(255, 255, 255, .04)}*{box-sizing:border-box;color:var(--text);-webkit-text-stroke:.3px currentColor;letter-spacing:.04em}button{font-family:Alumni Sans Pinstripe,sans-serif}body{margin:0;background-color:var(--bg);background-image:linear-gradient(var(--bg-overlay),var(--bg-overlay)),url(/images/wave.png);background-repeat:repeat;background-size:80px}.landing-shell{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:1.5rem 1.5rem 0}.landing-card{border:none;border-radius:3px;padding:.5em 1.5rem 1.5rem;background:var(--card-bg);width:100%;max-width:1200px}h1 a{text-decoration:none}h1{margin:0;font-size:clamp(2rem,4vw,3rem);font-weight:400;font-family:Zen Loop,sans-serif;text-transform:uppercase;opacity:.9;position:relative;z-index:1}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.header-left{display:flex;align-items:center;gap:1rem;position:relative}.kanji-embellishment{font-size:clamp(3rem,6vw,5rem);font-weight:700;color:#8dd3df;transform:rotate(-12deg) translate(9px,-6px);position:absolute;left:100%;top:0;z-index:0;margin-left:-.4em;-webkit-user-select:none;user-select:none;line-height:1;opacity:.4}.header-right{display:flex;align-items:center;gap:1.5rem}.date-nav{display:flex;align-items:center;justify-content:space-between;font-size:.9rem}.date-nav span{font-size:1.1rem}.date-nav-button{padding:.5rem 1rem;border:1px solid var(--accent);background:transparent;color:var(--accent);border-radius:3px;cursor:pointer;font-size:.85rem;font-weight:500;transition:background-color .2s,color .2s}.date-nav-button:hover:not(:disabled){background-color:var(--accent);color:#fff}.date-nav-button:disabled{opacity:.35;cursor:default}.monitoring-badge{display:flex;align-items:center;gap:.5rem;font-size:.85rem;background:var(--badge-bg);padding:.5rem 1rem;border-radius:3px}.monitoring-dot{width:8px;height:8px;background:#4ade80;border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.main-content{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:start}.camera-panel{border:none;padding:0;display:flex;flex-direction:column;gap:1rem}.image-wrapper{position:relative}.live-badge{position:absolute;top:1rem;left:1rem;background:#ef4444;opacity:.7;color:#fff;padding:.35rem .5rem;border-radius:3px;font-weight:700;font-size:.8rem;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;letter-spacing:0;-webkit-text-stroke:0;z-index:10;display:flex;align-items:center;gap:.5rem}.live-dot{width:6px;height:6px;background:#fff;border-radius:50%;animation:blink 1s infinite}@keyframes blink{0%,49%,to{opacity:1}50%,99%{opacity:.3}}img{width:100%;height:auto;border-radius:3px;border:none}.image-placeholder{width:100%;aspect-ratio:3 / 4;border-radius:3px;border:none;background:var(--panel-bg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;opacity:.6;font-size:.9rem}.image-placeholder-icon{font-size:2.5rem;line-height:1}.camera-panel .timestamp{margin-top:.75rem;text-align:left;font-size:.8rem;opacity:.7;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;-webkit-text-stroke:0;letter-spacing:0}.left-panel,.right-panel{display:flex;flex-direction:column;gap:2.2rem}.score-panel{display:flex;flex-direction:column;background:var(--panel-bg);padding:1em 1.5rem;border-radius:3px;border:none;position:relative;overflow:hidden}.score-panel:after,.graph-panel:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:10;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");background-size:200px 200px;border-radius:3px}.stats-row{display:flex;justify-content:space-around;width:100%}.stat-block{display:flex;flex-direction:column;align-items:center}.cars-count{margin:0;font-size:clamp(2.5rem,6vw,4rem);font-weight:700;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;-webkit-text-stroke:0;color:var(--accent)}.cars-caption{margin:.5rem 0 0;font-size:.9rem;opacity:.8}.moderate-traffic{margin-top:.75rem;font-size:.85rem;opacity:.7}.traffic-stat{margin:.5rem 0 0;font-size:.8rem;opacity:.6}.start-monitoring-button{padding:.5rem 1rem;border:1px solid var(--accent);background:transparent;color:var(--accent);border-radius:3px;cursor:pointer;font-size:.85rem;font-weight:500;transition:background-color .2s,color .2s}.start-monitoring-button:hover{background-color:var(--accent);color:#fff}.timestamp{font-size:.8rem;opacity:.6}.graph-panel{background:var(--panel-bg);padding:1em 1.5rem;border-radius:3px;border:none;position:relative;overflow:hidden}.loading-spinner{position:absolute;top:.5rem;right:.5rem;width:14px;height:14px;border-radius:50%;border:2px solid transparent;border-top-color:var(--accent);border-right-color:var(--accent);animation:spin .65s linear infinite;pointer-events:none;z-index:10}@keyframes spin{to{transform:rotate(360deg)}}.graph-panel-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:1.5rem}.graph-title{margin:0 0 0 15px;font-size:1rem;font-weight:600}.graph-panel-stat{font-size:.85rem;color:var(--graph-text)}.congestion-graph{width:100%;height:auto;max-height:250px;border:none;border-radius:3px;background:transparent;touch-action:none}.theme-toggle{background:none;border:none;cursor:pointer;font-size:1.1rem;padding:.25rem .4rem;opacity:.5;transition:opacity .2s;line-height:1;-webkit-text-stroke:0;position:relative;top:2px}.theme-toggle:hover{opacity:1}.page-card{max-width:860px;width:100%}.page-content{padding:1rem 0;font-size:1.125rem}.architecture-diagram{width:100%;height:auto;border:none;border-radius:0;margin-top:1rem;margin-bottom:1rem}[data-theme=dark] .architecture-diagram{filter:invert(1)}.page-content h2{font-size:1.5rem;font-weight:600;margin:1rem 0}.page-content h2:first-child{margin-top:0}.site-footer{display:flex;gap:2rem;align-items:center;justify-content:center;font-size:1rem;opacity:.4;padding:1.5rem;transition:opacity .2s}.footer-nav,.footer-switches{display:flex;align-items:center;gap:.75rem}.site-footer:hover{opacity:.8}.site-footer a{color:var(--text);text-decoration:none}.site-footer a:hover{text-decoration:underline}.lang-switch{font-weight:600;letter-spacing:.08em}.site-footer span{opacity:.5}@media (max-width: 1024px){.main-content{grid-template-columns:1fr}.header{flex-direction:column;align-items:flex-start;gap:1rem}.header-right{width:100%;justify-content:space-between}}@media (max-width: 768px){.landing-card{padding:1rem}}.token-gate-form{display:flex;flex-direction:column;gap:.75rem;max-width:360px;padding:1rem 0}.token-gate-label{font-size:.85rem;opacity:.7;text-transform:uppercase;letter-spacing:.08em}.token-gate-row{display:flex;gap:.75rem}.token-gate-input{flex:1;background:var(--panel-bg);border:1px solid var(--graph-grid);border-radius:3px;padding:.5rem .75rem;font-size:.9rem;font-family:ui-monospace,monospace;color:var(--text);-webkit-text-stroke:0;outline:none;transition:border-color .15s}.token-gate-input:focus{border-color:var(--accent)}:root{--monitor-terminal-bg: #1c1e26;--monitor-terminal-text: #c8d0e0;--monitor-log-info: #7ab8d4;--monitor-log-warn: #e8b554;--monitor-log-error: #e06060;--monitor-log-dim: #5a6070;--monitor-service-card-bg: #e0dbd2}[data-theme=dark]{--monitor-terminal-bg: #0f1117;--monitor-terminal-text: #b8c8d8;--monitor-log-info: #5a9fc0;--monitor-log-warn: #c8943a;--monitor-log-error: #c05050;--monitor-log-dim: #40485a;--monitor-service-card-bg: #1e2030}.monitor-page{max-width:1440px}.monitor-page-title{font-size:1rem;opacity:.5;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;-webkit-text-stroke:0;letter-spacing:0;margin-left:.25rem}.monitor-token-notice{background:var(--monitor-log-warn);color:#1a1a1a;padding:.6rem 1rem;border-radius:3px;font-size:.85rem;margin-bottom:1rem;-webkit-text-stroke:0}.monitor-token-notice code{font-family:ui-monospace,monospace;background:#00000026;padding:.1em .3em;border-radius:2px;color:inherit}.system-bar{display:flex;align-items:center;gap:2rem;background:var(--panel-bg);border-radius:3px;padding:.6rem 1rem;margin-bottom:1rem;font-size:.8rem;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;-webkit-text-stroke:0;letter-spacing:0}.system-bar-section{display:flex;align-items:center;gap:.5rem}.system-bar-label{opacity:.5;text-transform:uppercase;letter-spacing:.08em;font-size:.7rem}.system-bar-track{width:140px;height:6px;background:var(--graph-grid);border-radius:3px;overflow:hidden}.system-bar-fill{height:100%;background:var(--accent);border-radius:3px;transition:width .5s ease}.system-bar-fill--warn{background:var(--monitor-log-warn)}.system-bar-fill--critical{background:var(--monitor-log-error)}.system-bar-value{opacity:.8}.monitor-service-bar{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1rem}.monitor-service-card{background:var(--monitor-service-card-bg);border-radius:3px;padding:.65rem 1rem;display:flex;align-items:center;gap:.75rem;font-size:.75rem;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;-webkit-text-stroke:0;letter-spacing:0}.monitor-service-name{text-transform:uppercase;letter-spacing:.1em;opacity:.7;font-size:.7rem;flex-shrink:0}.monitor-status-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.monitor-status-dot--active{background:#4ade80;animation:pulse 2s infinite}.monitor-status-dot--warn{background:#f59e0b}.monitor-status-dot--offline{background:#ef4444}.sparkline-wrap{display:flex;align-items:center;gap:.4rem;margin-left:auto}.sparkline-svg{display:block;overflow:visible}.sparkline-area{fill:var(--accent);opacity:.2}.sparkline-line{fill:none;stroke:var(--accent);stroke-width:1.5;opacity:.8}.sparkline-dot{fill:var(--accent)}.sparkline-label{font-size:.7rem;opacity:.8;white-space:nowrap;font-family:ui-monospace,monospace}.sparkline-empty{font-size:.7rem;opacity:.5;font-family:ui-monospace,monospace;margin-left:auto}.monitor-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1rem}.monitor-log-panel,.monitor-redis-panel{display:flex;flex-direction:column;border-radius:3px;overflow:hidden;border:1px solid var(--graph-grid)}.monitor-log-header{background:var(--panel-bg);padding:.4rem .75rem;display:flex;align-items:center;gap:.5rem;font-size:.72rem;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;-webkit-text-stroke:0;letter-spacing:0;flex-shrink:0}.log-filter-input{flex:1;min-width:0;background:var(--badge-bg);border:1px solid var(--graph-grid);border-radius:2px;padding:.2rem .4rem;font-size:.7rem;font-family:ui-monospace,monospace;color:var(--text);-webkit-text-stroke:0;outline:none}.log-level-select{background:var(--badge-bg);border:1px solid var(--graph-grid);border-radius:2px;padding:.2rem .3rem;font-size:.7rem;color:var(--text);-webkit-text-stroke:0;cursor:pointer}.log-count{opacity:.5;font-size:.68rem;font-family:ui-monospace,monospace;white-space:nowrap}.log-pause-btn{background:none;border:none;cursor:pointer;padding:.1rem .3rem;opacity:.5;font-size:.75rem;line-height:1;-webkit-text-stroke:0;transition:opacity .15s;margin-left:auto}.log-pause-btn:hover{opacity:1}.monitor-log-body{background:var(--monitor-terminal-bg);height:40vh;overflow-y:scroll;padding:.4rem .5rem;font-family:JetBrains Mono,Fira Code,ui-monospace,monospace;font-size:.7rem;line-height:1.55;color:var(--monitor-terminal-text);scrollbar-width:thin;scrollbar-color:var(--graph-grid) transparent;position:relative}.monitor-redis-body{height:20vh}.log-line{display:flex;gap:.5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-text-stroke:0}.log-timestamp{color:var(--monitor-log-dim);min-width:8ch;flex-shrink:0}.log-level{min-width:4ch;flex-shrink:0}.log-channel{color:var(--monitor-log-info);min-width:24ch;overflow:hidden;text-overflow:ellipsis}.log-message{color:var(--monitor-terminal-text);overflow:hidden;text-overflow:ellipsis}.log-line--info .log-level{color:var(--monitor-log-info)}.log-line--warn .log-level{color:var(--monitor-log-warn)}.log-line--error .log-level{color:var(--monitor-log-error)}.log-line--error .log-message{color:var(--monitor-log-error);opacity:.85}.log-line--debug .log-level{color:var(--monitor-log-dim)}.log-paused-badge{position:absolute;top:.4rem;right:.6rem;font-size:.62rem;letter-spacing:.1em;color:var(--monitor-log-warn);opacity:.7;pointer-events:none}.log-empty{color:var(--monitor-log-dim);font-style:italic;padding:.25rem 0}@media (max-width: 1024px){.monitor-grid,.monitor-service-bar{grid-template-columns:1fr}.monitor-log-body{height:30vh}}