:root{--ink: #1f1535;--ink-soft: #5d5474;--paper: #ffffff;--mist: #f7f4ff;--line: #ece6fb;--pink: #ff5fa2;--violet: #7b61ff;--peach: #ffb38a;--sun: #ffcf5c;--bad: #d9304f;--ok: #12a37a;--duo: linear-gradient(120deg, #ff5fa2 0%, #a35cff 55%, #7b61ff 100%);--soft-shadow: 0 12px 34px rgba(123, 97, 255, .14), 0 2px 6px rgba(31, 21, 53, .05);--card: #ffffff;--fg: #1f1535;--border: #ece6fb;--radius: 22px;--ring: 0 0 0 4px rgba(123, 97, 255, .22)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.62 ui-rounded,SF Pro Rounded,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}a{color:var(--violet);text-decoration-thickness:2px;text-underline-offset:3px;text-decoration-color:#7b61ff59}a:hover{color:var(--pink);text-decoration-color:currentColor}img{max-width:100%;height:auto}button,input{font:inherit;color:inherit}:focus-visible{outline:3px solid rgba(123,97,255,.55);outline-offset:2px}.shell{max-width:1040px;margin:0 auto;padding:0 20px}.vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}.mast{position:relative;z-index:2}.mast .shell{display:flex;align-items:center;justify-content:space-between;gap:14px;padding-top:14px;padding-bottom:14px}.logo{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink)}.logo:hover{color:var(--ink)}.logo__mark{width:38px;height:38px;flex:none}.logo__word{font-weight:850;font-size:22px;letter-spacing:-.03em;line-height:1}.logo__word em{font-style:normal;background:var(--duo);-webkit-background-clip:text;background-clip:text;color:transparent}.logo__at{display:block;font-size:11px;font-weight:600;color:var(--ink-soft);letter-spacing:.02em;margin-top:3px}.langs{display:inline-flex;gap:4px;padding:4px;background:#ffffffd9;border:1px solid var(--line);border-radius:999px}.langs a{min-width:38px;text-align:center;padding:5px 10px;border-radius:999px;text-decoration:none;font-size:13px;font-weight:800;color:var(--ink-soft);letter-spacing:.04em}.langs a[aria-current=true]{background:var(--ink);color:#fff}.langs a:hover{color:var(--ink)}.langs a[aria-current=true]:hover{color:#fff}.stage{position:relative;padding:18px 0 34px;overflow:hidden}.stage__blobs{position:absolute;inset:-120px 0 0;z-index:0;pointer-events:none}.stage__blobs:before,.stage__blobs:after{content:"";position:absolute;inset:0}.stage__blobs:before{background:radial-gradient(34% 42% at 12% 26%,#ffd6ea,#ffd6ea00 70%),radial-gradient(30% 40% at 88% 18%,#e2dbff,#e2dbff00 70%),radial-gradient(28% 34% at 70% 78%,#ffe6d4,#ffe6d400 70%)}.stage__blobs:after{background:linear-gradient(to bottom,#fff0 70%,#fff)}.stage .shell{position:relative;z-index:1}.stage__inner{max-width:760px;margin:0 auto;text-align:center}.kicker{display:inline-block;margin:6px 0 14px;padding:6px 14px;border-radius:999px;background:#fff;border:1px solid var(--line);box-shadow:0 4px 14px #7b61ff1a;font-size:13px;font-weight:800;color:var(--violet);letter-spacing:.02em}.stage__title{margin:0;font-size:clamp(32px,7.4vw,54px);line-height:1.06;font-weight:900;letter-spacing:-.035em}.stage__title mark{background:var(--duo);-webkit-background-clip:text;background-clip:text;color:transparent}.stage__sub{margin:14px auto 24px;max-width:600px;color:var(--ink-soft);font-size:clamp(16px,2.4vw,18.5px)}.seek{max-width:720px;margin:0 auto;text-align:left}.seek__field{display:flex;align-items:center;gap:8px;padding:8px;border-radius:28px;border:2px solid transparent;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(120deg,#ff5fa280,#7b61ff80) border-box;box-shadow:var(--soft-shadow)}.seek__field:focus-within{background:linear-gradient(#fff,#fff) padding-box,var(--duo) border-box;box-shadow:var(--soft-shadow),var(--ring)}.seek__input{flex:1;min-width:0;height:52px;padding:0 8px 0 16px;border:0;outline:none;background:transparent;font-size:17px}.seek__input::placeholder{color:#9b93ad}.seek__input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}.seek__x{flex:none;width:36px;height:36px;border-radius:50%;border:0;background:var(--mist);color:var(--ink-soft);font-size:22px;line-height:1;cursor:pointer}.seek__x[hidden]{display:none}.seek__btn{flex:none;height:52px;padding:0 26px;border:0;border-radius:22px;cursor:pointer;background:var(--duo);color:#fff;font-weight:850;font-size:16px;letter-spacing:.01em;box-shadow:0 8px 20px #ff5fa252;transition:transform .12s ease,box-shadow .12s ease}.seek__btn:hover{box-shadow:0 10px 26px #7b61ff5c}.seek__btn:active{transform:translateY(1px) scale(.98)}.seek__msg{margin:12px 8px 0;font-size:14.5px;font-weight:600;color:var(--ink-soft);text-align:center}.seek__msg:empty{display:none}.seek__msg.is-bad{color:var(--bad)}.seek__how{margin:14px 0 0;text-align:center;font-size:14px;color:var(--ink-soft)}.seek__how b{color:var(--ink)}.clip-wrap{max-width:1000px;margin:22px auto 0}.clip-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr;gap:16px}.clip-grid[hidden]{display:none}@media(min-width:720px){.clip-grid{grid-template-columns:1fr 1fr}}.clip{background:#fff;border:1px solid var(--line);border-radius:24px;overflow:hidden;box-shadow:var(--soft-shadow);display:flex;flex-direction:column}.clip__art{position:relative;aspect-ratio:16 / 9;background:linear-gradient(135deg,#ffe0ef,#e7e1ff)}.clip__art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.clip__dur{position:absolute;left:12px;bottom:12px;padding:3px 10px;border-radius:999px;background:#1f1535c7;color:#fff;font-size:12px;font-weight:800;font-variant-numeric:tabular-nums}.clip__player{position:absolute;inset:0;background:#000}.clip__player iframe{width:100%;height:100%;border:0}.clip__body{padding:14px 16px 16px;display:flex;flex-direction:column;gap:4px;flex:1}.clip__name{margin:0;font-size:16px;line-height:1.35;font-weight:800;letter-spacing:-.01em;overflow-wrap:anywhere}.clip__chan{margin:0 0 8px;font-size:13.5px;color:var(--ink-soft)}.clip__btns{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto}.pillbtn{height:44px;padding:0 18px;border-radius:999px;border:0;cursor:pointer;font-weight:850;font-size:15px;display:inline-flex;align-items:center;gap:7px;transition:transform .12s ease,filter .12s ease}.pillbtn:active{transform:scale(.97)}.pillbtn svg{width:17px;height:17px}.pillbtn--audio{background:var(--duo);color:#fff}.pillbtn--video{background:var(--ink);color:#fff}.pillbtn--peek{background:var(--mist);color:var(--violet)}.pillbtn--peek[aria-pressed=true]{background:#ffe3ef;color:var(--pink)}.pillbtn:hover{filter:brightness(1.06)}.pillbtn[disabled]{opacity:.55;cursor:wait}.clip__meter{height:10px;margin-top:12px;border-radius:999px;background:var(--mist);overflow:hidden}.clip__meter[hidden]{display:none}.clip__meter span{display:block;height:100%;width:4%;border-radius:inherit;background:var(--duo);transition:width .45s ease}.clip__meter.is-waiting span{width:30%;animation:wobble 1.2s ease-in-out infinite alternate}.clip__meter.is-done span{width:100%;background:linear-gradient(120deg,#12a37a,#4fd1a5)}@keyframes wobble{0%{margin-left:0}to{margin-left:70%}}.clip__state{margin:8px 0 0;font-size:13.5px;font-weight:600;color:var(--ink-soft)}.clip__state:empty{display:none}.clip__state.is-bad{color:var(--bad)}.clip__state.is-good{color:var(--ok)}@media(prefers-reduced-motion:reduce){.clip__meter.is-waiting span{animation:none;width:100%;opacity:.45}.seek__btn,.pillbtn{transition:none}}.body{padding:10px 0 46px}.lane{max-width:860px;margin:0 auto}.lane>h2,.card-block h2{font-size:clamp(22px,4.6vw,30px);line-height:1.2;font-weight:900;letter-spacing:-.03em;margin:0 0 14px}.card-block{background:#fff;border:1px solid var(--line);border-radius:26px;padding:26px 24px 18px;margin:18px 0;box-shadow:0 4px 18px #7b61ff0f}.card-block h3{font-size:18px;margin:18px 0 6px;font-weight:850}.card-block p,.card-block li{color:#3b3252}.card-block ul{padding-left:20px}.card-block li{margin:6px 0}.card-block li::marker{color:var(--pink)}.stepper{list-style:none;padding:0;margin:8px 0 0;display:grid;gap:12px;grid-template-columns:1fr;counter-reset:st}@media(min-width:720px){.stepper{grid-template-columns:repeat(3,1fr)}}.stepper li{counter-increment:st;background:var(--mist);border-radius:22px;padding:18px 16px 14px;margin:0}.stepper li:before{content:counter(st);display:grid;place-items:center;width:40px;height:40px;margin-bottom:10px;border-radius:14px;background:var(--duo);color:#fff;font-weight:900;font-size:18px;box-shadow:0 6px 14px #ff5fa24d}.stepper b{display:block;font-size:16.5px;margin-bottom:2px;color:var(--ink)}.spec{display:grid;grid-template-columns:1fr;gap:10px;margin:8px 0 12px}@media(min-width:640px){.spec{grid-template-columns:1fr 1fr}}.spec div{border:1px dashed #d9cff8;border-radius:18px;padding:12px 14px}.spec dt{font-size:12.5px;text-transform:uppercase;letter-spacing:.06em;font-weight:800;color:var(--violet)}.spec dd{margin:4px 0 0;font-weight:650;color:var(--ink)}.ask details{border-radius:18px;background:var(--mist);margin:10px 0;padding:0 18px}.ask summary{list-style:none;cursor:pointer;padding:15px 30px 15px 0;font-weight:800;position:relative}.ask summary::-webkit-details-marker{display:none}.ask summary:after{content:"+";position:absolute;right:2px;top:50%;transform:translateY(-50%);font-size:24px;font-weight:600;color:var(--violet)}.ask details[open] summary:after{content:"−"}.ask details p{margin:0 0 16px}.hint-box{background:linear-gradient(120deg,#fff0f7,#f1edff);border-radius:18px;padding:14px 16px;font-size:15px}.stamp{text-align:center;font-size:13px;color:var(--ink-soft);margin-top:20px}.trail{font-size:13.5px;color:var(--ink-soft);margin:0 0 6px}.trail a{color:var(--ink-soft)}.doc h1{font-size:clamp(28px,6vw,40px);line-height:1.12;font-weight:900;letter-spacing:-.035em;margin:0 0 12px}.base{background:var(--ink);color:#cfc7e6;padding:30px 0 38px;font-size:14px;border-radius:32px 32px 0 0}.base a{color:#fff;text-decoration:none}.base a:hover{color:#ffc2dc}.base__links{display:flex;flex-wrap:wrap;gap:10px 22px;margin-bottom:14px}.base p{margin:6px 0}.stage__title{text-wrap:balance}@media(max-width:480px){.stage{padding-bottom:16px}.clip__art{aspect-ratio:2 / 1}.clip__btns{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.pillbtn{padding:0 8px;justify-content:center;font-size:14.5px;gap:5px}.seek__btn{padding:0 18px}}
