#app.app-section{background:#f0edf7;padding-block:32px}
@font-face{font-family:AayuTourMori;src:url('/fonts/PPMori-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:AayuTourMori;src:url('/fonts/PPMori-Medium.ttf') format('truetype');font-weight:500;font-display:swap}
#aayu-tour{--at-ink:#292c61;--at-muted:#666078;--at-paper:#f0edf7;--at-white:#fffefa;--at-line:#d9d4e6;--at-lime:#d7f238;--at-coral:#f5838d;color-scheme:light;color:var(--at-ink);font-family:AayuTourMori,Arial,sans-serif;width:100%;max-width:420px;margin:0 auto;container-type:inline-size}
#aayu-tour *{box-sizing:border-box}
#aayu-tour button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
#aayu-tour h2,#aayu-tour h3,#aayu-tour p,#aayu-tour figure{margin:0}
#aayu-tour .at-surface{background:var(--at-paper);padding:29px 20px 25px;border-radius:24px;display:grid;grid-template-areas:'intro' 'features' 'detail' 'viewer' 'note';gap:20px}
#aayu-tour .at-intro{grid-area:intro}
#aayu-tour .at-eyebrow{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:500;letter-spacing:.12em;line-height:1.5;text-transform:uppercase;margin-bottom:14px}
#aayu-tour .at-eyebrow:before{content:'';width:7px;height:7px;border-radius:50%;background:var(--at-coral);flex:0 0 7px}
#aayu-tour h2{font-size:35px;line-height:1.1;font-weight:500;letter-spacing:-.055em;max-width:480px}
#aayu-tour h2 span{color:#786491}
#aayu-tour .at-description{color:var(--at-muted);font-size:14px;line-height:1.55;max-width:420px;margin-top:14px}
#aayu-tour .at-features{grid-area:features;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px 6px;margin:0}
#aayu-tour .at-feature{position:relative;min-width:0;min-height:36px;border:1px solid var(--at-line);border-radius:9px;background:#f8f6fc;color:var(--at-ink);padding:7px 4px;font-size:12px;line-height:1.2;font-weight:500;overflow-wrap:anywhere;transition:background .15s,color .15s,border-color .15s}
#aayu-tour .at-feature:after{content:'';position:absolute;inset:-4px 0}
#aayu-tour .at-feature[aria-pressed=true]{background:var(--at-ink);border-color:var(--at-ink);color:white}
#aayu-tour .at-feature:hover{border-color:var(--at-ink)}
#aayu-tour .at-detail{grid-area:detail;min-height:65px}
#aayu-tour .at-detail h3{font-size:19px;line-height:1.25;font-weight:500;letter-spacing:-.025em}
#aayu-tour .at-detail p{font-size:13px;line-height:1.55;color:var(--at-muted);margin-top:6px}
#aayu-tour .at-viewer{grid-area:viewer;min-width:0;width:100%;max-width:348px;justify-self:center}
#aayu-tour .at-screen{position:relative;background:var(--at-white);padding:7px;border:1px solid #dad4e7;border-radius:25px;box-shadow:0 14px 38px #292c6111;overflow:hidden;touch-action:pan-y}
#aayu-tour .at-stage{position:relative;aspect-ratio:1206/2442;width:100%;background:#faf8f3;border-radius:18px;overflow:hidden}
#aayu-tour .at-subnav{display:flex;gap:8px;margin-top:14px}
#aayu-tour .at-subnav[hidden],#aayu-tour .at-pending[hidden],#aayu-tour .at-subshot[hidden]{display:none}
#aayu-tour .at-subnav button{min-height:44px;border-radius:99px;border:1px solid var(--at-line);background:var(--at-white);padding:10px 15px;color:var(--at-ink);font-size:12px;font-weight:500}
#aayu-tour .at-subnav button[aria-pressed=true]{background:var(--at-ink);border-color:var(--at-ink);color:white}
#aayu-tour .at-subshot{display:block;width:100%;height:100%;object-fit:contain;object-position:top;user-select:none;-webkit-user-drag:none}
#aayu-tour .at-pending{display:flex;height:100%;align-items:center;justify-content:center;padding:28px;text-align:center;flex-direction:column;gap:16px;background:var(--at-white)}
#aayu-tour .at-pending-label{display:inline-block;border:1px dashed var(--at-line);border-radius:8px;padding:8px 12px;font-size:11px;font-weight:500;line-height:1.4;letter-spacing:.05em;text-transform:uppercase;color:var(--at-muted)}
#aayu-tour .at-pending h4{font-size:24px;line-height:1.2;letter-spacing:-.035em;font-weight:500;margin:0}
#aayu-tour .at-pending p{font-size:14px;line-height:1.6;color:var(--at-muted);max-width:220px}
#aayu-tour .at-shot{display:block;width:100%;height:100%;object-fit:contain;object-position:top;user-select:none;-webkit-user-drag:none}
#aayu-tour .at-shot[hidden]{display:none}
#aayu-tour .at-controls{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center;margin-top:16px}
#aayu-tour .at-arrow{min-height:48px;display:flex;align-items:center;justify-content:center;gap:9px;border:1px solid var(--at-line);border-radius:100px;background:var(--at-white);padding:10px 14px;color:var(--at-ink);font-size:13px;font-weight:500;line-height:1.3}
#aayu-tour .at-arrow span[aria-hidden]{font-family:Arial,sans-serif;font-size:19px}
#aayu-tour .at-arrow.at-next{background:var(--at-lime);border-color:var(--at-lime)}
#aayu-tour .at-arrow:hover{border-color:var(--at-ink)}
#aayu-tour .at-counter{font-size:12px;color:var(--at-muted);font-variant-numeric:tabular-nums;white-space:nowrap}
#aayu-tour .at-counter strong{font-weight:500;color:var(--at-ink)}
#aayu-tour .at-caption{text-align:center;font-size:11px;line-height:1.5;color:var(--at-muted);margin-top:13px}
#aayu-tour .at-note{grid-area:note;border-top:1px solid var(--at-line);padding-top:16px;font-size:12px;line-height:1.5;color:var(--at-muted)}
#aayu-tour .at-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
#aayu-tour[data-layout=responsive]{max-width:1100px}
#aayu-tour[data-frame=flat] .at-screen{padding:0;border-radius:15px;box-shadow:none}
#aayu-tour[data-frame=flat] .at-stage{border-radius:14px}
@container (min-width:630px){
  #aayu-tour .at-surface{grid-template-columns:minmax(0,1fr) minmax(270px,.88fr);grid-template-areas:'intro viewer' 'features viewer' 'detail viewer' 'note viewer';grid-template-rows:auto auto auto 1fr;column-gap:36px;row-gap:24px;padding:40px 30px}
  #aayu-tour h2{font-size:43px}
  #aayu-tour .at-description{font-size:16px;line-height:1.6}
  #aayu-tour .at-intro{padding-top:24px}
  #aayu-tour .at-features{grid-template-columns:repeat(4,minmax(0,1fr));align-self:start}
  #aayu-tour .at-detail{align-self:start;min-height:92px}
  #aayu-tour .at-detail h3{font-size:22px}
  #aayu-tour .at-detail p{font-size:14px}
  #aayu-tour .at-note{align-self:start;margin-top:2px}
}
@container (max-width:340px){#aayu-tour .at-surface{padding:25px 15px 22px;gap:18px;border-radius:20px}#aayu-tour h2{font-size:30px}#aayu-tour .at-feature{font-size:11px;padding-inline:3px}#aayu-tour .at-controls{gap:8px}#aayu-tour .at-arrow{padding-inline:10px}#aayu-tour .at-detail{min-height:80px}}
@media(prefers-reduced-motion:reduce){#aayu-tour .at-feature{transition:none}}