/* A quiet, full-canvas route view, using the original paper and pencil palette. */
.trace-launch{display:flex;align-items:center;gap:10px;color:#316e88;font-family:"Songti SC",STSong,serif;font-size:19px;letter-spacing:2px;min-height:44px;margin-top:17px;padding:9px 0}
.trace-launch .drop-symbol{font-family:serif;font-size:24px;color:#397f9c;transform:rotate(-12deg);animation:drop-invite 3.8s ease-in-out infinite}.trace-launch>small{font-family:"PingFang SC",sans-serif;font-size:10px;letter-spacing:1px;color:#617c84}
#waterdrop{position:fixed;inset:0;z-index:15;pointer-events:none}#drop-effects,#drop-micro{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}#drop-micro{z-index:0}#drop-effects{z-index:1}
body.drop-tracking #experience .story,body.drop-tracking #hotspots,body.drop-tracking #leaders,body.drop-tracking #effects,body.drop-tracking #orbit-hint,body.drop-tracking #playback,body.drop-tracking #scene-tools,body.drop-tracking #qualitative{visibility:hidden!important}
body.drop-tracking #experience .scene-stage{left:0!important;right:0!important;top:0!important;bottom:0!important;transition:none}body.drop-tracking #model{cursor:default}.drop-copy{position:absolute;z-index:3;left:6vw;top:15vh;width:min(330px,29vw);padding:4px 0 24px;background:radial-gradient(ellipse at left,#f5f4eff5 25%,#f5f4ef00 76%)}
.drop-copy .chapter{font-size:10px;color:#5e7f88;letter-spacing:2px}.drop-copy h1{font-family:"Songti SC",STSong,serif;font-size:clamp(28px,3.2vw,46px);font-weight:400;line-height:1.5;margin:17px 0 11px;letter-spacing:2px;color:#344544}.drop-copy p{font-size:12px;line-height:1.9;color:#536c72;max-width:25em;margin:0}
#drop-close{position:absolute;z-index:5;right:6vw;top:calc(15vh - 12px);pointer-events:auto;min-height:44px;font-size:12px;letter-spacing:1px;color:#365f70;background:#f5f4efdc;padding:13px 16px;border-bottom:1px solid #9eb6bc}
.drop-controls{position:absolute;z-index:5;pointer-events:auto;left:19vw;right:19vw;bottom:max(4vh,calc(env(safe-area-inset-bottom) + 12px));padding:16px 20px 10px;background:linear-gradient(#f5f4ef00,#f5f4eff4 23%,#f5f4effc);border-radius:4px}
.drop-controls-top{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:11px;color:#546f76;letter-spacing:.8px}.drop-controls-top button{font-size:13px;color:#346c82;min-height:44px;padding:8px 0;min-width:63px;text-align:left}#drop-speed{text-align:right}.drop-controls-top span{flex:1;text-align:center}
#drop-timeline{--drop-progress:0%;display:block;width:100%;height:32px;margin:0;appearance:none;background:transparent;cursor:pointer;touch-action:pan-x;accent-color:#3b7d97}#drop-timeline::-webkit-slider-runnable-track{height:3px;border-radius:3px;background:linear-gradient(to right,#3f819b var(--drop-progress),#b8cbd0 var(--drop-progress))}#drop-timeline::-webkit-slider-thumb{appearance:none;width:15px;height:15px;border-radius:50%;border:2px solid #3f819b;background:#f5f4ef;margin-top:-6px;box-shadow:0 0 0 4px #f5f4ef}#drop-timeline::-moz-range-track{height:3px;background:#b8cbd0}#drop-timeline::-moz-range-progress{height:3px;background:#3f819b}#drop-timeline::-moz-range-thumb{width:13px;height:13px;border:2px solid #3f819b;border-radius:50%;background:#f5f4ef}
.drop-steps{display:flex;justify-content:space-between;gap:4px}.drop-steps button{position:relative;padding:8px 2px;min-height:37px;font-size:11px;letter-spacing:1px;color:#677c7c;white-space:nowrap}.drop-steps button.active{color:#245e78}.drop-steps button.active:before{content:"";height:2px;background:#4c8a9e;position:absolute;left:4px;right:4px;bottom:2px}.drop-control-note{display:flex;justify-content:space-between;margin-top:5px;font-size:10px;letter-spacing:.5px;color:#667e82}.drop-disclosure{position:absolute;left:6vw;bottom:5vh;font-size:9px;letter-spacing:.7px;color:#647b7a;max-width:13vw;line-height:1.8}
@keyframes drop-invite{0%,100%{opacity:.65;transform:translateY(0) rotate(-12deg)}50%{opacity:1;transform:translateY(2px) rotate(-12deg)}}
@media(max-width:1000px){.drop-controls{left:12vw;right:12vw}.drop-copy{left:5vw;width:29vw}.drop-copy h1{font-size:31px}.drop-copy p{font-size:11px}.drop-disclosure{left:5vw;bottom:3vh;max-width:28vw}.trace-launch{font-size:17px;letter-spacing:1px}}
@media(max-width:650px){.trace-launch{font-size:16px;margin-top:5px;gap:8px;min-height:42px}.trace-launch .drop-symbol{font-size:20px}.trace-launch>small{font-size:9px}body.drop-tracking #header nav{display:none}body.drop-tracking #header .brand{font-size:20px}.drop-copy{top:max(100px,13vh);left:7vw;width:75vw;padding:0 0 15px;background:linear-gradient(#f5f4effa 40%,#f5f4ef00)}.drop-copy .chapter{font-size:9px}.drop-copy h1{font-size:28px;margin:10px 0 5px}.drop-copy p{font-size:11px;max-width:30em}#drop-close{right:6vw;top:72px;font-size:10px;padding:8px 11px;min-height:40px}.drop-controls{left:4vw;right:4vw;bottom:max(3vh,calc(env(safe-area-inset-bottom) + 8px));padding:8px 14px}.drop-controls-top{font-size:10px;gap:10px}.drop-controls-top button{font-size:12px}.drop-steps button{font-size:10px;letter-spacing:0;min-height:38px}.drop-control-note{font-size:9px}.drop-disclosure{left:7vw;bottom:calc(max(3vh, env(safe-area-inset-bottom)) + 163px);max-width:86vw;font-size:9px}#drop-timeline{height:32px}}
@media(max-height:550px) and (min-width:651px){.drop-copy{top:19vh}.drop-copy h1{font-size:27px;margin:9px 0}.drop-controls{bottom:2vh;padding-top:0}.drop-controls-top button{min-height:34px}.drop-steps button{min-height:28px}.drop-disclosure{bottom:3vh}#drop-close{top:17vh}}
@media(prefers-reduced-motion:reduce){.trace-launch .drop-symbol{animation:none}}