.leaflet-pane,.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-tile-container,.leaflet-pane>svg,.leaflet-pane>canvas,.leaflet-zoom-box,.leaflet-image-layer,.leaflet-layer{position:absolute;left:0;top:0}.leaflet-container{overflow:hidden}.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}.leaflet-tile::selection{background:transparent}.leaflet-safari .leaflet-tile{image-rendering:-webkit-optimize-contrast}.leaflet-safari .leaflet-tile-container{width:1600px;height:1600px;-webkit-transform-origin:0 0}.leaflet-marker-icon,.leaflet-marker-shadow{display:block}.leaflet-container .leaflet-overlay-pane svg{max-width:none!important;max-height:none!important}.leaflet-container .leaflet-marker-pane img,.leaflet-container .leaflet-shadow-pane img,.leaflet-container .leaflet-tile-pane img,.leaflet-container img.leaflet-image-layer,.leaflet-container .leaflet-tile{max-width:none!important;max-height:none!important;width:auto;padding:0}.leaflet-container img.leaflet-tile{mix-blend-mode:plus-lighter}.leaflet-container.leaflet-touch-zoom{-ms-touch-action:pan-x pan-y;touch-action:pan-x pan-y}.leaflet-container.leaflet-touch-drag{-ms-touch-action:pinch-zoom;touch-action:none;touch-action:pinch-zoom}.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom{-ms-touch-action:none;touch-action:none}.leaflet-container{-webkit-tap-highlight-color:transparent}.leaflet-container a{-webkit-tap-highlight-color:rgba(51,181,229,.4)}.leaflet-tile{filter:inherit;visibility:hidden}.leaflet-tile-loaded{visibility:inherit}.leaflet-zoom-box{width:0;height:0;-moz-box-sizing:border-box;box-sizing:border-box;z-index:800}.leaflet-overlay-pane svg{-moz-user-select:none}.leaflet-pane{z-index:400}.leaflet-tile-pane{z-index:200}.leaflet-overlay-pane{z-index:400}.leaflet-shadow-pane{z-index:500}.leaflet-marker-pane{z-index:600}.leaflet-tooltip-pane{z-index:650}.leaflet-popup-pane{z-index:700}.leaflet-map-pane canvas{z-index:100}.leaflet-map-pane svg{z-index:200}.leaflet-vml-shape{width:1px;height:1px}.lvml{behavior:url(#default#VML);display:inline-block;position:absolute}.leaflet-control{position:relative;z-index:800;pointer-events:visiblePainted;pointer-events:auto}.leaflet-top,.leaflet-bottom{position:absolute;z-index:1000;pointer-events:none}.leaflet-top{top:0}.leaflet-right{right:0}.leaflet-bottom{bottom:0}.leaflet-left{left:0}.leaflet-control{float:left;clear:both}.leaflet-right .leaflet-control{float:right}.leaflet-top .leaflet-control{margin-top:10px}.leaflet-bottom .leaflet-control{margin-bottom:10px}.leaflet-left .leaflet-control{margin-left:10px}.leaflet-right .leaflet-control{margin-right:10px}.leaflet-fade-anim .leaflet-popup{opacity:0;-webkit-transition:opacity .2s linear;-moz-transition:opacity .2s linear;transition:opacity .2s linear}.leaflet-fade-anim .leaflet-map-pane .leaflet-popup{opacity:1}.leaflet-zoom-animated{-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0}svg.leaflet-zoom-animated{will-change:transform}.leaflet-zoom-anim .leaflet-zoom-animated{-webkit-transition:-webkit-transform .25s cubic-bezier(0,0,.25,1);-moz-transition:-moz-transform .25s cubic-bezier(0,0,.25,1);transition:transform .25s cubic-bezier(0,0,.25,1)}.leaflet-zoom-anim .leaflet-tile,.leaflet-pan-anim .leaflet-tile{-webkit-transition:none;-moz-transition:none;transition:none}.leaflet-zoom-anim .leaflet-zoom-hide{visibility:hidden}.leaflet-interactive{cursor:pointer}.leaflet-grab{cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}.leaflet-crosshair,.leaflet-crosshair .leaflet-interactive{cursor:crosshair}.leaflet-popup-pane,.leaflet-control{cursor:auto}.leaflet-dragging .leaflet-grab,.leaflet-dragging .leaflet-grab .leaflet-interactive,.leaflet-dragging .leaflet-marker-draggable{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-image-layer,.leaflet-pane>svg path,.leaflet-tile-container{pointer-events:none}.leaflet-marker-icon.leaflet-interactive,.leaflet-image-layer.leaflet-interactive,.leaflet-pane>svg path.leaflet-interactive,svg.leaflet-image-layer.leaflet-interactive path{pointer-events:visiblePainted;pointer-events:auto}.leaflet-container{background:#ddd;outline-offset:1px}.leaflet-container a{color:#0078a8}.leaflet-zoom-box{border:2px dotted #38f;background:#ffffff80}.leaflet-container{font-family:Helvetica Neue,Arial,Helvetica,sans-serif;font-size:12px;font-size:.75rem;line-height:1.5}.leaflet-bar{box-shadow:0 1px 5px #000000a6;border-radius:4px}.leaflet-bar a{background-color:#fff;border-bottom:1px solid #ccc;width:26px;height:26px;line-height:26px;display:block;text-align:center;text-decoration:none;color:#000}.leaflet-bar a,.leaflet-control-layers-toggle{background-position:50% 50%;background-repeat:no-repeat;display:block}.leaflet-bar a:hover,.leaflet-bar a:focus{background-color:#f4f4f4}.leaflet-bar a:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.leaflet-bar a:last-child{border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-bottom:none}.leaflet-bar a.leaflet-disabled{cursor:default;background-color:#f4f4f4;color:#bbb}.leaflet-touch .leaflet-bar a{width:30px;height:30px;line-height:30px}.leaflet-touch .leaflet-bar a:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.leaflet-touch .leaflet-bar a:last-child{border-bottom-left-radius:2px;border-bottom-right-radius:2px}.leaflet-control-zoom-in,.leaflet-control-zoom-out{font:700 18px Lucida Console,Monaco,monospace;text-indent:1px}.leaflet-touch .leaflet-control-zoom-in,.leaflet-touch .leaflet-control-zoom-out{font-size:22px}.leaflet-control-layers{box-shadow:0 1px 5px #0006;background:#fff;border-radius:5px}.leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAQAAAADQ4RFAAACf0lEQVR4AY1UM3gkARTePdvdoTxXKc+qTl3aU5U6b2Kbkz3Gtq3Zw6ziLGNPzrYx7946Tr6/ee/XeCQ4D3ykPtL5tHno4n0d/h3+xfuWHGLX81cn7r0iTNzjr7LrlxCqPtkbTQEHeqOrTy4Yyt3VCi/IOB0v7rVC7q45Q3Gr5K6jt+3Gl5nCoDD4MtO+j96Wu8atmhGqcNGHObuf8OM/x3AMx38+4Z2sPqzCxRFK2aF2e5Jol56XTLyggAMTL56XOMoS1W4pOyjUcGGQdZxU6qRh7B9Zp+PfpOFlqt0zyDZckPi1ttmIp03jX8gyJ8a/PG2yutpS/Vol7peZIbZcKBAEEheEIAgFbDkz5H6Zrkm2hVWGiXKiF4Ycw0RWKdtC16Q7qe3X4iOMxruonzegJzWaXFrU9utOSsLUmrc0YjeWYjCW4PDMADElpJSSQ0vQvA1Tm6/JlKnqFs1EGyZiFCqnRZTEJJJiKRYzVYzJck2Rm6P4iH+cmSY0YzimYa8l0EtTODFWhcMIMVqdsI2uiTvKmTisIDHJ3od5GILVhBCarCfVRmo4uTjkhrhzkiBV7SsaqS+TzrzM1qpGGUFt28pIySQHR6h7F6KSwGWm97ay+Z+ZqMcEjEWebE7wxCSQwpkhJqoZA5ivCdZDjJepuJ9IQjGGUmuXJdBFUygxVqVsxFsLMbDe8ZbDYVCGKxs+W080max1hFCarCfV+C1KATwcnvE9gRRuMP2prdbWGowm1KB1y+zwMMENkM755cJ2yPDtqhTI6ED1M/82yIDtC/4j4BijjeObflpO9I9MwXTCsSX8jWAFeHr05WoLTJ5G8IQVS/7vwR6ohirYM7f6HzYpogfS3R2OAAAAAElFTkSuQmCC);width:36px;height:36px}.leaflet-retina .leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAQAAABvcdNgAAAEsklEQVR4AWL4TydIhpZK1kpWOlg0w3ZXP6D2soBtG42jeI6ZmQTHzAxiTbSJsYLjO9HhP+WOmcuhciVnmHVQcJnp7DFvScowZorad/+V/fVzMdMT2g9Cv9guXGv/7pYOrXh2U+RRR3dSd9JRx6bIFc/ekqHI29JC6pJ5ZEh1yWkhkbcFeSjxgx3L2m1cb1C7bceyxA+CNjT/Ifff+/kDk2u/w/33/IeCMOSaWZ4glosqT3DNnNZQ7Cs58/3Ce5HL78iZH/vKVIaYlqzfdLu8Vi7dnvUbEza5Idt36tquZFldl6N5Z/POLof0XLK61mZCmJSWjVF9tEjUluu74IUXvgttuVIHE7YxSkaYhJZam7yiM9Pv82JYfl9nptxZaxMJE4YSPty+vF0+Y2up9d3wwijfjZbabqm/3bZ9ecKHsiGmRflnn1MW4pjHf9oLufyn2z3y1D6n8g8TZhxyzipLNPnAUpsOiuWimg52psrTZYnOWYNDTMuWBWa0tJb4rgq1UvmutpaYEbZlwU3CLJm/ayYjHW5/h7xWLn9Hh1vepDkyf7dE7MtT5LR4e7yYpHrkhOUpEfssBLq2pPhAqoSWKUkk7EDqkmK6RrCEzqDjhNDWNE+XSMvkJRDWlZTmCW0l0PHQGRZY5t1L83kT0Y3l2SItk5JAWHl2dCOBm+fPu3fo5/3v61RMCO9Jx2EEYYhb0rmNQMX/vm7gqOEJLcXTGw3CAuRNeyaPWwjR8PRqKQ1PDA/dpv+on9Shox52WFnx0KY8onHayrJzm87i5h9xGw/tfkev0jGsQizqezUKjk12hBMKJ4kbCqGPVNXudyyrShovGw5CgxsRICxF6aRmSjlBnHRzg7Gx8fKqEubI2rahQYdR1YgDIRQO7JvQyD52hoIQx0mxa0ODtW2Iozn1le2iIRdzwWewedyZzewidueOGqlsn1MvcnQpuVwLGG3/IR1hIKxCjelIDZ8ldqWz25jWAsnldEnK0Zxro19TGVb2ffIZEsIO89EIEDvKMPrzmBOQcKQ+rroye6NgRRxqR4U8EAkz0CL6uSGOm6KQCdWjvjRiSP1BPalCRS5iQYiEIvxuBMJEWgzSoHADcVMuN7IuqqTeyUPq22qFimFtxDyBBJEwNyt6TM88blFHao/6tWWhuuOM4SAK4EI4QmFHA+SEyWlp4EQoJ13cYGzMu7yszEIBOm2rVmHUNqwAIQabISNMRstmdhNWcFLsSm+0tjJH1MdRxO5Nx0WDMhCtgD6OKgZeljJqJKc9po8juskR9XN0Y1lZ3mWjLR9JCO1jRDMd0fpYC2VnvjBSEFg7wBENc0R9HFlb0xvF1+TBEpF68d+DHR6IOWVv2BECtxo46hOFUBd/APU57WIoEwJhIi2CdpyZX0m93BZicktMj1AS9dClteUFAUNUIEygRZCtik5zSxI9MubTBH1GOiHsiLJ3OCoSZkILa9PxiN0EbvhsAo8tdAf9Seepd36lGWHmtNANTv5Jd0z4QYyeo/UEJqxKRpg5LZx6btLPsOaEmdMyxYdlc8LMaJnikDlhclqmPiQnTEpLUIZEwkRagjYkEibQErwhkTAKCLQEbUgkzJQWc/0PstHHcfEdQ+UAAAAASUVORK5CYII=);background-size:26px 26px}.leaflet-touch .leaflet-control-layers-toggle{width:44px;height:44px}.leaflet-control-layers .leaflet-control-layers-list,.leaflet-control-layers-expanded .leaflet-control-layers-toggle{display:none}.leaflet-control-layers-expanded .leaflet-control-layers-list{display:block;position:relative}.leaflet-control-layers-expanded{padding:6px 10px 6px 6px;color:#333;background:#fff}.leaflet-control-layers-scrollbar{overflow-y:scroll;overflow-x:hidden;padding-right:5px}.leaflet-control-layers-selector{margin-top:2px;position:relative;top:1px}.leaflet-control-layers label{display:block;font-size:13px;font-size:1.08333em}.leaflet-control-layers-separator{height:0;border-top:1px solid #ddd;margin:5px -10px 5px -6px}.leaflet-default-icon-path{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAApCAYAAADAk4LOAAAFgUlEQVR4Aa1XA5BjWRTN2oW17d3YaZtr2962HUzbDNpjszW24mRt28p47v7zq/bXZtrp/lWnXr337j3nPCe85NcypgSFdugCpW5YoDAMRaIMqRi6aKq5E3YqDQO3qAwjVWrD8Ncq/RBpykd8oZUb/kaJutow8r1aP9II0WmLKLIsJyv1w/kqw9Ch2MYdB++12Onxee/QMwvf4/Dk/Lfp/i4nxTXtOoQ4pW5Aj7wpici1A9erdAN2OH64x8OSP9j3Ft3b7aWkTg/Fm91siTra0f9on5sQr9INejH6CUUUpavjFNq1B+Oadhxmnfa8RfEmN8VNAsQhPqF55xHkMzz3jSmChWU6f7/XZKNH+9+hBLOHYozuKQPxyMPUKkrX/K0uWnfFaJGS1QPRtZsOPtr3NsW0uyh6NNCOkU3Yz+bXbT3I8G3xE5EXLXtCXbbqwCO9zPQYPRTZ5vIDXD7U+w7rFDEoUUf7ibHIR4y6bLVPXrz8JVZEql13trxwue/uDivd3fkWRbS6/IA2bID4uk0UpF1N8qLlbBlXs4Ee7HLTfV1j54APvODnSfOWBqtKVvjgLKzF5YdEk5ewRkGlK0i33Eofffc7HT56jD7/6U+qH3Cx7SBLNntH5YIPvODnyfIXZYRVDPqgHtLs5ABHD3YzLuespb7t79FY34DjMwrVrcTuwlT55YMPvOBnRrJ4VXTdNnYug5ucHLBjEpt30701A3Ts+HEa73u6dT3FNWwflY86eMHPk+Yu+i6pzUpRrW7SNDg5JHR4KapmM5Wv2E8Tfcb1HoqqHMHU+uWDD7zg54mz5/2BSnizi9T1Dg4QQXLToGNCkb6tb1NU+QAlGr1++eADrzhn/u8Q2YZhQVlZ5+CAOtqfbhmaUCS1ezNFVm2imDbPmPng5wmz+gwh+oHDce0eUtQ6OGDIyR0uUhUsoO3vfDmmgOezH0mZN59x7MBi++WDL1g/eEiU3avlidO671bkLfwbw5XV2P8Pzo0ydy4t2/0eu33xYSOMOD8hTf4CrBtGMSoXfPLchX+J0ruSePw3LZeK0juPJbYzrhkH0io7B3k164hiGvawhOKMLkrQLyVpZg8rHFW7E2uHOL888IBPlNZ1FPzstSJM694fWr6RwpvcJK60+0HCILTBzZLFNdtAzJaohze60T8qBzyh5ZuOg5e7uwQppofEmf2++DYvmySqGBuKaicF1blQjhuHdvCIMvp8whTTfZzI7RldpwtSzL+F1+wkdZ2TBOW2gIF88PBTzD/gpeREAMEbxnJcaJHNHrpzji0gQCS6hdkEeYt9DF/2qPcEC8RM28Hwmr3sdNyht00byAut2k3gufWNtgtOEOFGUwcXWNDbdNbpgBGxEvKkOQsxivJx33iow0Vw5S6SVTrpVq11ysA2Rp7gTfPfktc6zhtXBBC+adRLshf6sG2RfHPZ5EAc4sVZ83yCN00Fk/4kggu40ZTvIEm5g24qtU4KjBrx/BTTH8ifVASAG7gKrnWxJDcU7x8X6Ecczhm3o6YicvsLXWfh3Ch1W0k8x0nXF+0fFxgt4phz8QvypiwCCFKMqXCnqXExjq10beH+UUA7+nG6mdG/Pu0f3LgFcGrl2s0kNNjpmoJ9o4B29CMO8dMT4Q5ox8uitF6fqsrJOr8qnwNbRzv6hSnG5wP+64C7h9lp30hKNtKdWjtdkbuPA19nJ7Tz3zR/ibgARbhb4AlhavcBebmTHcFl2fvYEnW0ox9xMxKBS8btJ+KiEbq9zA4RthQXDhPa0T9TEe69gWupwc6uBUphquXgf+/FrIjweHQS4/pduMe5ERUMHUd9xv8ZR98CxkS4F2n3EUrUZ10EYNw7BWm9x1GiPssi3GgiGRDKWRYZfXlON+dfNbM+GgIwYdwAAAAASUVORK5CYII=)}.leaflet-container .leaflet-control-attribution{background:#fff;background:#fffc;margin:0}.leaflet-control-attribution,.leaflet-control-scale-line{padding:0 5px;color:#333;line-height:1.4}.leaflet-control-attribution a{text-decoration:none}.leaflet-control-attribution a:hover,.leaflet-control-attribution a:focus{text-decoration:underline}.leaflet-attribution-flag{display:inline!important;vertical-align:baseline!important;width:1em;height:.6669em}.leaflet-left .leaflet-control-scale{margin-left:5px}.leaflet-bottom .leaflet-control-scale{margin-bottom:5px}.leaflet-control-scale-line{border:2px solid #777;border-top:none;line-height:1.1;padding:2px 5px 1px;white-space:nowrap;-moz-box-sizing:border-box;box-sizing:border-box;background:#fffc;text-shadow:1px 1px #fff}.leaflet-control-scale-line:not(:first-child){border-top:2px solid #777;border-bottom:none;margin-top:-2px}.leaflet-control-scale-line:not(:first-child):not(:last-child){border-bottom:2px solid #777}.leaflet-touch .leaflet-control-attribution,.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{box-shadow:none}.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{border:2px solid rgba(0,0,0,.2);background-clip:padding-box}.leaflet-popup{position:absolute;text-align:center;margin-bottom:20px}.leaflet-popup-content-wrapper{padding:1px;text-align:left;border-radius:12px}.leaflet-popup-content{margin:13px 24px 13px 20px;line-height:1.3;font-size:13px;font-size:1.08333em;min-height:1px}.leaflet-popup-content p{margin:1.3em 0}.leaflet-popup-tip-container{width:40px;height:20px;position:absolute;left:50%;margin-top:-1px;margin-left:-20px;overflow:hidden;pointer-events:none}.leaflet-popup-tip{width:17px;height:17px;padding:1px;margin:-10px auto 0;pointer-events:auto;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:#fff;color:#333;box-shadow:0 3px 14px #0006}.leaflet-container a.leaflet-popup-close-button{position:absolute;top:0;right:0;border:none;text-align:center;width:24px;height:24px;font:16px/24px Tahoma,Verdana,sans-serif;color:#757575;text-decoration:none;background:transparent}.leaflet-container a.leaflet-popup-close-button:hover,.leaflet-container a.leaflet-popup-close-button:focus{color:#585858}.leaflet-popup-scrolled{overflow:auto}.leaflet-oldie .leaflet-popup-content-wrapper{-ms-zoom:1}.leaflet-oldie .leaflet-popup-tip{width:24px;margin:0 auto;-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";filter:progid:DXImageTransform.Microsoft.Matrix(M11=.70710678,M12=.70710678,M21=-.70710678,M22=.70710678)}.leaflet-oldie .leaflet-control-zoom,.leaflet-oldie .leaflet-control-layers,.leaflet-oldie .leaflet-popup-content-wrapper,.leaflet-oldie .leaflet-popup-tip{border:1px solid #999}.leaflet-div-icon{background:#fff;border:1px solid #666}.leaflet-tooltip{position:absolute;padding:6px;background-color:#fff;border:1px solid #fff;border-radius:3px;color:#222;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none;box-shadow:0 1px 3px #0006}.leaflet-tooltip.leaflet-interactive{cursor:pointer;pointer-events:auto}.leaflet-tooltip-top:before,.leaflet-tooltip-bottom:before,.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{position:absolute;pointer-events:none;border:6px solid transparent;background:transparent;content:""}.leaflet-tooltip-bottom{margin-top:6px}.leaflet-tooltip-top{margin-top:-6px}.leaflet-tooltip-bottom:before,.leaflet-tooltip-top:before{left:50%;margin-left:-6px}.leaflet-tooltip-top:before{bottom:0;margin-bottom:-12px;border-top-color:#fff}.leaflet-tooltip-bottom:before{top:0;margin-top:-12px;margin-left:-6px;border-bottom-color:#fff}.leaflet-tooltip-left{margin-left:-6px}.leaflet-tooltip-right{margin-left:6px}.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{top:50%;margin-top:-6px}.leaflet-tooltip-left:before{right:0;margin-right:-12px;border-left-color:#fff}.leaflet-tooltip-right:before{left:0;margin-left:-12px;border-right-color:#fff}@media print{.leaflet-control{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.landing-2d{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0a0f;overflow-y:auto;overflow-x:hidden;z-index:1000}.landing-2d-content{max-width:calc(800 * var(--spx));margin:calc(10 * var(--spx)) auto;padding:calc(48 * var(--spx));position:relative;z-index:2;display:flex;flex-direction:column;opacity:0;transform:translateY(30px)}.landing-2d-content.revealed{animation:slideUpReveal .6s ease-out forwards}@keyframes slideUpReveal{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero-section{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:0}.profile-image{width:100%;max-width:calc(480 * var(--spx));margin-bottom:calc(5 * var(--spx));aspect-ratio:1;border-radius:50%;object-fit:cover;border:calc(4 * var(--spx)) solid rgba(255,255,255,.043);box-shadow:0 20px 60px #00000080;background:#0a0a0f}.hero-text{max-width:calc(600 * var(--spx));padding:calc(20 * var(--spx))}.location-widget{margin-top:calc(14 * var(--spx));margin-bottom:calc(4 * var(--spx));border-radius:calc(12 * var(--spx));overflow:hidden;position:relative}.location-map-container{position:relative;width:100%;height:calc(200 * var(--spx));overflow:hidden;background:#0a0a0f}.location-widget-inner{width:100%;height:100%;position:relative;z-index:0}.custom-pulse-marker{background:transparent}.custom-pulse-marker:after{content:"";position:absolute;width:calc(12 * var(--spx));height:calc(12 * var(--spx));background:#3b82f6;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 3px #3b82f64d,0 0 15px #3b82f680;animation:pulse-marker-leaflet 2s ease-in-out infinite}@keyframes pulse-marker-leaflet{0%,to{box-shadow:0 0 0 3px #3b82f64d,0 0 15px #3b82f680}50%{box-shadow:0 0 0 6px #3b82f626,0 0 25px #3b82f666}}.map-simple-label{color:#a1a1aa;font-family:Inter,system-ui,sans-serif;font-size:clamp(9px,calc(11 * var(--spx)),16px);font-weight:500;text-align:center;text-transform:uppercase;letter-spacing:.5px;text-shadow:0 1px 2px rgba(0,0,0,.8);opacity:.8}.location-place-label{position:absolute;bottom:calc(12 * var(--spx));left:calc(12 * var(--spx));color:#e4e4e7;font-family:Inter,system-ui,sans-serif;font-size:clamp(11px,calc(14 * var(--spx)),20px);font-weight:500;text-shadow:0 2px 4px rgba(0,0,0,.8);pointer-events:none;opacity:.9}.location-time-badge{position:absolute;top:calc(10 * var(--spx));right:calc(10 * var(--spx));background:transparent;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:calc(5 * var(--spx)) calc(12 * var(--spx));border-radius:calc(4 * var(--spx));font-family:SF Mono,Fira Code,Consolas,monospace;font-size:clamp(10px,calc(12 * var(--spx)),18px);color:#8ba4b8;border:1px solid rgba(60,90,120,.25);letter-spacing:.5px;pointer-events:none}.hero-greeting{font-size:clamp(24px,calc(35 * var(--spx)),52px);font-weight:700;color:#fff;margin:0 0 calc(20 * var(--spx)) 0;font-family:Inter,system-ui,sans-serif}.wave{display:inline-block;animation:wave 2.5s infinite;transform-origin:70% 70%}@keyframes wave{0%,to{transform:rotate(0)}10%{transform:rotate(14deg)}20%{transform:rotate(-8deg)}30%{transform:rotate(14deg)}40%{transform:rotate(-4deg)}50%{transform:rotate(10deg)}60%,to{transform:rotate(0)}}.hero-bio{font-size:clamp(14px,calc(16 * var(--spx)),24px);line-height:1.7;color:#a1a1aa;margin:0;font-family:Inter,system-ui,sans-serif}.section-title{font-size:clamp(10px,calc(12 * var(--spx)),18px);font-weight:500;color:#71717a;text-transform:uppercase;letter-spacing:.1em;margin-bottom:calc(20 * var(--spx));text-align:center}.skills-section{margin-top:calc(5 * var(--spx));margin-bottom:calc(36 * var(--spx))}.skills-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:calc(16 * var(--spx))}.skill-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(10 * var(--spx));padding:calc(16 * var(--spx)) calc(16 * var(--spx));background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:calc(12 * var(--spx));transition:all .2s ease}.skill-card:hover{background:#ffffff0f;border-color:#ffffff1f;transform:translateY(-2px)}.skill-icon{font-size:clamp(24px,calc(36 * var(--spx)),52px);width:1em;height:1em;overflow:visible;display:block;transform:scale(1.13)}.cuda-tile-icon{border-radius:calc(8 * var(--spx));background:#76b900;display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box;padding:.11em .08em .08em}.cuda-tile-eye{width:.62em;height:.62em;color:#fff}.cuda-tile-word{margin-top:.03em;color:#fff;font-size:.22em;font-weight:700;letter-spacing:.08em;line-height:1}.skill-name{font-size:clamp(11px,calc(14 * var(--spx)),21px);color:#e4e4e7;font-weight:500}.contact-section{margin-bottom:calc(36 * var(--spx))}.contact-icons{display:flex;justify-content:center;gap:calc(24 * var(--spx))}.contact-link{display:flex;align-items:center;justify-content:center;width:calc(48 * var(--spx));height:calc(48 * var(--spx));background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:calc(12 * var(--spx));transition:all .2s ease}.contact-link:hover{background:#ffffff14;border-color:#ffffff26;transform:translateY(-2px)}.contact-icon{font-size:clamp(18px,calc(24 * var(--spx)),36px)}.cta-section{display:flex;flex-direction:column;align-items:center;padding-bottom:calc(20 * var(--spx))}.cta-text{font-size:clamp(14px,calc(16 * var(--spx)),24px);color:#a1a1aa;margin:0 0 calc(20 * var(--spx)) 0;font-family:Inter,system-ui,sans-serif;text-align:center}.enter-room-btn{padding:calc(16 * var(--spx)) calc(40 * var(--spx));font-size:clamp(14px,calc(16 * var(--spx)),24px);font-weight:600;color:#fff;background:#1e1e23e6;border:1px solid rgba(255,255,255,.15);border-radius:calc(8 * var(--spx));cursor:pointer;transition:all .2s ease;font-family:Inter,system-ui,sans-serif;letter-spacing:.02em}.enter-room-btn:hover:not(:disabled){background:#323237f2;border-color:#ffffff40;transform:translateY(-2px)}.enter-room-btn:disabled{opacity:.5;cursor:not-allowed}.enter-room-btn.loading{background:#19191ecc}@media (max-width: 768px){.skills-grid{grid-template-columns:repeat(2,1fr)}}.dots-canvas{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;display:block}.loading-screen{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:2000;pointer-events:none}.loading-curtain{position:absolute;top:0;right:0;bottom:0;left:0;background:#0a0a0f;pointer-events:auto;will-change:clip-path}.loader-svg{position:relative;z-index:1;transform:rotate(-90deg);will-change:transform,opacity;transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .15s ease}.loader-circle{fill:none;stroke:#fff;animation:fillCircle var(--loader-fill-duration, 1.4s) cubic-bezier(.4,0,.2,1) forwards}@keyframes fillCircle{0%{stroke-dashoffset:125.66}to{stroke-dashoffset:0}}.loading-screen.phase-collapsing .loader-svg{transform:rotate(-90deg) scale(0)}.loading-screen.phase-collapsing .loader-circle{stroke-dashoffset:0}.loading-screen.phase-revealing .loader-svg{opacity:0;transform:rotate(-90deg) scale(0)}.loading-screen.phase-revealing .loading-curtain{animation:wipeUp .5s cubic-bezier(.16,1,.3,1) forwards;pointer-events:none}@keyframes wipeUp{0%{clip-path:inset(0 0 0 0)}to{clip-path:inset(0 0 100% 0)}}.loading-screen.phase-done{display:none}.cuda-demo{--font-display: "Space Grotesk", system-ui, sans-serif;--font-mono: "IBM Plex Mono", monospace;--nvidia-green: #76b900;--nvidia-green-bright: #8dd100;--nvidia-green-glow: rgba(118, 185, 0, .4);--nvidia-green-dim: rgba(118, 185, 0, .15);--bg-primary: #0a0a0f;--bg-panel: #111116;--bg-elevated: #18181d;--text-primary: #e8e8ec;--text-secondary: #9a9aa0;--text-muted: #5a5a60;--cpu-red: #e85454;--border-subtle: rgba(255, 255, 255, .08);--border-green: rgba(118, 185, 0, .3);width:100%;height:100%;background:var(--bg-primary);padding:20px;display:flex;flex-direction:column;color:var(--text-primary);font-family:var(--font-display);overflow:auto;gap:16px;box-sizing:border-box}.cuda-header{text-align:center;padding-bottom:16px;border-bottom:1px solid var(--border-subtle);position:relative}.cuda-header:after{content:"";position:absolute;bottom:-1px;left:50%;transform:translate(-50%);width:120px;height:2px;background:linear-gradient(90deg,transparent,var(--nvidia-green),transparent)}.nvidia-badge{display:inline-block;background:var(--nvidia-green);color:#000;font-size:10px;font-weight:700;padding:4px 12px;border-radius:3px;letter-spacing:2px;margin-bottom:8px}.cuda-header h2{margin:0 0 4px;font-size:22px;font-weight:600;color:var(--text-primary);letter-spacing:-.3px}.cuda-header p{margin:0;color:var(--text-muted);font-size:12px;font-family:var(--font-mono)}.kernel-selector{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;padding:4px 0}.kernel-btn{padding:10px 20px;border:1px solid var(--border-subtle);background:var(--bg-panel);color:var(--text-secondary);font-family:var(--font-display);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;border-radius:6px}.kernel-btn:hover{border-color:var(--border-green);color:var(--nvidia-green);background:var(--bg-elevated)}.kernel-btn.active{background:var(--nvidia-green);border-color:var(--nvidia-green);color:#000;font-weight:600}.cuda-main-layout{flex:1;display:flex;gap:20px;min-height:0}.image-section{flex:1;display:flex;flex-direction:column;align-items:center;gap:12px;min-width:0}.stats-panel{width:180px;flex-shrink:0;display:flex;flex-direction:column;gap:12px}.image-selector{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.image-btn{padding:8px 14px;border:1px solid var(--border-subtle);background:transparent;color:var(--text-muted);font-family:var(--font-display);font-size:12px;font-weight:500;cursor:pointer;transition:all .15s ease;border-radius:4px}.image-btn:hover{border-color:var(--border-green);color:var(--text-secondary)}.image-btn.active{border-color:var(--nvidia-green);color:var(--nvidia-green);background:var(--nvidia-green-dim)}.comparison-container{flex:1;min-height:300px;background:var(--bg-panel);border-radius:8px;border:1px solid var(--border-subtle);padding:12px;display:flex;align-items:center;justify-content:center;width:100%;overflow:hidden;position:relative}.canvas-wrapper{position:relative;display:inline-block;max-width:100%}.comparison-canvas{display:block;max-width:100%;max-height:500px;border-radius:4px}.processed-wrapper{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}.processed-wrapper canvas{max-width:100%;max-height:500px;border-radius:4px}.comparison-slider{position:absolute;top:0;bottom:0;width:2px;background:var(--nvidia-green);cursor:ew-resize;z-index:10;transform:translate(-50%);pointer-events:auto!important;box-shadow:0 0 8px var(--nvidia-green-glow)}.comparison-slider:before{content:"";position:absolute;top:0;bottom:0;left:-12px;right:-12px;cursor:ew-resize}.slider-handle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:36px;height:36px;background:linear-gradient(135deg,var(--nvidia-green-bright),var(--nvidia-green));border-radius:50%;display:flex;align-items:center;justify-content:center;color:#000;font-size:14px;font-weight:700;pointer-events:auto!important;cursor:ew-resize;box-shadow:0 0 12px var(--nvidia-green-glow)}.comparison-labels{position:absolute;bottom:8px;left:8px;right:8px;display:flex;justify-content:space-between;pointer-events:none}.label-left,.label-right{padding:5px 10px;background:#000000d9;border-radius:4px;font-size:9px;font-weight:600;letter-spacing:1px;text-transform:uppercase;font-family:var(--font-mono)}.label-left{color:var(--text-muted)}.label-right{color:var(--nvidia-green);border:1px solid var(--border-green)}.stat-card{padding:14px 12px;background:var(--bg-panel);border-radius:8px;border:1px solid var(--border-subtle);text-align:center}.stat-card.highlight{border-color:var(--border-green);background:linear-gradient(135deg,var(--nvidia-green-dim),transparent)}.stat-label{display:block;font-size:9px;color:var(--text-muted);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:6px;font-family:var(--font-mono)}.stat-value{display:block;font-size:18px;font-weight:600;font-family:var(--font-mono);font-variant-numeric:tabular-nums}.stat-value.cpu{color:var(--cpu-red)}.stat-value.gpu{color:var(--nvidia-green)}.stat-value.speedup{color:var(--nvidia-green-bright);font-size:28px;font-weight:700;text-shadow:0 0 20px var(--nvidia-green-glow)}.tech-section{background:var(--bg-panel);border-radius:8px;border:1px solid var(--border-subtle);padding:12px;margin-top:auto}.tech-row{display:flex;justify-content:space-between;align-items:baseline;padding:6px 0;border-bottom:1px solid var(--border-subtle)}.tech-row:last-child{border-bottom:none;padding-bottom:0}.tech-row:first-child{padding-top:0}.tech-label{font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.tech-value{font-size:11px;color:var(--nvidia-green);font-family:var(--font-mono)}@media (max-width: 800px){.cuda-main-layout{flex-direction:column}.stats-panel{width:100%;flex-direction:row;flex-wrap:wrap}.stat-card{flex:1;min-width:100px}.tech-section{flex:100%;margin-top:8px}}@media (max-width: 500px){.cuda-demo{padding:12px;gap:12px}.kernel-btn{padding:8px 14px;font-size:12px}.image-btn{padding:6px 12px;font-size:11px}.comparison-canvas,.processed-wrapper canvas{max-height:280px}.stat-value.speedup{font-size:24px}}.memory-demo{--font-primary: "DM Sans", system-ui, sans-serif;--font-mono: "JetBrains Mono", monospace;--bg: #0a1628;--bg-panel: #0d1c32;--bg-elevated: #12243d;--bg-input: #081422;--cyan: #4a9eff;--cyan-dim: rgba(74, 158, 255, .6);--cyan-glow: rgba(74, 158, 255, .3);--cyan-subtle: rgba(74, 158, 255, .15);--text-primary: #e8f4ff;--text-secondary: #a8c8e8;--text-muted: #6888a8;--block-allocated: #4a9eff;--block-allocated-dark: #3080dd;--block-header: #2a5a8a;--block-header-light: #3a7aaa;--block-free-border: #3a6a9a;--border: rgba(74, 158, 255, .2);--border-bright: rgba(74, 158, 255, .4);--btn-bg: rgba(74, 158, 255, .15);--btn-bg-hover: rgba(74, 158, 255, .25);--log-success: #4ade80;--log-warning: #fbbf24;--log-error: #f87171;width:100%;height:100%;display:flex;flex-direction:column;font-family:var(--font-primary);overflow:hidden;background:var(--bg);color:var(--text-primary);position:relative}.memory-demo:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(rgba(74,158,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(74,158,255,.04) 1px,transparent 1px);background-size:20px 20px;pointer-events:none;z-index:0}.memory-header{padding:16px 20px;background:var(--bg-panel);border-bottom:1px solid var(--border);text-align:center;position:relative;z-index:1}.memory-header h2{margin:0 0 4px;font-size:20px;font-weight:600;letter-spacing:-.3px;color:var(--text-primary);-webkit-text-fill-color:currentColor}.memory-header p{margin:0;font-size:11px;color:var(--text-muted);font-family:var(--font-mono)}.memory-main{flex:1;display:flex;overflow:hidden;gap:1px;background:var(--border);position:relative;z-index:1}.controls-panel{width:200px;padding:16px;background:var(--bg-panel);display:flex;flex-direction:column;gap:16px;overflow-y:auto}.control-section h4,.stats-section h4{margin:0 0 10px;font-size:9px;text-transform:uppercase;letter-spacing:1.5px;color:var(--text-muted);font-weight:600;font-family:var(--font-mono)}.quick-allocs{display:grid;grid-template-columns:1fr 1fr;gap:8px}.quick-allocs button,.custom-alloc button,.action-buttons button{padding:10px 14px;border:1px solid var(--border);border-radius:4px;background:var(--btn-bg);color:var(--text-primary);font-family:var(--font-mono);font-size:12px;font-weight:500;cursor:pointer;transition:all .15s ease}.quick-allocs button:hover:not(:disabled),.custom-alloc button:hover:not(:disabled){background:var(--btn-bg-hover);border-color:var(--border-bright)}.quick-allocs button:disabled,.custom-alloc button:disabled,.action-buttons button:disabled{opacity:.35;cursor:not-allowed}.custom-alloc{display:flex;gap:8px}.custom-alloc input{flex:1;padding:10px 12px;border:1px solid var(--border);border-radius:4px;background:var(--bg-input);color:var(--text-primary);font-size:13px;font-family:var(--font-mono);min-width:0}.custom-alloc input:focus{outline:none;border-color:var(--border-bright)}.action-buttons{display:flex;flex-direction:column;gap:8px}.demo-btn{background:#22c55e26!important;border-color:#22c55e4d!important;color:#22c55e!important}.demo-btn:hover:not(:disabled){background:#22c55e40!important;border-color:#22c55e80!important}.reset-btn{background:#64748b1a!important;border-color:#64748b4d!important;color:var(--text-muted)!important}.reset-btn:hover:not(:disabled){background:#64748b33!important}.stats-section{margin-top:auto;padding-top:16px;border-top:1px solid var(--border)}.stat-row{display:flex;justify-content:space-between;align-items:center;padding:5px 0;font-size:11px}.stat-row .stat-label{color:var(--text-muted);font-size:10px;font-family:var(--font-mono)}.stat-row .stat-value{font-weight:600;font-family:var(--font-mono);font-size:12px;color:var(--text-secondary)}.stat-row .stat-value.used{color:var(--cyan)}.stat-row .stat-value.free{color:var(--text-muted)}.visualization-panel{flex:1;display:flex;flex-direction:column;padding:16px;background:var(--bg);gap:14px;overflow:auto;position:relative;z-index:1}.heap-section{background:var(--bg-panel);border-radius:6px;padding:14px;border:1px solid var(--border)}.heap-header{display:flex;justify-content:space-between;margin-bottom:12px;font-size:12px}.heap-header span:first-child{color:var(--text-primary);font-weight:500}.address-range{color:var(--text-muted);font-family:var(--font-mono);font-size:11px}.heap-visualization{display:flex;height:80px;background:var(--bg);border-radius:4px;border:1px solid var(--border);overflow:hidden;position:relative}.block-group{display:flex;cursor:pointer;transition:all .15s ease;min-width:0;position:relative}.block-group:hover,.block-group.hovered{transform:translateY(-2px);z-index:2}.block-header{background:var(--block-header);border-top:1px solid var(--block-header-light);display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:9px;font-weight:700;min-width:8px;font-family:var(--font-mono)}.block-data{background:var(--block-allocated);border-top:1px solid var(--block-allocated);border-bottom:1px solid var(--block-allocated-dark);display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;overflow:hidden;padding:0 6px}.block-label{font-size:11px;font-weight:600;color:#fff;letter-spacing:.3px}.block-size{font-size:9px;color:#ffffffb3;font-family:var(--font-mono)}.block-free{background:transparent;border:2px dashed var(--block-free-border);border-radius:2px;margin:2px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:10px;font-family:var(--font-mono);cursor:default;min-width:0;box-sizing:border-box}.block-free:hover,.block-free.hovered{border-color:var(--text-secondary);color:var(--text-secondary)}.heap-addresses{display:flex;justify-content:space-between;margin-top:8px;font-size:9px;color:var(--text-muted);font-family:var(--font-mono)}.heap-legend{display:flex;gap:20px;justify-content:center;padding:8px 0}.legend-item{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--text-secondary)}.legend-color{width:18px;height:12px;border-radius:2px}.legend-color.header{background:var(--block-header)}.legend-color.data{background:var(--block-allocated)}.legend-color.free{background:transparent;border:2px dashed var(--block-free-border)}.log-section{background:var(--bg-panel);border-radius:6px;border:1px solid var(--border);overflow:hidden;flex:1;display:flex;flex-direction:column;min-height:120px}.log-header{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background:var(--bg-elevated);font-size:11px;font-weight:500;color:var(--text-secondary);border-bottom:1px solid var(--border)}.log-lang{background:var(--bg);padding:2px 8px;border-radius:3px;font-family:var(--font-mono);font-size:10px;color:var(--text-muted);border:1px solid var(--border)}.log-content{flex:1;overflow-y:auto;padding:10px 14px;font-family:var(--font-mono);font-size:11px;background:var(--bg)}.log-entry{display:flex;gap:12px;padding:3px 0;line-height:1.5}.log-time{color:var(--text-muted);flex-shrink:0;font-size:10px;opacity:.5}.log-entry code{color:var(--text-secondary)}.log-entry.success code{color:var(--log-success)}.log-entry.warning code{color:var(--log-warning)}.log-entry.error code{color:var(--log-error)}.log-entry.info code{color:var(--text-muted)}.header-structure{background:var(--bg-panel);border-radius:6px;padding:14px;border:1px solid var(--border)}.header-structure h4{margin:0 0 12px;font-size:9px;text-transform:uppercase;letter-spacing:1.5px;color:var(--text-muted);font-weight:600;font-family:var(--font-mono)}.header-diagram{display:flex;flex-direction:column;gap:10px}.header-bits{display:flex;height:44px;border-radius:4px;overflow:hidden;border:1px solid var(--border)}.bit-range{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:6px 10px}.bit-range.size{flex:1;background:var(--block-header);border-right:1px solid var(--border)}.bit-range.flag{width:44px;background:var(--bg-elevated);border-right:1px solid var(--border)}.bit-range.flag:last-child{border-right:none}.bit-label{font-size:11px;font-weight:600;color:var(--text-primary)}.bit-desc{font-size:8px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.3px}.header-code{background:var(--bg);padding:10px 12px;border-radius:4px;font-family:var(--font-mono);font-size:11px;color:var(--text-secondary);border:1px solid var(--border)}@media (max-width: 700px){.memory-main{flex-direction:column}.controls-panel{width:100%;flex-direction:row;flex-wrap:wrap;gap:12px}.control-section{flex:1;min-width:140px}.stats-section{flex:100%;margin-top:0;padding-top:0;border-top:none}.heap-visualization{height:60px}}.battleship-java{width:100%;height:100%;display:flex;flex-direction:column;font-family:Impact,Arial Black,sans-serif;padding:10px;box-sizing:border-box;overflow:auto;background:#0a192f}.java-title{text-align:center;padding:10px 0}.java-title h1{font-size:36px;font-weight:700;margin:0;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.java-game-area{display:flex;justify-content:center;align-items:center;gap:40px;flex:1;padding:20px;min-height:0}.java-grid-panel{display:flex;flex-direction:column;align-items:center}.java-grid-label{font-size:14px;font-weight:700;margin-bottom:5px;text-transform:uppercase}.java-grid{display:flex;flex-direction:column;border:none;box-shadow:inset 0 0 0 2px orange;padding:1px;transform:scale(1.15);margin:15px;overflow:hidden;border-radius:2px}.java-grid-header,.java-grid-row{display:flex}.java-cell{width:35px;height:35px;display:flex;align-items:center;justify-content:center;border:none;box-shadow:inset 0 0 0 1px #2e4f73;font-size:12px;font-weight:700;box-sizing:border-box;transition:background-color .1s}.java-cell.corner{background:transparent!important;border:none!important;box-shadow:none!important}.java-cell.header{background:transparent!important;border:none!important;box-shadow:none!important;font-family:Impact,Arial Black,sans-serif;font-size:12px}.java-cell.targetable:hover{filter:brightness(1.2)}.java-bottom-panel{display:flex;justify-content:center;align-items:center;gap:20px;padding:15px;flex-wrap:wrap}.java-status{font-size:14px;font-weight:700;min-width:200px;text-align:center}.java-controls{display:flex;gap:10px}.java-btn{padding:8px 16px;color:#fff;border:none;font-family:Segoe UI,Tahoma,sans-serif;font-size:12px;cursor:pointer;border-radius:3px}.java-btn:hover{filter:brightness(1.1)}.java-btn:active{filter:brightness(.9)}.java-volume{display:flex;align-items:center;gap:10px}.java-volume input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:120px;height:6px;background:#2e4f73;border-radius:3px;cursor:pointer}.java-volume input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;background:#4682b4;border-radius:50%;cursor:pointer;border:2px solid white;box-shadow:0 2px 4px #0000004d}.java-volume input[type=range]::-moz-range-thumb{width:16px;height:16px;background:#4682b4;border-radius:50%;cursor:pointer;border:2px solid white;box-shadow:0 2px 4px #0000004d}.java-volume input[type=range]::-webkit-slider-thumb:hover{background:#6496c8}.java-volume input[type=range]::-moz-range-thumb:hover{background:#6496c8}@media (max-width: 800px){.java-game-area{flex-direction:column;align-items:center}.java-cell{width:30px;height:30px;font-size:10px}.java-title h1{font-size:28px}.java-bottom-panel{flex-direction:column;gap:10px}}@media (max-width: 400px){.java-cell{width:25px;height:25px;font-size:9px}.java-title h1{font-size:24px}}.java-audio-controls{display:flex;align-items:center;gap:10px}.mute-btn{width:36px;height:28px;padding:4px 8px;font-size:16px;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#5a96c8,#4682b4,#326ea0);border:1px solid rgb(100,160,210);border-radius:3px;cursor:pointer;transition:all .15s ease}.mute-btn:hover{background:linear-gradient(180deg,#64a0d2,#508cbe,#3c78aa)}.mute-btn:active{background:linear-gradient(180deg,#326ea0,#4682b4,#5a96c8)}.volume-slider-container{position:relative;width:100px;height:20px;display:flex;align-items:center}.volume-slider-native{position:absolute;width:100%;height:100%;opacity:0;cursor:pointer;z-index:2;margin:0}.volume-track{position:absolute;width:100%;height:6px;background:#0000004d;border-radius:3px;overflow:hidden}.volume-fill{height:100%;background:linear-gradient(90deg,#4682b4,#64a0d2);border-radius:3px;transition:width .05s ease-out}.volume-thumb{position:absolute;width:16px;height:16px;transform:translate(-50%);pointer-events:none;z-index:1;shape-rendering:geometricPrecision;overflow:visible}.volume-thumb circle{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}:root{--spx: calc(100vw / 1920);--color-bg-primary: #0f172a;--color-bg-secondary: #1e293b;--color-bg-tertiary: #334155;--color-bg-glass: rgba(15, 23, 42, .85);--color-text-primary: #f8fafc;--color-text-secondary: #cbd5e1;--color-text-muted: #94a3b8;--color-accent-primary: #3b82f6;--color-accent-secondary: #0ea5e9;--color-accent-gradient: linear-gradient(135deg, #3b82f6, #0ea5e9);--color-border: rgba(255, 255, 255, .08);--color-border-hover: rgba(255, 255, 255, .15);--space-xs: calc(4 * var(--spx));--space-sm: calc(8 * var(--spx));--space-md: calc(16 * var(--spx));--space-lg: calc(24 * var(--spx));--space-xl: calc(32 * var(--spx));--space-2xl: calc(48 * var(--spx));--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--text-xs: clamp(10px, calc(12 * var(--spx)), 18px);--text-sm: clamp(12px, calc(14 * var(--spx)), 21px);--text-base: clamp(14px, calc(16 * var(--spx)), 24px);--text-lg: clamp(16px, calc(18 * var(--spx)), 27px);--text-xl: clamp(18px, calc(20 * var(--spx)), 30px);--text-2xl: clamp(20px, calc(24 * var(--spx)), 36px);--text-3xl: clamp(24px, calc(32 * var(--spx)), 48px);--radius-sm: calc(4 * var(--spx));--radius-md: calc(8 * var(--spx));--radius-lg: calc(12 * var(--spx));--radius-xl: calc(16 * var(--spx));--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .5);--shadow-glow: 0 0 20px rgba(99, 102, 241, .3);--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .4s ease}@media (orientation: portrait){:root{--spx: calc(100vw / 1080)}}.screen-html{will-change:transform;transform-style:preserve-3d;backface-visibility:hidden;-webkit-backface-visibility:hidden;pointer-events:auto}[style*=translateZ] *,[style*=translate3d] *{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[style*=translateZ] [style*=border-radius],[style*=translate3d] [style*=border-radius]{isolation:isolate}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;width:100%;overflow:hidden}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:1.6;color:var(--color-text-primary);background:var(--color-bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.placeholder-panel{background:var(--color-bg-secondary);border:1px dashed var(--color-border);border-radius:var(--radius-md);padding:var(--space-lg);display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);font-size:var(--text-sm);min-height:120px}.placeholder-chart{background:linear-gradient(180deg,var(--color-bg-secondary),var(--color-bg-tertiary));border:1px dashed var(--color-border);border-radius:var(--radius-md);padding:var(--space-lg);display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);font-size:var(--text-sm);min-height:200px}.placeholder-canvas{background:var(--color-bg-primary);border:1px dashed var(--color-border);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);font-size:var(--text-sm);width:100%;height:100%;min-height:300px}.glass-panel{background:var(--color-bg-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:500;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.btn-primary{background:var(--color-accent-gradient);color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover{box-shadow:var(--shadow-glow);transform:translateY(-1px)}.btn-ghost{background:transparent;color:var(--color-text-secondary);border:1px solid var(--color-border)}.btn-ghost:hover{background:var(--color-bg-tertiary);border-color:var(--color-border-hover)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.canvas-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0}.project-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10;background:var(--color-bg-primary);display:flex;flex-direction:column}.project-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-xl);border-bottom:1px solid var(--color-border);background:var(--color-bg-secondary)}.project-header h1{font-size:var(--text-xl);font-weight:600;background:var(--color-accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.project-overlay.allocator-project .project-header h1{color:var(--color-text-primary);background:none;-webkit-text-fill-color:currentColor;background-clip:border-box}.project-body{flex:1;display:grid;grid-template-columns:280px 1fr 320px;gap:var(--space-md);padding:var(--space-md);overflow:hidden}.project-controls{display:flex;flex-direction:column;gap:var(--space-md)}.project-main{display:flex;flex-direction:column;gap:var(--space-md);overflow:auto}.project-side{display:flex;flex-direction:column;gap:var(--space-md)}.control-group{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-md)}.control-group-title{font-size:var(--text-sm);font-weight:600;color:var(--color-text-secondary);margin-bottom:var(--space-sm);text-transform:uppercase;letter-spacing:.05em}.badge{padding:var(--space-xs) var(--space-sm);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-sm)}.badge-gpu{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff}.badge-system{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.badge-ai{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-sm)}.stat-item{background:var(--color-bg-tertiary);border-radius:var(--radius-sm);padding:var(--space-sm);display:flex;flex-direction:column;gap:var(--space-xs)}.stat-value{font-size:var(--text-lg);font-weight:600;color:var(--color-text-primary);font-family:var(--font-mono)}.cuda-layout{flex:1;display:grid;grid-template-columns:280px 1fr 320px;gap:var(--space-md);padding:var(--space-md);overflow:hidden}.cuda-controls{display:flex;flex-direction:column;gap:var(--space-md)}.cuda-main{display:flex;flex-direction:column}.cuda-metrics{display:flex;flex-direction:column;gap:var(--space-md)}.allocator-layout{flex:1;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:200px 1fr;gap:var(--space-md);padding:var(--space-md);overflow:hidden}.allocator-timeline{grid-column:1 / -1}.allocator-blocks{display:flex;flex-direction:column}.allocator-log{display:flex;flex-direction:column;gap:var(--space-md)}.battleship-layout{flex:1;display:grid;grid-template-columns:1fr 1fr 320px;gap:var(--space-md);padding:var(--space-md);overflow:hidden}.battleship-player,.battleship-ai{display:flex;flex-direction:column}.battleship-status{display:flex;flex-direction:column;gap:var(--space-md)}.ai-log{display:flex;flex-direction:column;gap:var(--space-xs);max-height:200px;overflow-y:auto}.ai-decision{display:flex;justify-content:space-between;align-items:center;padding:var(--space-xs) var(--space-sm);background:var(--color-bg-tertiary);border-radius:var(--radius-sm);font-size:var(--text-xs);font-family:var(--font-mono)}.decision-turn{color:var(--color-text-muted)}.decision-action{color:var(--color-text-secondary)}.decision-result.hit{color:#ef4444;font-weight:600}.decision-result.miss{color:var(--color-text-muted)}.fleet-status{display:flex;flex-direction:column;gap:var(--space-xs)}.ship-status{display:flex;justify-content:space-between;padding:var(--space-xs) var(--space-sm);background:var(--color-bg-tertiary);border-radius:var(--radius-sm);font-size:var(--text-sm)}.ship-status.sunk{opacity:.4;text-decoration:line-through}.ship-name{color:var(--color-text-secondary)}.ship-health{font-family:var(--font-mono);color:var(--color-accent-primary)}.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:100;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-container{width:50%;max-width:800px;min-width:400px;max-height:80vh;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg),0 0 40px #6366f126;display:flex;flex-direction:column;overflow:hidden;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--color-border);background:var(--color-bg-tertiary)}.modal-header h2{font-size:var(--text-xl);font-weight:600;background:var(--color-accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.modal-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--text-xl);cursor:pointer;transition:all var(--transition-fast)}.modal-close:hover{background:var(--color-bg-primary);border-color:var(--color-border-hover);color:var(--color-text-primary)}.modal-content{flex:1;padding:var(--space-lg);overflow-y:auto}.modal-description{color:var(--color-text-secondary);margin-bottom:var(--space-lg);line-height:1.6}.modal-preview{min-height:200px}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-md);padding:var(--space-md) var(--space-lg);border-top:1px solid var(--color-border);background:var(--color-bg-tertiary)}.preview-grid{display:grid;gap:var(--space-md)}.preview-cuda,.preview-allocator,.preview-battleship{grid-template-columns:2fr 1fr}.preview-stats{display:flex;flex-direction:column;gap:var(--space-sm)}.badge-cuda{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff}.badge-allocator{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.badge-battleship{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}@media (max-width: 1024px){.project-body{grid-template-columns:1fr 1fr}.project-controls{grid-column:1 / -1;flex-direction:row;flex-wrap:wrap}.project-side{grid-column:1 / -1}.cuda-layout{grid-template-columns:1fr 1fr}.cuda-controls{grid-column:1 / -1;flex-direction:row;flex-wrap:wrap}.cuda-metrics{grid-column:1 / -1}.allocator-layout{grid-template-columns:1fr;grid-template-rows:auto auto auto}.allocator-timeline{grid-column:1}.battleship-layout{grid-template-columns:1fr 1fr}.battleship-status{grid-column:1 / -1}.modal-container{width:70%}}@media (max-width: 768px){:root{--space-md: .75rem;--space-lg: 1rem;--space-xl: 1.5rem}.project-header{padding:var(--space-sm) var(--space-md);flex-wrap:wrap;gap:var(--space-sm)}.project-header h1{font-size:var(--text-lg)}.project-body{grid-template-columns:1fr;padding:var(--space-sm)}.project-controls,.project-side{flex-direction:column}.cuda-layout{grid-template-columns:1fr}.cuda-controls,.cuda-metrics{flex-direction:column}.allocator-layout{grid-template-columns:1fr;grid-template-rows:auto}.battleship-layout{grid-template-columns:1fr}.battleship-player,.battleship-ai{min-height:250px}.modal-container{width:95%;max-height:90vh;min-width:unset}.modal-header{padding:var(--space-sm) var(--space-md)}.modal-header h2{font-size:var(--text-lg)}.modal-content{padding:var(--space-md)}.modal-footer{padding:var(--space-sm) var(--space-md);flex-wrap:wrap}.preview-grid,.preview-cuda,.preview-allocator,.preview-battleship{grid-template-columns:1fr}.stats-grid{grid-template-columns:1fr 1fr}.placeholder-panel,.placeholder-chart{min-height:80px}.placeholder-canvas{min-height:200px}.btn{padding:var(--space-sm) var(--space-md);font-size:var(--text-sm)}}@media (max-width: 480px){.project-header h1{font-size:var(--text-base)}.badge{font-size:.65rem;padding:2px 6px}.stats-grid{grid-template-columns:1fr}.modal-footer{flex-direction:column}.modal-footer .btn{width:100%}}@media (max-height: 500px) and (orientation: landscape){.modal-container{max-height:95vh}.modal-content{padding:var(--space-sm)}.project-body{overflow-y:auto}}@media (hover: none) and (pointer: coarse){.canvas-container:after{content:"Tap a monitor to explore";position:absolute;bottom:var(--space-xl);left:50%;transform:translate(-50%);color:var(--color-text-muted);font-size:var(--text-sm);pointer-events:none;opacity:.7;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.5}50%{opacity:.9}}}.monitor-screen{width:100%;height:100%;background:linear-gradient(135deg,#0a0a12,#12121a);border-radius:2px;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.screen-label{position:absolute;bottom:4px;left:50%;transform:translate(-50%);font-size:8px;color:#fff9;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.screen-animation{width:80%;height:70%;display:flex;align-items:center;justify-content:center}.cuda-screen{background:linear-gradient(135deg,#0f1a0f,#0a120a)}.tile-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;width:100%;height:100%}.tile{background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:1px;animation:tilePulse 1.5s ease-in-out infinite;opacity:.3}.tile:nth-child(odd){animation-delay:.2s}@keyframes tilePulse{0%,to{opacity:.3;transform:scale(.9)}50%{opacity:1;transform:scale(1)}}.allocator-screen{background:linear-gradient(135deg,#1a140a,#120f0a)}.memory-blocks{display:flex;flex-direction:column;gap:3px;width:100%;height:100%;padding:4px}.mem-block{height:8px;background:linear-gradient(90deg,#f59e0b,#d97706);border-radius:2px;animation:blockSlide 2s ease-in-out infinite}@keyframes blockSlide{0%,to{transform:translate(0);opacity:.5}50%{transform:translate(10%);opacity:1}}.battleship-screen{background:linear-gradient(135deg,#0a0a1a,#0f0f20)}.game-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:2px;width:100%;height:100%}.cell{background:#6366f14d;border-radius:1px;animation:cellWave 3s ease-in-out infinite}.cell.hit{background:linear-gradient(135deg,#ef4444,#dc2626);animation:hitPulse .5s ease-out forwards}@keyframes cellWave{0%,to{opacity:.3}50%{opacity:.6}}@keyframes hitPulse{0%{transform:scale(1.2);opacity:1}to{transform:scale(1);opacity:.8}}.screen-content{width:100%;height:100%;background:linear-gradient(135deg,#0a0a12,#12121a);border-radius:4px;overflow:hidden;display:flex;flex-direction:column;font-family:var(--font-sans);color:#e0e0e8}.screen-header{display:flex;align-items:center;gap:4px;padding:4px 6px;background:#6366f126;border-bottom:1px solid rgba(99,102,241,.2);font-size:8px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.header-icon{font-size:8px}.project-list-screen .screen-header{flex:0 0 auto;display:flex;align-items:center;gap:4px;padding:4px 6px;background:#0006;font-size:8px;font-weight:600;color:#e5e7eb;border-bottom:1px solid rgba(255,255,255,.1)}.project-list-screen .screen-header .header-icon{font-size:10px}.project-list{flex:1;display:grid;grid-template-columns:repeat(2,1fr);grid-auto-rows:1fr;gap:4px;padding:4px;margin:0;list-style:none;overflow:hidden}.project-item{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:6px;background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:4px;cursor:pointer;transition:all .2s ease;text-align:center}.project-item:hover{background:#6366f126;border-color:#6366f166;transform:translateY(-1px)}.project-item.selected{background:#6366f140;border-color:#6366f1;box-shadow:0 0 10px #6366f133}.project-title{font-size:9px;font-weight:500;color:#e5e7eb;margin-bottom:3px}.project-badge{font-size:6px;padding:2px 5px;border-radius:6px;background:#0006;border:1px solid rgba(255,255,255,.1);text-transform:uppercase;letter-spacing:.5px}.project-badge.green{background:#22c55e4d;color:#22c55e}.project-badge.orange{background:#f59e0b4d;color:#f59e0b}.project-badge.purple{background:#8b5cf64d;color:#8b5cf6}.screen-hint{padding:4px;text-align:center;font-size:6px;color:#6b7280}.demo-screen{background:linear-gradient(135deg,#0f0a14,#140f1a)}.demo-screen.empty{justify-content:center;align-items:center}.empty-state{display:flex;flex-direction:column;align-items:center;gap:4px;color:#6b7280}.empty-icon{font-size:16px;opacity:.5}.empty-text{font-size:8px;font-weight:500}.empty-hint{font-size:6px;opacity:.6}.demo-container{flex:1;display:flex;align-items:center;justify-content:center;padding:6px}.demo-animation{width:100%;height:100%}.demo-animation.cuda-demo .tile-grid.large{grid-template-columns:repeat(4,1fr);gap:3px}.demo-animation.allocator-demo .memory-blocks.large{gap:4px}.demo-animation.battleship-demo .game-grid.large{grid-template-columns:repeat(8,1fr);gap:2px}.demo-description{font-size:6px;padding:4px 6px;text-align:center;color:#9ca3af;border-top:1px solid rgba(255,255,255,.05)}.view-project-btn{width:100%;padding:4px;background:#6366f133;border:none;border-top:1px solid rgba(99,102,241,.3);color:#818cf8;font-size:7px;font-weight:600;cursor:pointer;transition:all .2s ease;text-transform:uppercase}.view-project-btn:hover{background:#6366f166;color:#fff}.docs-screen{background:linear-gradient(135deg,#0a0a14,#0f0f1a);display:flex;flex-direction:column;height:100%}.code-container{flex:1;overflow:hidden;padding:0;position:relative;background:#0003}.code-block{font-family:Fira Code,Monaco,monospace;font-size:4px;line-height:1.5;color:#a5d6ff;padding:8px;white-space:pre;text-align:left;height:100%;overflow-y:auto}.code-block::-webkit-scrollbar{width:2px}.code-block::-webkit-scrollbar-thumb{background:#ffffff1a}.docs-badge{padding:6px;text-align:center;border-top:1px solid rgba(255,255,255,.05);background:#0003}.docs-badge .badge{font-size:7px;padding:3px 8px;border-radius:4px;display:inline-block;width:100%}.docs-badge .badge.green{background:#22c55e26;color:#4ade80;border:1px solid rgba(34,197,94,.2)}.docs-badge .badge.orange{background:#f59e0b26;color:#fbbf24;border:1px solid rgba(245,158,11,.2)}.docs-badge .badge.purple{background:#8b5cf626;color:#a78bfa;border:1px solid rgba(139,92,246,.2)}.landing-container{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:2000;display:flex;justify-content:center;align-items:center;transition:opacity 1s cubic-bezier(.4,0,.2,1);pointer-events:none}.landing-container[style*="opacity: 1"]{pointer-events:auto}.landing-glass-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background:#050508a6;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);z-index:-1}.landing-scroll-wrapper{overflow-y:auto;overflow-x:hidden;height:100%;width:100%;display:flex;justify-content:center;align-items:flex-start;padding:2rem 0}.landing-content{width:85%;max-width:1600px;height:80vh;display:grid;grid-template-columns:1fr 1fr;gap:6rem;color:#fff}.landing-col{display:flex;flex-direction:column;justify-content:center}.left-col{padding-right:2rem;align-items:flex-start}.intro-wrapper{max-width:600px}.intro-header{margin-bottom:3rem;position:relative}.fade-in-up{opacity:0;animation:fadeInUp .8s ease-out forwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.greeting{font-size:1.1rem;color:#818cf8;letter-spacing:.2em;text-transform:uppercase;font-weight:700;margin-bottom:.5rem;display:block}.name-title{font-size:6rem;line-height:1.1;font-weight:900;letter-spacing:-.03em;background:linear-gradient(135deg,#fff,#c7d2fe);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0;filter:drop-shadow(0 0 30px rgba(199,210,254,.15))}.role-subtitle{font-size:2rem;font-weight:200;color:#94a3b8;margin-top:1rem;line-height:1.3}.typewriter-box{margin-bottom:4rem;min-height:140px;font-family:JetBrains Mono,monospace}.typewriter-text{font-size:1.25rem;line-height:1.8;color:#e2e8f0}.cursor{display:inline-block;color:#818cf8;margin-left:4px;animation:blink 1s step-end infinite}.enter-action{opacity:0;transform:translateY(10px);transition:all .8s ease}.enter-action.visible{opacity:1;transform:translateY(0)}.btn-enter{position:relative;display:flex;align-items:center;gap:1.2rem;padding:1.2rem 3.5rem;background:transparent;border:none;cursor:pointer;overflow:hidden;border-radius:100px;border:1px solid rgba(255,255,255,.1)}.btn-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#4f46e5,#7c3aed);opacity:.8;transition:all .3s ease;z-index:0}.btn-enter:hover .btn-bg{opacity:1;transform:scale(1.05)}.btn-text{position:relative;z-index:1;color:#fff;font-size:1.2rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.btn-icon{position:relative;z-index:1;color:#fff;font-size:1.4rem;transition:transform .3s ease}.btn-enter:hover .btn-icon{transform:translate(5px)}.right-col{display:flex;flex-direction:column;gap:2rem;height:100%;padding-right:0;margin-right:-7.5%}.visual-block{opacity:0;transform:translateY(30px);transition:all .8s cubic-bezier(.2,.8,.2,1)}.visual-block.active{opacity:1;transform:translateY(0)}.portrait-block{flex:3;position:relative}.portrait-frame{width:100%;height:100%;border-radius:24px 0 0 24px;overflow:hidden;position:relative;border:1px solid rgba(255,255,255,.08);border-right:none;box-shadow:0 40px 80px #0006}.portrait-img{width:100%;height:100%;object-fit:contain;object-position:bottom center;transition:transform 1.5s ease}.portrait-frame:hover .portrait-img{transform:scale(1.03)}.portrait-shine{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(120deg,transparent 30%,rgba(255,255,255,.05) 50%,transparent 70%);pointer-events:none}.info-block{flex:2;background:#14141966;border:1px solid rgba(255,255,255,.05);border-radius:24px;padding:2rem;display:flex;flex-direction:column;justify-content:space-between;transition-delay:.4s;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.gear-strip{display:flex;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.glass-card{flex:1;aspect-ratio:16/10;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;cursor:help}.glass-card:hover{background:#ffffff14;transform:translateY(-5px);box-shadow:0 10px 20px #0003;border-color:#818cf84d}.glass-card img{height:60%;width:60%;object-fit:contain;filter:drop-shadow(0 4px 8px rgba(0,0,0,.4))}.skills-graph{display:flex;flex-direction:column;gap:1.2rem}.skill-line{display:flex;align-items:center;gap:1.5rem}.skill-label{min-width:80px;color:#94a3b8;font-size:.9rem;font-weight:500}.skill-track{flex:1;height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden}.skill-fill{height:100%;background:linear-gradient(90deg,#6366f1,#a855f7);border-radius:2px;position:relative;box-shadow:0 0 15px #a855f766;animation:growLine 2s ease-out forwards}@keyframes growLine{0%{width:0}}@media (max-width: 1024px){.landing-content{grid-template-columns:1fr;height:auto;min-height:100vh;padding:4rem 2rem;gap:3rem;width:95%}.left-col{border-right:none;align-items:center;text-align:center;padding-right:0}.intro-header{margin-bottom:2rem}.intro-wrapper{display:flex;flex-direction:column;align-items:center}.name-title{font-size:4rem}.typewriter-box{min-height:100px;margin-bottom:2rem}.typewriter-text{text-align:center}.right-col{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;width:100%;max-width:500px;margin-left:auto;margin-right:auto}.portrait-frame{border-radius:24px;border-right:1px solid rgba(255,255,255,.08)}.portrait-block{max-height:400px;display:flex;justify-content:center;width:100%}}@media (max-width: 768px){.landing-content{padding:3rem 1.5rem;gap:2rem}.name-title{font-size:3rem}.role-subtitle{font-size:1.3rem}.greeting{font-size:.9rem}.typewriter-text{font-size:.95rem;line-height:1.6}.btn-enter{padding:1rem 2.5rem;width:100%;justify-content:center}.btn-text{font-size:1rem}.right-col{display:flex;max-width:100%}.portrait-block{max-height:300px}.info-block{padding:1.5rem}.skill-label{min-width:60px;font-size:.8rem}.skill-level{font-size:.75rem;min-width:70px}}.project-viewer{display:flex;flex-direction:column;height:100%;background:var(--color-bg-secondary);border-radius:var(--radius-lg);overflow:hidden}.viewer-tabs{display:flex;gap:var(--space-xs);padding:var(--space-sm);background:var(--color-bg-tertiary);border-bottom:1px solid var(--color-border)}.viewer-tabs .tab{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:transparent;border:1px solid transparent;border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.viewer-tabs .tab:hover{background:#ffffff0d;color:var(--color-text-primary)}.viewer-tabs .tab.active{background:var(--color-bg-secondary);border-color:var(--color-accent-primary);color:var(--color-text-primary)}.viewer-tabs .tab-icon{font-size:var(--text-xs)}.viewer-content{flex:1;overflow:hidden}.demo-view{height:100%;overflow-y:auto;padding:var(--space-md)}.code-view{display:grid;grid-template-columns:280px 1fr;height:100%;overflow:hidden}.file-tree-panel{background:var(--color-bg-primary);border-right:1px solid var(--color-border);display:flex;flex-direction:column;overflow:hidden}.file-tree-panel .panel-header{padding:var(--space-sm) var(--space-md);background:var(--color-bg-tertiary);border-bottom:1px solid var(--color-border)}.file-tree-panel .panel-title{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-secondary)}.file-tree{flex:1;overflow-y:auto;padding:var(--space-sm);font-family:var(--font-mono);font-size:var(--text-sm)}.file-tree.empty{display:flex;align-items:center;justify-content:center;color:var(--color-text-muted)}.tree-node{-webkit-user-select:none;user-select:none}.tree-folder,.tree-file{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-fast)}.tree-folder:hover,.tree-file:hover{background:var(--color-bg-tertiary)}.tree-file.selected{background:#6366f133;border-left:2px solid var(--color-accent-primary);padding-left:calc(var(--space-sm) - 2px)}.folder-icon,.file-icon{font-size:var(--text-sm);flex-shrink:0}.folder-name,.file-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-lines{font-size:var(--text-xs);color:var(--color-text-muted)}.tree-children{margin-left:var(--space-md);padding-left:var(--space-sm);border-left:1px solid var(--color-border)}.code-panel{overflow:hidden;display:flex;flex-direction:column}.code-display{height:100%;display:flex;flex-direction:column;background:var(--color-bg-primary)}.code-display.empty{align-items:center;justify-content:center}.code-placeholder{display:flex;flex-direction:column;align-items:center;gap:var(--space-md);color:var(--color-text-muted)}.placeholder-icon{font-size:2rem;opacity:.5}.code-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-sm) var(--space-md);background:var(--color-bg-tertiary);border-bottom:1px solid var(--color-border)}.code-file-info{display:flex;align-items:center;gap:var(--space-md)}.code-filename{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:600;color:var(--color-text-primary)}.code-language{font-size:var(--text-xs);padding:2px 6px;background:var(--color-accent-primary);color:#fff;border-radius:var(--radius-sm);text-transform:uppercase}.code-line-count{font-size:var(--text-xs);color:var(--color-text-muted)}.code-content{flex:1;display:flex;overflow:auto;background:#0d1117}.code-lines{display:flex;flex-direction:column;padding:var(--space-md) var(--space-sm);background:#0003;text-align:right;-webkit-user-select:none;user-select:none;border-right:1px solid var(--color-border)}.line-number{font-family:var(--font-mono);font-size:var(--text-xs);line-height:1.6;color:var(--color-text-muted);min-width:3ch}.code-text{flex:1;margin:0;padding:var(--space-md);font-family:var(--font-mono);font-size:var(--text-sm);line-height:1.6;color:#c9d1d9;overflow:auto;white-space:pre}.demo-header{text-align:center;margin-bottom:var(--space-lg)}.demo-header h2{font-size:var(--text-2xl);font-weight:700;margin-bottom:var(--space-xs);color:var(--color-text-primary)}.demo-header p{font-size:var(--text-sm);color:var(--color-text-secondary)}.battleship-demo{display:flex;flex-direction:column;gap:var(--space-lg);padding:var(--space-md)}.demo-grids{display:flex;justify-content:center;gap:var(--space-xl);flex-wrap:wrap}.battleship-grid{display:flex;flex-direction:column;gap:var(--space-sm)}.battleship-grid .grid-title{font-size:var(--text-sm);font-weight:600;text-align:center;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:1px}.battleship-grid .grid-container{display:flex;flex-direction:column;gap:2px;background:var(--color-bg-tertiary);padding:var(--space-sm);border-radius:var(--radius-md);border:1px solid var(--color-border)}.grid-header-row,.grid-row{display:flex;gap:2px}.grid-corner,.grid-col-header,.grid-row-header{width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:600;color:var(--color-text-muted)}.demo-ships{background:var(--color-bg-tertiary);border-radius:var(--radius-md);padding:var(--space-md)}.ships-title{font-size:var(--text-sm);font-weight:600;margin-bottom:var(--space-md);color:var(--color-text-secondary)}.ships-list{display:flex;flex-wrap:wrap;gap:var(--space-md)}.ship-item{display:flex;align-items:center;gap:var(--space-sm)}.ship-preview{display:flex;gap:2px;padding:4px;border-radius:var(--radius-sm)}.ship-cell{width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:#fff;background:inherit;border-radius:2px}.ship-info{display:flex;flex-direction:column}.ship-name{font-size:var(--text-sm);font-weight:500}.ship-size{font-size:var(--text-xs);color:var(--color-text-muted)}.demo-features{display:flex;justify-content:center;gap:var(--space-lg);flex-wrap:wrap}.feature-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--color-bg-tertiary);border-radius:var(--radius-md);font-size:var(--text-sm)}.feature-icon{font-size:var(--text-lg)}.demo-tech{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);flex-wrap:wrap}.tech-label{font-size:var(--text-sm);color:var(--color-text-muted)}.tech-badge{font-size:var(--text-xs);padding:4px 8px;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-secondary)}.cuda-demo{display:flex;flex-direction:column;gap:var(--space-lg);padding:var(--space-md)}.stats-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--space-md)}.stat-card{display:flex;flex-direction:column;align-items:center;padding:var(--space-md);background:var(--color-bg-tertiary);border-radius:var(--radius-md);border:1px solid var(--color-border)}.stat-card.highlight{border-color:var(--color-accent-primary);background:#6366f11a}.stat-card.success{border-color:#22c55e;background:#22c55e1a}.stat-value{font-size:var(--text-2xl);font-weight:700;color:var(--color-text-primary)}.stat-label{font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase}.chart-section,.table-section{background:var(--color-bg-tertiary);border-radius:var(--radius-md);padding:var(--space-md)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md)}.section-header h3{font-size:var(--text-lg);font-weight:600}.section-subtitle{font-size:var(--text-xs);color:var(--color-text-muted)}.table-controls{display:flex;gap:var(--space-xs)}.metric-btn{padding:var(--space-xs) var(--space-sm);background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:var(--text-xs);cursor:pointer;transition:all var(--transition-fast)}.metric-btn:hover{background:var(--color-bg-secondary)}.metric-btn.active{background:var(--color-accent-primary);border-color:var(--color-accent-primary);color:#fff}.bar-chart{display:flex;flex-direction:column;gap:var(--space-sm)}.bar-item{display:flex;align-items:center;gap:var(--space-md)}.bar-label{min-width:100px;font-size:var(--text-sm);color:var(--color-text-secondary)}.bar-container{flex:1;height:24px;background:var(--color-bg-secondary);border-radius:var(--radius-sm);overflow:hidden;position:relative}.bar-fill{height:100%;border-radius:var(--radius-sm);transition:width .5s ease}.bar-value{position:absolute;right:var(--space-sm);top:50%;transform:translateY(-50%);font-size:var(--text-sm);font-weight:600;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5)}.benchmark-table-wrapper{overflow-x:auto}.benchmark-table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.benchmark-table th,.benchmark-table td{padding:var(--space-sm);text-align:left;border-bottom:1px solid var(--color-border)}.benchmark-table th{font-weight:600;color:var(--color-text-muted);text-transform:uppercase;font-size:var(--text-xs)}.benchmark-table .filter-cell{text-transform:capitalize}.benchmark-table .speedup-cell{color:#22c55e;font-weight:600;font-family:var(--font-mono)}.status-badge{font-size:var(--text-xs);padding:2px 6px;border-radius:var(--radius-sm)}.status-badge.pass{background:#22c55e33;color:#22c55e}.show-more-btn{width:100%;margin-top:var(--space-md);padding:var(--space-sm);background:transparent;border:1px dashed var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-fast)}.show-more-btn:hover{background:var(--color-bg-secondary);border-style:solid}.tech-details{display:flex;justify-content:center;gap:var(--space-lg);flex-wrap:wrap}.tech-item{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--text-sm);color:var(--color-text-secondary)}.tech-icon{font-size:var(--text-lg)}.dooley-demo{display:flex;flex-direction:column;gap:var(--space-lg);padding:var(--space-md);max-width:600px;margin:0 auto}.dooley-demo .demo-header{display:flex;justify-content:space-between;align-items:center;text-align:left;margin-bottom:0}.bot-info{display:flex;align-items:center;gap:var(--space-md)}.bot-avatar{font-size:2rem}.bot-text{display:flex;flex-direction:column}.bot-name{font-size:var(--text-lg);font-weight:700}.bot-tagline{font-size:var(--text-xs);color:var(--color-text-muted)}.demo-controls{display:flex;gap:var(--space-sm)}.control-btn{padding:var(--space-xs) var(--space-sm);background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:var(--text-xs);cursor:pointer;transition:all var(--transition-fast)}.control-btn:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.chat-container{display:flex;flex-direction:column;gap:var(--space-md);max-height:400px;overflow-y:auto;padding:var(--space-sm)}.chat-message{display:flex;gap:var(--space-sm)}.chat-message.user{flex-direction:row-reverse}.message-avatar{width:32px;height:32px;background:var(--color-accent-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);flex-shrink:0}.message-bubble{max-width:80%;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-lg);font-size:var(--text-sm)}.message-bubble.user{background:var(--color-accent-primary);color:#fff;border-bottom-right-radius:var(--radius-sm)}.message-bubble.assistant{background:var(--color-bg-tertiary);border-bottom-left-radius:var(--radius-sm)}.message-bubble.system{background:transparent;padding:var(--space-xs)}.system-message{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--text-xs);color:var(--color-text-muted);font-style:italic}.schedule-card{background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;margin-left:40px}.schedule-header{display:flex;justify-content:space-between;padding:var(--space-sm) var(--space-md);background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border)}.schedule-title{font-size:var(--text-sm);font-weight:600}.schedule-score{font-size:var(--text-xs);color:#22c55e;font-weight:600}.schedule-courses{display:flex;flex-direction:column}.course-row{display:flex;justify-content:space-between;padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--color-border)}.course-row:last-child{border-bottom:none}.course-main{display:flex;gap:var(--space-sm)}.course-code{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600;color:var(--color-accent-primary)}.course-title{font-size:var(--text-xs);color:var(--color-text-secondary)}.course-meta{display:flex;gap:var(--space-md);font-size:var(--text-xs);color:var(--color-text-muted)}.schedule-footer{padding:var(--space-sm) var(--space-md);background:var(--color-bg-secondary);text-align:center}.total-credits{font-size:var(--text-xs);color:var(--color-text-muted)}.typing-indicator{display:flex;gap:4px;padding:var(--space-sm);margin-left:40px}.typing-indicator span{width:8px;height:8px;background:var(--color-text-muted);border-radius:50%;animation:typing 1.4s infinite}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-4px);opacity:1}}.tech-callout{display:flex;gap:var(--space-md);padding:var(--space-md);background:#6366f11a;border:1px solid rgba(99,102,241,.2);border-radius:var(--radius-md)}.callout-icon{font-size:var(--text-xl)}.callout-text{display:flex;flex-direction:column;gap:var(--space-xs)}.callout-text strong{font-size:var(--text-sm);color:var(--color-accent-primary)}.callout-text span{font-size:var(--text-xs);color:var(--color-text-secondary)}.feature-pills{display:flex;justify-content:center;gap:var(--space-sm);flex-wrap:wrap}.pill{padding:var(--space-xs) var(--space-sm);background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:999px;font-size:var(--text-xs);color:var(--color-text-secondary)}.memory-demo{display:flex;flex-direction:column;gap:var(--space-lg);padding:var(--space-md)}.alloc-controls{display:flex;justify-content:center;gap:var(--space-sm);flex-wrap:wrap}.alloc-btn,.reset-btn{padding:var(--space-sm) var(--space-md);border:none;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.alloc-btn{background:var(--color-accent-primary);color:#fff}.alloc-btn:hover{background:var(--color-accent-secondary)}.reset-btn{background:var(--color-bg-tertiary);border:1px solid var(--color-border);color:var(--color-text-secondary)}.reset-btn:hover{background:var(--color-bg-secondary)}.heap-section{background:var(--color-bg-tertiary);border-radius:var(--radius-md);padding:var(--space-md)}.heap-label{display:flex;justify-content:space-between;margin-bottom:var(--space-sm);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted)}.heap-bar{display:flex;height:60px;background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.heap-block-group{display:flex;cursor:pointer;transition:filter var(--transition-fast)}.heap-block-group:hover{filter:brightness(1.1)}.heap-block{display:flex;align-items:center;justify-content:center;border-right:1px solid var(--color-bg-primary);transition:all var(--transition-fast)}.heap-block.header{background:#1e293b;min-width:8px}.heap-block.allocated{background:linear-gradient(135deg,#f59e0b,#d97706)}.heap-block.free{background:var(--color-bg-tertiary)}.block-text{font-size:var(--text-xs);font-weight:600;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5)}.heap-legend{display:flex;justify-content:center;gap:var(--space-lg);margin-top:var(--space-sm)}.legend-item{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--text-xs);color:var(--color-text-secondary)}.legend-color{width:16px;height:16px;border-radius:var(--radius-sm)}.legend-color.header{background:#1e293b}.legend-color.allocated{background:linear-gradient(135deg,#f59e0b,#d97706)}.legend-color.free{background:var(--color-bg-tertiary);border:1px solid var(--color-border)}.heap-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-md)}.heap-stats .stat{display:flex;flex-direction:column;align-items:center;padding:var(--space-sm);background:var(--color-bg-tertiary);border-radius:var(--radius-md)}.heap-stats .stat-value{font-size:var(--text-lg);font-weight:700;font-family:var(--font-mono)}.heap-stats .stat-label{font-size:var(--text-xs);color:var(--color-text-muted)}.operation-log{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.log-header{padding:var(--space-sm) var(--space-md);background:var(--color-bg-tertiary);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;color:var(--color-text-muted)}.log-entries{padding:var(--space-sm);font-family:var(--font-mono);font-size:var(--text-xs);max-height:150px;overflow-y:auto}.log-entry{padding:var(--space-xs) 0;color:var(--color-text-secondary)}.log-prefix{color:#22c55e;margin-right:var(--space-sm)}.header-info{background:var(--color-bg-tertiary);border-radius:var(--radius-md);padding:var(--space-md)}.info-title{font-size:var(--text-sm);font-weight:600;margin-bottom:var(--space-sm);color:var(--color-text-secondary)}.header-diagram{font-family:var(--font-mono);font-size:var(--text-xs);line-height:1.4;color:var(--color-text-muted);margin:0;white-space:pre}.dooley-layout{flex:1;overflow:hidden}@keyframes custom-bounce{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:translateY(0);animation-timing-function:cubic-bezier(0,0,.2,1)}}.animate-bounce-custom{animation:custom-bounce 1s infinite}@media (max-aspect-ratio: 1/1){.landing-content{grid-template-columns:1fr!important;height:auto!important;min-height:100vh!important;padding:2rem!important;gap:2rem!important}.right-col{margin-right:0!important;padding-right:0!important;width:100%!important;justify-content:center!important;align-items:center!important;gap:2rem!important}.portrait-block{flex:0 0 auto!important;width:100%;max-height:50vh;display:flex;justify-content:center}.info-block{flex:0 0 auto!important;padding:1.5rem!important;width:100%;max-width:500px}}