@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{font-family:DM Sans,sans-serif;color:#edf4f2;background:#101719;font-synthesis:none;--muted:#7b9093;--line:#273538;--accent:#a7efdf;--panel:#182326;--radius:22px}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;border:0;background:none}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:5px}button{transition:background .2s,transform .2s}button:active{transform:scale(.98)}.shell{max-width:760px;margin:auto;padding:28px 32px 24px}header{display:flex;align-items:center;justify-content:space-between;margin-bottom:42px}.brand{font-family:Space Grotesk,sans-serif;font-size:32px;font-weight:700;letter-spacing:-2px;color:#fff;text-decoration:none}.brand span{color:var(--accent)}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--muted);font-weight:600}.icon{display:grid;place-items:center;width:42px;height:42px;background:var(--panel);border:1px solid var(--line);border-radius:50%}.status{font-size:9px;letter-spacing:1.8px;color:var(--accent)}h1,h2,p{margin:0}h1{font-family:Space Grotesk,sans-serif;font-size:34px;letter-spacing:-1.5px;margin:10px 0}h1 span{font-weight:400;color:#8d9c9f}.title p{font-size:12px;color:var(--muted)}.title p span{margin:0 9px;color:#45585b}.stats{display:grid;grid-template-columns:1.1fr 1fr;margin-top:28px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 0}.stats button{text-align:left;padding:0 20px}.stats button:first-child{padding-left:0;border-right:1px solid var(--line)}.stats button>span{display:flex;align-items:center;gap:7px;font-size:9px;letter-spacing:1px;color:var(--muted)}.stats strong{display:flex;align-items:baseline;font-family:Space Grotesk,sans-serif;font-size:27px;font-weight:500;margin-top:8px;gap:5px}.stats small{font-size:12px;color:var(--muted)}.dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--accent);margin-left:9px}.studio{height:410px;position:relative;margin:0 -24px;isolation:isolate}.canvas{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;touch-action:none}.canvas canvas{display:block}.halo{position:absolute;top:30px;right:0;bottom:30px;left:0;background:radial-gradient(ellipse,#344c4e77,transparent 65%);pointer-events:none}.studio-label{position:absolute;top:27px;left:24px;font-family:Space Grotesk;font-size:10px;letter-spacing:2px;color:#52696d}.studio-label span{color:#34474b}.floor{position:absolute;width:65%;height:30px;bottom:63px;left:18%;border-radius:50%;background:#020809;filter:blur(18px);z-index:-1}.callout{position:absolute;z-index:3;text-align:left;padding:10px 12px;border:1px solid #526e6b55;border-radius:12px;background:#182629c9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);min-width:117px}.callout span{font-size:8px;letter-spacing:1.2px;color:var(--accent);display:flex;justify-content:space-between;gap:12px}.callout strong{display:block;font-size:12px;font-weight:500;margin:5px 0}.callout small{font-size:9px;color:#96aaab}.chain{left:12px;bottom:73px}.oil{right:10px;top:70px}.callout:after{content:"";position:absolute;width:45px;height:28px;border-bottom:1px solid #a7efdf88;pointer-events:none}.chain:after{left:100%;bottom:30px;transform:rotate(-35deg);transform-origin:left}.oil:after{right:100%;top:35px;transform:rotate(-35deg);transform-origin:right}.gesture{position:absolute;bottom:16px;left:0;right:0;text-align:center;font-size:10px;color:var(--muted);pointer-events:none;z-index:4}.gesture span{font-size:18px;margin-right:6px}.gesture b{margin:0 9px}.model-note{position:absolute;bottom:0;right:15px;font-size:6px;letter-spacing:1px;color:#506366}.log{margin-top:25px}.section-title{display:flex;align-items:center;justify-content:space-between}h2{font-family:Space Grotesk,sans-serif;font-size:23px;font-weight:500;letter-spacing:-.6px;margin-top:6px}h2 span{font-size:12px;margin-left:8px;color:var(--muted)}.add{border-radius:50%;background:var(--accent);color:#102326;width:46px;height:46px;display:grid;place-items:center}.tabs{display:flex;gap:8px;margin:22px 0 14px}.tabs button{border:1px solid var(--line);border-radius:30px;padding:10px 18px;display:flex;gap:7px;align-items:center;color:#8b9fa2;font-size:12px}.tabs .active{background:#293e3f;color:var(--accent);border-color:#3d5b59}.entries{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:linear-gradient(110deg,#1c2a2d,#162023)}.entry{display:flex;width:100%;align-items:center;text-align:left;gap:14px;padding:19px}.entry+.entry{border-top:1px solid var(--line)}.entry-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:#293c3e;color:var(--accent)}.entry-title{flex:1}.entry-title strong{display:block;font-weight:500;font-size:14px}.entry-title small{display:block;margin-top:6px;font-size:11px;color:var(--muted)}.entry-title b{margin:0 6px}.entry>svg{color:var(--muted)}footer{display:flex;justify-content:space-between;color:#62777b;font-size:9px;margin-top:25px}footer .dot{margin:0 5px 0 0}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:grid;place-items:center;z-index:20;padding:20px}.dialog{position:relative;width:min(100%,420px);background:#1b282b;border:1px solid #3b5052;border-radius:26px;padding:28px;max-height:90dvh;overflow:auto}.close{position:absolute;right:18px;top:18px}.dialog h2{margin:12px 40px 25px 0}.dialog p{margin:16px 0;color:#a5b9ba;overflow-wrap:anywhere}form,label{display:grid;gap:9px}form{gap:18px}label{font-size:12px;color:#a5b9ba}input,select,textarea{width:100%;min-width:0;background:#111c1f;border:1px solid #3a5053;color:#fff;padding:13px;border-radius:12px;color-scheme:dark}textarea{resize:vertical;min-height:80px}.primary{background:var(--accent);color:#162729;border-radius:30px;padding:14px;display:flex;align-items:center;justify-content:center;gap:10px}.empty{padding:24px;color:var(--muted)}@media(min-width:800px){.shell{padding-top:40px}.studio{height:470px}h1{font-size:42px}.chain{left:45px;bottom:100px}.oil{right:45px;top:80px}}@media(max-width:420px){.shell{padding:20px}.studio{margin:0 -16px;height:360px}header{margin-bottom:28px}h1{font-size:30px}.stats strong{font-size:23px}.stats button{padding:0 12px}.stats button>span{font-size:8px}.callout{min-width:105px}.oil{right:6px;top:45px}.chain{bottom:63px;left:6px}footer{font-size:8px}.entry{padding:16px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}.shell{padding-top:max(28px,env(safe-area-inset-top));max-width:760px}.vehicle{position:relative}.stats{position:absolute;top:12px;left:0;right:0;z-index:5;border:0;margin:0;padding:0;display:flex;justify-content:space-between;pointer-events:none}.stats a{pointer-events:auto;text-decoration:none;color:inherit;padding:8px 0;text-align:left}.stats a>span{font-size:8px;letter-spacing:1.5px;color:var(--muted)}.stats strong{font-size:28px;border-bottom:1px solid #83aaa566;padding-bottom:9px;font-weight:400}.stats a:last-child{text-align:right}.studio{height:clamp(440px,65svh,630px);margin:0 -20px}.halo{top:0;right:-10px;bottom:0;left:-10px;background:radial-gradient(ellipse at 50% 48%,#344c4e88,transparent 68%)}.canvas{top:72px;right:0;bottom:35px;left:0}.bike-caption{position:absolute;bottom:6px;width:100%;text-align:center;font-size:12px;letter-spacing:.5px;color:#8fa4a6}.callout{bottom:auto;right:auto;opacity:0;transition:opacity .45s ease;background:#182629a8;min-width:112px}.callout:after{left:58px;right:auto;top:0;bottom:auto;width:var(--line-width);height:0;transform:rotate(var(--line-angle));transform-origin:left;z-index:-1}.callout:before{content:"";position:absolute;left:58px;top:0;width:var(--line-width);height:0;transform:rotate(var(--line-angle));transform-origin:left}.log{margin-top:24px}.detail-page{max-width:480px}.detail-page h1{font-size:30px;margin:40px 0}.detail-page a{color:inherit}.detail-page form{gap:24px}.detail-page input{font-family:Space Grotesk;font-size:26px}.detail-page p{font-size:12px;color:var(--muted)}@media(max-width:420px){.stats strong{font-size:25px}.studio{height:62svh;min-height:420px}.shell{padding-top:20px}}