:root{--ink:#050508;--indigo:#5B5BF0;--deep:#3B3BC4;--paper:#F3F3F8;--mist:#A9A9C4;--r:16px;--line:2px;--fs-h1:clamp(2rem,1.55rem + 2.2vw,3.5rem);--fs-h2:clamp(1.5rem,1.35rem + 0.7vw,2rem);--fs-s:0.75rem;}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scrollbar-color:var(--indigo) var(--ink)}body{font-family:"Manrope",system-ui,sans-serif;font-weight:500;font-size:1rem;line-height:1.6;background:var(--ink);color:var(--paper);overflow-x:clip;-webkit-font-smoothing:antialiased;caret-color:var(--indigo)}::selection{background:var(--indigo);color:var(--paper)}a{color:inherit}:focus-visible{outline:3px solid var(--indigo);outline-offset:3px;border-radius:6px}h1,h2{font-weight:800;letter-spacing:-0.03em;line-height:1.08;text-wrap:balance}p,li,dd{text-wrap:pretty}svg.i{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}.strip{height:4px;background:var(--indigo)}.bar{display:flex;align-items:center;gap:16px;padding:12px max(16px,env(safe-area-inset-left));max-width:960px;margin:0 auto}.bar img{width:64px;height:64px;border-radius:14px;display:block;flex:none}.bar p{font-size:var(--fs-s);font-weight:700;color:var(--mist);max-width:22ch;line-height:1.4}.route{position:relative}.band{position:relative}.band.light{background:var(--paper);color:var(--ink)}.col{position:relative;max-width:960px;margin:0 auto;padding:0 max(16px,env(safe-area-inset-right)) 0 56px}.col::before{content:"";position:absolute;left:23px;top:0;bottom:0;width:var(--line);background:var(--indigo)}.stop{position:relative;display:flex;align-items:center;gap:10px;font-size:var(--fs-s);font-weight:800;text-transform:uppercase;letter-spacing:0.1em;color:var(--mist);margin-bottom:14px}.light .stop{color:var(--deep)}.stop .dot{position:absolute;left:-43px;width:20px;height:20px;border-radius:50%;background:var(--ink);border:3px solid var(--indigo)}.light .stop .dot{background:var(--paper)}.stop.first .dot{background:var(--indigo)}.dep{padding-block:20px 48px}.dep h1{font-size:var(--fs-h1);max-width:16ch}.dep .lead{margin-top:14px;color:var(--mist);max-width:38ch}.cta-wrap{margin-top:22px}.key{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-width:240px;min-height:58px;padding:14px 28px;background:var(--indigo);color:var(--paper);font-weight:800;font-size:1rem;text-decoration:none;border-radius:14px;box-shadow:0 6px 0 var(--deep);transition:transform .12s cubic-bezier(.16,1,.3,1),box-shadow .12s cubic-bezier(.16,1,.3,1);-webkit-tap-highlight-color:transparent;margin-bottom:6px}.key:active{transform:translateY(4px);box-shadow:0 2px 0 var(--deep)}@media (hover: hover){.key:hover{transform:translateY(-2px);box-shadow:0 8px 0 var(--deep)}}.under{margin-top:12px;font-size:var(--fs-s);color:var(--mist);font-weight:700}.ticket{container-type:inline-size;container-name:ticket;margin-top:32px;max-width:420px}.ticket svg{display:block;width:100%;height:auto}.fill{transform-box:fill-box;transform-origin:left center;animation:fillup 1.6s cubic-bezier(.16,1,.3,1) .3s both}@keyframes fillup{from{transform:scaleX(.08)}to{transform:scaleX(1)}}.pick{padding-block:56px 64px}.pick h2,.asked h2{font-size:var(--fs-h2);max-width:20ch}.pick .sub{margin-top:10px;max-width:46ch;color:var(--ink)}.bento-wrap{container-type:inline-size;margin-top:28px}.bento{display:grid;gap:12px;grid-template-columns:1fr}.tile{border:var(--line) solid var(--ink);border-radius:var(--r);padding:20px}.tool{grid-row:span 1}.track{position:relative;height:56px;margin:8px 4px 0;touch-action:none;cursor:grab;-webkit-tap-highlight-color:transparent;border-radius:28px}.track::before{content:"";position:absolute;left:0;right:0;top:27px;height:var(--line);background:var(--ink)}.track .bar-fill{position:absolute;left:0;top:26px;height:4px;width:100%;background:var(--indigo);transform-origin:left center;transform:scaleX(var(--p,.5));transition:transform .25s cubic-bezier(.16,1,.3,1)}.thumb{position:absolute;top:6px;left:0;width:44px;height:44px;border-radius:50%;background:var(--paper);border:3px solid var(--indigo);display:grid;place-items:center;color:var(--deep);transform:translateX(var(--x,0px));transition:transform .25s cubic-bezier(.16,1,.3,1)}.track.drag .thumb,.track.drag .bar-fill{transition:none}.ticks3{display:flex;justify-content:space-between;margin-top:8px;font-size:var(--fs-s);font-weight:700;color:var(--ink)}.ticks3 span{max-width:9ch;line-height:1.3}.ticks3 span:nth-child(2){text-align:center}.ticks3 span:last-child{text-align:right}.result{margin-top:20px;padding-top:16px;border-top:var(--line) solid var(--ink)}.result p{display:none}.result strong{display:block;font-weight:800;font-size:var(--fs-h2);letter-spacing:-0.02em;line-height:1.15}.tool:has(.thumb[data-at="0"]) .r0,.tool:has(.thumb[data-at="1"]) .r1,.tool:has(.thumb[data-at="2"]) .r2{display:block}.shot{padding:0;overflow:hidden}.shot img{display:block;width:100%;height:auto;aspect-ratio:700/381;object-fit:cover;object-position:30% 20%}.shot p{padding:12px 16px;font-size:var(--fs-s);font-weight:700;border-top:var(--line) solid var(--ink)}.list{list-style:none;display:grid;gap:12px}.list li{display:flex;gap:10px;align-items:flex-start}.list li svg{color:var(--deep);margin-top:3px}@container (min-width: 620px){.bento{grid-template-columns:1.4fr 1fr}.tool{grid-row:span 2}}.asked{padding:64px 0 72px;transition:background-color .3s}.asked .sub{margin-top:10px;max-width:46ch;color:var(--mist)}.prompt{margin-top:28px;max-width:560px;border:var(--line) solid var(--mist);border-radius:20px;padding:8px 20px 12px}.prompt .head{display:flex;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid #2B2B4A;font-weight:700}.prompt .head img{width:32px;height:32px;border-radius:8px}.prompt details{border-bottom:1px solid #2B2B4A}.prompt details:last-child{border-bottom:0}.prompt summary{list-style:none;display:flex;align-items:center;gap:12px;min-height:56px;cursor:pointer;font-weight:700;-webkit-tap-highlight-color:transparent}.prompt summary::-webkit-details-marker{display:none}.prompt summary .tk{color:var(--indigo)}.prompt summary .cv{margin-left:auto;color:var(--mist);transition:transform .25s cubic-bezier(.16,1,.3,1)}.prompt details[open] .cv{transform:rotate(180deg)}.prompt dd{padding:0 0 16px 32px;color:var(--mist);max-width:46ch}body:has(.prompt details[open]) .asked{background:#10101C}.arr{padding-block:64px 72px}.arr h2{font-size:var(--fs-h2);margin-bottom:22px;max-width:20ch}.how{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;font-weight:800;font-size:var(--fs-h2);letter-spacing:-0.02em}.how svg{width:24px;height:24px;color:var(--deep)}.how .key{font-size:1rem;margin-left:4px}.arr .stop .dot{background:var(--indigo)}footer{padding:72px 0 calc(40px + env(safe-area-inset-bottom));border-top:var(--line) solid var(--indigo)}footer .col::before{bottom:auto;height:24px}.top{display:inline-flex;align-items:center;gap:14px;font-size:var(--fs-h1);font-weight:800;letter-spacing:-0.03em;text-decoration:none;line-height:1.1;min-height:44px}.top svg{width:0.8em;height:0.8em;color:var(--indigo)}@media (hover: hover){.top:hover{text-decoration:underline;text-decoration-color:var(--indigo);text-underline-offset:8px}}.small{display:flex;flex-wrap:wrap;gap:8px 24px;margin-top:24px;font-size:11px;text-transform:uppercase;letter-spacing:0.1em;font-weight:700;color:var(--mist)}@media (min-width: 768px){.bar img{width:120px;height:120px;border-radius:26px}.bar p{font-size:1rem;max-width:none;margin-left:auto}.col{padding-left:80px}.col::before{left:31px}.stop .dot{left:-59px}.dep{padding-block:24px 64px}.ticket{margin-top:40px}}@media (min-width: 1100px){.bar img{width:160px;height:160px;border-radius:34px}.dep h1{max-width:20ch}}@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation:none !important;transition:none !important;scroll-behavior:auto !important}}html{overflow-x:clip;max-inline-size:100%;}body{overflow-x:clip;max-inline-size:100%;}