:root{--paper:#e8e9e3;--ink:#283629;--dim:#626c5d;--line:#b9bfb1;--accent:#566b3e}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:2px solid var(--accent);outline-offset:5px}button{background:none;border:0}a{color:inherit;text-decoration:none}header{height:108px;margin:0 38px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:48px;position:relative;z-index:3}.brand{font-size:43px;font-weight:800;letter-spacing:-3px;display:flex;align-items:center;gap:6px}.brand-star{font-size:43px;font-weight:400;display:inline-block;animation:turn 30s linear infinite}.brand sup{align-self:flex-start;font-size:12px;letter-spacing:0;margin-top:12px}.header-note,.eyebrow,footer,.playbar,.flower-label,.coordinate,.edge-text,.float,.dialog-top,.dialog-bottom{font-family:'Courier New',monospace}.header-note{font-size:12px;line-height:1.45;letter-spacing:.035em}nav{display:flex;gap:34px;margin-left:auto}nav button{font-size:14px;padding:10px 0}nav button span{font:10px 'Courier New',monospace;margin-left:7px;vertical-align:super}nav button:hover{text-decoration:underline;text-underline-offset:6px}main{height:calc(100svh - 170px);min-height:670px;position:relative;isolation:isolate;overflow:hidden}.eyebrow{position:absolute;left:38px;right:38px;top:24px;display:flex;justify-content:space-between;font-size:11px;letter-spacing:.07em;z-index:1}.hero-copy{position:absolute;left:38px;top:105px;z-index:1;pointer-events:none}h1{font-size:clamp(45px,4.5vw,76px);font-weight:400;letter-spacing:-.065em;line-height:1.03;margin:0}h1 em{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.065em}.hero-copy p{font-size:15px;line-height:1.65;margin-top:27px}canvas{position:absolute;width:76%;height:108%;left:24%;top:-2%;cursor:grab;touch-action:none;z-index:0}canvas:active{cursor:grabbing}.flower-label{position:absolute;left:56%;bottom:112px;display:flex;align-items:center;gap:15px;pointer-events:none}.flower-label>span{font-family:serif;font-size:34px}.flower-label div{font-size:10px;line-height:1.6;letter-spacing:.025em}.float{position:absolute;background:rgba(235,237,229,.88);backdrop-filter:blur(12px);border:1px solid #9ba68f;box-shadow:4px 5px 0 #273b2910;z-index:2;font-size:12px}.code{left:38px;bottom:87px;width:325px;transform:rotate(-2deg)}.handle{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);height:35px;padding:0 11px;cursor:grab;touch-action:none;user-select:none}.handle:active{cursor:grabbing}.handle button{font-size:20px;line-height:1;padding:5px}.window-body{padding:15px 12px;line-height:1.7}.window-body i{font-style:normal;color:#7d8776;margin-right:10px}.window-body b{font-weight:400;color:#566b3e}.muted{color:#6f7968}.window-foot{border-top:1px solid var(--line);padding:7px 12px;font-size:9px;display:flex;justify-content:space-between}.specimen{right:39px;top:121px;width:209px;transform:rotate(3deg)}.specimen .window-body{padding:12px}.data-line{display:flex;justify-content:space-between;font-size:10px;margin:3px 0}.data-line>span:first-child{color:#707967}.meter{height:26px;display:flex;align-items:end;gap:4px;margin-top:15px}.meter span{display:block;background:#6a7b56;width:7px;height:40%;animation:meter 1.7s ease-in-out infinite alternate}.meter span:nth-child(3n){height:80%;animation-delay:-.6s}.meter span:nth-child(2n){height:60%;animation-delay:-1.2s}.collapsed .window-body,.collapsed .window-foot{display:none}.collapsed .handle{border-bottom:0}.coordinate{position:absolute;bottom:24px;left:38px;font-size:10px;line-height:1.7;color:var(--dim)}.playbar{position:absolute;bottom:26px;left:50%;transform:translateX(-22%);display:flex;align-items:center;gap:20px;white-space:nowrap;font-size:12px;z-index:2}.play-hint{color:var(--dim);font-size:10px;margin-right:9px}.playbar button{padding:8px 0}.playbar button:hover{color:#718648}.edge-text{position:absolute;right:22px;bottom:110px;writing-mode:vertical-rl;font-size:9px;letter-spacing:.07em}footer{height:62px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);margin:0 38px;font-size:10px;letter-spacing:.03em}footer button{font-size:10px;padding:10px 0}footer button span{font-size:19px;margin-left:15px}.caret{animation:blink 1s step-end infinite}dialog{color:var(--ink);background:var(--paper);border:1px solid var(--ink);padding:0;width:min(750px,calc(100vw - 30px));max-height:85svh;box-shadow:15px 15px 0 #28362925}dialog::backdrop{background:#26342170;backdrop-filter:blur(8px)}.dialog-top{display:flex;justify-content:space-between;padding:20px 25px;border-bottom:1px solid var(--line);font-size:12px}.dialog-top button{font-size:12px}#dialog-content{padding:35px 40px 45px}#dialog-content h2{font-weight:400;font-size:clamp(38px,6vw,62px);letter-spacing:-.06em;line-height:1.03;margin:0 0 25px}#dialog-content p{font-size:17px;line-height:1.65;max-width:560px}.service{padding:19px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:40px 1fr;gap:6px}.service small{font-family:monospace}.service h3{font-weight:400;font-size:22px;margin:0 0 6px}.service p{font-size:14px!important;line-height:1.5!important;margin:0}.dialog-bottom{padding:17px 25px;border-top:1px solid var(--line);font-size:10px}textarea{width:100%;height:130px;background:#f3f4ef;border:1px solid var(--line);padding:15px;font:16px Arial;resize:vertical;color:var(--ink)}.solid{padding:14px 20px;background:var(--ink);color:var(--paper);margin-top:14px;font-size:14px}#copy-status{font-size:12px!important;min-height:18px}.contact-label{display:block;margin-bottom:12px;font-size:14px}@keyframes turn{to{transform:rotate(360deg)}}@keyframes meter{to{height:20%}}@keyframes blink{50%{opacity:0}}@media(min-width:1600px){.hero-copy{top:130px}.code{bottom:115px}.specimen{right:70px;top:155px}}@media(max-width:850px){header{margin:0 22px;height:90px;gap:25px}.header-note{display:none}nav{gap:20px}.brand{font-size:35px}.brand-star{font-size:35px}main{height:calc(100svh - 145px);min-height:760px}.eyebrow{left:22px;right:22px;font-size:9px}.hero-copy{left:22px;top:75px}h1{font-size:51px}.hero-copy p{font-size:14px;margin-top:18px}canvas{width:100%;left:12%;height:80%;top:20%}.specimen{top:315px;right:27px;width:170px}.code{left:23px;bottom:83px;width:275px;font-size:10px}.flower-label{left:auto;right:38px;bottom:153px}.flower-label div{display:none}.playbar{left:auto;right:25px;transform:none;gap:13px;bottom:23px}.play-hint{display:none}.coordinate{left:22px;bottom:25px;font-size:9px}.edge-text{display:none}footer{margin:0 22px;height:55px}.footer-center{display:none}}@media(max-width:480px){nav{gap:15px}nav button{font-size:12px}nav button span{display:none}.brand{font-size:32px;gap:4px}.brand-star{font-size:32px}header{gap:10px}.edition{max-width:133px;text-align:right}.hero-copy{top:71px}h1{font-size:47px}.hero-copy p{font-size:13px}canvas{left:-8%;width:130%;top:22%;height:76%}.specimen{top:350px;width:150px;right:21px}.data-line{font-size:9px}.code{width:247px;bottom:90px}.coordinate{bottom:57px}.playbar{left:22px;right:auto;bottom:13px;font-size:12px;gap:25px}.flower-label{bottom:112px;right:27px}footer{font-size:8px}footer button{font-size:8px}#dialog-content{padding:28px 23px}}@media(prefers-reduced-motion:reduce){*{animation:none!important}}
/* Nocturne: white light, black ground, brushed metal details. */
:root{--paper:#050505;--ink:#f1f1f1;--dim:#8c8c91;--line:#303034;--accent:#d6dbe3}
body{background:#050505;color:var(--ink)}header{border-color:#313135}.brand{background:linear-gradient(165deg,#fff 20%,#a7acb5 43%,#fff 49%,#858993 76%,#e8eaf0);color:transparent;background-clip:text}.brand-star{color:#e1e4eb}h1 em{background:linear-gradient(178deg,#fff 10%,#b7bac0 45%,#777b85 50%,#f0f1f4 65%,#c7cbd3);color:transparent;background-clip:text}.hero-copy p{color:#a7a7ad}.float{background:rgba(12,12,14,.79);border-color:#45454a;box-shadow:0 0 0 1px #000,0 8px 30px #0005;backdrop-filter:blur(9px)}.handle{background:linear-gradient(110deg,#30313633,#888b9420 45%,#131315);border-color:#38383e;color:#c0c1c7}.window-body{color:#a5a6ae}.window-body i{color:#575960}.window-body b{color:#f0f1f4}.muted{color:#73767f}.window-foot{color:#777b85;border-color:#292b31}.specimen .data-line>span:first-child{color:#777b85}.meter span{background:linear-gradient(0deg,#414550,#cdd1da)}.playbar button:hover{color:#fff;text-shadow:0 0 12px #fff8}.playbar button{color:#afb2ba}.flower-label{color:#d9dce4}.code{width:300px;bottom:85px}.specimen{right:34px;top:75px;width:195px}.stream{width:235px;font-size:10px}.code-scroll{max-height:158px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#5b5d67 #151518;white-space:pre;line-height:1.8}.stream-0{right:31px;top:285px;transform:rotate(1.5deg)}.stream-1{left:29%;bottom:91px;transform:rotate(2deg);width:221px;opacity:.85}.stream-2{left:37%;top:65px;width:196px;transform:rotate(-3deg);opacity:.62}.stream-2 .code-scroll{max-height:112px}.stream:hover{opacity:1}.code-scroll:focus-visible{outline:1px solid #bfc4cf;outline-offset:-2px}.stream .window-body i{margin-right:13px}.stream .window-foot{font-size:9px}.coordinate{color:#80818b}dialog{background:#101012;border-color:#60636b;box-shadow:15px 15px 0 #ffffff0c}dialog::backdrop{background:#000b}textarea{background:#070709;color:#eee;border-color:#484951}.solid{background:linear-gradient(120deg,#f4f4f6,#b4b7be);color:#0c0c0e}.dialog-bottom{color:#9d9faa}.flower-label{left:59%;bottom:100px}
@media(min-width:1400px){.stream-1{left:28%;bottom:106px}.stream-2{left:39%;top:68px}.stream-0{right:39px;top:308px}}
@media(max-width:1050px){.stream-2{left:44%;top:65px;width:175px}.stream-1{left:34%;bottom:85px;width:185px}.stream-0{right:28px;width:188px}.specimen{width:180px}.code{width:270px}h1{font-size:53px}.hero-copy p{font-size:14px}}
@media(max-width:850px){main{min-height:1050px}canvas{height:65%;top:17%;left:0;width:110%}.stream-2{top:290px;left:23px;width:175px}.stream-0{top:435px;right:22px;width:178px}.stream-1{bottom:83px;left:auto;right:22px;width:calc(50% - 34px);transform:rotate(1deg)}.code{bottom:84px;width:calc(50% - 34px)}.specimen{top:105px;right:23px;width:166px}.hero-copy{top:75px}.flower-label{left:auto;right:29px;bottom:325px}.stream-2 .code-scroll{max-height:100px}.code-scroll{max-height:130px}.hero-copy p{max-width:255px}.specimen .data-line{font-size:9px}}
@media(max-width:560px){main{min-height:1170px}.specimen{top:338px;width:149px}.stream-2{top:389px;width:166px;left:18px;opacity:.6}.stream-0{top:560px;width:153px;right:17px}.hero-copy p{font-size:13px}.hero-copy h1{font-size:47px}.code{left:19px;width:calc(100% - 38px);bottom:232px;transform:rotate(-1deg)}.code .code-scroll{max-height:115px}.stream-1{right:19px;width:calc(100% - 38px);bottom:81px}.stream-1 .code-scroll{max-height:78px}.flower-label{bottom:428px;right:26px}canvas{top:22%;height:55%;width:133%;left:-15%}.coordinate{bottom:54px}.stream-0 .code-scroll{max-height:129px}nav button{font-size:12px}}
/* Fixed, borderless code typography, stacked into the page itself. */
.code-column{position:absolute;z-index:1;width:230px;font:11px/1.85 'Courier New',monospace;color:#696b73;opacity:.7;transition:opacity .3s;overflow:hidden}.code-column:hover,.code-column:focus-within{opacity:1}.column-label{font-size:10px;letter-spacing:.1em;color:#989ba4;margin-bottom:18px}.code-drag{height:100%;max-height:inherit;overflow:auto;scrollbar-width:none;overscroll-behavior:contain;cursor:grab;touch-action:none;user-select:none;white-space:pre;mask-image:linear-gradient(transparent,#000 6%,#000 88%,transparent);padding:12px 0 25px}.code-drag::-webkit-scrollbar{display:none}.code-drag.dragging{cursor:grabbing}.code-drag i{font-style:normal;display:inline-block;width:27px;color:#41434b}.code-heading{color:#a0a3ad;margin:28px 0 12px}.code-heading:first-child{margin-top:0}.column-0{left:38px;top:415px;bottom:90px}.column-1{left:37%;top:72px;width:185px;height:225px;opacity:.4}.column-2{right:38px;top:148px;bottom:120px;width:218px;opacity:.55}.code-column .code-drag{height:calc(100% - 37px)}.specimen-readout{position:absolute;right:38px;top:65px;display:flex;flex-direction:column;gap:9px;font:10px 'Courier New',monospace;letter-spacing:.04em;color:#858893}.playbar{left:auto;right:38px;transform:none;gap:15px}.play-hint{font-size:9px;letter-spacing:.03em}.flower-label{bottom:100px}.hero-copy{z-index:2}canvas{z-index:0}
@media(max-width:1050px){.column-0{width:220px;top:405px}.column-1{left:39%;width:155px;top:72px;height:180px}.column-2{right:26px;width:160px;top:166px}.specimen-readout{right:26px}.play-hint{max-width:160px;white-space:normal;line-height:1.6}.code-column{font-size:10px}}
@media(max-width:850px){main{min-height:1100px}.column-0{left:23px;top:auto;bottom:105px;width:calc(50% - 40px);height:220px}.column-1{top:365px;left:23px;width:150px;height:210px;opacity:.32}.column-2{right:23px;top:auto;bottom:105px;width:calc(50% - 40px);height:220px}.specimen-readout{top:310px;right:23px;font-size:9px}canvas{height:66%;top:14%;left:0;width:110%}.playbar{bottom:30px;right:23px}.coordinate{bottom:29px}.flower-label{bottom:370px;right:35px;left:auto}}
@media(max-width:560px){main{min-height:1190px}.column-0,.column-2{height:240px;bottom:115px;width:calc(50% - 30px);font-size:9px}.column-0{left:20px}.column-2{right:20px}.column-label{font-size:8px;white-space:nowrap;letter-spacing:0}.code-drag i{width:21px}.column-1{top:377px;left:19px;height:165px;width:132px;font-size:9px}.specimen-readout{top:332px;right:21px}.playbar{left:22px;right:auto;bottom:17px;gap:22px}.play-hint{display:none}.coordinate{bottom:59px}.flower-label{bottom:390px;right:25px}canvas{top:22%;height:49%;width:127%;left:-12%}}