.phone-mock{container:phone-mock / inline-size;overflow:hidden;border-radius:var(--sc-radius-hero)}.phone-mock--action{background:var(--sc-action-soft)}.phone-mock--host{background:var(--sc-host-soft)}.phone-mock__stage{--screen-scale: .6667;position:relative;width:33em;height:41em;margin-inline:auto;font-size:min(3.03cqi,16px)}.phone-mock__tag{position:absolute;left:1.167em;top:1.167em;z-index:2;padding:.333em .833em;border-radius:var(--sc-radius-full);background:var(--sc-bg);color:var(--sc-text);font-size:.75em;line-height:1.333}.phone-mock__frame{position:absolute;left:7.75em;top:2.5em;box-sizing:border-box;width:17.5em;height:35.9375em;padding:.625em;border-radius:3em;background:#1c1b1d;box-shadow:var(--sc-shadow-floating)}.phone-mock__screen{width:100%;height:100%;overflow:hidden;border-radius:2.375em;background:var(--sc-surface)}@container phone-mock (max-width: 479px){.phone-mock__stage{--screen-scale: .5641;width:22.375em;height:33.75em;font-size:min(4.469cqi,16px)}.phone-mock__frame{left:3.6875em;top:2.25em;width:15em;height:30.8em;border-radius:2.5em}.phone-mock__screen{border-radius:1.875em}}.app-mock{position:relative;box-sizing:border-box;display:flex;flex-direction:column;gap:.75em;width:24.375em;height:100%;padding:3.5em 1em 2em;color:var(--sc-text);font-size:calc(var(--screen-scale) * 1em);line-height:1.3}.app-mock--tabs{padding-bottom:6em}.app-mock b{font-weight:600}.app-mock .sc-icon{width:1.5em;height:1.5em}.app-mock__meta{color:var(--sc-text-secondary);font-size:.8125em}.app-mock__eyebrow{display:flex;align-items:center;gap:.5em;font-size:.8125em;font-weight:600}.app-mock__eyebrow img{width:2.154em;height:2.154em;border-radius:.615em;object-fit:cover}.app-mock__title{font-size:2.125em;line-height:1.2;font-weight:700}.app-mock__heading{font-size:1.375em;line-height:1.27;font-weight:700}.app-mock__display{font-family:var(--font-display);font-size:1.5em;line-height:1.15;font-weight:800;font-style:italic}.app-mock__card{display:flex;flex-direction:column;border-radius:1.5em;background:var(--sc-bg);overflow:hidden}.app-mock__row{display:flex;align-items:center;gap:.75em;padding:.75em .875em;border-bottom:1px solid var(--sc-outline-variant)}.app-mock__row:last-child{border-bottom:0}.app-mock__row-text{display:flex;flex-direction:column;gap:.125em;flex:1;min-width:0}.app-mock__row-value{color:var(--sc-text-secondary);font-size:.875em}.app-mock__row>.sc-icon:last-child{flex:none;color:var(--sc-text-secondary)}.app-mock__tile{flex:none;display:flex;align-items:center;justify-content:center;width:2.75em;height:2.75em;border-radius:.75em;background:var(--sc-action-soft);color:var(--sc-action);font-size:1em;line-height:1}.app-mock__tile--emoji{font-size:1.375em;width:2em;height:2em;border-radius:.545em}.app-mock__done{flex:none;display:flex;align-items:center;gap:.25em;color:var(--sc-success);font-size:.875em;font-weight:600}.app-mock__done .sc-icon{width:1.286em;height:1.286em}.app-mock__input{display:flex;align-items:center;box-sizing:border-box;height:3.125em;padding:0 1em;border:1px solid var(--sc-outline);border-radius:.75em;background:var(--sc-bg);font-size:1.0625em}.app-mock__chips{display:flex;flex-wrap:wrap;gap:.5em}.app-mock__chip{display:inline-flex;align-items:center;gap:.25em;padding:.5em .875em;border:1px solid var(--sc-outline);border-radius:var(--sc-radius-full);font-size:.9375em;font-weight:600}.app-mock__chip .sc-icon{width:1.2em;height:1.2em}.app-mock__chip--on{border-color:var(--sc-action-soft);background:var(--sc-action-soft);color:var(--sc-action)}.app-mock__bottom{display:flex;flex-direction:column;gap:.625em;margin-top:auto}.app-mock__button{display:flex;align-items:center;justify-content:center;gap:.5em;box-sizing:border-box;height:3.125em;border-radius:var(--sc-radius-full);background:var(--sc-action-fill);color:var(--sc-on-action-fill);font-size:1.0625em;font-weight:600}.app-mock__button--dark{background:#000;color:#fff}.app-mock__button--outline{border:1px solid var(--sc-outline);background:var(--sc-bg);color:var(--sc-text)}.app-mock__tabs{position:absolute;left:1em;right:1em;bottom:1.5em;display:flex;gap:.125em;padding:.375em;border-radius:var(--sc-radius-full);background:#fffffff5;box-shadow:var(--sc-shadow-menu)}.app-mock__tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:.182em;padding:.727em 0;border-radius:var(--sc-radius-full);font-size:.6875em;line-height:1.18;font-weight:600}.app-mock__tab .sc-icon{width:2.182em;height:2.182em}.app-mock__tab--current{background:var(--sc-action-soft);color:var(--sc-action)}.hiw{padding-bottom:96px}.hiw__header{max-width:880px;margin:48px auto 0}.hiw__header h1{font-family:var(--font-display);font-size:clamp(34px,18px + 2.5vw,52px);line-height:1.12;font-weight:800;font-style:italic;letter-spacing:-.01em;text-wrap:balance}.hiw__steps{display:flex;flex-direction:column;gap:88px;margin-block:32px 96px;padding:0;list-style:none}.hiw__step{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,528px);gap:64px;align-items:center;max-width:1120px;margin-inline:auto;width:100%}.hiw__step:nth-child(2n) .hiw__text{order:2}.hiw__step:nth-child(2n){grid-template-columns:minmax(0,528px) minmax(0,1fr)}.hiw__text{display:flex;flex-direction:column;gap:12px}.hiw__number{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:var(--sc-action-soft);font-size:24px;line-height:1}.hiw__step:nth-child(2n) .hiw__number{background:var(--sc-host-soft)}.hiw__text h2{font-size:34px;line-height:41px;font-weight:700;text-wrap:balance}.hiw__text p,.hiw__text li{font-size:17px;line-height:24px}.hiw__text ul{display:flex;flex-direction:column;gap:6px;margin:4px 0 0;padding-left:22px}.hiw-mock__logo{align-self:center;width:auto;height:1.75em;margin-top:.5em}.hiw-mock__prints{position:relative;height:12em;margin:.5em 0}.hiw-mock__prints>span{position:absolute;padding:.3em;border-radius:.6em;background:var(--sc-bg);box-shadow:var(--sc-shadow-menu);line-height:0}.hiw-mock__prints img{width:6.5em;height:6.5em;border-radius:.4em;object-fit:cover}.hiw-mock__prints>span:nth-child(1){left:1.25em;top:1.25em;transform:rotate(-7deg)}.hiw-mock__prints>span:nth-child(2){right:1.25em;top:0;transform:rotate(6deg)}.hiw-mock__prints>span:nth-child(3){left:7.5em;top:4.75em;z-index:1;transform:rotate(-2deg)}.hiw-mock__points{position:absolute;right:3em;bottom:0;z-index:2;padding:.25em .75em;border-radius:var(--sc-radius-full);background:var(--sc-bg);box-shadow:var(--sc-shadow-menu);color:var(--sc-points);font-family:var(--font-display);font-size:.875em;font-weight:800;font-style:italic}.hiw-mock__welcome{align-self:center;max-width:10em;text-align:center}.hiw-mock__hunt{display:flex;align-items:center;gap:.75em}.hiw-mock__hunt img{flex:none;width:4.5em;height:4.5em;border-radius:.75em;object-fit:cover}.hiw-mock__hunt>span{display:flex;flex-direction:column;align-items:flex-start;gap:.25em}.hiw-mock__hunt .sc-role-tag{padding:.125em .5em;font-size:.75em;line-height:1.333}.hiw-mock__host{margin-left:auto;padding:.15em .6em;font-size:.9em}.hiw-mock__edit-row{display:flex;align-items:flex-start;gap:.625em}.hiw-mock__edit-row .app-mock__tile--emoji{width:2.25em;height:2.25em}.hiw-mock__prompt-input{flex:1;height:auto;min-height:3.125em;padding:.6em .875em;line-height:1.35}.hiw-mock__invite{align-items:center;gap:.5em;padding:1.25em;text-align:center}.hiw-mock__qr{box-sizing:border-box;width:10em;height:10em;margin-bottom:.5em;padding:.75em;border-radius:.75em;background:var(--sc-bg);outline:1px solid var(--sc-outline-variant)}.hiw-mock__code{font-family:var(--font-mono);font-size:1.375em;font-weight:700;letter-spacing:.12em}.hiw-mock__post{display:flex;flex-direction:column;gap:.75em;padding:.875em;border-radius:1.5em;background:var(--sc-bg)}.hiw-mock__post-head{display:flex;align-items:center;gap:.625em}.hiw-mock__post-head img{flex:none;width:2.5em;height:2.5em;border-radius:50%}.hiw-mock__post-head>span{display:flex;flex-direction:column;min-width:0;flex:1}.hiw-mock__post-name{display:flex;justify-content:space-between;gap:.5em;font-size:1.0625em}.hiw-mock__mission{display:flex;gap:.25em;min-width:0;white-space:nowrap}.hiw-mock__mission span{overflow:hidden;text-overflow:ellipsis}.hiw-mock__pts{flex:none;color:var(--sc-points)}.hiw-mock__photo{width:100%;height:auto;aspect-ratio:1;border-radius:1em;object-fit:cover}.hiw-mock__counts{display:flex;gap:1.25em;color:var(--sc-text-secondary);font-size:.9375em;font-weight:600}.hiw-mock__counts>span{display:flex;align-items:center;gap:.4em}.hiw-mock__likes{color:var(--sc-action)}.hiw__tips{display:flex;flex-direction:column;gap:16px;max-width:880px;margin:0 auto 64px}.hiw__tips h2{font-size:34px;line-height:41px;font-weight:700}.hiw__tips ul{display:flex;flex-direction:column;gap:10px;margin:0;padding-left:22px}.hiw__tips li,.hiw__tips p{font-size:17px;line-height:24px}@media(max-width:1040px){.hiw__step,.hiw__step:nth-child(2n){grid-template-columns:minmax(0,1fr);gap:24px}.hiw__step:nth-child(2n) .hiw__text{order:0}.hiw__step .phone-mock{width:100%;max-width:528px;margin-inline:auto}}@media(max-width:760px){.hiw{padding-bottom:48px}.hiw__header{margin-top:24px}.hiw__steps{gap:48px;margin-block:24px 56px}.hiw__text h2,.hiw__tips h2{font-size:28px;line-height:34px}}