*{box-sizing:border-box}html,body{margin:0;background:#030405;color:#c8c3bf;width:100%;height:100%;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{outline:1px solid #ead1bd;outline-offset:5px}#experience{height:100svh;min-height:440px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 100%,#101113 0,transparent 61%),#020304}header{position:absolute;z-index:12;top:10px;left:10px;right:13px;display:flex;align-items:center;gap:25px;font-size:11px}.wordmark{color:#ddd7d3;text-decoration:none;font:italic 25px Georgia,serif;letter-spacing:-2px}nav{display:flex;gap:21px}header button{border:0;background:none;padding:0}nav button{font-size:11px}.tools{margin-left:auto;display:flex;gap:14px}.tools svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1}.edition{position:absolute;left:6px;top:14px;border:1px solid #3e3f42;background:#050608d9;border-radius:24px;padding:7px 13px;z-index:14;font:12px monospace;letter-spacing:.4px}.round{width:44px;height:44px;border-radius:50%;background:#07090bdf;border:1px solid #303136;font:27px Arial;color:#a9a9aa}.close{position:absolute;right:16px;top:12px;z-index:14}.marquee{position:absolute;bottom:-5%;left:-19%;height:39%;width:160%;opacity:.26;white-space:nowrap;pointer-events:none;z-index:1}.marquee div{font:italic 23vw/.94 'Times New Roman',serif;letter-spacing:-1.5vw;color:#57504c;animation:marquee 35s linear infinite}.readout{position:absolute;top:43.5%;left:4px;display:grid;gap:4px;z-index:6;font:8px monospace;letter-spacing:1.4px;color:#8d8989}.readout b{font-weight:normal}#stars{position:absolute;inset:0;width:100%;height:100%;z-index:0}#flowerStage{position:absolute;inset:0;z-index:4;pointer-events:none}#flower{position:absolute;left:50%;top:50%;width:min(58.76vw,103.92svh);height:auto;transform:translate(calc(-50% - 0.66vw),calc(-50% - 6.37svh));mix-blend-mode:screen;will-change:transform}.stem{position:absolute;inset:0;width:100%;height:100%;z-index:2;opacity:.7}.notes{position:absolute;bottom:-110px;left:0;width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;z-index:8;padding:0 2px;transition:transform 1.4s cubic-bezier(.22,.7,.2,1),opacity .9s;opacity:0;transform:translateY(0)}.notes.visible{opacity:1;transform:translateY(-110px)}.note{text-align:left;min-height:108px;border:1px solid #303033;border-radius:9px 9px 0 0;background:linear-gradient(140deg,#121315ed,#080a0bd9);backdrop-filter:blur(10px);padding:12px 13px;transition:border-color .25s,background .25s}.note:hover{border-color:#8e7c70;background:#171516ee}.meta{display:block;font:7px monospace;letter-spacing:1px;color:#8e8b86}.meta em{float:right;font-style:normal}h2{font:20px Georgia,serif;font-weight:normal;letter-spacing:-1px;margin:16px 0 7px}.note p{font-size:9px;line-height:1.5;color:#74716f;max-width:240px;margin:0}.signature{position:absolute;bottom:-5px;left:50%;transform:translateX(-50%);z-index:7;display:grid;text-align:center;opacity:0;transition:opacity 1.5s}.signature.visible{opacity:.7}.signature small{font:6px monospace;letter-spacing:2px}.signature>span{font:italic 64px Georgia,serif;letter-spacing:-5px}.signature sup{font:17px Georgia,serif;letter-spacing:0;vertical-align:top;display:inline-block;padding-top:18px}.progress{position:absolute;bottom:0;height:1px;background:#141a20;width:100%;z-index:15}.progress i{display:block;height:100%;width:0;background:#617f91}#source{display:none}#petals i{position:absolute;z-index:5;width:30px;height:39px;left:95%;top:19%;border-radius:60% 10% 65% 15%;background:radial-gradient(ellipse at 30% 35%,#eedbcd,#aa92877a 60%,#e9c6ad);box-shadow:inset 1px 1px 3px #fff8;opacity:.8;animation:petal1 13s ease-in-out infinite}#petals i:nth-child(2){left:9%;top:77%;width:32px;height:66px;filter:blur(3px);opacity:.5;animation:petal2 10s ease-in-out infinite}#petals i:nth-child(3){left:67%;top:6%;width:17px;height:25px;opacity:.65;animation:petal3 15s ease-in-out infinite}dialog{border:1px solid #4c4240;border-radius:14px;background:#111113ed;color:#d5c8bd;padding:42px;max-width:470px;width:calc(100% - 36px);box-shadow:0 30px 100px #000;backdrop-filter:blur(20px)}dialog::backdrop{background:#0009;backdrop-filter:blur(8px)}dialog h1{font:italic 43px Georgia,serif;letter-spacing:-2px;font-weight:normal}dialog p{font-size:14px;line-height:1.8;color:#aaa09a}.dismiss{position:absolute;top:10px;right:15px;background:none;border:0;font-size:28px}dialog input{border:0;border-bottom:1px solid #777;background:transparent;color:#eee;padding:14px 0;width:100%;font-size:18px}dialog a{color:#d6c5b8;display:block;padding:12px 0;text-decoration:none;border-bottom:1px solid #333}.paused *{animation-play-state:paused!important}@keyframes marquee{to{transform:translateX(-26%)}}@keyframes petal1{0%,100%{transform:translate(0,0) rotate(10deg)}50%{transform:translate(-60px,90px) rotate(130deg)}}@keyframes petal2{0%,100%{transform:translate(0,0) rotate(-25deg)}50%{transform:translate(130px,35px) rotate(100deg)}}@keyframes petal3{0%,100%{transform:translate(0,0) rotate(10deg)}50%{transform:translate(-170px,50px) rotate(-160deg)}}@media(min-aspect-ratio:451/255){#flower{width:103.92svh;transform:translate(calc(-50% - 1.17svh),calc(-50% - 6.37svh))}}@media(max-width:600px){#experience{min-height:600px}header{gap:15px}nav{margin-left:75px;gap:14px}.tools{gap:10px}.tools button:last-child{visibility:hidden}.close{width:36px;height:36px;right:8px;top:45px}#flower{width:105vw;top:43%;transform:translate(-50%,-50%)}.stem{width:180%;left:-40%;top:-7%}.readout{top:25%;font-size:7px}.marquee{bottom:13%;left:-65%;width:240%;height:26%}.marquee div{font-size:47vw}.notes{gap:4px;padding:0 8px;bottom:-145px}.notes.visible{transform:translateY(-145px)}.note{padding:11px 8px;min-height:145px}.note h2{font-size:17px;line-height:1.15;letter-spacing:-.6px}.meta{font-size:6px}.meta em{display:none}.note p{font-size:8px}.signature{bottom:3%}.signature>span{font-size:57px}.notes.visible~.signature{opacity:0}#petals i{width:20px;height:29px}.edition{font-size:9px;top:11px;padding:6px 10px}}@media(prefers-reduced-motion:reduce){.marquee div,#petals i{animation:none}.notes,.signature{transition:none}}
