.community-rules{gap:var(--space-4);display:grid}.community-rules-intro{color:var(--text-1)}.community-rules-list{gap:var(--space-3);margin:0;padding:0;list-style:none;display:grid}.community-rule{gap:var(--space-3);grid-template-columns:2rem 1fr;align-items:start;display:grid}.community-rule-emoji{font-size:var(--text-lg);line-height:var(--leading-normal);text-align:center}.community-rule-title{color:var(--text-1);display:block}.community-rule p{margin:0}.community-rules-note{font-size:var(--text-sm);color:var(--text-2)}.community-rules-terms{justify-self:start;font-weight:600}.record-page{gap:var(--space-12);display:grid}.record-hero{justify-items:center;gap:var(--space-4);max-width:760px;margin:var(--space-10) auto 0;text-align:center;display:grid}.record-message{text-wrap:balance;margin:0}.record-detail{max-width:560px;font-size:var(--text-md);text-wrap:balance;margin:0}.record-stores{justify-content:center;align-items:flex-start;gap:var(--space-4);flex-wrap:wrap;display:flex}.record-store{justify-items:center;gap:var(--space-2);display:grid}.record-howto{gap:var(--space-6);display:grid}.record-steps{column-gap:var(--space-6);grid-template-rows:auto auto;grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.record-step{grid-row:span 2;grid-template-rows:subgrid;row-gap:var(--space-4);display:grid}.record-step-text{align-content:start;gap:var(--space-2);display:grid}.record-step-title{align-items:baseline;gap:var(--space-3);margin:0;display:flex}.record-step-n{color:var(--color-brand)}.record-step p{margin:0}.record-bullets{gap:var(--space-1);padding-left:var(--space-5);margin:0;display:grid}.record-bullets li{color:var(--text-2)}.record-bullets li::marker{color:var(--color-brand)}.record-media{aspect-ratio:3/4;border-radius:var(--radius-lg);width:100%;display:block}.record-photo{object-fit:cover;background:var(--surface-2);height:auto}.record-clips{align-content:start;gap:var(--space-3);grid-template-columns:minmax(0,1fr);display:grid}.record-portrait-box{position:relative}.record-clip-portrait{aspect-ratio:9/16;object-fit:cover;border-radius:var(--radius-lg);background:var(--surface-2);height:100%;position:absolute;inset:0 auto 0 50%;transform:translate(-50%)}.record-clip-landscape{aspect-ratio:16/9;border-radius:var(--radius-lg);background:var(--surface-2);width:100%;display:block}.record-more{justify-content:center;align-items:center;gap:var(--space-1);text-align:center;font-size:var(--text-md);justify-self:center;display:inline-flex}@media (width<=900px){.record-page{gap:var(--space-8)}.record-hero{margin-top:var(--space-6)}.record-steps{row-gap:var(--space-6);grid-template-columns:minmax(0,1fr)}.record-step{grid-row:auto;grid-template-rows:auto}}.record-simulator{justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.record-simulator-text{gap:var(--space-1);flex:320px;min-width:0;display:grid}.record-simulator-text>*{margin:0}.get-the-app{gap:var(--space-5);display:grid}.get-the-app>p{margin:0}.clip-card.is-phone-card .card-link{position:relative}.phone-card-video{z-index:1;position:absolute;inset:0}.phone-card-video:empty{display:none}.phone-card-video .clip-player{border-radius:0;width:100%;height:100%}.phone-card-video .player-frame{aspect-ratio:auto;height:100%}.phone-chip{--target:56px;--disc:28px;--edge:var(--space-2);z-index:2;width:var(--target);height:var(--target);color:var(--color-white);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;padding:0;position:absolute}.phone-chip-disc{width:var(--disc);height:var(--disc);background:var(--surface-scrim-soft);border-radius:50%;place-items:center;display:grid;position:absolute}.phone-chip.is-top{top:0;right:0}.phone-chip.is-top .phone-chip-disc{top:var(--edge);right:var(--edge)}.phone-chip.is-middle{top:calc(50% - var(--target) / 2);right:0}.phone-chip.is-middle .phone-chip-disc{top:calc(50% - var(--disc) / 2);right:var(--edge)}.phone-chip.is-bottom{bottom:0;right:0}.phone-chip.is-bottom .phone-chip-disc{bottom:var(--edge);right:var(--edge)}.phone-chip.is-bottom-left{bottom:0;left:0}.phone-chip.is-bottom-left .phone-chip-disc{bottom:var(--edge);left:var(--edge)}.phone-chip.heart-on{color:var(--color-brand)}.phone-chip.heart-on .icon-heart path{fill:currentColor}.phone-chip.is-unavailable{opacity:.4}.phone-chip:focus-visible{outline:none}.phone-chip:focus-visible .phone-chip-disc{box-shadow:var(--focus-ring)}.phone-card-bar{z-index:3;display:none;position:absolute;bottom:-14px;left:0;right:0}.clip-card.is-playing .phone-card-bar{display:block}.phone-card-bar .player-bar{height:var(--seek-h)}.phone-card-bar .player-marks{display:none}.clip-card.is-portrait .card-link{width:min(100%, calc((100dvh - var(--tabbar-height) - 160px) * 9 / 16));justify-self:center}.clip-card.is-portrait .card-media{aspect-ratio:9/16;background:var(--color-black)}.clip-card.is-portrait .card-poster,.clip-card.is-portrait .card-angle{visibility:hidden}
