/* Homepage self-introduction playground — scoped to this section only. */
.intro-brief{
  min-height:100svh!important;
  padding:clamp(96px,9vw,144px) var(--shell-edge) clamp(78px,7vw,112px)!important;
  display:grid!important;
  grid-template-columns:repeat(12,minmax(0,1fr))!important;
  grid-template-rows:auto 1fr!important;
  gap:clamp(34px,4vw,64px) clamp(18px,2vw,30px)!important;
  overflow:hidden!important;
  background:#f5f5f7!important;
  color:#1d1d1f!important;
}
.intro-brief .intro-monogram{left:auto!important;right:-.06em!important;top:.08em!important;color:rgba(29,29,31,.035)!important;-webkit-text-stroke:0!important;font-size:clamp(250px,35vw,540px)!important;pointer-events:none}
.intro-brief .intro-code{grid-column:1/4!important;grid-row:1!important;align-self:start;color:#6e6e73!important;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text",sans-serif!important;font-size:10px!important;letter-spacing:.06em!important}
.intro-brief .intro-code:before{background:#0071e3!important}
.intro-brief .intro-voice{grid-column:4/13!important;grid-row:1!important;align-self:end!important}
.intro-brief .intro-voice>span{margin-bottom:18px!important;color:#0071e3!important;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text",sans-serif!important;font-size:15px!important;font-weight:650!important;letter-spacing:.02em!important;text-transform:uppercase}
.intro-brief .intro-voice h2{max-width:980px!important;margin:0!important;color:#1d1d1f!important;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Helvetica Neue",sans-serif!important;font-size:clamp(48px,5.7vw,88px)!important;font-weight:650!important;line-height:.96!important;letter-spacing:-.06em!important}
.intro-brief .intro-voice h2 em{font:inherit!important;color:#86868b!important}
.intro-brief .intro-copy{grid-column:8/13!important;grid-row:2!important;align-self:end!important;padding:0 0 2px!important;border:0!important}
.intro-brief .intro-copy>p{max-width:620px!important;margin:0!important;color:#6e6e73!important;font-size:clamp(16px,1.35vw,20px)!important;line-height:1.5!important;letter-spacing:-.025em!important}
.intro-brief .about-portal{margin-top:clamp(30px,4vw,48px)!important;min-height:94px!important;padding:20px 18px 20px 22px!important;border:1px solid rgba(29,29,31,.08)!important;border-radius:24px!important;background:#fff!important;color:#1d1d1f!important;box-shadow:0 1px 2px rgba(0,0,0,.04),0 18px 50px rgba(0,0,0,.045)!important}
.intro-brief .about-portal:before{background:#0071e3!important}.intro-brief .about-portal:hover,.intro-brief .about-portal:focus-visible{color:#fff!important;box-shadow:0 18px 48px rgba(0,113,227,.18)!important}.intro-brief .about-portal-dial{background:#e8e8ed!important}.intro-brief .about-portal:hover .about-portal-dial{background:#fff!important;color:#0071e3!important}

.intro-playground{
  --play-x:50%;--play-y:50%;--pull-progress:0;--pull-base:0px;--pull-step:145px;
  position:relative;isolation:isolate;grid-column:1/8;grid-row:2;align-self:stretch;
  min-height:clamp(520px,62vh,690px);overflow:hidden;border:1px solid rgba(29,29,31,.08);border-radius:32px;
  background:radial-gradient(420px circle at var(--play-x) var(--play-y),rgba(255,255,255,.95),rgba(255,255,255,0) 70%),#e8e8ed;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 28px 80px rgba(0,0,0,.07);
  user-select:none;-webkit-user-select:none;touch-action:pan-y;
}
.intro-brief .intro-playground{opacity:0;transform:translateY(28px) scale(.985)}.intro-brief.in-view .intro-playground{animation:intro-play-in .95s .08s cubic-bezier(.16,1,.3,1) both}
.intro-play-grid{position:absolute;z-index:-1;inset:0;background-image:linear-gradient(rgba(29,29,31,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(29,29,31,.055) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,#000,transparent 88%);pointer-events:none}
.intro-placeholder{position:absolute;z-index:1;left:6%;top:8%;width:58%;height:61%;overflow:hidden;border:1px solid rgba(29,29,31,.09);border-radius:25px;background:rgba(245,245,247,.72);box-shadow:0 14px 36px rgba(0,0,0,.055);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.intro-placeholder>span{position:absolute;left:16px;top:15px;font:650 8px/1 -apple-system,BlinkMacSystemFont,"SF Pro Text",sans-serif;letter-spacing:.08em;color:#6e6e73}
.intro-placeholder>strong{position:absolute;right:13px;top:5px;color:rgba(29,29,31,.055);font:750 clamp(64px,8vw,116px)/1 -apple-system,BlinkMacSystemFont,"SF Pro Display",sans-serif;letter-spacing:-.08em}
.intro-placeholder>small{position:absolute;left:16px;bottom:14px;color:#86868b;font:650 8px/1 -apple-system,BlinkMacSystemFont,"SF Pro Text",sans-serif;letter-spacing:.08em}
.intro-placeholder-avatar{position:absolute;left:50%;top:49%;width:min(43%,170px);aspect-ratio:1;transform:translate(-50%,-50%);border:1px dashed rgba(29,29,31,.25);border-radius:50%}
.intro-placeholder-avatar:before{content:"";position:absolute;left:50%;top:18%;width:29%;aspect-ratio:1;transform:translateX(-50%);border-radius:50%;background:#d2d2d7}
.intro-placeholder-avatar:after{content:"";position:absolute;left:20%;right:20%;bottom:13%;height:40%;border-radius:55% 55% 24% 24%;background:#d2d2d7}

.intro-note-secret{position:absolute;z-index:3;left:10%;top:20%;width:min(52%,330px);min-height:210px;padding:24px 23px;border-radius:19px;background:#1d1d1f;color:#f5f5f7;display:flex;flex-direction:column;opacity:.1;transform:scale(.94);transition:opacity .4s ease,transform .65s cubic-bezier(.16,1,.3,1)}
.intro-note-secret small,.intro-pull-secret small{font:650 8px/1 -apple-system,BlinkMacSystemFont,"SF Pro Text",sans-serif;letter-spacing:.09em;color:#2997ff}
.intro-note-secret strong{margin:34px 0 10px;font-size:clamp(25px,2.7vw,38px);line-height:.94;letter-spacing:-.055em}
.intro-note-secret p{margin:0;color:#a1a1a6;font-size:13px;line-height:1.45}
.intro-note-reset{align-self:flex-start;margin-top:auto;padding:8px 0 3px;border:0;border-bottom:1px solid #2997ff;background:transparent;color:#fff;font:650 9px/1 -apple-system,BlinkMacSystemFont,"SF Pro Text",sans-serif}.intro-note-reset:disabled{visibility:hidden}
.intro-sticker{position:absolute;z-index:5;left:9%;top:18%;width:min(54%,345px);min-height:225px;padding:24px 23px;border:0;border-radius:4px 20px 20px 20px;background:#fff3a6;color:#1d1d1f;box-shadow:0 22px 48px rgba(0,0,0,.16);display:flex;flex-direction:column;text-align:left;touch-action:none;cursor:grab!important;transform:translate3d(var(--sticker-x,0),var(--sticker-y,0),0) rotate(var(--sticker-rotate,-2deg));transform-origin:100% 0;transition:transform .68s cubic-bezier(.16,1,.3,1),opacity .35s ease,box-shadow .35s ease}
.intro-sticker small{font:650 8px/1 -apple-system,BlinkMacSystemFont,"SF Pro Text",sans-serif;letter-spacing:.09em;color:#6e6e73}.intro-sticker strong{margin:auto 0 8px;font-size:clamp(24px,2.6vw,36px);line-height:.95;letter-spacing:-.055em}.intro-sticker>span{color:#6e6e73;font-size:13px}.intro-sticker>i{position:absolute;right:0;top:0;width:44px;height:44px;border-radius:0 20px 0 9px;background:linear-gradient(225deg,#d6ca7f 0 49%,rgba(255,255,255,.76) 50%);transition:width .3s,height .3s}.intro-sticker:hover>i{width:58px;height:58px}
.intro-playground.is-note-dragging .intro-sticker{transition:none;cursor:grabbing!important;box-shadow:0 30px 64px rgba(0,0,0,.2)}.intro-playground.is-note-open .intro-sticker{transform:translate3d(126%,-30%,0) rotate(16deg);opacity:.2;pointer-events:none}.intro-playground.is-note-open .intro-note-secret{opacity:1;transform:none}
.intro-playground.is-hobbies-open .intro-note-secret{opacity:1;transform:none}

.intro-pull-secret{position:absolute;z-index:4;right:7%;top:51%;width:56%;min-height:126px;padding:20px 22px;border-radius:20px;background:rgba(255,255,255,.95);box-shadow:0 18px 40px rgba(0,0,0,.1);display:flex;flex-direction:column;justify-content:center;opacity:var(--pull-progress);clip-path:inset(calc((1 - var(--pull-progress)) * 100%) 0 0 0 round 20px);transform:translateY(calc((1 - var(--pull-progress)) * 22px));transition:opacity .4s ease,clip-path .62s cubic-bezier(.16,1,.3,1),transform .62s cubic-bezier(.16,1,.3,1);pointer-events:none}
.intro-pull-secret strong{margin:12px 0 6px;color:#1d1d1f;font-size:clamp(17px,1.7vw,23px);line-height:1.04;letter-spacing:-.04em}.intro-pull-secret>span{color:#6e6e73;font-size:11px;line-height:1.35}
.intro-pulley{position:absolute;z-index:30;right:5%;top:10%;width:54px;height:calc(var(--pull-step) * 2 + 58px);pointer-events:none}.intro-pull-line{position:absolute;left:50%;top:0;width:1px;height:calc(var(--pull-step) + 1px);transform:translateX(-50%);background:rgba(29,29,31,.3)}.intro-pull-line:before{content:"";position:absolute;left:-4px;top:-4px;width:9px;height:9px;border-radius:50%;background:#0071e3;box-shadow:0 0 0 6px rgba(0,113,227,.1)}.intro-pull-line:after{content:"";position:absolute;left:0;top:var(--pull-step);width:1px;height:var(--pull-step);opacity:0;background:repeating-linear-gradient(to bottom,#0071e3 0 5px,transparent 5px 11px);transition:opacity .35s ease}
.intro-pull{position:absolute;left:0;top:0;width:54px;height:54px;padding:0;border:0;border-radius:50%;background:#0071e3;color:#fff;box-shadow:0 10px 28px rgba(0,113,227,.25);display:grid;place-items:center;pointer-events:auto;touch-action:none;cursor:grab!important;transform:translateY(calc(var(--pull-base) + var(--pull-progress) * var(--pull-step)));transition:transform .62s cubic-bezier(.16,1,.3,1),box-shadow .3s,background .3s}.intro-pull>span{position:absolute;right:64px;padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.92);color:#6e6e73;font:650 8px/1 -apple-system,BlinkMacSystemFont,"SF Pro Text",sans-serif;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.intro-pull i{font-size:17px;font-style:normal}.intro-playground.is-pull-dragging .intro-pull{transition:none;cursor:grabbing!important;box-shadow:0 14px 36px rgba(0,113,227,.34)}
.intro-pull-more{position:absolute;left:50%;top:calc(var(--pull-step) * 1.62);width:104px;opacity:0;transform:translate(-50%,10px);display:grid;justify-items:center;gap:4px;text-align:center;transition:opacity .4s .25s ease,transform .6s .2s cubic-bezier(.16,1,.3,1)}.intro-pull-more b{color:#0071e3;font:700 8px/1 -apple-system,BlinkMacSystemFont,"SF Pro Text",sans-serif;letter-spacing:.08em;text-transform:uppercase}.intro-pull-more em{color:#6e6e73;font:600 7px/1 -apple-system,BlinkMacSystemFont,"SF Pro Text",sans-serif;letter-spacing:.06em;text-transform:uppercase;font-style:normal}.intro-playground.is-hobbies-open{--pull-base:var(--pull-step)}.intro-playground.is-hobbies-open .intro-pull{background:#1d1d1f;box-shadow:0 10px 30px rgba(29,29,31,.22)}.intro-playground.is-hobbies-open .intro-pull i{animation:intro-second-pull 1.25s ease-in-out infinite}.intro-playground.is-hobbies-open .intro-pull-line:after{opacity:1}.intro-playground.is-hobbies-open .intro-pull-more{opacity:1;transform:translate(-50%,0)}

.intro-hobby-notes{position:absolute;z-index:4;left:9%;top:18%;width:min(54%,345px);min-height:225px;perspective:900px;pointer-events:none}.intro-hobby-note{position:absolute;inset:0;width:100%;min-height:225px;padding:24px 23px;border:1px solid rgba(29,29,31,.07);border-radius:4px 20px 20px 20px;background:#fff3a6;color:#1d1d1f;box-shadow:0 22px 48px rgba(0,0,0,.15);display:flex;flex-direction:column;opacity:1;transform-origin:100% 0;will-change:transform,opacity,filter;transition:transform .65s cubic-bezier(.16,1,.3,1),opacity .32s ease,filter .3s ease}.intro-hobby-note:nth-child(2),.intro-hobby-note:nth-child(5){background:#fff}.intro-hobby-note:nth-child(3){background:#b9e5c7}.intro-hobby-note:nth-child(4){background:#ffc8db}.intro-hobby-note:nth-child(6){background:#bddcff}.intro-hobby-note:after{content:"";position:absolute;right:0;top:0;width:44px;height:44px;border-radius:0 20px 0 9px;background:linear-gradient(225deg,rgba(29,29,31,.14) 0 49%,rgba(255,255,255,.7) 50%)}.intro-hobby-note small{font:700 8px/1 -apple-system,BlinkMacSystemFont,"SF Pro Text",sans-serif;letter-spacing:.09em;color:#6e6e73}.intro-hobby-note strong{margin:auto 0 8px;font:700 clamp(24px,2.6vw,36px)/.95 -apple-system,BlinkMacSystemFont,"SF Pro Display",sans-serif;letter-spacing:-.055em}.intro-hobby-note span{color:#6e6e73;font:500 13px/1.3 -apple-system,BlinkMacSystemFont,"SF Pro Text",sans-serif}.intro-playground.is-auto-peeling .intro-sticker,.intro-playground.is-auto-peeling .intro-hobby-note{transition:none!important}

.intro-magnets{position:absolute;z-index:10;inset:0;pointer-events:none}.intro-magnet{position:absolute;left:var(--magnet-left);top:var(--magnet-top);min-width:88px;padding:11px 14px;border:1px solid rgba(29,29,31,.1);border-radius:999px;background:#fff;color:#1d1d1f;box-shadow:0 9px 24px rgba(0,0,0,.09);font:700 9px/1 -apple-system,BlinkMacSystemFont,"SF Pro Text",sans-serif;letter-spacing:.08em;pointer-events:auto;touch-action:none;cursor:grab!important;transform:translate3d(var(--magnet-x,0),var(--magnet-y,0),0) rotate(var(--magnet-rotate));transition:transform .5s cubic-bezier(.16,1,.3,1),box-shadow .3s}.intro-magnet:nth-child(2){background:#1d1d1f;color:#fff}.intro-magnet:nth-child(3){background:#0071e3;color:#fff}.intro-magnet.is-dragging{z-index:20;transition:none;cursor:grabbing!important;box-shadow:0 18px 42px rgba(0,0,0,.18)}
.intro-play-hint{position:absolute;z-index:2;left:18px;bottom:17px;margin:0;display:flex;align-items:center;gap:8px;color:#6e6e73;font:650 8px/1 -apple-system,BlinkMacSystemFont,"SF Pro Text",sans-serif;letter-spacing:.08em;text-transform:uppercase}.intro-play-hint>span{width:7px;height:7px;border-radius:50%;background:#0071e3;animation:intro-hint-pulse 2s ease-in-out infinite}
.intro-sticker:focus-visible,.intro-pull:focus-visible,.intro-magnet:focus-visible,.intro-note-reset:focus-visible{outline:3px solid rgba(0,113,227,.5)!important;outline-offset:3px}
@keyframes intro-hint-pulse{0%,100%{transform:scale(.65);opacity:.45}50%{transform:scale(1);opacity:1}}
@keyframes intro-play-in{to{opacity:1;transform:none}}
@keyframes intro-second-pull{0%,100%{transform:translateY(-2px)}50%{transform:translateY(3px)}}

body.note-gallery-open{overflow:hidden!important}.note-gallery{position:fixed;z-index:650;inset:0;overflow:hidden;background:rgba(245,245,247,.9);color:#1d1d1f;backdrop-filter:blur(28px) saturate(115%);-webkit-backdrop-filter:blur(28px) saturate(115%);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .45s ease,visibility 0s .5s}.note-gallery.is-open{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .45s ease,visibility 0s}.note-gallery-open .fx-cursor{z-index:750}.note-gallery-open .fx-ripple,.note-gallery-open .fx-spark{display:none}.note-gallery-noise{position:absolute;inset:0;opacity:.35;pointer-events:none;background-image:linear-gradient(rgba(29,29,31,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(29,29,31,.045) 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(circle at 50% 50%,#000,transparent 78%)}
.note-gallery-burst{position:absolute;z-index:40;left:84vw;top:27vh;width:1px;height:1px;pointer-events:none}.note-gallery-burst:before,.note-gallery-burst:after{content:"";position:absolute;left:0;top:0;width:24px;height:24px;border:2px solid #0071e3;border-radius:50%;opacity:0;transform:translate(-50%,-50%) scale(.2)}.note-gallery.is-open .note-gallery-burst:before{animation:note-shockwave 1.05s .08s cubic-bezier(.16,1,.3,1) both}.note-gallery.is-open .note-gallery-burst:after{animation:note-shockwave 1.2s .2s cubic-bezier(.16,1,.3,1) both}.note-gallery-burst i{position:absolute;left:0;top:0;width:var(--w);height:var(--h);border-radius:2px;background:var(--paper);opacity:0;transform:translate(-50%,-50%);box-shadow:0 5px 14px rgba(0,0,0,.15)}.note-gallery.is-open .note-gallery-burst i{animation:note-debris-flight var(--duration) var(--delay) cubic-bezier(.12,.72,.18,1) both}
.note-gallery-header{position:absolute;z-index:30;left:clamp(20px,4vw,64px);right:clamp(20px,4vw,64px);top:clamp(18px,3vw,42px);display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.note-gallery-header p{margin:0;display:grid;gap:8px}.note-gallery-header span{color:#6e6e73;font:650 8px/1 -apple-system,BlinkMacSystemFont,"SF Pro Text",sans-serif;letter-spacing:.1em}.note-gallery-header strong{font:650 clamp(24px,3vw,48px)/.96 -apple-system,BlinkMacSystemFont,"SF Pro Display",sans-serif;letter-spacing:-.055em}.note-gallery-close{min-height:48px;padding:0 8px 0 19px;border:1px solid rgba(29,29,31,.1);border-radius:999px;background:rgba(255,255,255,.86);box-shadow:0 10px 30px rgba(0,0,0,.07);display:flex;align-items:center;gap:13px;color:#1d1d1f;font:650 10px/1 -apple-system,BlinkMacSystemFont,"SF Pro Text",sans-serif}.note-gallery-close i{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#1d1d1f;color:#fff;font:400 19px/1 sans-serif;font-style:normal}.note-gallery-close:hover{background:#1d1d1f;color:#fff}
.note-gallery-field{position:absolute;inset:0;overflow:hidden;cursor:grab!important;touch-action:none;user-select:none;-webkit-user-select:none;outline:0}.note-gallery-field.is-dragging{cursor:grabbing!important}.note-gallery-plane{position:absolute;left:0;top:0;width:1px;height:1px;opacity:0;transform:translate3d(var(--gallery-x,0),var(--gallery-y,0),0) scale(.88);transform-origin:84vw 27vh;will-change:transform;transition:opacity .35s ease,scale .8s cubic-bezier(.16,1,.3,1)}.note-gallery.is-open .note-gallery-plane{opacity:1;scale:1}.note-gallery-field.is-dragging .note-gallery-plane{transition:opacity .35s ease}.note-gallery-item{position:absolute;width:clamp(160px,18vw,250px);aspect-ratio:1.16;transform:translate(-50%,-50%);z-index:1}.note-gallery-card{--delay:0s;width:100%;height:100%;padding:clamp(18px,2vw,28px);border:0;border-radius:5px 22px 22px 22px;display:flex;flex-direction:column;text-align:left;color:#1d1d1f;box-shadow:0 20px 50px rgba(0,0,0,.16);opacity:1;transform:translateY(-5px) rotate(var(--r));transform-origin:center;transition:box-shadow .25s ease,filter .25s ease,scale .3s cubic-bezier(.16,1,.3,1);will-change:transform;cursor:pointer}.note-gallery.is-open .note-gallery-card{animation:note-gallery-float var(--float) var(--delay) ease-in-out infinite alternate}.note-gallery-card.tone-yellow{background:#fff1a8}.note-gallery-card.tone-white{background:#fff}.note-gallery-card.tone-blue{background:#bcdcff}.note-gallery-card.tone-pink{background:#ffc8da}.note-gallery-card.tone-green{background:#bae5c6}.note-gallery-card.tone-orange{background:#ffd0ae}.note-gallery-card small{font:700 8px/1 -apple-system,BlinkMacSystemFont,"SF Pro Text",sans-serif;letter-spacing:.1em;color:#6e6e73}.note-gallery-card strong{margin:auto 0 10px;font:700 clamp(22px,2.4vw,36px)/.92 -apple-system,BlinkMacSystemFont,"SF Pro Display",sans-serif;letter-spacing:-.055em}.note-gallery-card span{max-width:18ch;color:#6e6e73;font:500 clamp(10px,1vw,13px)/1.35 -apple-system,BlinkMacSystemFont,"SF Pro Text",sans-serif}.note-gallery-card>i{position:absolute;right:16px;top:14px;font:500 14px/1 sans-serif;font-style:normal}.note-gallery-card:hover,.note-gallery-card.is-focused{z-index:25!important;box-shadow:0 34px 85px rgba(0,0,0,.24);filter:saturate(1.08);scale:1.1}.note-gallery-item:has(.is-focused){z-index:25}.note-gallery-card:focus-visible,.note-gallery-close:focus-visible,.note-gallery-field:focus-visible{outline:3px solid #0071e3!important;outline-offset:4px}
.note-gallery-hint{position:absolute;z-index:30;left:50%;bottom:22px;margin:0;transform:translateX(-50%);display:flex;align-items:center;gap:9px;white-space:nowrap;color:#6e6e73;font:650 8px/1 -apple-system,BlinkMacSystemFont,"SF Pro Text",sans-serif;letter-spacing:.09em;text-transform:uppercase}.note-gallery-hint span{width:7px;height:7px;border-radius:50%;background:#0071e3;animation:intro-hint-pulse 2s ease-in-out infinite}
@keyframes note-gallery-float{from{transform:translateY(-5px) rotate(var(--r))}to{transform:translateY(7px) rotate(calc(var(--r) + 1.2deg))}}
@keyframes note-shockwave{0%{opacity:.9;transform:translate(-50%,-50%) scale(.2)}100%{opacity:0;transform:translate(-50%,-50%) scale(28)}}
@keyframes note-debris-flight{0%{opacity:0;transform:translate(-50%,-50%) rotate(0) scale(.2)}12%{opacity:1}78%{opacity:1}100%{opacity:0;transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) rotate(var(--spin)) scale(1)}}

@media(max-width:1100px){.intro-brief{grid-template-rows:auto auto!important}.intro-brief .intro-voice{grid-column:4/13!important}.intro-playground{grid-column:1/8}.intro-brief .intro-copy{grid-column:8/13!important}.intro-pull>span{display:none}}
@media(max-width:760px){.intro-brief{min-height:auto!important;padding:88px 18px 74px!important;grid-template-columns:1fr!important;grid-template-rows:auto auto auto auto!important;gap:34px!important}.intro-brief .intro-code,.intro-brief .intro-voice,.intro-playground,.intro-brief .intro-copy{grid-column:1!important}.intro-brief .intro-code{grid-row:1!important}.intro-brief .intro-voice{grid-row:2!important}.intro-playground{grid-row:3;min-height:560px;border-radius:26px}.intro-brief .intro-copy{grid-row:4!important}.intro-brief .intro-voice h2{font-size:clamp(43px,12.5vw,68px)!important}.intro-sticker,.intro-hobby-notes{width:66%}.intro-note-secret{width:64%}.intro-pull-secret{width:65%}.intro-play-hint{display:none}}
@media(max-width:480px){.intro-playground{--pull-step:126px;min-height:520px}.intro-placeholder{left:5%;width:72%;height:56%}.intro-sticker{left:6%;top:17%;width:72%;min-height:205px}.intro-hobby-notes{left:6%;top:17%;width:72%;min-height:205px}.intro-hobby-note{min-height:205px}.intro-note-secret{left:7%;top:19%;width:70%;min-height:195px}.intro-pulley{right:4%}.intro-pull{width:48px;height:48px}.intro-pull-secret{right:6%;top:55%;width:73%}.intro-magnet{min-width:76px;padding:10px 11px;font-size:8px}.intro-magnet:nth-child(1){--magnet-left:6%!important}.intro-magnet:nth-child(2){--magnet-left:35%!important}.intro-magnet:nth-child(3){--magnet-left:66%!important}}

/* Keep the infinite note wall on a single composited layer while dragging. */
.note-gallery-plane{contain:layout style}
.note-gallery-field.is-dragging .note-gallery-plane{transition:none}
.note-gallery-field.is-dragging .note-gallery-card{animation:none!important;transition:none!important;filter:none!important;box-shadow:0 16px 36px rgba(0,0,0,.12)}
@media(max-width:760px){.note-gallery-header{left:18px;right:18px;top:18px}.note-gallery-header strong{font-size:26px}.note-gallery-close{min-height:42px;padding-left:14px;font-size:0}.note-gallery-close:before{content:"Back";font-size:10px}.note-gallery-close i{width:30px;height:30px}.note-gallery-item{width:clamp(150px,46vw,205px)}.note-gallery-card{padding:18px}.note-gallery-card strong{font-size:24px}.note-gallery-card:hover,.note-gallery-card.is-focused{scale:1.035}.note-gallery-hint{bottom:14px;font-size:7px}}
@media(prefers-reduced-motion:reduce){.intro-brief .intro-playground{opacity:1;transform:none;animation:none!important}.intro-playground *{animation:none!important;transition:none!important}.note-gallery-card{animation:none!important;opacity:1!important}.note-gallery{transition:none!important}}
.intro-hobby-note:nth-child(7){background:#ffd0ae}.intro-hobby-note:nth-child(8){background:#fff1a8}