:root{--font-display:var(--font-bricolage), ui-sans-serif, system-ui, sans-serif;--font-sans:var(--font-figtree), ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:var(--font-jetbrains-mono), ui-monospace, "SF Mono", Menlo, monospace}html,body{background:var(--ground);color:var(--ink);margin:0}::selection{background:color-mix(in oklab, var(--yapi) 30%, transparent)}body{font-family:var(--font-sans);-webkit-font-smoothing:antialiased}a{color:var(--yapi)}img,video{max-width:100%}h1,h2,h3{text-wrap:balance}.skip-link{inset-inline-start:8px;z-index:2000;border-radius:var(--radius-sm);background:var(--yapi);color:var(--on-yapi);padding:8px 12px;position:fixed;top:8px;transform:translateY(-200%)}.skip-link:focus{transform:none}.stack{gap:var(--space-4);flex-direction:column;display:flex}.stack-sm{gap:var(--space-2);flex-direction:column;display:flex}.row{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.row:has(>.yp-btn--sm,>*>.yp-btn--sm,>.yp-chip,>a:not([class*=yp-])){row-gap:14px}.row:has(>.yp-btn--sm)+details{margin-top:9px}.yp-field--grow{flex:1}.muted{color:var(--ink-muted)}.section-title{font:800 20px/26px var(--font-display);letter-spacing:-.02em;color:var(--ink);margin:0}.auth{min-height:100dvh;padding:var(--space-6) var(--space-4);background:radial-gradient(700px 420px at 15% 0%, color-mix(in oklab, var(--yapi) 22%, transparent), transparent 70%), radial-gradient(600px 400px at 100% 100%, color-mix(in oklab, var(--saffron) 20%, transparent), transparent 70%), var(--ground);place-items:center;display:grid}.auth__card{gap:var(--space-4);width:100%;max-width:440px;padding:var(--space-8) var(--space-6);background:color-mix(in oklab, var(--surface) 88%, transparent);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--line);box-shadow:var(--shadow-lg);border-radius:28px;flex-direction:column;display:flex}.auth__brand{font:800 22px/1 var(--font-display);letter-spacing:-.03em;color:var(--ink);align-items:center;gap:10px;text-decoration:none;display:flex}.auth__brand img{width:30px;height:30px}.auth h1{font:800 32px/36px var(--font-display);letter-spacing:-.03em;margin:0}.auth__foot{color:var(--ink-muted);font-size:14px}.auth__top{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.lang-pick{color:var(--ink-muted);align-items:center;display:inline-flex;position:relative}.lang-pick__globe,.lang-pick__chevron{z-index:1;pointer-events:none;position:absolute}.lang-pick__globe{inset-inline-start:12px}.lang-pick__chevron{inset-inline-end:12px}.lang-pick__select{appearance:none;max-width:100%;min-height:44px;font:500 14px/20px var(--font-sans);color:var(--ink);background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--radius-md);cursor:pointer;padding-block:0;padding-inline:38px 36px}.lang-pick__select:hover{border-color:var(--ink-muted)}.lang-pick__select:focus-visible{border-color:var(--yapi);box-shadow:var(--focus-ring);outline:none}html[data-locale-pending] body{visibility:hidden}.grad-text{background:var(--grad);color:#0000;-webkit-background-clip:text;background-clip:text}.landing{min-height:100dvh;padding:var(--space-6) var(--space-4);background:radial-gradient(900px 600px at 85% 10%, color-mix(in oklab, var(--yapi) 26%, transparent), transparent 65%), radial-gradient(700px 500px at 60% 100%, color-mix(in oklab, var(--saffron) 22%, transparent), transparent 65%), var(--ground);grid-template-rows:auto 1fr auto;display:grid;position:relative;overflow:hidden}.landing__top{justify-content:space-between;align-items:center;width:100%;max-width:1160px;margin:0 auto;display:flex}.landing__hero{gap:var(--space-12);width:100%;max-width:1160px;padding:var(--space-12) 0;align-items:center;margin:0 auto;display:grid}.landing__eyebrow{align-items:center;gap:var(--space-2);border-radius:var(--radius-full);background:var(--surface);border:1px solid var(--line);width:fit-content;box-shadow:var(--shadow-sm);font:600 13px/1 var(--font-sans);padding-block:6px;padding-inline:8px 14px;display:inline-flex}.landing__eyebrow b{border-radius:var(--radius-full);background:var(--grad);color:var(--on-yapi);letter-spacing:.04em;padding:4px 8px;font-size:11px}.landing__hero h1{font:800 clamp(48px, 9vw, 104px)/.92 var(--font-display);letter-spacing:-.045em;margin:0}.landing__hero p{max-width:44ch;color:var(--ink-muted);margin:0;font-size:19px;line-height:29px}.landing__journey{gap:var(--space-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.landing__journey li{border-radius:var(--radius-full);background:var(--surface);border:1px solid var(--line);font:600 13px/1 var(--font-sans);padding:9px 14px}.landing__journey li:nth-child(3n+1){background:var(--yapi-soft);border-color:#0000}.landing__journey li:nth-child(4){background:var(--saffron-soft);border-color:#0000}.landing__stage{height:560px;display:none;position:relative}.phone{background:var(--surface);border:1px solid var(--line);width:250px;height:510px;box-shadow:var(--shadow-lg), 0 40px 80px -30px color-mix(in oklab, var(--yapi) 45%, transparent);border-radius:40px;flex-direction:column;gap:10px;padding:14px;display:flex;position:absolute;overflow:hidden}.phone--a{top:30px;left:8%;transform:rotate(-7deg)}.phone--b{background:#0b0c14;border-color:#262a40;top:0;right:6%;transform:rotate(6deg)}.phone__row{gap:8px;display:flex}.phone__ring{background:var(--grad-fx);border-radius:50%;width:44px;height:44px;padding:3px}.phone__ring i{background:var(--surface-sunken);width:100%;height:100%;box-shadow:0 0 0 2px var(--surface);border-radius:50%;display:block}.phone__card{background:var(--surface-sunken);border-radius:18px;flex-direction:column;gap:6px;padding:10px;display:flex}.phone__line{background:var(--line);border-radius:4px;height:8px}.phone__img{background:var(--grad-fx);border-radius:14px;height:150px}.phone__img--2{background:linear-gradient(160deg, var(--saffron), color-mix(in oklab, var(--saffron) 40%, var(--yapi)));height:110px}.phone__bubble{max-width:75%;font:500 12px/16px var(--font-sans);color:#f2f3fa;background:#151726;border:1px solid #262a40;border-radius:16px;padding:10px 12px}.phone__bubble--me{background:var(--grad);color:var(--on-yapi);border:0;align-self:flex-end}.phone__live{background:linear-gradient(200deg,#3a1624,#151726 70%);border-radius:18px;height:180px;position:relative}.phone__live:after{content:"LIVE";color:#0b0c14;font:800 10px/1 var(--font-sans);letter-spacing:.08em;background:#ff5c7a;border-radius:6px;padding:3px 8px;position:absolute;top:10px;left:10px}.float-chip{z-index:2;border-radius:var(--radius-full);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-lg);font:700 13px/1 var(--font-sans);align-items:center;gap:8px;padding:10px 14px;animation:6s ease-in-out infinite yp-float;display:flex;position:absolute}.float-chip--1{bottom:90px;left:0}.float-chip--2{animation-delay:-3s;bottom:30px;right:0}.float-chip span{background:var(--grad-fx);border-radius:50%;width:22px;height:22px}@keyframes yp-float{50%{transform:translateY(-10px)}}@media (prefers-reduced-motion:reduce){.float-chip{animation:none}}.landing__foot{width:100%;max-width:1160px;color:var(--ink-muted);margin:0 auto;font-size:13px}@media (min-width:960px){.landing__hero{grid-template-columns:1.15fr 1fr}.landing__stage{display:block}}.topic-grid{gap:var(--space-2);flex-wrap:wrap;display:flex}.topic-grid button{height:40px;padding:0 var(--space-4);border-radius:var(--radius-full);border:1px solid var(--line-strong);background:var(--surface);color:var(--ink);font:600 14px/1 var(--font-sans);cursor:pointer}.topic-grid button[aria-pressed=true]{background:var(--grad);color:var(--on-yapi);border-color:#0000}.topic-grid button:focus-visible{box-shadow:var(--focus-ring);outline:none}.profile__cover{border-radius:var(--radius-lg);background:radial-gradient(400px 200px at 80% 20%, color-mix(in oklab, var(--saffron) 80%, transparent), transparent 70%), linear-gradient(135deg, var(--yapi-strong), var(--yapi) 45%, color-mix(in oklab, var(--yapi) 50%, var(--saffron)));background-position:50%;background-size:cover;height:200px;position:relative;overflow:hidden}.profile__cover--photo{aspect-ratio:8/3;background:var(--surface-sunken);height:auto}.profile__cover-img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.profile__cover-fade{pointer-events:none;background:linear-gradient(to bottom, transparent 45%, color-mix(in oklab, var(--ground) 30%, transparent) 75%, color-mix(in oklab, var(--ground) 80%, transparent));position:absolute;inset:0}.profile__cover-edit{top:var(--space-3);box-shadow:var(--shadow-sm);position:absolute;inset-inline-end:var(--space-3)}.cover-sheet__preview{aspect-ratio:8/3;border-radius:var(--radius-md);background:var(--surface-sunken);place-items:center;display:grid;overflow:hidden}.cover-sheet__preview img{object-fit:cover;width:100%;height:100%}.cover-sheet__actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.cover-sheet__recent{gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(88px,1fr));margin:0;padding:0;list-style:none;display:grid}.cover-sheet__photo{aspect-ratio:1;border-radius:var(--radius-sm);background:var(--surface-sunken);cursor:pointer;border:2px solid #0000;width:100%;min-height:44px;padding:0;display:block;overflow:hidden}.cover-sheet__photo img{object-fit:cover;width:100%;height:100%}.cover-sheet__photo:hover{border-color:var(--line)}.cover-sheet__photo:focus-visible{box-shadow:var(--focus-ring);outline:none}.cover-view{touch-action:none;-webkit-user-select:none;user-select:none;background:#000;flex:none;position:relative;overflow:hidden}.cover-view__frame{position:absolute}.cover-view--stage{cursor:grab}.cover-view--stage:active{cursor:grabbing}.cover-view--stage:focus-visible{outline-offset:3px;outline:3px solid #fff}.cover-preview__band{position:relative}.cover-preview__fade{pointer-events:none;position:absolute;inset:0}.cover-preview__head{flex-wrap:wrap;align-items:flex-end;gap:8px;margin-top:-28px;padding:0 10px 8px;display:flex;position:relative}.cover-preview__avatar{border-radius:50%;display:inline-flex}.now-status{align-items:center;gap:var(--space-2);max-width:100%;color:var(--ink);margin:0;font-size:15px;display:inline-flex}.now-status svg{color:var(--yapi);flex:none}.now-status__text{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.now-status--compact{color:var(--ink-muted);font-size:13px;line-height:16px}.now-status__edit{align-self:flex-start}.now-status__icons{gap:var(--space-2);border:0;flex-wrap:wrap;margin:0;padding:0;display:flex}.now-status__legend{margin-bottom:var(--space-1);flex-basis:100%}.now-status__icon{min-width:var(--control-md);height:var(--control-md);padding:0 var(--space-2);border:1px solid var(--line);border-radius:var(--radius-full);background:var(--surface);color:var(--ink);cursor:pointer;place-items:center;font-size:14px;display:inline-grid}.now-status__icon[aria-checked=true]{border-color:var(--yapi);background:var(--yapi-soft);color:var(--yapi-strong)}.now-status__icon{cursor:pointer;font:inherit}.now-status__icon:focus-visible{box-shadow:var(--focus-ring);outline:none}.share-profile__card{align-items:center;gap:var(--space-1);padding:var(--space-4);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);flex-direction:column;display:flex}.qr-code{max-width:100%;height:auto;margin-bottom:var(--space-2);border-radius:var(--radius-sm)}.chat-title{flex-direction:column;min-width:0;display:flex}.circles-form__name{flex:1;min-width:12rem}.circles__list{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.circles__row{align-items:center;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);display:flex}.circles__row[aria-current=true]{border-color:var(--yapi)}.circles__row .sound-row__text{flex:1}.profile__head{gap:var(--space-3);padding:0 var(--space-4);flex-direction:column;margin-top:-44px;display:flex}.profile__head>.yp-btn--sm{margin-top:2px}.profile__head .yp-avatar{box-shadow:0 0 0 4px var(--ground)}.profile__name{font:800 30px/34px var(--font-display);letter-spacing:-.02em;margin:0}.profile__counts{gap:var(--space-4);margin-bottom:6px;font-size:14px;display:flex}.profile__counts strong{font-variant-numeric:tabular-nums}.chat-page{gap:var(--space-3);flex-direction:column;min-height:calc(100dvh - 140px);display:flex}.chat-page .yp-chat{flex:1}.chat-end{margin-top:calc(-1 * var(--space-3))}:root:has(.chat-page){scroll-padding-bottom:calc(200px + env(safe-area-inset-bottom,0px))}@media (min-width:900px){:root:has(.chat-page){scroll-padding-bottom:96px}}.composer-box{gap:var(--space-3);padding:var(--space-4);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;display:flex}.composer-box textarea{resize:vertical;width:100%;min-height:120px;color:var(--ink);font:400 17px/26px var(--font-sans);background:0 0;border:0}.composer-box textarea:focus{outline:none}.composer-box:has(textarea:focus-visible){box-shadow:var(--focus-ring)}.thumbs{gap:var(--space-2);flex-wrap:wrap;display:flex}.thumbs .yp-input{--yp-input-h:32px;font-size:12px}.thumbs figure{border-radius:var(--radius-md);background:var(--surface-sunken);width:96px;height:96px;margin:0;position:relative;overflow:hidden}.thumbs img,.thumbs video{object-fit:cover;width:100%;height:100%}.thumbs figure>button{top:4px;border-radius:var(--radius-full);background:var(--overlay);width:24px;height:24px;color:var(--on-yapi);cursor:pointer;border:0;place-items:center;display:grid;position:absolute;inset-inline-end:4px}.comment{gap:var(--space-2);display:flex}.comment__bubble{min-width:0;padding:var(--space-2) var(--space-3);border-radius:18px;background:var(--surface-sunken);border-start-start-radius:6px;flex:1;font-size:14px;line-height:20px}.comment__bubble strong{font-size:13px;display:block}.comment__main{gap:var(--space-1);flex:1;min-width:0;display:grid}.comment__name{color:inherit}.comment__label{color:var(--ink-muted);font-size:12px;font-weight:600;display:block}.comment__actions{align-items:center;gap:var(--space-1) var(--space-3);flex-wrap:wrap;padding-inline-start:var(--space-3);font-size:13px;display:flex}.comment__action{min-height:32px;color:var(--ink-muted);font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;padding:0 2px;font-weight:600;display:inline-flex}.comment__action:hover{color:var(--ink)}.comment__like[aria-pressed=true]{color:var(--yapi)}.comment__like[aria-pressed=true] svg{fill:currentColor}.comment__author-like{color:var(--ink-muted);align-items:center;gap:4px;font-size:12px;display:inline-flex}.comment__author-like svg{fill:var(--yapi);stroke:var(--yapi)}.comment__thread-toggle{justify-self:start;padding-inline-start:var(--space-3)}.comment__replies{border-inline-start:2px solid var(--line);padding-inline-start:var(--space-2)}.comments__hidden,.comments__likers{padding:var(--space-3);border-radius:var(--radius-md);background:var(--surface-sunken)}.stats{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(min(100%,150px),1fr));display:grid}.table-wrap{position:relative;overflow-x:auto}.table{border-collapse:collapse;width:100%;font-size:14px}.table th,.table td{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--line);text-align:start;vertical-align:top}.table th{font:600 12px/16px var(--font-sans);letter-spacing:.04em;text-transform:uppercase;color:var(--ink-muted)}.call{z-index:1300;color:#f1f5f3;padding:var(--space-4) var(--space-4) calc(var(--space-4) + env(safe-area-inset-bottom,0px));background:#050807;grid-template-rows:1fr auto;display:grid;position:fixed;inset:0}.call__ring{place-self:center;align-items:center;gap:var(--space-4);font:600 20px/28px var(--font-sans);flex-direction:column;display:flex}.call__grid{gap:var(--space-2);grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));align-content:center;min-height:0;display:grid}.call__remote{border-radius:var(--radius-md);object-fit:cover;background:#111;width:100%;max-height:80dvh}.call__audio{opacity:0;width:1px;height:1px}.call__status{text-align:center;font:600 18px/26px var(--font-sans)}.call__self{inset-inline-end:var(--space-4);border-radius:var(--radius-md);width:120px;max-width:30vw;position:absolute;bottom:96px;transform:scaleX(-1);box-shadow:0 0 0 2px #050807}.call__controls{justify-content:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.room-audio{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.room{position:relative}.room__heading{gap:var(--space-2);margin:0 0 var(--space-3);font:700 16px/24px var(--font-sans);align-items:baseline;display:flex}.room-stage{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(112px,1fr));display:grid}.room-speaker{align-items:center;gap:var(--space-1);padding:var(--space-3) var(--space-2);border-radius:var(--radius-md);background:var(--surface);border:1px solid var(--line);text-align:center;flex-direction:column;display:flex;position:relative}.room-speaker .yp-menu{top:var(--space-1);position:absolute;inset-inline-end:var(--space-1)}.room-speaker__avatar{border-radius:var(--radius-full);transition:box-shadow var(--duration-fast) ease-out;position:relative;box-shadow:0 0 0 3px #0000}.room-speaker.is-speaking .room-speaker__avatar{box-shadow:0 0 0 3px var(--surface), 0 0 0 6px var(--success)}.room-speaker__muted{inset-inline-end:-4px;border-radius:var(--radius-full);background:var(--surface-sunken);width:24px;height:24px;color:var(--ink-muted);border:2px solid var(--surface);place-items:center;display:grid;position:absolute;bottom:-4px}.room-speaker__name{font:600 14px/20px var(--font-sans);overflow-wrap:anywhere}.room-speaker__meta{font:500 12px/16px var(--font-sans)}.room-listeners{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.room-listeners li{align-items:center;gap:var(--space-2);min-height:var(--control-md);display:flex}.room-listeners__name{min-width:0;font:500 14px/20px var(--font-sans);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.room-controls{bottom:calc(88px + env(safe-area-inset-bottom,0px));gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-lg);flex-wrap:wrap;align-items:center;display:flex;position:sticky}@media (min-width:900px){.room-controls{bottom:var(--space-4)}}.room-controls__reactions{flex-wrap:wrap;gap:2px;max-width:100%;display:flex}.room-react{width:var(--control-md);height:var(--control-md);border-radius:var(--radius-full);color:var(--ink-muted);cursor:pointer;background:0 0;border:0;place-items:center;display:grid}.room-react:hover{background:var(--surface-sunken);color:var(--yapi)}.room-react:focus-visible{box-shadow:var(--focus-ring);outline:none}.room-reactions{pointer-events:none;height:0;position:relative}.room-reactions__float{color:var(--yapi);animation:2.6s ease-out forwards room-float;position:absolute;bottom:0}@keyframes room-float{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-140px)}}@media (prefers-reduced-motion:reduce){.room-reactions__float{animation:2.6s linear forwards room-fade}@keyframes room-fade{to{opacity:0}}}.room-ended{align-items:center;gap:var(--space-2);padding:var(--space-8) var(--space-4);border-radius:var(--radius-md);background:var(--surface);border:1px solid var(--line);text-align:center;flex-direction:column;display:flex}.room-ended p{margin:0}.room-card,.room-new{gap:var(--space-2);padding:var(--space-4);border-radius:var(--radius-md);background:var(--surface);border:1px solid var(--line);flex-direction:column;display:flex}.room-card p,.room-new p{margin:0}.room-card__head{gap:var(--space-2);align-items:center;display:flex}.room-card__title{font:700 16px/22px var(--font-sans);color:var(--ink);overflow-wrap:anywhere}.room-banner{gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--yapi-soft);color:var(--ink);align-items:center;text-decoration:none;display:flex}.room-banner__title{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:700;overflow:hidden}.room-mini{z-index:60;inset-inline:var(--space-3);bottom:calc(88px + env(safe-area-inset-bottom,0px));gap:var(--space-2);padding-block:var(--space-2);padding-inline:var(--space-3) var(--space-2);border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-lg);align-items:center;display:flex;position:fixed}@media (min-width:900px){.room-mini{inset-inline-start:auto;inset-inline-end:var(--space-4);bottom:var(--space-4);width:360px}}.room-mini__main{gap:var(--space-3);min-width:0;color:var(--ink);flex:1;align-items:center;text-decoration:none;display:flex}.room-mini__text{min-width:0;font:500 13px/18px var(--font-sans);flex-direction:column;display:flex}.room-mini__text strong,.room-mini__text span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.room-mini__live{border-radius:var(--radius-full);background:var(--danger);flex:none;width:10px;height:10px}.room-mini__live.is-speaking{background:var(--success);box-shadow:0 0 0 4px var(--success-soft)}.faq{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;display:flex;overflow:hidden}.faq__item{padding:var(--space-4);border-top:1px solid var(--line)}.faq__item:first-child{border-top:0}.faq__item summary,.similar summary{cursor:pointer;font-weight:700;list-style-position:outside}.faq__item p,.similar p{margin:var(--space-2) 0;white-space:pre-wrap;color:var(--ink-muted)}.similar{gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--saffron-soft);flex-direction:column;font-size:14px;line-height:20px;display:flex}.similar__post{padding:var(--space-2) var(--space-3);background:var(--surface);color:var(--ink);border-radius:10px;flex-direction:column;gap:2px;text-decoration:none;display:flex}.similar__post:hover{box-shadow:var(--shadow-sm)}.yp-sponsored{gap:var(--space-2);flex-direction:column;display:flex}.yp-sponsored__bar{align-items:center;gap:var(--space-1);padding:0 var(--space-2);display:flex}.yp-sponsored .yp-spacer{flex:1}.family-controls{gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-md);background:var(--surface-sunken);flex-direction:column;display:flex}.usage{align-items:flex-end;gap:var(--space-2);height:88px;display:flex}.usage__day{flex-direction:column;flex:1;align-items:center;gap:4px;display:flex}.usage__bar{background:var(--grad);border-radius:8px 8px 4px 4px;width:100%;max-width:28px}.usage__label{font:600 11px/14px var(--font-sans);color:var(--ink-muted)}.live-gift{align-items:center;gap:var(--space-3);margin:var(--space-1) 0;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--saffron-soft);animation:yp-in var(--duration-base) ease-out backwards;font-size:14px;line-height:20px;display:flex}.live-gift__amount{border-radius:var(--radius-full);background:var(--grad);color:var(--on-yapi);font:800 13px/1 var(--font-display);font-variant-numeric:tabular-nums;flex:none;padding:4px 10px}.agent{gap:var(--space-3);flex-direction:column;display:flex}.agent__ask{align-items:center;gap:var(--space-2);padding-block:6px;padding-inline:var(--space-4) 6px;border-radius:var(--radius-full);background:linear-gradient(var(--surface), var(--surface)) padding-box, var(--grad-fx) border-box;box-shadow:var(--shadow-sm);color:var(--yapi);border:1.5px solid #0000;display:flex}.agent__ask:focus-within{box-shadow:var(--focus-ring)}.agent__ask input{min-width:0;height:44px;color:var(--ink);font:500 15px/1 var(--font-sans);background:0 0;border:0;flex:1;margin-block:-4px}.agent__ask input:focus{outline:none}.agent__ask input::placeholder{color:var(--ink-muted)}.agent__cards{gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));margin:0;padding:0;list-style:none;display:grid}.agent__card{height:100%;padding:var(--space-3);border-radius:var(--radius-md);background:var(--surface-sunken);color:var(--ink);transition:box-shadow var(--duration-fast);flex-direction:column;gap:2px;font-size:14px;line-height:20px;text-decoration:none;display:flex}.agent__card:hover{box-shadow:var(--shadow-sm)}.agent__type{font:700 11px/14px var(--font-sans);letter-spacing:.08em;text-transform:uppercase;color:var(--yapi)}.agent__why{color:var(--ink-muted);margin-top:4px;font-size:13px}.yp-scrubber{direction:ltr;height:32px;position:relative}.yp-scrubber:before,.yp-scrubber:after{content:"";border-radius:var(--radius-full);height:8px;position:absolute;top:12px}.yp-scrubber:before{background:var(--line);left:0;right:0}.yp-scrubber:after{left:var(--from);width:calc(var(--to) - var(--from));background:var(--yapi)}.yp-scrubber input[type=range]{z-index:1;pointer-events:none;appearance:none;background:0 0;width:100%;height:100%;margin:0;position:absolute;inset:0}.yp-scrubber input[type=range]::-webkit-slider-thumb{border:2px solid var(--yapi);border-radius:var(--radius-sm);background:var(--surface);cursor:ew-resize;pointer-events:auto;appearance:none;width:20px;height:28px}.yp-scrubber input[type=range]::-moz-range-thumb{border:2px solid var(--yapi);border-radius:var(--radius-sm);background:var(--surface);cursor:ew-resize;pointer-events:auto;width:16px;height:24px}.yp-scrubber input[type=range]:focus-visible{outline:none}.yp-scrubber input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:var(--focus-ring)}.yp-scrubber input[type=range]:focus-visible::-moz-range-thumb{box-shadow:var(--focus-ring)}.live-shop{gap:var(--space-3);padding-bottom:var(--space-1);scrollbar-width:thin;grid-auto-columns:minmax(220px,260px);grid-auto-flow:column;display:grid;overflow-x:auto}.live-translate{color:var(--ink-muted);font:600 12px/16px var(--font-sans);cursor:pointer;background:0 0;border:0;margin:2px 0 6px 6px;padding:0}.live-translate:hover{color:var(--yapi)}.live-translate:focus-visible{box-shadow:var(--focus-ring);border-radius:4px;outline:none}.live-clip{flex-direction:column;gap:4px;margin:0;display:flex}.live-clip video,.live-clip__wait{aspect-ratio:16/9;border-radius:var(--radius-md);background:#07080e;width:100%}.live-clip__wait{color:#c9cde0;place-items:center;font-size:13px;display:grid}.live-clip figcaption{font:600 12px/16px var(--font-sans);color:var(--ink-muted);font-variant-numeric:tabular-nums}.picker{gap:var(--space-1);flex-direction:column;display:flex;position:relative}.picker__box{align-items:center;gap:var(--space-1);min-height:var(--control-md);padding:4px var(--space-2);border:1px solid var(--line-strong);border-radius:var(--radius-md);background:var(--surface);cursor:text;flex-wrap:wrap;display:flex}.picker__box:focus-within{border-color:var(--yapi);box-shadow:var(--focus-ring)}.picker__box input{min-width:120px;height:44px;color:var(--ink);font:400 15px/1 var(--font-sans);background:0 0;border:0;flex:1;margin-block:-6px}.picker__box input:focus{outline:none}.picker__list{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow-lg);max-height:320px;margin:0;padding:4px;list-style:none;overflow-y:auto}.picker__option{align-items:center;gap:var(--space-3);padding:var(--space-2);cursor:pointer;border-radius:10px;display:flex}.picker__option[aria-selected=true]{background:var(--surface-sunken)}.picker__option[aria-disabled=true]{cursor:not-allowed;opacity:.6}.picker__text{flex-direction:column;min-width:0;display:flex}.picker__name{font-weight:700}.picker__meta{color:var(--ink-muted);font-size:13px}.story{z-index:1150;color:#f2f3fa;animation:yp-fade var(--duration-base) ease-out;background:#05060b;place-items:center;display:grid;position:fixed;inset:0}.story:focus{outline:none}.story__frame{background:#0b0c14;grid-template-rows:auto auto 1fr auto;width:min(100vw,56.25dvh);height:100dvh;max-height:100dvh;display:grid;position:relative;overflow:hidden}@media (min-width:700px){.story__frame{border-radius:18px;height:min(100dvh - 48px,860px)}}.story__bars{z-index:2;gap:4px;padding:10px 10px 0;display:flex}.story__bar{background:#ffffff40;border-radius:2px;flex:1;height:3px;overflow:hidden}.story__bar>span{background:#fff;height:100%;display:block}.story__head{align-items:center;gap:var(--space-2);z-index:2;padding:10px 12px;display:flex}.story__who{font:700 14px/18px var(--font-sans);flex-direction:column;flex:1;display:flex}.story__who>span{opacity:.75;font-size:12px;font-weight:500}.story__icon{border-radius:var(--radius-full);min-width:40px;height:40px;color:inherit;cursor:pointer;background:#ffffff1a;border:0;place-items:center;font-size:14px;display:grid}.story__icon[aria-pressed=true]{color:#ff5c7a}.story__icon:focus-visible,.story__tap:focus-visible{outline:none;box-shadow:0 0 0 2px #05060b,0 0 0 4px #ff5c7a}.story__media{-webkit-user-select:none;user-select:none;place-items:center;min-height:0;display:grid;position:relative}.story__media img,.story__media video{object-fit:contain;width:100%;height:100%}.story__text{padding:var(--space-8);font:800 28px/36px var(--font-display);text-align:center;white-space:pre-wrap;background:linear-gradient(160deg,#d21d4a,#c2410c);place-self:stretch stretch;place-items:center;margin:0;display:grid}.story__caption{inset-inline:12px;white-space:pre-wrap;background:#0009;border-radius:12px;margin:0;padding:8px 12px;font-size:15px;line-height:21px;position:absolute;bottom:12px}.story__tap{cursor:pointer;background:0 0;border:0;width:35%;position:absolute;top:0;bottom:0}.story__tap--prev{inset-inline-start:0}.story__tap--next{inset-inline-end:0}.story__foot{align-items:center;gap:var(--space-2);padding:10px 12px calc(10px + env(safe-area-inset-bottom,0px));display:flex}.story__foot--mine{flex-wrap:wrap}.story__stats{font:600 14px/20px var(--font-sans);font-variant-numeric:tabular-nums;flex-wrap:wrap;flex-basis:100%;align-items:center;gap:4px 16px;display:flex}.story__stat{align-items:center;gap:6px;display:inline-flex}.story__icon--count{min-width:44px;font:600 14px/1 var(--font-sans);font-variant-numeric:tabular-nums;gap:6px;padding:0 12px;display:inline-flex}.story__foot .yp-btn--ghost{color:#ff5c7a}.story__reply{min-width:0;height:40px;padding:0 var(--space-4);border-radius:var(--radius-full);color:inherit;font:500 15px/1 var(--font-sans);background:0 0;border:1px solid #ffffff4d;flex:1}.story__reply::placeholder{color:#ffffffb3}.story__reply:focus{border-color:#ff5c7a;outline:none}@media (prefers-reduced-motion:reduce){.story{animation:none}}.story__play{z-index:3;color:#fff;cursor:pointer;background:#00000073;border:0;border-radius:50%;place-items:center;width:80px;height:80px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.story__play:focus-visible{outline-offset:2px;outline:2px solid #fff}.profile__request{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;padding:12px 16px;display:flex}.profile__count{color:var(--ink);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;margin:-4px -6px;padding:4px 6px;font-size:14px}.profile__count:hover{background:var(--surface-sunken)}.profile__count:focus-visible{box-shadow:var(--focus-ring);outline:none}.follow-list__name{color:inherit;text-decoration:none}.follow-list__name:hover{text-decoration:underline}.trending{gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(240px,1fr));margin:0;padding:0;list-style:none;display:grid}.trending__item{align-items:center;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:14px;text-decoration:none;transition:transform .15s,border-color .15s;display:flex}.trending__item:hover{border-color:var(--yapi);transform:translateY(-1px)}.trending__item:focus-visible{box-shadow:var(--focus-ring);outline:none}.trending__rank{background:linear-gradient(135deg, var(--yapi), var(--grad-end));width:32px;height:32px;color:var(--on-yapi);border-radius:10px;flex:none;place-items:center;font-weight:800;display:grid}.trending__text{flex:1;min-width:0;display:grid}.trending__tag{text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.trending__meta{color:var(--ink-muted);font-size:13px}.trending__rising{background:var(--saffron-soft);color:var(--ink);border-radius:999px;align-items:center;gap:4px;padding:2px 8px;font-size:12px;font-weight:600;display:inline-flex}@media (prefers-reduced-motion:reduce){.trending__item{transition:none}.trending__item:hover{transform:none}}.tag-hero{gap:var(--space-3);padding:var(--space-6);background:linear-gradient(135deg, var(--yapi), var(--grad-end));color:var(--on-yapi);border-radius:20px;display:grid}.tag-hero h1{overflow-wrap:anywhere;margin:0;font-size:clamp(28px,6vw,40px);line-height:1.1}.tag-hero__stats{gap:var(--space-4);flex-wrap:wrap;font-size:14px;display:flex}.tag-hero__stats strong{font-size:18px}.tag-hero .yp-btn--secondary{justify-self:start}.tag-hero .yp-btn--primary{color:#fff;box-shadow:none;background:#0b0c14}.tag-hero .yp-btn--secondary{color:#0b0c14;background:#ffffffe6;border-color:#0000}.tag-hero .yp-btn--secondary:hover{color:#0b0c14;background:#fff}.tag-hero .yp-btn--primary:hover{color:#fff;background:#1d2033}.ac{flex:1;min-width:0;position:relative}.ac>textarea,.ac>input{width:100%}.ac__list{z-index:30;inset-inline:0;border:1px solid var(--line);background:var(--surface);max-height:280px;box-shadow:var(--shadow-lg);border-radius:14px;margin:0;padding:4px;list-style:none;position:absolute;top:calc(100% + 4px);overflow-y:auto}.ac__item{align-items:center;gap:var(--space-2);cursor:pointer;border-radius:10px;padding:8px 10px;display:flex}.ac__item[aria-selected=true]{background:var(--yapi-soft)}.ac__text{min-width:0;font-size:14px;display:grid}.notif__stack{flex:none;display:inline-flex}.notif__stack>*+*{box-shadow:0 0 0 2px var(--surface);border-radius:50%;margin-inline-start:-12px}.notif__link{color:inherit;text-decoration:none}.yp-list__item:has(.notif__link){isolation:isolate;position:relative}.notif__link{isolation:auto;position:static}.notif__link:after{z-index:0;inset:0}.notif__link:hover{text-decoration:underline}.notif-milestone{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--saffron-soft);color:var(--ink);gap:4px;margin:4px 0;display:grid}.notif-milestone p{margin:0}.notif-milestone__label{font:700 12px/16px var(--font-sans);letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:6px;display:inline-flex}.notif-milestone__label svg{color:var(--grad-end)}.notif-milestone__figure{font:600 15px/20px var(--font-sans);flex-wrap:wrap;align-items:baseline;gap:0 6px;display:flex}.notif-milestone__number{font:800 30px/36px var(--font-display);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.notif-milestone__text{overflow-wrap:anywhere;font-size:14px;line-height:20px}.notif-milestone__when{color:var(--ink-muted);align-items:center;gap:6px;margin-inline-start:8px;font-size:13px;display:inline-flex}.notif-milestone__link{min-height:44px;color:var(--ink);font:700 14px/20px var(--font-sans);text-underline-offset:3px;justify-self:start;align-items:center;gap:2px;text-decoration:underline;display:inline-flex}.notif-milestone__link:focus-visible{border-radius:var(--radius-sm);box-shadow:var(--focus-ring);outline:none}[dir=rtl] .notif-milestone__chevron{transform:scaleX(-1)}.suggested{gap:var(--space-2);min-width:0;display:grid}.suggested__row{gap:var(--space-3);padding:2px 2px var(--space-2);scroll-snap-type:x mandatory;scrollbar-width:thin;margin:0;list-style:none;display:flex;overflow-x:auto}.suggested__card{justify-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-3) var(--space-3);border:1px solid var(--line);background:var(--surface);scroll-snap-align:start;text-align:center;border-radius:18px;flex:0 0 156px;display:grid;position:relative}.suggested__card .yp-btn{width:100%}.suggested__who{width:100%;min-width:0;color:var(--ink);justify-items:center;gap:4px;text-decoration:none;display:grid}.suggested__name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-weight:700;overflow:hidden}.suggested__reason{min-height:2.6em;color:var(--ink-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;line-height:1.3;display:-webkit-box;overflow:hidden}.suggested__hide{z-index:1;top:6px;width:28px;height:28px;color:var(--ink-muted);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;display:grid;position:absolute;inset-inline-end:6px}.suggested__hide:hover{background:var(--surface-sunken)}.suggested__hide:focus-visible{box-shadow:var(--focus-ring);outline:none}.settings-duo{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));display:grid}.public-shell{min-height:100dvh;color:var(--ink);background:radial-gradient(1200px 500px at 110% -10%, color-mix(in oklab, var(--yapi) 9%, transparent), transparent 60%), radial-gradient(900px 420px at -20% 110%, color-mix(in oklab, var(--saffron) 8%, transparent), transparent 60%), var(--ground);flex-direction:column;display:flex}.public-shell .yp-shell__main{padding-bottom:var(--space-12)}.public-bar{z-index:30;justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);padding-top:calc(var(--space-3) + env(safe-area-inset-top,0px));background:color-mix(in oklab, var(--ground) 88%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);display:flex;position:sticky;top:0}.public-bar__note{color:var(--ink-muted);margin:0;font-size:14px;display:none}@media (min-width:760px){.public-bar__note{display:block}}.public-join{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--line);background:var(--surface);flex-wrap:wrap;display:flex}.public-join p{flex:240px;margin:0}@media (min-width:1220px){.suggested{display:none}}.chat-att{gap:6px;display:grid}.chat-att__media{border-radius:14px;max-width:min(280px,70vw);display:block;overflow:hidden}.chat-att__media img,video.chat-att__media{object-fit:cover;background:#000;width:100%;max-height:360px;display:block}.voice{align-items:center;gap:10px;min-width:200px;display:flex}.voice__play{background:color-mix(in srgb, currentColor 18%, transparent);width:36px;height:36px;color:inherit;cursor:pointer;border:0;border-radius:50%;flex:none;place-items:center;display:grid}.voice__play>*{font-size:13px}.voice__play:focus-visible{box-shadow:var(--focus-ring);outline:none}.voice__bar{background:color-mix(in srgb, currentColor 25%, transparent);border-radius:2px;flex:1;height:4px;position:relative;overflow:hidden}.voice__bar>span{background:currentColor;position:absolute;inset-block:0;inset-inline-start:0}.voice__time{font-variant-numeric:tabular-nums;font-size:12px}.voice-rec{align-items:center;gap:var(--space-2);flex:1;display:flex}.voice-rec__dot{background:var(--danger);border-radius:50%;width:10px;height:10px;animation:1s ease-in-out infinite alternate voice-pulse}.voice-rec__time{font-variant-numeric:tabular-nums;flex:1;font-weight:600}@keyframes voice-pulse{to{opacity:.3}}@media (prefers-reduced-motion:reduce){.voice-rec__dot{animation:none}}.search-bar{align-items:center;gap:var(--space-2);padding:6px 6px 6px var(--space-4);border:1px solid var(--line);background:var(--surface);border-radius:999px;display:flex}.search-bar:focus-within{border-color:var(--yapi);box-shadow:var(--focus-ring)}.search-bar>input{min-width:0;height:44px;color:var(--ink);font:inherit;background:0 0;border:0;outline:none;flex:1;margin-block:-9.5px;font-size:16px}.search-bar>input::-webkit-search-cancel-button{display:none}.search-bar__clear{background:var(--surface-sunken);width:32px;height:32px;color:var(--ink-muted);cursor:pointer;border:0;border-radius:50%;place-items:center;display:grid}.search-bar__clear:focus-visible{box-shadow:var(--focus-ring);outline:none}@media (min-width:900px){.home__search{display:none}}.story__close-friends{border-radius:var(--radius-full);background:var(--close-friends);color:var(--on-close-friends);font:700 12px/16px var(--font-sans);white-space:nowrap;align-items:center;gap:4px;padding:3px 8px;display:inline-flex}.sound-play{border-radius:var(--radius-full);background:var(--grad);color:#fff;cursor:pointer;border:0;flex:none;place-items:center;width:40px;height:40px;display:grid}.sound-play--lg{width:64px;height:64px}.sound-play:focus-visible{box-shadow:var(--focus-ring);outline:none}.sound-list{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.sound-row{align-items:center;gap:var(--space-3);min-width:0;display:flex}.sound-row--picked{padding:var(--space-2) var(--space-3);border-radius:var(--radius-lg);background:var(--surface-sunken)}.sound-row__text{flex-direction:column;flex:1;min-width:0;display:flex}.sound-row__title{text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.sound-row__meta{color:var(--ink-muted);font-size:13px}.sound-hero{gap:var(--space-4);flex-wrap:wrap;align-items:center;display:flex}.sound-hero__cover{border-radius:var(--radius-lg);background:var(--surface-sunken) center / cover no-repeat;flex:none;place-items:center;width:128px;height:128px;display:grid}.sound-hero__text{gap:var(--space-2);flex-direction:column;flex:1;min-width:200px;display:flex}.sound-hero__text h1{align-items:center;gap:var(--space-2);overflow-wrap:anywhere;margin:0;font-size:22px;display:flex}.sound-hero__owner{align-items:center;gap:var(--space-2);color:inherit;font-weight:600;text-decoration:none;display:inline-flex}.reel-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;margin:0;padding:0;list-style:none;display:grid}.reel-grid__item{aspect-ratio:9/16;border-radius:var(--radius-md);color:#fff;background:#05060b;text-decoration:none;display:block;position:relative;overflow:hidden}.reel-grid__item img,.reel-grid__item video{object-fit:cover;width:100%;height:100%}.reel-grid__item:focus-visible{outline:2px solid var(--yapi);outline-offset:2px}.reel-grid__badge{top:6px;border-radius:var(--radius-full);font:700 11px/14px var(--font-sans);background:#000000a6;align-items:center;gap:4px;padding:2px 6px;display:inline-flex;position:absolute;inset-inline-start:6px}.reel-grid__meta{inset-inline:6px;font:700 12px/16px var(--font-sans);text-shadow:0 1px 4px #000;justify-content:space-between;gap:4px;display:flex;position:absolute;bottom:6px}.reel-grid__meta bdi{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.remix-source{gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-lg);background:var(--surface-sunken);align-items:center;display:flex}.remix-source__video{aspect-ratio:9/16;object-fit:cover;border-radius:var(--radius-md);background:#05060b;flex:none;width:64px}.remix-source__text{flex-direction:column;gap:2px;min-width:0;font-size:14px;display:flex}.close-friends__list{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.close-friends__row{align-items:center;gap:var(--space-3);display:flex}.close-friends__row .sound-row__text{flex:1}.close-friends__dot{background:var(--close-friends);border-radius:50%;flex:none;width:10px;height:10px}.setting-hint{margin:0;font-size:13px;line-height:1.4}.onboarding__progress{gap:var(--space-2);font-size:13px;display:grid}.onboarding__bar{border-radius:var(--radius-full);background:var(--surface-sunken);height:6px;overflow:hidden}.onboarding__bar span{border-radius:inherit;background:var(--grad);height:100%;transition:width .2s;display:block}@media (prefers-reduced-motion:reduce){.onboarding__bar span{transition:none}}.onboarding__people{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.onboarding__person{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);cursor:pointer;display:flex}.onboarding__person input{width:20px;height:20px;accent-color:var(--yapi);flex:none}.onboarding__person:focus-within{box-shadow:var(--focus-ring)}.onboarding__who,.find-friends__text{min-width:0;font-size:13px;display:grid}.onboarding__name,.find-friends__name{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:700;overflow:hidden}.find-friends__list{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.find-friends__row{justify-content:space-between;align-items:center;gap:var(--space-3);min-width:0;display:flex}.find-friends__who{align-items:center;gap:var(--space-3);min-width:0;color:inherit;text-decoration:none;display:flex}.find-friends__email{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.starter{gap:var(--space-2);min-width:0;display:grid}.starter__head{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.starter__body{margin:0;font-size:14px}.starter__reels{gap:var(--space-2);padding:2px 2px var(--space-2);scroll-snap-type:x mandatory;scrollbar-width:thin;margin:0;list-style:none;display:flex;overflow-x:auto}.starter__reel{aspect-ratio:9/16;background:var(--surface-sunken);width:116px;color:var(--ink-muted);scroll-snap-align:start;border-radius:14px;flex:none;place-items:center;display:grid;position:relative;overflow:hidden}.starter__reel img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.starter__reel:focus-visible{box-shadow:var(--focus-ring);outline:none}.starter__by{inset-inline:0;padding:var(--space-4) var(--space-2) var(--space-2);color:#fff;text-overflow:ellipsis;white-space:nowrap;background:linear-gradient(#0000,#000000a6);font-size:12px;font-weight:700;position:absolute;bottom:0;overflow:hidden}.starter__subtitle{margin:0;font-size:15px;font-weight:700}.starter__tags{gap:var(--space-2);flex-wrap:wrap;display:flex}.starter__tag{height:34px;padding:0 var(--space-3);border:1px solid var(--line-strong);border-radius:var(--radius-full);background:var(--surface);color:var(--ink);align-items:center;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.starter__tag:focus-visible{box-shadow:var(--focus-ring);outline:none}.shop__item{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);display:flex}.shop__main{flex-direction:column;gap:4px;min-width:0;display:flex}.shop__desc{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-size:14px}.shop__price{font-weight:600}.shop__actions{flex-shrink:0}@media (max-width:520px){.shop__item{flex-direction:column;align-items:stretch}}.profile__subscribe{scroll-margin-top:80px}.profile__subscribe--focus>*{box-shadow:0 0 0 2px var(--yapi);border-radius:var(--radius-lg)}.shop__item--focus{box-shadow:0 0 0 2px var(--yapi)}.hp-field{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.verify-row{justify-content:space-between;align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.verify-row>div{overflow-wrap:anywhere;min-width:0}.chat-held,.chat-seen{color:var(--ink-muted);align-self:flex-end;margin-top:2px;font-size:12px}.chat-msg{border-radius:var(--radius-lg);transition:background-color var(--duration-fast) var(--ease-out);flex-direction:column;align-items:flex-start;display:flex;position:relative}.chat-msg--mine{align-items:flex-end}.chat-msg:focus-within{z-index:3}.chat-msg--highlight{background:var(--surface-sunken)}.chat-msg__line{align-items:center;gap:4px;width:100%;max-width:100%;display:flex}.chat-msg--mine .chat-msg__line{flex-direction:row-reverse}.chat-msg__line .yp-bubble{min-width:0;max-width:min(78%,520px)}.chat-msg__tools{opacity:0;transition:opacity var(--duration-fast) var(--ease-out);flex:none;align-items:center;display:flex}.chat-msg:hover .chat-msg__tools,.chat-msg:focus-within .chat-msg__tools{opacity:1}@media (hover:none){.chat-msg__tools{opacity:.7}}@media (max-width:600px){.chat-msg__quick{display:none}.chat-msg__line .yp-bubble{max-width:calc(100% - 48px)}}.chat-quote{border:0;border-inline-start:3px solid var(--yapi);background:var(--surface-sunken);width:100%;color:var(--ink);font:400 13px/18px var(--font-sans);text-align:start;cursor:pointer;border-radius:10px;flex-direction:column;margin-bottom:6px;padding:6px 10px;display:flex}.chat-quote--mine{border-inline-start-color:var(--on-yapi);color:var(--on-yapi);background:#ffffff2e}.chat-quote:disabled{cursor:default;font-style:italic}.chat-quote__who{font-weight:700}.chat-quote__text{-webkit-line-clamp:2;white-space:normal;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.chat-unsent{opacity:.8;font-style:italic}.chat-reactions{flex-wrap:wrap;gap:4px;margin-top:-4px;padding-inline:8px;display:flex}.chat-reaction{z-index:1;border:1px solid var(--line);border-radius:var(--radius-full);background:var(--surface);min-height:28px;color:var(--ink);font:600 12px/16px var(--font-sans);cursor:pointer;align-items:center;gap:4px;padding:2px 8px;display:inline-flex}.chat-reaction--mine{border-color:var(--yapi)}.chat-reaction__count{font-variant-numeric:tabular-nums}.chat-picker{border:1px solid var(--line);border-radius:var(--radius-full);background:var(--surface);box-shadow:var(--shadow-lg);gap:2px;margin-block:4px;padding:4px;display:flex}.chat-picker__item{cursor:pointer;background:0 0;border:0;border-radius:50%;width:40px;height:40px;font-size:22px}.chat-picker__item:hover,.chat-picker__item:focus-visible{background:var(--surface-sunken)}.chat-system{max-width:90%;margin:var(--space-2) 0;color:var(--ink-muted);text-align:center;align-self:center;font-size:13px;line-height:18px}.chat-disappearing{border-radius:var(--radius-full);background:var(--surface-sunken);color:var(--ink-muted);font:600 12px/16px var(--font-sans);cursor:pointer;border:0;align-self:flex-start;align-items:center;gap:6px;padding:4px 10px;display:inline-flex}.chat-pinned{z-index:2;align-items:center;gap:var(--space-2);padding:6px 6px 6px var(--space-3);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);color:var(--yapi);display:flex;position:sticky;top:0}.chat-pinned__main{min-width:0;color:var(--ink);text-align:start;cursor:pointer;background:0 0;border:0;flex-direction:column;flex:1;display:flex}.chat-pinned__label{color:var(--yapi);font:700 12px/16px var(--font-sans)}.chat-pinned__text{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.chat-search{gap:var(--space-2);padding:var(--space-3);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);flex-direction:column;display:flex}.chat-search__input{min-width:0;min-height:40px;padding:0 var(--space-3);border:1px solid var(--line);border-radius:var(--radius-full);background:var(--surface-sunken);color:var(--ink);font:400 15px/20px var(--font-sans);flex:1}.chat-search__results{flex-direction:column;max-height:40vh;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.chat-search__result{width:100%;padding:var(--space-2);border-radius:var(--radius-md);color:var(--ink);text-align:start;overflow-wrap:anywhere;cursor:pointer;background:0 0;border:0;flex-direction:column;display:flex}.chat-search__result:hover{background:var(--surface-sunken)}.chat-search__meta{color:var(--ink-muted);font-size:12px}.yp-composer--context{border-radius:var(--radius-lg);flex-wrap:wrap;padding-block-start:var(--space-2)}.chat-compose-context{justify-content:space-between;align-items:center;gap:var(--space-2);padding:4px 4px 4px var(--space-3);border-inline-start:3px solid var(--yapi);border-radius:var(--radius-md);background:var(--surface-sunken);flex:1 0 100%;display:flex}.chat-compose-context>div{flex-direction:column;display:flex}.chat-compose-context__label{color:var(--yapi);font:700 12px/16px var(--font-sans)}.chat-compose-context__text{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.chat-radio{gap:var(--space-2);border:0;flex-direction:column;margin:0;padding:0;display:flex}.chat-radio__option{align-items:center;gap:var(--space-2);min-height:44px;font-size:15px;display:flex}@media (prefers-reduced-motion:reduce){.chat-msg,.chat-msg__tools{transition:none}}.chat-poll,.chat-list{white-space:normal;flex-direction:column;gap:6px;min-width:min(260px,60vw);display:flex}.chat-poll__set{border:0;flex-direction:column;gap:6px;min-width:0;margin:0;padding:0;display:flex}.chat-poll__question{flex-direction:column;gap:2px;padding:0;font-weight:700;display:flex}.chat-poll__label{font:700 11px/14px var(--font-sans);letter-spacing:.02em;text-transform:uppercase;opacity:.8;align-items:center;gap:4px;margin:0;display:inline-flex}.chat-poll__hint{font:400 12px/16px var(--font-sans);opacity:.8}.chat-poll__option{border:1px solid var(--line);isolation:isolate;border-radius:10px;flex-direction:column;gap:2px;padding:6px 8px;display:flex;position:relative;overflow:hidden}.chat-poll--mine .chat-poll__option{border-color:#fff6}.chat-poll__option--mine{border-color:var(--yapi)}.chat-poll--mine .chat-poll__option--mine{border-color:var(--on-yapi)}.chat-poll__choice{cursor:pointer;align-items:center;gap:8px;min-height:32px;display:flex}.chat-poll__set:disabled .chat-poll__choice{cursor:default}.chat-poll__choice input{width:18px;height:18px;accent-color:var(--yapi);flex:none}.chat-poll--mine .chat-poll__choice input{accent-color:var(--on-yapi)}.chat-poll__text{overflow-wrap:anywhere;flex:1;min-width:0}.chat-poll__count{font:700 13px/18px var(--font-sans);font-variant-numeric:tabular-nums;flex:none}.chat-poll__bar{z-index:-1;background:var(--surface-sunken);transition:inline-size var(--duration-fast) var(--ease-out);position:absolute;inset-block:0;inset-inline-start:0}.chat-poll--mine .chat-poll__bar{background:#ffffff2e}.chat-poll__voters{opacity:.85;padding-inline-start:26px;font-size:12px;line-height:16px}.chat-poll__status{opacity:.85;margin:0;font-size:12px;line-height:16px}.chat-poll__actions{flex-wrap:wrap;gap:12px;display:flex}.chat-link-button{min-height:32px;color:inherit;font:700 13px/18px var(--font-sans);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.chat-link-button:disabled{opacity:.6;cursor:default}.chat-inline-form{align-items:center;gap:6px;display:flex}.chat-inline-form__input{border:1px solid var(--line);background:var(--surface);min-width:0;min-height:36px;color:var(--ink);font:400 14px/20px var(--font-sans);border-radius:10px;flex:1;padding:6px 10px}.chat-list__title{margin:0;font-weight:700}.chat-list__items{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.chat-list__item{flex-wrap:wrap;align-items:center;column-gap:4px;display:flex}.chat-list__check{cursor:pointer;flex:1;align-items:center;gap:8px;min-width:0;min-height:36px;display:flex}.chat-list__check input{width:18px;height:18px;accent-color:var(--yapi);flex:none}.chat-list--mine .chat-list__check input{accent-color:var(--on-yapi)}.chat-list__text{overflow-wrap:anywhere;min-width:0}.chat-list__text--done{opacity:.75;text-decoration:line-through}.chat-list__tools{flex:none;display:inline-flex}.chat-list__tool{width:32px;height:32px;color:inherit}.chat-list__tool:disabled{opacity:.35}.chat-list__up{transform:rotate(180deg)}.chat-list__by{opacity:.85;flex-basis:100%;padding-inline-start:26px;font-size:12px;line-height:16px}.chat-reminder-note{align-self:auto;align-items:center;gap:4px;display:inline-flex}.chat-system__link{color:inherit;font:inherit;text-align:inherit;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline;display:inline}@media (prefers-reduced-motion:reduce){.chat-poll__bar{transition:none}}.chat-att__sensitive{background:#000;min-width:200px;min-height:160px;position:relative}.chat-att__sensitive img{height:100%;position:absolute;inset:0}.chat-att__removed{opacity:.8;margin:0;font-size:14px;font-style:italic}.risk-signals{gap:6px;margin:0;padding:0;list-style:none;display:grid}.risk-signals li{background:var(--surface-sunken);border-radius:10px;gap:2px;padding:8px 10px;font-size:14px;display:grid}.risk-signals li[data-status=open]{border-inline-start:3px solid var(--saffron)}.case-media{background:#000;border-radius:12px;max-width:320px;position:relative;overflow:hidden}.case-media img{object-fit:contain;width:100%;max-height:320px;display:block}.admin-trends .yp-stat__delta{color:var(--ink-muted)}.admin-charts{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));display:grid}.admin-chart{gap:var(--space-1);min-width:0;margin:0;display:grid}.admin-chart__title{justify-content:space-between;gap:var(--space-2);flex-wrap:wrap;font-size:14px;font-weight:600;display:flex}.admin-chart__title .muted{font-variant-numeric:tabular-nums;font-weight:400}.admin-chart__plot{width:100%;height:96px;display:block}.admin-chart__base{stroke:var(--line-strong);stroke-width:1px;vector-effect:non-scaling-stroke}.admin-chart__bar{fill:var(--yapi);opacity:.85}.admin-chart__bar--on{opacity:1;fill:var(--yapi-strong)}.admin-chart__axis{justify-content:space-between;font-size:12px;display:flex}.admin-facts{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));margin:0;display:grid}.admin-facts dt{font:600 12px/16px var(--font-sans);color:var(--ink-muted)}.admin-facts dd{margin:2px 0 0}.admin-list{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.admin-list__item{gap:var(--space-2);padding:var(--space-3) var(--space-4);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);min-width:0;display:grid}.admin-list__text{white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.admin-plain{gap:var(--space-1);overflow-wrap:anywhere;margin:0;padding-inline-start:var(--space-4);display:grid}.admin-subhead{margin:var(--space-3) 0 var(--space-1);font-size:14px}.admin-quote{padding:var(--space-2) var(--space-3);border-inline-start:3px solid var(--line-strong);background:var(--surface-sunken);white-space:pre-wrap;overflow-wrap:anywhere;max-height:160px;margin:0;overflow:auto}.admin-pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px}.admin-json{margin:var(--space-2) 0 0;padding:var(--space-3);border-radius:var(--radius-sm);background:var(--surface-sunken);font:12px/18px var(--font-mono);white-space:pre-wrap;overflow-wrap:anywhere}.admin-caption{caption-side:top;text-align:start;padding:var(--space-3) 0 var(--space-2);font-weight:600}.admin-filters{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(min(100%,180px),1fr));align-items:start;display:grid}.admin-filters__buttons{align-self:end}.admin-user__head{gap:var(--space-4);flex-wrap:wrap;align-items:flex-start;display:flex}.admin-user__head h1{overflow-wrap:anywhere;font-size:24px;line-height:30px}.announcement-slot{max-width:640px;margin:0 auto var(--space-4)}.announcement{gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid var(--line);border-inline-start:4px solid var(--saffron);border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow-sm);color:var(--ink);font-size:14px;line-height:21px;display:flex}.announcement>svg{width:20px;height:20px;color:var(--ink-muted);flex:none;margin-top:1px}.announcement__body{flex:1;justify-items:start;gap:2px;min-width:0;display:grid}.announcement__title{overflow-wrap:anywhere;font-weight:700}.announcement__text{white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.announcement__close{border-radius:var(--radius-sm);width:44px;height:44px;color:var(--ink-muted);cursor:pointer;background:0 0;border:0;flex:none;place-items:center;margin-block:-10px;margin-inline-end:-12px;display:grid}.announcement__close:hover{color:var(--ink)}.announcement__close:focus-visible{box-shadow:var(--focus-ring);outline:none}.ed{z-index:1100;background:var(--surface);color:var(--ink);grid-template-rows:auto minmax(0,1fr) auto;display:grid;position:fixed;inset:0}.ed:focus{outline:none}.ed__bar{justify-content:space-between;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--line);flex-wrap:wrap;display:flex}.ed__actions{align-items:center;gap:4px;margin-inline-start:auto;display:flex}.ed__title{white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:16px;font-weight:600;overflow:hidden}.ed__stage{min-height:0;padding:var(--space-3);background:#111;display:flex;overflow:hidden}.ed__video{gap:var(--space-2);flex-direction:column;flex:1;min-height:0;display:flex}.ed__fit{flex:1;justify-content:center;align-items:center;min-width:0;min-height:0;display:flex}.ed__frame{touch-action:none;position:relative;overflow:hidden}.ed__frame--crop{overflow:visible}.ed__frame canvas,.ed__frame video{display:block}.ed__notice{color:#fff;margin:auto}.ed__transport{color:#fff;font-variant-numeric:tabular-nums;justify-content:center}.ed__transport .muted{color:#ddd}.ed__vignette{pointer-events:none;position:absolute;inset:0}.ed__text{white-space:nowrap;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;line-height:1;position:absolute;transform:translate(-50%,-50%)}.ed__text:active{cursor:grabbing}.ed__text:focus-visible,.ed__crop:focus-visible,.ed__handle:focus-visible{outline-offset:2px;box-shadow:0 0 0 4px var(--yapi);outline:2px solid #fff}.ed__crop{cursor:move;touch-action:none;border:1px solid #fff;position:absolute;box-shadow:0 0 0 9999px #0000008c}.ed__grid{pointer-events:none;background:linear-gradient(90deg,#0000 33.2%,#ffffff73 33.3%,#0000 33.5% 66.5%,#ffffff73 66.6%,#0000 66.8%),linear-gradient(#0000 33.2%,#ffffff73 33.3%,#0000 33.5% 66.5%,#ffffff73 66.6%,#0000 66.8%);position:absolute;inset:0}.ed__handle{background:var(--yapi);cursor:nwse-resize;touch-action:none;border:3px solid #fff;border-radius:50%;width:24px;height:24px;margin:-12px 0 0 -12px;position:absolute}.ed__tools{max-height:42vh;padding:var(--space-2) var(--space-3) var(--space-4);border-top:1px solid var(--line);overflow-y:auto}.ed__hint{margin:0;font-size:13px}.cover-ed__current{object-fit:cover;border-radius:var(--radius-sm);background:var(--surface-sunken);flex:none;width:44px;height:56px}.cover-pick{border:0;min-width:0;margin:0;padding:0}.cover-pick__row{gap:var(--space-2);padding:4px 2px;display:flex;overflow-x:auto}.cover-pick__item{border-radius:var(--radius-md);cursor:pointer;background:var(--surface-sunken);border:2px solid #0000;flex:none;width:64px;height:64px;position:relative;overflow:hidden}.cover-pick__item[data-on]{border-color:var(--yapi)}.cover-pick__item:focus-within{box-shadow:var(--focus-ring)}.cover-pick__item img{object-fit:cover;width:100%;height:100%}.cover-pick__radio{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.cover-pick__badge{inset-inline:0;color:#fff;text-align:center;pointer-events:none;background:#000000b8;padding:1px 4px;font-size:11px;font-weight:600;position:absolute;bottom:0}.ed__filters{gap:var(--space-2);padding:var(--space-1) 0;display:flex;overflow-x:auto}.ed__filter{border-radius:var(--radius-md);color:inherit;font:inherit;cursor:pointer;background:0 0;border:2px solid #0000;flex-direction:column;flex:none;align-items:center;gap:4px;padding:4px;font-size:12px;display:flex}.ed__filter[aria-pressed=true]{border-color:var(--yapi);font-weight:600}.ed__filter:focus-visible,.ed__chip:focus-visible,.ed__swatch:focus-visible{box-shadow:var(--focus-ring);outline:none}.ed__filter-thumb{border-radius:var(--radius-sm);background:var(--surface-sunken);width:72px;height:72px;display:block;position:relative;overflow:hidden}.ed__filter-thumb img{object-fit:cover;width:100%;height:100%}.ed__sliders{gap:var(--space-1);display:grid}.ed__slider{align-items:center;gap:var(--space-2);grid-template-columns:6.5em minmax(0,1fr) 2.5em auto;display:grid}.ed__slider input[type=range]{width:100%;accent-color:var(--yapi)}.ed__value{text-align:end;font-variant-numeric:tabular-nums}.ed__text-panel .ed__slider{grid-template-columns:6.5em minmax(0,1fr) 2.5em}.ed__chip{border:1px solid var(--line);border-radius:var(--radius-full);background:var(--surface);color:var(--ink);cursor:pointer;padding:6px 12px}.ed__chip[aria-pressed=true]{border-color:var(--yapi);box-shadow:inset 0 0 0 1px var(--yapi)}.ed__swatch{border:2px solid var(--line);cursor:pointer;border-radius:50%;width:32px;height:32px}.ed__swatch[aria-pressed=true]{outline:3px solid var(--yapi);outline-offset:2px}.ed__strip{direction:ltr;height:56px;position:relative}.ed__strip-frames{border-radius:var(--radius-sm);background:var(--surface-sunken);display:flex;position:absolute;inset:0;overflow:hidden}.ed__strip-frames img{object-fit:cover;flex:1;min-width:0;height:100%}.ed__strip:after{content:"";pointer-events:none;border-radius:var(--radius-sm);background:linear-gradient(to right, #0009 var(--from), transparent var(--from), transparent var(--to), #0009 var(--to));position:absolute;inset:0}.ed__scrubber{z-index:1;height:100%;position:absolute;inset:0}.ed__scrubber:before{display:none}.ed__scrubber:after{border:3px solid var(--yapi);border-radius:var(--radius-sm);background:0 0;height:auto;top:0;bottom:0}.ed__scrubber input[type=range]::-webkit-slider-thumb{height:56px}.ed__scrubber input[type=range]::-moz-range-thumb{height:52px}.cam{z-index:100;color:#fff;overscroll-behavior:contain;background:#000;flex-direction:column;justify-content:space-between;display:flex;position:fixed;inset:0}.cam:focus{outline:none}.cam__view{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.cam__view--mirror{transform:scaleX(-1)}.cam__flash{opacity:.7;pointer-events:none;background:#fff;position:absolute;inset:0}.cam__message{place-content:center;gap:var(--space-4);padding:var(--space-6);text-align:center;font-size:16px;line-height:1.5;display:grid;position:absolute;inset:0}.cam__message p{max-width:34ch;margin:0 auto}.cam__top,.cam__bottom{z-index:1;padding:max(var(--space-4), env(safe-area-inset-top)) var(--space-4) var(--space-4);position:relative}.cam__top{background:linear-gradient(#00000073,#0000);justify-content:space-between;align-items:center;display:flex}.cam__bottom{gap:var(--space-4);padding-bottom:max(var(--space-6), env(safe-area-inset-bottom));background:linear-gradient(#0000,#0009);display:grid}.cam__icon{color:#fff;cursor:pointer;background:#00000059;border:0;border-radius:50%;place-items:center;width:44px;height:44px;display:grid}span.cam__icon{background:0 0}.cam__pill{color:#0b0c14;font:inherit;cursor:pointer;background:#fff;border:0;border-radius:999px;justify-self:center;padding:10px 18px;font-weight:700;text-decoration:none}.cam__pill--ghost{color:#fff;background:#00000059;font-size:14px}.cam__timer{font-variant-numeric:tabular-nums;background:#00000073;border-radius:999px;align-items:center;gap:8px;padding:6px 12px;font-weight:700;display:inline-flex}.cam__dot{background:#ff3b30;border-radius:50%;width:10px;height:10px;animation:1s ease-in-out infinite alternate voice-pulse}.cam__controls{place-items:center;row-gap:var(--space-2);grid-template-columns:1fr auto 1fr;display:grid}.cam__gallery{color:#fff;cursor:pointer;background:#ffffff26;border:2px solid #fff;border-radius:12px;justify-self:start;place-items:center;width:48px;height:48px;display:grid}.cam__shutter{--cam-progress:0deg;background:conic-gradient(#ff3b30 var(--cam-progress), #ffffffe6 0);cursor:pointer;touch-action:none;border:0;border-radius:50%;place-items:center;width:78px;height:78px;display:grid;position:relative}.cam__shutter>span{background:#fff;border:4px solid #000;border-radius:50%;width:64px;height:64px;transition:transform .15s,border-radius .15s,background .15s}.cam__shutter--reel>span{background:#ff3b30}.cam__shutter--rec>span{background:#ff3b30;border-radius:12px;transform:scale(.55)}.cam__shutter:disabled{opacity:.5}.cam__shutter:focus-visible,.cam__gallery:focus-visible,.cam__icon:focus-visible,.cam__mode:focus-visible,.cam__pill:focus-visible{outline-offset:3px;outline:3px solid #fff}.cam__hint{opacity:.85;grid-column:1/-1;font-size:13px}.cam__modes{justify-content:center;gap:var(--space-2);display:flex}.cam__mode{color:#ffffffbf;font:inherit;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:8px 14px;font-weight:700}.cam__mode[aria-selected=true]{color:#0b0c14;background:#fff}@media (prefers-reduced-motion:reduce){.cam__dot{animation:none}.cam__shutter>span{transition:none}}.create-kinds{display:contents}.thumb-tag{border:1px solid var(--line-strong);border-radius:var(--radius-full);background:var(--surface);min-height:28px;color:var(--ink);font:600 12px/1.2 var(--font-sans);cursor:pointer;padding:4px 8px}.thumb-tag:focus-visible{box-shadow:var(--focus-ring);outline:none}.thumb-cover{border:1px solid var(--line-strong);border-radius:var(--radius-full);background:var(--surface);min-height:44px;color:var(--ink);font:600 12px/1.2 var(--font-sans);cursor:pointer;padding:4px 8px}.thumb-cover--on{border-color:var(--yapi);cursor:default;justify-content:center;align-items:center;display:inline-flex}.thumb-cover:focus-visible{box-shadow:var(--focus-ring);outline:none}.ptag__photo{touch-action:none;align-self:center;width:fit-content;max-width:100%;position:relative}.ptag__photo img{border-radius:var(--radius-md);-webkit-user-select:none;user-select:none;max-width:100%;max-height:55vh;display:block}.ptag-layer{z-index:2;position:absolute;inset:0}.ptag-layer__surface{border-radius:inherit;cursor:crosshair;background:0 0;border:0;width:100%;height:100%;padding:0;position:absolute;inset:0}.ptag-layer__surface:disabled{cursor:default}.ptag-layer__surface:focus-visible{box-shadow:inset var(--focus-ring);outline:none}.ptag-layer__spot{border-radius:var(--radius-full);background:color-mix(in oklab, var(--yapi) 70%, transparent);pointer-events:none;border:2px solid #fff;width:18px;height:18px;margin:-9px 0 0 -9px;position:absolute;box-shadow:0 0 0 2px #0e102080}.ptag-layer__name{color:inherit;font:inherit;cursor:grab;touch-action:none;background:0 0;border:0}.ptag-layer__name:active{cursor:grabbing}.ptag-search{gap:var(--space-2);flex-direction:column;display:flex}.yp-composer .yp-menu__list{top:auto;bottom:calc(100% + 6px);max-inline-size:calc(100vw - 32px);inset-inline:0 auto}.chat-game .yp-btn{z-index:1}.chat-game{white-space:normal;flex-direction:column;align-items:flex-start;gap:6px;min-width:min(240px,60vw);display:flex}.chat-game__name{font:700 16px/22px var(--font-sans)}.chat-game__preview{cursor:pointer;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:12px;padding:8px}.chat-game__status{font:700 14px/20px var(--font-sans);margin:0}.chat-game__mini{gap:3px;display:grid}.chat-game__mini--four_up{inline-size:154px}.chat-game__mini--noughts{inline-size:84px}.chat-game__mini .game-piece--four_up{block-size:19px;inline-size:19px}.chat-game__mini .game-piece--noughts{background:var(--surface-sunken);block-size:26px;inline-size:26px;font:800 16px/1 var(--font-sans);border-radius:6px;place-items:center;display:grid}.chat-game__ladder-mini{font:700 14px/20px var(--font-mono);letter-spacing:.04em}.game-piece{flex:none;display:block}.game-piece--four_up{border-radius:50%;block-size:36px;inline-size:36px}.game-piece--four_up.game-piece--empty{background:var(--surface);box-shadow:inset 0 0 0 1px var(--line-strong)}.game-piece--four_up.game-piece--p0{background:var(--yapi)}.game-piece--four_up.game-piece--p1{background:var(--saffron);box-shadow:inset 0 0 0 3px var(--ink)}.game-piece--four_up.game-piece--last{outline:2px dashed var(--ink-muted);outline-offset:1px}.game-piece--four_up.game-piece--line,.game-piece--noughts.game-piece--line{outline:3px solid var(--ink);outline-offset:1px}.game-piece--noughts.game-piece--p0{color:var(--yapi)}.game-piece--noughts.game-piece--p1{color:var(--ink)}.game-piece--legend.game-piece--four_up{block-size:16px;inline-size:16px}.game-piece--legend.game-piece--noughts{inline-size:20px;font:800 16px/1 var(--font-sans);place-items:center;display:inline-grid}.chat-game__players{flex-wrap:wrap;gap:8px 16px;margin:0;padding:0;list-style:none;display:flex}.chat-game__players li{border-radius:var(--radius-full);align-items:center;gap:6px;padding:2px 8px;display:inline-flex}.chat-game__player--turn{background:var(--yapi-soft);font-weight:700}.chat-game__live{margin:0;font-size:15px;line-height:22px}.game-board{background:var(--surface-sunken);border-radius:14px;align-self:center;padding:6px}.game-board__row{gap:4px;display:flex}.game-board--noughts{flex-direction:column;gap:4px;display:flex}.game-column{cursor:pointer;background:0 0;border:0;border-radius:12px;flex-direction:column;align-items:center;gap:4px;min-inline-size:44px;padding:4px;display:flex}.game-column[aria-disabled=true]{cursor:default}.game-column:not([aria-disabled=true]):hover{background:var(--yapi-soft)}.game-column:focus-visible,.game-square:focus-visible{box-shadow:var(--focus-ring);outline:none}.game-square{border:1px solid var(--line-strong);background:var(--surface);block-size:72px;inline-size:72px;color:var(--ink);cursor:pointer;border-radius:12px;place-items:center;display:grid}.game-square[aria-disabled=true]{cursor:default}.game-square:not([aria-disabled=true]):hover{background:var(--yapi-soft)}.game-square--line{background:var(--yapi-soft);border:3px solid var(--ink)}.game-mark{font:800 40px/1 var(--font-sans)}.game-mark--p0{color:var(--yapi)}.game-mark--p1{color:var(--ink)}.chat-game__ends{font:700 18px/24px var(--font-mono);align-items:baseline;gap:10px;display:flex}.chat-game__rungs{max-block-size:220px;font-family:var(--font-mono);flex-direction:column;gap:4px;margin:0;padding-inline-start:28px;display:flex;overflow-y:auto}.chat-game__rungs .muted{font-family:var(--font-sans);font-size:13px}.chat-game-option{border:1px solid var(--line);cursor:pointer;border-radius:12px;align-items:flex-start;gap:10px;min-height:44px;padding:10px 12px;display:flex}.chat-game-option--going{cursor:default;align-items:center}.chat-game-option--on{border-color:var(--yapi);background:var(--yapi-soft)}.chat-game-option input,.chat-game-person input{block-size:18px;inline-size:18px;accent-color:var(--yapi);flex:none;margin-block-start:2px}.chat-game-option:has(input:disabled){opacity:.7;cursor:default}.chat-game-person{cursor:pointer;align-items:center;gap:10px;min-height:44px;display:flex}@media (max-width:400px){.game-board{padding:4px}.game-board__row{gap:2px}.game-piece--four_up{block-size:34px;inline-size:34px}.game-column{min-inline-size:44px;padding:3px}.game-square{block-size:64px;inline-size:64px}}.chess-board,.chess-mini{--chess-light:#f0d9b5;--chess-dark:#b58863;--chess-ink:#1b1b1b;--chess-edge:#6b4a2e;--chess-font:"Apple Symbols", "Segoe UI Symbol", "Noto Sans Symbols 2", "Noto Sans Symbols", "DejaVu Sans", serif}.chess{flex-direction:column;align-self:center;gap:8px;inline-size:100%;max-inline-size:480px;display:flex}.chess-board{aspect-ratio:1;border:2px solid var(--chess-edge);border-radius:6px;grid-template-rows:repeat(8,1fr);inline-size:100%;display:grid;overflow:hidden;container-type:inline-size}.chess-board__row{grid-template-columns:repeat(8,1fr);display:grid}.chess-board__cell{min-block-size:0;min-inline-size:0}.chess-sq{background:var(--chess-dark);block-size:100%;inline-size:100%;color:var(--chess-ink);cursor:pointer;font:inherit;border:0;border-radius:0;place-items:center;padding:0;display:grid;position:relative}.chess-sq--light{background:var(--chess-light)}.chess-sq[aria-disabled=true]{cursor:default}.chess-sq--last{box-shadow:inset 0 0 0 100px #cdd26acc}.chess-sq--check{background-image:radial-gradient(circle,#ff5a5a 0%,#d42020 45%,#0000 80%)}.chess-sq--picked{box-shadow:inset 0 0 0 3px var(--chess-ink), inset 0 0 0 6px #fff}.chess-sq--picked.chess-sq--last{box-shadow:inset 0 0 0 3px var(--chess-ink), inset 0 0 0 6px #fff, inset 0 0 0 100px #cdd26acc}.chess-sq--target:after,.chess-sq--take:after{content:"";pointer-events:none;border-radius:50%;position:absolute}.chess-sq--target:after{background:var(--chess-ink);inset:37%;box-shadow:0 0 0 2px #fff}.chess-sq--take:after{border:3px solid var(--chess-ink);inset:5%;box-shadow:0 0 0 2px #fff,inset 0 0 0 2px #fff}.chess-sq:focus-visible{outline:none}.chess-sq:focus-visible:before{content:"";z-index:1;pointer-events:none;border:3px solid #00297a;position:absolute;inset:0;box-shadow:inset 0 0 0 2px #fff}.chess-piece{font-family:var(--chess-font,"Apple Symbols", "Segoe UI Symbol", "Noto Sans Symbols 2", "DejaVu Sans", serif);font-weight:400;line-height:1}.chess-sq .chess-piece{color:var(--chess-ink);font-size:9.6cqi;position:relative}.chess-sq__rank,.chess-sq__file{font:700 10px/1 var(--font-sans);color:var(--chess-ink);pointer-events:none;position:absolute}.chess-sq__rank{inset-block-start:2px;inset-inline-start:3px}.chess-sq__file{inset-block-end:2px;inset-inline-end:3px}.chess-legend{color:var(--ink);font-size:20px}.chess-promotion{border:1px solid var(--line);background:var(--surface-sunken);border-radius:12px;flex-direction:column;gap:6px;padding:10px;display:flex}.chess-promotion__label{font-weight:700}.chess-promotion__options{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.chess-promotion__option{border:1px solid var(--line-strong);background:var(--surface);min-block-size:44px;color:var(--ink);font:600 15px/1 var(--font-sans);cursor:pointer;border-radius:12px;align-items:center;gap:6px;padding:4px 12px;display:inline-flex}.chess-promotion__option .chess-piece{color:var(--ink);font-size:28px}.chess-promotion__option:hover{background:var(--yapi-soft)}.chess-promotion__option:focus-visible,.chess-record__moves:focus-visible{box-shadow:var(--focus-ring);outline:none}.chess-draw__text{margin:0;font-weight:600}.chess-record{flex-direction:column;gap:4px;display:flex}.chess-record__taken{flex-wrap:wrap;align-items:baseline;gap:6px;margin:0;font-size:14px;display:flex}.chess-record__pieces{letter-spacing:1px;color:var(--ink);font-family:Apple Symbols,Segoe UI Symbol,"Noto Sans Symbols 2",DejaVu Sans,serif;font-size:20px}.chess-record__title{font:700 14px/20px var(--font-sans);margin:4px 0 0}.chess-record__moves{max-block-size:120px;font:14px/20px var(--font-mono);border-radius:8px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:2px 12px;margin:0;padding-inline-start:32px;display:grid;overflow-y:auto}.chess-record__moves li span+span{margin-inline-start:8px}.chess-mini{border:1px solid var(--chess-edge);grid-template-columns:repeat(8,14px);grid-auto-rows:14px;display:grid}.chess-mini__sq{background:var(--chess-dark);color:var(--chess-ink);font:12px/1 var(--chess-font);place-items:center;display:grid}.chess-mini__sq.chess-sq--light{background:var(--chess-light)}@media (max-width:420px){.chess{inline-size:calc(100% + 2 * (var(--space-6) - 8px));max-inline-size:none;margin-inline:calc(8px - var(--space-6))}}@media (forced-colors:active){.chess-sq--picked,.chess-sq--last{outline-offset:-3px;outline:3px solid highlight}.chess-sq--target:after{background:canvastext}.chess-sq--take:after{border-color:canvastext}}.chat-game-going{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.chat-game-going__turn{color:var(--ink);font-weight:700}.game-view__bar{justify-content:flex-end}.game-view__bar .yp-btn[aria-pressed=true]{border-color:var(--yapi);background:var(--yapi-soft);color:var(--ink)}.game-view{flex-direction:column;align-items:center;inline-size:100%;display:flex}.game-view--3d{--game-edge:color-mix(in srgb, var(--line-strong) 60%, #000);perspective:1000px;perspective-origin:50% 0;padding-block:4px 18px}.game-view--3d .game-board,.game-view--3d .game-board__row,.game-view--3d .game-board__cell,.game-view--3d .game-column,.game-view--3d .game-square{transform-style:preserve-3d}.game-view--3d .game-board,.game-view--3d .chess-board{pointer-events:none}.game-view--3d .game-column,.game-view--3d .game-square,.game-view--3d .chess-sq{pointer-events:auto;transform:translateZ(1px)}.game-view--3d .game-piece,.game-view--3d .game-mark,.game-view--3d .chess-piece,.game-view--3d .chess-sq:after,.game-view--3d .chess-sq__rank,.game-view--3d .chess-sq__file{pointer-events:none}.game-view--3d .game-board--four_up{background:linear-gradient(160deg, color-mix(in srgb, var(--yapi) 14%, var(--surface-sunken)), var(--surface-sunken) 60%);box-shadow:1px 1px 0 var(--game-edge), 2px 2px 0 var(--game-edge), 3px 3px 0 var(--game-edge), 4px 4px 0 var(--game-edge), 5px 5px 0 var(--game-edge), 6px 6px 0 var(--game-edge), 7px 7px 0 var(--game-edge), 14px 18px 26px #0000004d;transform:rotateX(8deg)rotateY(-12deg)scale(.94)}.game-view--3d .game-piece--four_up{transform:translateZ(6px)}.game-view--3d .game-piece--four_up.game-piece--empty{background:var(--surface);box-shadow:inset 0 4px 6px #00000059, inset 0 0 0 1px var(--line-strong);transform:none}.game-view--3d .game-piece--four_up.game-piece--p0{background:radial-gradient(circle at 35% 30%, color-mix(in srgb, #fff 40%, var(--yapi)), var(--yapi) 55%, color-mix(in srgb, #000 30%, var(--yapi)));box-shadow:0 2px 0 color-mix(in srgb, #000 40%, var(--yapi)), 0 3px 0 color-mix(in srgb, #000 45%, var(--yapi)), 0 6px 8px #00000059}.game-view--3d .game-piece--four_up.game-piece--p1{background:radial-gradient(circle at 35% 30%, color-mix(in srgb, #fff 45%, var(--saffron)), var(--saffron) 55%, color-mix(in srgb, #000 25%, var(--saffron)));box-shadow:inset 0 0 0 3px var(--ink), 0 2px 0 color-mix(in srgb, #000 40%, var(--saffron)), 0 3px 0 color-mix(in srgb, #000 45%, var(--saffron)), 0 6px 8px #00000059}.game-view--3d .game-piece--four_up.game-piece--last:not(.game-piece--empty){animation:.38s cubic-bezier(.5,0,1,.6) both game-drop}@keyframes game-drop{0%{transform:translateY(calc(var(--drop,1) * -40px)) translateZ(6px)}to{transform:translateZ(6px)}}.game-view--3d .game-board--noughts{transform-origin:50% 60%;box-shadow:0 2px 0 var(--game-edge), 0 4px 0 var(--game-edge), 0 6px 0 var(--game-edge), 0 8px 0 var(--game-edge), 0 10px 0 var(--game-edge), 0 22px 26px #0000004d;transform:rotateX(30deg)scale(.96)}.game-view--3d .game-square{box-shadow:0 2px 0 var(--line-strong), 0 4px 0 var(--line-strong)}.game-view--3d .game-mark{transform-origin:50% 100%;text-shadow:0 1px 0 color-mix(in srgb, currentColor 75%, #000), 0 2px 0 color-mix(in srgb, currentColor 70%, #000), 0 3px 0 color-mix(in srgb, currentColor 65%, #000), 0 4px 0 color-mix(in srgb, currentColor 60%, #000), 0 9px 10px #00000059;display:block;transform:translateZ(10px)rotateX(-30deg)}.game-view--3d .game-mark--last{animation:.32s ease-out both game-lift}@keyframes game-lift{0%{opacity:0;transform:translateZ(60px)rotateX(-30deg)}to{opacity:1;transform:translateZ(10px)rotateX(-30deg)}}.ladder-3d{flex-direction:column;gap:8px;max-block-size:280px;inline-size:100%;margin:0;padding:4px 4px 10px;list-style:none;display:flex;overflow-y:auto}.ladder-3d__rung{perspective:500px;align-items:center;gap:12px;display:flex}.ladder-3d__tiles{transform-origin:50% 100%;gap:4px;display:inline-flex;transform:rotateX(24deg)}.ladder-3d__tile{border:1px solid var(--line-strong);background:var(--surface);block-size:36px;inline-size:36px;color:var(--ink);font:800 18px/1 var(--font-mono);box-shadow:0 1px 0 var(--line-strong), 0 2px 0 var(--line-strong), 0 3px 0 var(--line-strong), 0 4px 0 var(--line-strong), 0 8px 8px #00000040;border-radius:7px;place-items:center;display:grid}.ladder-3d__tile--changed{border-color:var(--yapi);background:var(--yapi-soft)}.ladder-3d__who{color:var(--ink-muted);font-size:13px}.ladder-3d__rung--last .ladder-3d__tiles{animation:.3s ease-out both game-rung}@keyframes game-rung{0%{opacity:0;transform:translateY(-16px)rotateX(24deg)}to{opacity:1;transform:rotateX(24deg)}}.game-view--3d .chess{perspective:1000px;perspective-origin:50% 0;padding-block-start:10px}.game-view--3d .chess-board{transform-origin:50% 0;transform-style:preserve-3d;margin-block-end:-3%;overflow:visible;transform:rotateX(28deg)scale(.88);box-shadow:0 2px #5a3d25,0 4px #52381f,0 6px #4a321c,0 8px #432d19,0 10px #3c2816,0 26px 30px #0006}.game-view--3d .chess-board__row,.game-view--3d .chess-board__cell,.game-view--3d .chess-sq{transform-style:preserve-3d}.game-view--3d .chess-sq .chess-piece{transform-origin:50% 100%;text-shadow:0 1px #7a7a7a,0 2px #5c5c5c,0 3px #444,0 7px 6px #00000073;font-size:11cqi;transform:translateY(-18%)rotateX(-28deg)}@media (prefers-reduced-motion:reduce){.game-view--3d .game-piece--four_up.game-piece--last:not(.game-piece--empty),.game-view--3d .game-mark--last,.ladder-3d__rung--last .ladder-3d__tiles{animation:none}}@media (forced-colors:active){.game-view--3d .game-board,.game-view--3d .chess-board{transform:none}}.chapters{gap:var(--space-2);display:grid}.chapters__row{gap:var(--space-3);padding:2px 2px var(--space-2);scrollbar-width:thin;margin:0;list-style:none;display:flex;overflow-x:auto}.chapters__item{width:84px;color:var(--ink);font:inherit;cursor:pointer;background:0 0;border:0;justify-items:center;gap:4px;padding:0;display:grid}.chapters__item:focus-visible{box-shadow:var(--focus-ring);border-radius:var(--radius-md);outline:none}.chapters__title{text-overflow:ellipsis;white-space:nowrap;max-width:84px;font-size:13px;font-weight:600;overflow:hidden}.chapters__meta{color:var(--ink-muted);font-size:11px}.chapter-cover{border-radius:var(--radius-md);color:#fff;flex:none;place-items:center;display:grid;overflow:hidden}.chapter-cover img{object-fit:cover;width:100%;height:100%}.chapter-cover{position:relative}.chapter-cover__lock{border-radius:var(--radius-full);color:#fff;background:#00000073;place-items:center;padding:3px;display:grid;position:absolute;inset-block-end:4px;inset-inline-end:4px}.chapter-preview{gap:var(--space-3);padding:var(--space-3);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface-sunken);align-items:center;display:flex}.chapter-preview .muted{font-size:13px;line-height:18px}.chapter-cover--new{border:2px dashed var(--line-strong);color:var(--yapi);background:var(--surface-sunken)!important}.chapter-end{align-content:center;justify-items:center;gap:var(--space-3);min-height:0;padding:var(--space-6);text-align:center;display:grid}.chapter-end h2{font:800 24px/30px var(--font-display);margin:0}.chapter-end__desc{opacity:.8;white-space:pre-wrap;margin:0}.chapter-end__form{gap:var(--space-2);width:100%;display:flex}.chapter-pick{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.chapter-pick button{align-items:center;gap:var(--space-3);width:100%;padding:var(--space-2);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);color:var(--ink);font:inherit;text-align:start;cursor:pointer;display:flex}.chapter-pick button>span:last-child{min-width:0;display:grid}.chapter-swatches{gap:var(--space-2);border:0;flex-wrap:wrap;margin:0;padding:0;display:flex}.chapter-swatches legend{margin-bottom:var(--space-2)}.chapter-swatch,.chapter-symbol{border-radius:var(--radius-sm);cursor:pointer;place-items:center;width:40px;height:40px;display:grid;position:relative}.chapter-symbol{border:1px solid var(--line);background:var(--surface);color:var(--ink)}.chapter-swatch input,.chapter-symbol input{opacity:0;pointer-events:none;position:absolute}:is(.chapter-swatch:has(input:checked),.chapter-symbol:has(input:checked)){box-shadow:0 0 0 2px var(--ground), 0 0 0 4px var(--yapi)}:is(.chapter-swatch:has(input:focus-visible),.chapter-symbol:has(input:focus-visible)){box-shadow:var(--focus-ring)}.chapter-hero{gap:var(--space-4);align-items:center;display:flex}.chapter-hero h1{font:800 26px/32px var(--font-display);margin:0}.story-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(120px,1fr));margin:0;padding:0;list-style:none;display:grid}.story-tile{gap:6px;min-width:0;display:grid}.story-tile__media{aspect-ratio:9/16;border-radius:var(--radius-md);color:#fff;font:700 14px/18px var(--font-sans);cursor:pointer;background:linear-gradient(160deg,#d21d4a,#c2410c);border:0;place-items:center;padding:0;display:grid;position:relative;overflow:hidden}.story-tile__media img{object-fit:cover;width:100%;height:100%}.story-tile__media>p{padding:var(--space-2);text-align:center;margin:0;overflow:hidden}.story-tile__meta{color:var(--ink-muted);font-size:12px}.guestbook{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.guestbook li{gap:var(--space-2);align-items:flex-start;display:flex}.guestbook li>div{flex:1;min-width:0}.guestbook p{white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.guestbook__hidden{opacity:.55}button.yp-chip[aria-pressed=true]{border-color:var(--yapi);background:var(--yapi-soft);color:var(--ink)}.yap-row{align-items:stretch;gap:var(--space-2);padding:var(--space-2) 0 0;flex-direction:column;display:flex}.yap-btn{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-full);background:var(--grad);width:100%;min-height:52px;color:var(--on-yapi);font:700 16px/1 var(--font-sans);cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;transition:transform var(--duration-fast) var(--ease-out);border:0;display:flex}.yap-btn:focus-visible{box-shadow:var(--focus-ring);outline:none}.yap-btn:disabled{opacity:.5;cursor:default}.yap-btn--live{animation:.9s ease-in-out infinite alternate yap-live;transform:scale(.98)}@keyframes yap-live{to{box-shadow:0 0 0 6px var(--yapi-soft)}}.yap-prompt{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--surface-sunken);color:var(--ink);flex-wrap:wrap;font-size:13px;display:flex}.yap-prompt span{flex:200px}.yap-banner{top:max(12px, env(safe-area-inset-top));z-index:60;align-items:center;gap:var(--space-2);max-width:calc(100vw - 32px);padding:var(--space-2) var(--space-3);border-radius:var(--radius-full);background:var(--surface);color:var(--yapi);box-shadow:var(--shadow-lg);display:flex;position:fixed;left:50%;transform:translate(-50%)}.yap-banner__from{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:700;overflow:hidden}.yap-banner__stop{background:var(--surface-sunken);width:32px;height:32px;color:var(--ink);cursor:pointer;border:0;border-radius:50%;place-items:center;display:grid}.yap-wave{width:96px;height:24px;color:var(--yapi)}.chat-yap-label{letter-spacing:.04em;opacity:.8;font-size:11px;font-weight:700;display:inline-block}.chat-story-reply{opacity:.8;margin-bottom:2px;font-size:12px;display:block}@media (prefers-reduced-motion:reduce){.yap-btn--live{animation:none}}.view-once{flex-direction:column;gap:2px;min-width:180px;display:flex}.view-once__row{align-items:center;gap:var(--space-2);font-weight:600;display:flex}.view-once__open{padding:var(--space-2) 0;color:inherit;font:inherit;cursor:pointer;text-align:start;background:0 0;border:0;font-weight:700}.view-once__open:focus-visible{box-shadow:var(--focus-ring);border-radius:var(--radius-sm);outline:none}.view-once__meta{opacity:.8;font-size:12px}.view-once__viewer{z-index:80;color:#fff;background:#000;flex-direction:column;display:flex;position:fixed;inset:0}.view-once__bar{justify-content:space-between;align-items:center;gap:var(--space-2);padding:max(12px, env(safe-area-inset-top)) 16px 12px;font-weight:600;display:flex}.view-once__bar .yp-btn{color:#fff}.view-once__viewer img,.view-once__viewer video{object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;flex:1;width:100%;min-height:0}.view-once__note{padding:12px 16px max(12px, env(safe-area-inset-bottom));text-align:center;opacity:.75;margin:0;font-size:13px}.story-stickers{pointer-events:none;z-index:1;position:absolute;inset:0}.story-sticker{pointer-events:auto;color:#14151f;max-width:82%;position:absolute}.story-sticker__chip{border-radius:var(--radius-full);color:#14151f;max-width:100%;font:700 15px/1.2 var(--font-sans);white-space:nowrap;text-overflow:ellipsis;background:#fff;align-items:center;gap:6px;padding:8px 14px;text-decoration:none;display:inline-flex;overflow:hidden;box-shadow:0 2px 10px #00000040}.story-sticker__chip:focus-visible,.story-poll__option:focus-visible,.story-question__send:focus-visible,.story-card:focus-visible{outline-offset:2px;outline:3px solid #ff5c7a}.story-sticker__domain{color:#4b4f63;font-weight:500}.story-card-sticker{color:#14151f;text-align:center;background:#fff;border-radius:16px;gap:8px;width:min(240px,70vw);padding:12px;display:grid;box-shadow:0 4px 16px #00000047}.story-card-sticker__title{font:700 16px/1.3 var(--font-sans);overflow-wrap:anywhere;margin:0}.story-card-sticker__meta{color:#4b4f63;margin:0;font-size:13px}.story-poll{gap:6px;display:grid}.story-poll__option{color:#14151f;min-height:40px;font:600 15px/1.2 var(--font-sans);cursor:pointer;background:#f4f5fa;border:1px solid #d9dbe6;border-radius:12px;justify-content:space-between;align-items:center;gap:8px;padding:0 12px;display:flex;position:relative;overflow:hidden}.story-poll__option:disabled{cursor:default}.story-poll__option--picked{border-color:#d21d4a}.story-poll__fill{background:#d21d4a2e;position:absolute;inset-block:0;inset-inline-start:0}.story-poll__label,.story-poll__pct{position:relative}.story-question__input{color:#14151f;height:40px;font:500 15px/1 var(--font-sans);background:#f4f5fa;border:1px solid #d9dbe6;border-radius:12px;padding:0 12px}.story-question__input:focus{outline-offset:1px;outline:2px solid #d21d4a}.story-question__send{border-radius:var(--radius-full);color:#fff;height:36px;font:700 14px/1 var(--font-sans);cursor:pointer;background:#d21d4a;border:0;justify-content:center;align-items:center;gap:6px;padding:0 14px;display:inline-flex}.story-question__send[aria-pressed=true]{background:#14151f}.story-slider{align-items:center;height:40px;display:grid;position:relative}.story-slider input{accent-color:#d21d4a;width:100%}.story-slider__emoji{top:-6px;pointer-events:none;font-size:22px;position:absolute;inset-inline-start:calc(var(--pos) - 12px)}.story-countdown__time{font:800 22px/1.2 var(--font-display);color:#d21d4a;margin:0}.story__reshare{padding:var(--space-6);background:linear-gradient(160deg,#2a1b3d,#0b0c14);place-self:stretch stretch;place-items:center;display:grid}.story__reshare .story-card{width:min(260px,80%)}.story-card{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);width:240px;max-width:100%;color:var(--ink);gap:10px;padding:8px;text-decoration:none;display:flex}.story-card__preview{background:linear-gradient(160deg,#d21d4a,#c2410c);border-radius:10px;flex:none;place-items:center;width:64px;height:112px;display:grid;overflow:hidden}.story-card__preview img,.story-card__preview video{object-fit:cover;width:100%;height:100%}.story-card__text{overflow-wrap:anywhere;color:#fff;font:700 11px/1.25 var(--font-sans);text-align:center;-webkit-line-clamp:6;-webkit-box-orient:vertical;padding:4px;display:-webkit-box;overflow:hidden}.story-card__meta{align-content:center;gap:6px;min-width:0;display:grid}.story-card__who{align-items:center;gap:6px;min-width:0;font-size:14px;font-weight:700;display:flex}.story-card__who bdi{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.story-card__body{color:var(--ink-muted);overflow-wrap:anywhere;font-size:13px}.story-card__cta{color:var(--yapi);font-size:13px;font-weight:700}.story-card--gone{color:var(--ink-muted);align-items:center;font-size:14px}.story-results{margin-bottom:var(--space-4)}.story-results__item h3{margin:0 0 var(--space-2);font-size:15px}.story-results__bar{justify-content:space-between;gap:var(--space-2);border-radius:var(--radius-sm);background:var(--surface-sunken);margin-bottom:6px;padding:8px 12px;display:flex;position:relative;overflow:hidden}.story-results__bar>:not(.story-results__fill){position:relative}.story-results__fill{background:var(--yapi-soft);position:absolute;inset-block:0;inset-inline-start:0}.sticker-editor{gap:var(--space-4);display:grid}@media (min-width:640px){.sticker-editor{grid-template-columns:220px 1fr;align-items:start}}.sticker-editor__frame{aspect-ratio:9/16;border-radius:var(--radius-md);touch-action:none;-webkit-user-select:none;user-select:none;background:linear-gradient(160deg,#d21d4a,#c2410c);place-items:center;width:min(220px,100%);display:grid;position:relative;overflow:hidden}.sticker-editor__frame img,.sticker-editor__frame video{object-fit:cover;width:100%;height:100%}.sticker-editor__text{padding:var(--space-4);color:#fff;font:800 16px/1.3 var(--font-display);text-align:center;white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.sticker-editor__sticker{border-radius:var(--radius-full);color:#14151f;max-width:88%;font:700 12px/1.2 var(--font-sans);white-space:nowrap;text-overflow:ellipsis;cursor:grab;touch-action:none;background:#fff;border:0;padding:6px 10px;position:absolute;overflow:hidden;box-shadow:0 2px 8px #00000040}.sticker-editor__sticker:active{cursor:grabbing}.sticker-editor__sticker:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}.sticker-editor__kinds{gap:14px var(--space-2);flex-wrap:wrap;display:flex}.sticker-editor__form{padding:var(--space-3);border:1px solid var(--line);border-radius:var(--radius-md)}.sticker-editor__list{gap:4px;margin:0;padding:0;list-style:none;display:grid}.sticker-editor__list li{justify-content:space-between;align-items:center;gap:var(--space-2);min-width:0;display:flex}.sticker-editor__list bdi{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tag-stories__title{margin:0;font-size:17px}.story__frame{grid-template-columns:minmax(0,1fr)}.story__text,.story__caption{overflow-wrap:anywhere}.story__text .yp-hashtag,.story__caption .yp-hashtag{color:inherit;text-underline-offset:3px;text-decoration:underline}.story__text p,.story__caption p{margin:0}.story__text{align-content:center;gap:var(--space-3)}.story__translate{z-index:2;color:#fffc;justify-content:center;position:relative}.story__caption .story__translate{justify-content:flex-start}.story__translate .yp-translate__link,.story__translate .yp-translate__link:disabled,.story__translate .yp-translate__error{color:#fff}.board-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(140px,1fr));margin:0;padding:0;list-style:none;display:grid}.board-card{width:100%;min-width:0;color:var(--ink);font:inherit;text-align:start;cursor:pointer;background:0 0;border:0;gap:4px;padding:0;text-decoration:none;display:grid}.board-card:focus-visible{box-shadow:var(--focus-ring);border-radius:var(--radius-md);outline:none}.board-card__cover{aspect-ratio:1;border-radius:var(--radius-md);border:1px solid var(--line);background:var(--surface-sunken);display:block;position:relative;overflow:hidden}.board-card:hover .board-card__cover{border-color:var(--line-strong)}.board-card__mark{top:6px;border-radius:var(--radius-full);background:var(--surface);color:var(--ink);font:700 11px/16px var(--font-sans);box-shadow:var(--shadow-sm);align-items:center;gap:4px;padding:2px 8px;display:inline-flex;position:absolute;inset-inline-start:6px}.board-card__name{text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.board-card__meta{min-height:20px;color:var(--ink-muted);align-items:center;gap:6px;font-size:13px;display:flex}.board-card__meta .yp-avatar{width:20px;height:20px;font-size:9px}.board-card__more{border-radius:var(--radius-full);background:var(--surface-sunken);min-width:20px;height:20px;box-shadow:0 0 0 2px var(--ground);color:var(--ink);font:700 10px/1 var(--font-sans);place-items:center;margin-inline-start:-6px;padding:0 4px;display:inline-grid}.board-cover{background:var(--surface-sunken) center / cover no-repeat;width:100%;height:100%;color:var(--ink-muted);place-items:center;display:grid;overflow:hidden}.board-cover img{object-fit:cover;width:100%;height:100%}.board-cover--text{padding:var(--space-3);background:var(--surface);color:var(--ink);font:600 13px/18px var(--font-sans);text-align:start;place-items:start}.board-cover--text>span{-webkit-line-clamp:6;overflow-wrap:anywhere;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.board-cover--new{border:2px dashed var(--line-strong);border-radius:inherit;color:var(--yapi)}.board-card--new .board-card__cover{border:0}.board-hero{gap:var(--space-4);align-items:center;display:flex}.board-hero__cover{border:1px solid var(--line);border-radius:var(--radius-md);flex:none;width:104px;height:104px;overflow:hidden}.board-hero h1{font:800 26px/32px var(--font-display);overflow-wrap:anywhere;margin:0}.board-banner{justify-content:space-between;align-items:center;gap:var(--space-2) var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);flex-wrap:wrap;display:flex}.board-people{gap:var(--space-3)}.save-grid{gap:var(--space-3) var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}@media (min-width:520px){.save-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.save-tile{align-content:start;gap:4px;min-width:0;display:grid}.save-tile__media{aspect-ratio:4/5;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface-sunken);color:var(--ink);place-items:center;text-decoration:none;display:grid;position:relative;overflow:hidden}.save-tile__media:focus-visible{box-shadow:var(--focus-ring);outline:none}.save-tile__media img,.save-tile__media video{object-fit:cover;width:100%;height:100%}.save-tile__badge{top:6px;border-radius:var(--radius-full);color:#fff;font:700 11px/14px var(--font-sans);background:#000000a6;align-items:center;gap:4px;padding:2px 6px;display:inline-flex;position:absolute;inset-inline-end:6px}.save-tile__badge--start{inset-inline:6px auto}.save-tile__text{margin:var(--space-3);-webkit-line-clamp:7;font:600 14px/20px var(--font-sans);overflow-wrap:anywhere;white-space:pre-line;-webkit-box-orient:vertical;place-self:start stretch;display:-webkit-box;overflow:hidden}.save-tile__lock{background:var(--surface-sunken) center / cover no-repeat;width:100%;height:100%;color:var(--ink);font:700 12px/16px var(--font-sans);text-shadow:0 0 6px var(--surface);align-content:center;place-items:center;gap:6px;display:grid}.save-tile__foot{justify-content:space-between;align-items:flex-start;gap:2px;min-width:0;display:flex}.save-tile__note{-webkit-line-clamp:3;min-width:0;color:var(--ink-muted);overflow-wrap:anywhere;-webkit-box-orient:vertical;flex:1;margin:6px 0 0;font-size:13px;line-height:18px;display:-webkit-box;overflow:hidden}.save-tile__more{flex:none;height:32px;padding:0 6px}.save-tile__arrange{grid-template-columns:1fr 1fr;gap:4px;display:grid}.save-tile__arrange .yp-btn{padding-inline:4px}.save-options__danger{color:var(--danger)}.save-pick{gap:var(--space-2);max-height:44vh;margin:0;padding:2px;list-style:none;display:grid;overflow-y:auto}.save-pick button{align-items:center;gap:var(--space-3);width:100%;padding:var(--space-2);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);color:var(--ink);font:inherit;text-align:start;cursor:pointer;display:flex}.save-pick button[aria-pressed=true]{border-color:var(--yapi)}.save-pick button:focus-visible{box-shadow:var(--focus-ring);outline:none}.save-pick button:disabled{cursor:progress}.save-pick__cover{border-radius:var(--radius-sm);flex:none;width:44px;height:44px;overflow:hidden}.save-pick__cover .board-cover--text{padding:4px;font-size:9px;line-height:11px}.save-pick__text{flex:1;min-width:0;display:grid}.save-pick__text strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.save-pick__text .muted{font-size:13px}.save-pick__check{border:1.5px solid var(--line-strong);border-radius:var(--radius-full);flex:none;place-items:center;width:28px;height:28px;display:grid}.save-pick button[aria-pressed=true] .save-pick__check{border-color:var(--yapi);background:var(--yapi);color:var(--on-yapi)}.save-pick__new{flex:1}@media (max-width:520px){.yp-composer{gap:2px 8px;padding-inline-start:var(--space-2)}.yp-composer>.yp-action,.yp-composer>.yp-menu>.yp-action{justify-content:center;width:36px;min-width:36px;padding-inline:0}.yp-composer>.yp-btn{padding-inline:12px}.yp-composer{border-radius:var(--radius-lg);flex-wrap:wrap;row-gap:2px}.yp-composer .chat-compose-context{order:-2}.yp-composer textarea{flex:1 0 100%;order:-1;min-width:0;padding-inline:4px}.yp-composer textarea+.yp-action,.yp-composer textarea+.yp-btn{margin-inline-start:auto}.yp-composer textarea::placeholder{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.chat-send__label{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}.music-sticker{border-radius:var(--radius-full);color:#14151f;max-width:78%;font:700 13px/1.2 var(--font-sans);text-align:start;pointer-events:auto;cursor:pointer;background:#fff;border:0;align-items:center;gap:8px;padding:8px 12px;display:inline-flex;position:absolute;box-shadow:0 2px 10px #00000040}.music-sticker:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}.music-sticker--card{border-radius:14px;gap:10px;padding:8px}.music-sticker__cover{background:#e7e8f2 50%/cover no-repeat;border-radius:8px;flex:none;place-items:center;width:44px;height:44px;display:grid}.music-sticker__text{min-width:0;display:grid}.music-sticker__title,.music-sticker__artist{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.music-sticker__artist{opacity:.7;font-size:12px;font-weight:500}.music-sticker--compact .music-sticker__text{gap:6px;display:flex}.music-sticker__bars{flex:none;align-items:flex-end;gap:2px;height:12px;display:inline-flex}.music-sticker__bars>span{opacity:.6;background:currentColor;border-radius:1px;width:3px;height:4px}.music-sticker__bars--on>span{animation:.9s ease-in-out infinite alternate yp-music-bar}.music-sticker__bars--on>span:nth-child(2){animation-delay:-300ms}.music-sticker__bars--on>span:nth-child(3){animation-delay:-600ms}@keyframes yp-music-bar{0%{height:3px}to{height:12px}}@media (prefers-reduced-motion:reduce){.music-sticker__bars--on>span{height:9px;animation:none}}.music-range{width:100%;accent-color:var(--yapi)}.music-sources{margin:0;font-size:13px}.music-row__credit{color:var(--ink-muted);overflow-wrap:anywhere;margin:0;font-size:12px}.music-row__blocked{color:var(--danger);font-size:12px;font-weight:600}.music-row__save{border-radius:var(--radius-full);width:36px;height:36px;color:var(--ink-muted);cursor:pointer;background:0 0;border:0;flex:none;place-items:center;display:grid}.music-row__save[aria-pressed=true]{color:var(--yapi)}.music-row__save:focus-visible{box-shadow:var(--focus-ring);outline:none}.music-hint{margin:0;font-size:13px}.music-sticker__credit{opacity:.75;font-size:11px;font-weight:500}.music-wave{border-radius:var(--radius-md);background:var(--surface-sunken);height:56px;position:relative;overflow:hidden}.music-wave__bars{align-items:center;gap:2px;display:flex;position:absolute;inset:6px 8px}.music-wave__bar{background:var(--ink-muted);opacity:.35;border-radius:2px;flex:1;min-height:3px}.music-wave__bar--in{background:var(--yapi);opacity:1}.music-wave__window{border:2px solid var(--yapi);pointer-events:none;border-radius:8px;position:absolute;top:-6px;bottom:-6px}.music-wave__range{opacity:0;cursor:ew-resize;width:100%;height:100%;margin:0;position:absolute;inset:0}.music-wave:focus-within{box-shadow:var(--focus-ring)}.sticker-editor__sticker--music{align-items:center;gap:4px;display:inline-flex}.sticker-editor__sticker--card{border-radius:10px;padding:8px 10px}.cam__pill[aria-pressed=true]{color:#0b0c14;background:#fff}.cam__dual{z-index:2;gap:var(--space-4);padding:max(var(--space-4), env(safe-area-inset-top)) var(--space-4) max(var(--space-6), env(safe-area-inset-bottom));background:#000;grid-template-rows:auto 1fr auto;display:grid;position:absolute;inset:0}.cam__dual-title{text-align:center;font:700 16px/1.4 var(--font-sans);margin:0}.cam__dual-hint{text-align:center;opacity:.8;margin:4px 0 0;font-size:14px}.cam__dual-stage{place-items:center;min-height:0;display:grid}.cam__dual-frame{touch-action:none;max-width:100%;position:relative}.cam__dual-frame>img{max-width:100%;max-height:calc(100dvh - 240px);display:block}.cam__dual-inset{cursor:grab;touch-action:none;transition:left var(--duration-base) ease-out, top var(--duration-base) ease-out;background:#fff;border:0 solid #fff;padding:0;position:absolute;overflow:hidden}.cam__dual-inset--dragging{cursor:grabbing;transition:none}.cam__dual-inset>img{object-fit:cover;pointer-events:none;width:100%;height:100%;display:block}.cam__dual-inset:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}@media (prefers-reduced-motion:reduce){.cam__dual-inset{transition:none}}.cam__dual-actions{justify-content:center;gap:var(--space-3);display:flex}.recap-cta{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);flex-wrap:wrap;display:flex}.recap-cta .muted{font-size:14px}.recap-thumb{aspect-ratio:1;border-radius:var(--radius-md);background:var(--surface-sunken);width:100%;color:var(--ink-muted);place-items:center;display:grid;position:relative;overflow:hidden}.recap-thumb img{object-fit:cover;width:100%;height:100%}.recap-thumb__badge,.recap-thumb__other{border-radius:var(--radius-full);color:#fff;font:600 11px/14px var(--font-sans);background:#0000009e;align-items:center;gap:2px;padding:2px 6px;display:inline-flex;position:absolute}.recap-thumb__badge{inset:auto auto 4px 4px}.recap-thumb__other{padding:3px;inset:4px 4px auto auto}.recap-picked{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.recap-picked__item{align-items:center;gap:var(--space-2);padding:var(--space-1);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);grid-template-columns:20px 56px minmax(0,1fr) auto;display:grid}.recap-picked__num{text-align:center;font:700 13px/1 var(--font-sans);color:var(--ink-muted)}.recap-picked__text{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.recap-picked__tools{gap:4px;display:flex}.recap-tool{border-radius:var(--radius-full);width:40px;height:40px;color:var(--ink);cursor:pointer;background:0 0;border:0;flex:none;place-items:center;padding:0;display:grid}.recap-tool:hover:not(:disabled){background:var(--surface-sunken)}.recap-tool:focus-visible,.recap-add:focus-visible,.recap-row:focus-visible{box-shadow:var(--focus-ring);outline:none}.recap-tool:disabled{opacity:.35;cursor:default}.recap-tool__up{transform:rotate(180deg)}.recap-grid{gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(88px,1fr));margin:0;padding:0;list-style:none;display:grid}.recap-add{border-radius:var(--radius-md);cursor:pointer;background:0 0;border:0;width:100%;padding:0;display:block;position:relative}.recap-add:disabled{opacity:.45;cursor:not-allowed}.recap-add__plus{border-radius:var(--radius-full);background:var(--yapi);width:24px;height:24px;color:var(--on-yapi);place-items:center;display:grid;position:absolute;inset:auto 4px 4px auto}.recap-choices{gap:var(--space-2);border:0;grid-template-columns:repeat(auto-fill,minmax(min(100%,150px),1fr));margin:0;padding:0;display:grid}.recap-choices>legend{margin-bottom:var(--space-2);padding:0}.recap-choice{align-items:center;gap:var(--space-2);min-height:56px;padding:var(--space-2) var(--space-3);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);cursor:pointer;display:flex}.recap-choice:has(input:checked){border-color:var(--yapi);background:var(--yapi-soft)}.recap-choice:has(input:focus-visible){box-shadow:var(--focus-ring)}.recap-choice>span:last-child{gap:2px;font-size:14px;display:grid}.recap-choice .muted{font-size:13px}.recap-shape{border:2px solid;border-radius:3px;flex:none}.recap-shape--tall{width:14px;height:24px}.recap-shape--square{width:20px;height:20px}.recap-list{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.recap-row{align-items:center;gap:var(--space-3);width:100%;padding:var(--space-2);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);color:var(--ink);font:inherit;text-align:start;cursor:pointer;display:flex}.recap-row[aria-current=true]{border-color:var(--yapi)}.recap-row__poster{border-radius:var(--radius-sm);background:var(--surface-sunken);width:54px;height:96px;color:var(--ink-muted);flex:none;place-items:center;display:grid;overflow:hidden}.recap-row__poster--square{height:54px}.recap-row__poster img{object-fit:cover;width:100%;height:100%}.recap-row__text{gap:4px;min-width:0;display:grid}.recap-row__title{text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.recap-row__meta{color:var(--ink-muted);font-size:13px}.recap-row__status{align-items:center;gap:var(--space-2);flex-wrap:wrap;font-size:13px;display:flex}.recap-detail{gap:var(--space-3);padding:var(--space-4);flex-direction:column;display:flex}.recap-detail h2:focus{outline:none}.recap-video{border-radius:var(--radius-md);object-fit:contain;background:#000;max-width:100%;margin-inline:auto;display:block}.recap-video--tall{height:min(70vh,640px)}.recap-video--square{width:min(100%,480px)}.recap-video--waiting{justify-content:center;align-items:center;gap:var(--space-2);width:min(100%,320px);height:auto;padding:var(--space-4);background:var(--surface-sunken);color:var(--ink);text-align:center;flex-direction:column;font-size:14px;display:flex}.recap-inline{padding:var(--space-3);border:1px solid var(--line);border-radius:var(--radius-md)}.room__hands:empty{margin:0}.translation-langs{border:0;min-width:0;margin:0;padding:0}.translation-langs legend{padding:0;font-weight:600}.translation-langs__grid{gap:var(--space-2) var(--space-4);margin-top:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr));display:grid}.topbar__word{flex:none}.home__actions,.topbar__actions{justify-content:flex-end;gap:var(--space-1);flex-wrap:wrap;min-width:0}.home__bell{position:relative}.home__bell-count{background:var(--grad);min-width:18px;height:18px;color:var(--on-yapi);font:700 10px/18px var(--font-sans);text-align:center;pointer-events:none;border-radius:7px;padding:0 5px;position:absolute;inset-block-start:0;inset-inline-end:0}.reels{--reel-ink:#f2f3fa;--reel-scrim:#05060b;--reel-accent:#ff5c7a;--reel-sun:#ffbe3d;--reel-mint:#3ddbc2;z-index:10;inset-inline:0;top:env(safe-area-inset-top,0px);bottom:calc(86px + env(safe-area-inset-bottom,0px));overscroll-behavior:contain;scroll-snap-type:y mandatory;scrollbar-width:none;background:var(--reel-scrim);color:var(--reel-ink);border-radius:0 0 24px 24px;position:fixed;overflow-y:auto}.reels::-webkit-scrollbar{display:none}.reels--loading{padding:var(--space-4);place-items:center;display:grid}.reel{scroll-snap-align:start;scroll-snap-stop:always;height:100%;position:relative;overflow:hidden}.reel__frame{background:var(--reel-scrim);color:var(--reel-ink);isolation:isolate;position:absolute;inset:0;overflow:hidden}.reel__frame:before,.reel__frame:after{content:"";z-index:1;pointer-events:none;transition:opacity .4s;position:absolute;inset-inline:0}.reel__frame:before{background:linear-gradient(#05060b8c,#0000);height:96px;top:0}.reel__frame:after{background:linear-gradient(#0000,#05060bb8);height:38%;bottom:0}.reel--faint .reel__frame:after{opacity:.45}.reel--clear .reel__frame:before,.reel--clear .reel__frame:after{opacity:0}.reel__stage{place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.reel__stage--duet{grid-template-columns:1fr 1fr;gap:2px}.reel__video{object-fit:cover;background:0 0;width:100%;height:100%;display:block;position:relative}.reel__video--contain{object-fit:contain}.reel__backdrop{object-fit:cover;filter:blur(34px)saturate(1.25)brightness(.55);width:120%;height:120%;position:absolute;inset:-10%}.reel__video::cue{font-family:var(--font-sans);background:#05060bb8}.reel__video--big-captions::cue{font-size:150%;line-height:1.35}.reel__tap{z-index:2;cursor:pointer;touch-action:pan-y;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;position:absolute;inset:0}.reel__icon-btn{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#fff;cursor:pointer;width:44px;height:44px;transition:background-color var(--duration-fast);background:#05060b59;border:0;border-radius:15px;flex:none;place-items:center;padding:0;display:grid}.reel__icon-btn:hover{background:#fff3}.reel__icon-btn[aria-pressed=true]{color:#0b0c14;background:#fff}.reel__icon-btn:disabled{opacity:.4;cursor:default}.reel__icon-btn--quiet{background:0 0}.reel button:focus-visible,.reel a:focus-visible{box-shadow:0 0 0 2px var(--reel-scrim), 0 0 0 4px var(--reel-accent);outline:none}.reel .reel__btn:focus-visible{box-shadow:none}.reel__btn:focus-visible .reel__disc{box-shadow:0 0 0 2px var(--reel-scrim), 0 0 0 4px var(--reel-accent)}.reel__top{z-index:4;top:10px;align-items:center;gap:6px;transition:opacity .4s;display:flex;position:absolute;inset-inline:10px}.reel__top-title{min-width:0;font:800 18px/1 var(--font-display);letter-spacing:-.01em;text-shadow:0 1px 6px #0009;flex:1;padding-inline-start:4px}.reel--faint .reel__top{opacity:.55}.reel__info{z-index:3;inset-inline:14px 74px;text-shadow:0 1px 4px #0009;flex-direction:column;gap:5px;transition:opacity .4s;display:flex;position:absolute;bottom:54px}.reel--faint .reel__info{opacity:.3}.reel--faint .reel__info:hover{opacity:1}.reel--faint .reel__info:has(:focus-visible){opacity:1}.reel--faint .reel__top:has(:focus-visible){opacity:1}.reel--details .reel__info{opacity:0;pointer-events:none}@media (max-width:899px){.reel--details .reel__rail{opacity:0;pointer-events:none}}.reel__byline{align-items:center;gap:8px;min-width:0;display:flex}.reel__author{min-width:0;color:inherit;font:800 15px/20px var(--font-display);text-overflow:ellipsis;white-space:nowrap;margin-block:-12px;padding-block:12px;text-decoration:none;overflow:hidden}.reel__author:hover{text-decoration:underline}.reel__with{font:700 12px/1 var(--font-sans);opacity:.85;flex:none}.reel__follow{color:#fff;min-height:26px;font:700 12px/1 var(--font-sans);cursor:pointer;background:#ffffff1a;border:1px solid #ffffffb3;border-radius:9px;flex:none;padding:0 11px}.reel__follow:hover{color:#0b0c14;background:#fff}.reel__stats{min-width:0;font:600 13px/18px var(--font-sans);font-variant-numeric:tabular-nums;flex-wrap:wrap;align-items:center;gap:4px 12px;display:flex}.reel__stat{align-items:center;gap:4px;min-width:0;display:inline-flex}.reel__stat svg{filter:drop-shadow(0 1px 3px #0009);flex:none}.reel__stat--note{font-size:12px;font-weight:500}.reel__stats .yp-rising{text-shadow:none}.reel__caption-row{align-items:baseline;gap:6px;min-width:0;display:flex}.reel__caption{min-width:0;font:500 14px/20px var(--font-sans);text-overflow:ellipsis;white-space:nowrap;flex:1;margin:0;overflow:hidden}.reel__caption--empty{flex:0}.reel__caption a{color:inherit;font-weight:700}.reel--big .reel__caption{font-size:16px;line-height:22px}.reel__more-btn{color:#fff;min-height:24px;font:700 14px/20px var(--font-sans);opacity:.85;cursor:pointer;text-underline-offset:3px;background:0 0;border:0;border-radius:6px;flex:none;margin:-2px -4px;padding:2px 4px;text-decoration:underline}.reel__chips{gap:6px;min-width:0;display:flex;overflow:clip visible}.reel__chip{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;min-width:0;max-width:100%;min-height:26px;font:700 12px/16px var(--font-sans);text-shadow:none;background:#05060b66;border-radius:9px;align-items:center;gap:5px;padding:3px 10px;text-decoration:none;display:inline-flex}.reel__chip svg{flex:none}.reel__chip bdi{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.reel__chip:hover{background:#fff3}.reel__details{z-index:5;inset-inline:0;max-height:calc(100% - 110px);color:var(--reel-ink);--ink:#f2f3fa;--ink-muted:#c9cde0;--line:#ffffff2b;--yapi:#ff5c7a;animation:reel-rise var(--duration-base) var(--ease-out);background:linear-gradient(#05060b00,#05060bd9 40px,#05060bf0);flex-direction:column;padding:36px 14px 8px;display:flex;position:absolute;bottom:44px}@keyframes reel-rise{0%{opacity:0;transform:translateY(16px)}}.reel__details-head{align-items:center;gap:8px;display:flex}.reel__details-who{min-width:0;color:inherit;flex:1;align-items:center;gap:10px;text-decoration:none;display:flex}.reel__details-who strong{font:800 15px/20px var(--font-display);display:block}.reel__details-meta{font:500 12px/16px var(--font-sans);opacity:.8;display:block}.reel__details-body{overscroll-behavior:contain;flex-direction:column;gap:10px;padding-top:10px;display:flex;overflow-y:auto}.reel__details-caption{font:500 15px/22px var(--font-sans);white-space:pre-wrap;overflow-wrap:anywhere}.reel--big .reel__details-caption{font-size:17px;line-height:25px}.reel__details-caption a{color:#fff;font-weight:700}.reel__tags{font:700 13px/18px var(--font-sans);flex-wrap:wrap;gap:8px;display:flex}.reel__tags a{color:#fff;text-decoration:none}.reel__tags a:hover{text-decoration:underline}.reel__soundlink{color:#fff;max-width:100%;font:700 13px/18px var(--font-sans);align-items:center;gap:6px;text-decoration:none;display:inline-flex}.reel__soundlink bdi{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.reel__soundlink:hover{text-decoration:underline}.reel__credit{font:500 12px/16px var(--font-sans);opacity:.85;margin:0}.reel__marks h2{font:700 13px/18px var(--font-sans);opacity:.85;margin:0 0 6px}.reel__marks ul{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.reel__marks button{color:#fff;width:100%;min-height:36px;font:600 14px/18px var(--font-sans);text-align:start;cursor:pointer;background:#ffffff14;border:0;border-radius:10px;align-items:center;gap:10px;padding:6px 10px;display:flex}.reel__marks button:hover{background:#ffffff26}.reel__mark-time{min-width:36px;color:var(--reel-sun);font:700 12px/1 var(--font-mono);font-variant-numeric:tabular-nums}.reel__moments-link{min-height:32px;color:var(--reel-mint);font:700 13px/18px var(--font-sans);cursor:pointer;background:#3ddbc226;border:0;border-radius:10px;align-self:flex-start;align-items:center;gap:6px;padding:4px 10px;display:inline-flex}.reel__rail{z-index:3;inset-inline-end:8px;flex-direction:column;align-items:center;gap:6px;transition:opacity .4s;display:flex;position:absolute;bottom:48px}.reel--faint .reel__rail{opacity:.6}.reel--faint .reel__rail:hover{opacity:1}.reel--faint .reel__rail:has(:focus-visible){opacity:1}.reel__who{margin-bottom:8px;position:relative}.reel__avatar{border-radius:var(--radius-full);display:block;box-shadow:0 0 0 2px #fff}.reel__follow-badge{border:2px solid var(--reel-scrim);background:var(--reel-accent);color:#fff;cursor:pointer;border-radius:8px;place-items:center;width:22px;height:22px;padding:0;display:grid;position:absolute;bottom:-9px;left:50%;transform:translate(-50%)}.reel__follow-badge:before{content:"";position:absolute;inset:-11px}.reel__btn{color:#fff;min-width:44px;font:700 12px/14px var(--font-sans);cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;gap:2px;padding:0;display:flex}.reel__disc{-webkit-backdrop-filter:blur(14px)saturate(1.4);backdrop-filter:blur(14px)saturate(1.4);width:44px;height:44px;transition:transform var(--duration-fast) var(--ease-out), background-color var(--duration-fast);background:#05060b52;border:1px solid #ffffff24;border-radius:15px;place-items:center;display:grid}.reel__btn:hover .reel__disc{background:#fff3}.reel__btn:active .reel__disc{transform:scale(.9)}.reel__btn[aria-pressed=true] .reel__disc svg{animation:yp-pop .32s var(--ease-out)}.reel__btn--like[aria-pressed=true] .reel__disc{background:var(--reel-accent);color:#fff;border-color:#0000}.reel__btn--save[aria-pressed=true] .reel__disc{background:var(--reel-sun);color:#0b0c14;border-color:#0000}.reel__count{font-variant-numeric:tabular-nums;text-shadow:0 1px 3px #000a;min-height:14px}.reel__skip{flex-direction:column;gap:6px;margin-top:6px;display:flex}.reel__skip:not(:focus-within){clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.reel__up{transform:rotate(180deg)}.reel__controls{z-index:4;inset-inline:6px;align-items:center;gap:4px;height:38px;display:flex;position:absolute;bottom:4px}.reel__play{z-index:1;color:#fff;cursor:pointer;background:0 0;border:0;border-radius:10px;flex:none;place-items:center;width:32px;height:32px;padding:0;transition:opacity .4s;display:grid}.reel__play:hover{background:#ffffff26}.reel__time{min-width:70px;font:600 11px/1 var(--font-mono);font-variant-numeric:tabular-nums;text-align:end;opacity:.85;flex:none;transition:opacity .4s}.reel--faint .reel__play,.reel--faint .reel__time{opacity:0}.reel--faint .reel__controls:hover .reel__play,.reel--faint .reel__controls:hover .reel__time{opacity:.85}.reel--faint .reel__controls:has(:focus-visible) .reel__play{opacity:.85}.reel--faint .reel__controls:has(:focus-visible) .reel__time{opacity:.85}.reel-scrub{--p:0;cursor:pointer;touch-action:none;flex:1;align-items:center;min-width:0;height:28px;display:flex;position:relative}.reel-scrub:focus-visible{outline:none}.reel-scrub__track{background:#ffffff45;border-radius:3px;width:100%;height:3px;transition:height .15s;position:relative;overflow:hidden}.reel-scrub__fill{inline-size:calc(var(--p) * 100%);background:linear-gradient(to right, var(--reel-accent), var(--reel-sun));position:absolute;inset-block:0;inset-inline-start:0}[dir=rtl] .reel-scrub__fill{background:linear-gradient(to left, var(--reel-accent), var(--reel-sun))}.reel-scrub:hover .reel-scrub__track,.reel-scrub--drag .reel-scrub__track,.reel-scrub:focus-visible .reel-scrub__track{height:6px}.reel-scrub:focus-visible .reel-scrub__track{box-shadow:0 0 0 2px var(--reel-scrim), 0 0 0 4px var(--reel-accent);overflow:visible}.reel-scrub__thumb{top:50%;margin-top:-7px;pointer-events:none;background:#fff;border-radius:5px;width:14px;height:14px;margin-inline-start:-7px;transition:transform .15s;position:absolute;inset-inline-start:calc(var(--p) * 100%);transform:scale(0);box-shadow:0 1px 6px #0009}.reel-scrub:hover .reel-scrub__thumb,.reel-scrub--drag .reel-scrub__thumb,.reel-scrub:focus-visible .reel-scrub__thumb{transform:scale(1)}.reel-scrub__tick{margin-top:-5.5px;background:var(--reel-sun);pointer-events:none;border-radius:2px;width:3px;height:11px;margin-inline-start:-1.5px;position:absolute;top:50%;box-shadow:0 0 0 1px #05060bb3}.reel-scrub__bubble{background:var(--reel-mint);opacity:.9;pointer-events:none;border-radius:4px 4px 4px 1px;width:8px;height:7px;margin-inline-start:-4px;position:absolute;top:1px}.reel-scrub__tip{color:#fff;font:700 12px/1 var(--font-mono);white-space:nowrap;pointer-events:none;background:#05060be6;border-radius:9px;flex-direction:column;align-items:center;gap:3px;padding:5px 8px;display:flex;position:absolute;bottom:30px;transform:translate(-50%)}[dir=rtl] .reel-scrub__tip{transform:translate(50%)}.reel-scrub__tip-label{color:var(--reel-sun);font:700 12px/1.2 var(--font-sans)}.reel--clear .reel__top,.reel--clear .reel__info,.reel--clear .reel__rail,.reel--clear .reel__play,.reel--clear .reel__time{opacity:0;pointer-events:none}:is(.reel--clear .reel__top:has(:focus-visible),.reel--clear .reel__rail:has(:focus-visible)){opacity:1;pointer-events:auto}.reel--clear .reel-scrub{opacity:.55}.reel__clear-hint{z-index:4;font:600 13px/18px var(--font-sans);white-space:nowrap;pointer-events:none;background:#05060bb3;border-radius:10px;margin:0;padding:6px 12px;animation:2.8s forwards reel-hint;position:absolute;bottom:56px;left:50%;transform:translate(-50%)}@keyframes reel-hint{0%,75%{opacity:1}to{opacity:0}}.reel__sign{z-index:3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;pointer-events:none;width:64px;height:64px;animation:reel-sign .7s var(--ease-out) forwards;background:#05060b73;border-radius:22px;place-items:center;margin:-32px 0 0 -32px;display:grid;position:absolute;top:50%;left:50%}.reel__sign--still{opacity:.85;border-radius:18px;width:52px;height:52px;margin:-26px 0 0 -26px;animation:none}@keyframes reel-sign{0%{opacity:0;transform:scale(.7)}20%{opacity:1;transform:scale(1)}70%{opacity:1}to{opacity:0;transform:scale(1.08)}}.reel__start{z-index:3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;cursor:pointer;background:#05060b80;border:0;border-radius:26px;place-items:center;width:76px;height:76px;margin:-38px 0 0 -38px;display:grid;position:absolute;top:50%;left:50%}.reel__badge{z-index:4;font:700 13px/18px var(--font-sans);pointer-events:none;background:#05060bb3;border-radius:10px;padding:5px 12px;position:absolute;top:64px;left:50%;transform:translate(-50%)}.reel__sound-hint,.reel__resume{z-index:4;color:#0b0c14;max-width:calc(100% - 32px);min-height:36px;font:700 13px/18px var(--font-sans);white-space:nowrap;background:#fff;border:0;border-radius:12px;align-items:center;gap:8px;padding:6px 14px;display:inline-flex;position:absolute;top:64px;left:50%;transform:translate(-50%);box-shadow:0 6px 20px #0006}.reel__sound-hint{cursor:pointer}.reel__resume{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#05060bcc;top:108px}.reel__resume button{min-height:24px;color:var(--reel-sun);font:inherit;cursor:pointer;text-underline-offset:3px;background:0 0;border:0;border-radius:6px;padding:2px 4px;text-decoration:underline}.reel__pop{z-index:4;color:#0b0c14;max-width:220px;font:500 12px/16px var(--font-sans);text-align:start;cursor:pointer;background:#ffffffeb;border:0;border-radius:12px 12px 12px 4px;align-items:center;gap:6px;padding:4px 10px 4px 4px;animation:3.2s forwards reel-pop;display:flex;position:absolute;bottom:44px;box-shadow:0 6px 20px #0006}.reel__pop>span{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.reel__pop .yp-avatar{flex:none;width:24px;height:24px;font-size:10px}.reel__pop-name{font-weight:800}@keyframes reel-pop{0%{opacity:0;transform:translateY(6px)}10%,85%{opacity:1;transform:none}to{opacity:0}}.reel-burst{z-index:4;pointer-events:none;width:0;height:0;position:absolute}.reel-burst>span{animation:.76s cubic-bezier(.2,.9,.3,1.15) forwards reel-block;position:absolute;top:0;left:0}.reel-burst__a,.reel-burst__b,.reel-burst__c{border:2px solid #fff;border-radius:13px;width:40px;height:40px;box-shadow:0 8px 24px #0008}.reel-burst__a{--x:-23px;--y:-24px;--r:-12deg;--fx:-62px;--fy:-118px;background:var(--reel-accent)}.reel-burst__b{--x:23px;--y:-24px;--r:12deg;--fx:62px;--fy:-118px;background:var(--reel-sun)}.reel-burst__c{--x:0px;--y:26px;--r:0deg;--fx:0px;--fy:-150px;background:var(--reel-mint);height:46px}.reel-burst>.reel-burst__ring{border:3px solid #fffc;border-radius:44px;width:132px;height:132px;animation-name:reel-ring}@keyframes reel-block{0%{opacity:0;transform:translate(-50%,-50%)scale(.2)}30%{opacity:1;transform:translate(calc(-50% + var(--x)), calc(-50% + var(--y))) rotate(var(--r)) scale(1.12)}55%{opacity:1;transform:translate(calc(-50% + var(--x)), calc(-50% + var(--y))) rotate(var(--r)) scale(1)}to{opacity:0;transform:translate(calc(-50% + var(--fx)), calc(-50% + var(--fy))) rotate(calc(var(--r) * 3)) scale(.6)}}@keyframes reel-ring{0%{opacity:.9;transform:translate(-50%,-50%)scale(.3)}to{opacity:0;transform:translate(-50%,-50%)scale(1.15)}}.reels__end{justify-content:center;align-items:center;gap:var(--space-3);height:100%;padding:var(--space-8);color:#c9cde0;text-align:center;scroll-snap-align:start;flex-direction:column;display:flex}.reels__end p{margin:0}.reel__locked{background-color:#10121e;background-position:50%;background-size:cover;place-items:center;display:grid}.reel__locked:before{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#00000080;height:auto;inset:0}.reel__locked:after{display:none}.reel__locked-inner{z-index:2;align-items:center;gap:var(--space-2);max-width:320px;padding:var(--space-4);color:#fff;text-align:center;flex-direction:column;display:flex;position:relative}.reel__locked-inner span{color:#c9cde0}@media (min-width:900px){.reels{z-index:auto;max-width:760px;height:calc(100dvh - 72px);color:var(--ink);background:0 0;border-radius:0;margin:0 auto;position:relative;inset:auto}.reel{justify-content:center;align-items:stretch;gap:var(--space-4);padding-block:8px;display:flex}.reel__frame{aspect-ratio:9/16;border-radius:var(--radius-lg);max-width:calc(100% - 84px);height:100%;box-shadow:var(--shadow-lg);position:relative;inset:auto}.reel__rail{color:var(--ink);align-self:flex-end;padding-bottom:36px;position:static}.reel--faint .reel__rail{opacity:1}.reel__icon-btn{border-radius:14px;width:40px;height:40px}.reel__rail .reel__icon-btn,.reel__disc{border:1px solid var(--line);background:var(--surface);color:var(--ink);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:var(--shadow-sm)}.reel__rail .reel__icon-btn:hover,.reel__btn:hover .reel__disc{background:var(--surface-sunken)}.reel__btn{color:var(--ink)}.reel__count{color:var(--ink-muted);text-shadow:none}.reel__avatar{box-shadow:0 0 0 2px var(--surface)}.reel__follow-badge{border-color:var(--ground)}.reel__rail button:focus-visible,.reel__rail a:focus-visible,.reel__btn:focus-visible .reel__disc{box-shadow:var(--focus-ring)}.reel__skip:not(:focus-within){clip-path:none;width:auto;height:auto;position:static;overflow:visible}.reels__end{color:var(--ink-muted)}}@media (prefers-reduced-motion:reduce){.reel-burst,.reel__pop,.reel__details,.reel__btn[aria-pressed=true] .reel__disc svg{animation:none}.reel__sign{animation-name:reel-sign-still}.reel__frame:before,.reel__frame:after,.reel__info,.reel__rail,.reel__top,.reel__play,.reel__time,.reel-scrub__track,.reel-scrub__thumb{transition:none}}@keyframes reel-sign-still{0%,80%{opacity:1}to{opacity:0}}.reel-sheet{gap:var(--space-4);flex-direction:column;display:flex}.reel-sheet__group{gap:var(--space-2);flex-direction:column;display:flex}.reel-sheet__group .yp-segments{scrollbar-width:none;max-width:100%;display:flex;overflow-x:auto}.reel-sheet__group .yp-segments button{flex:1 0 auto;padding-inline:10px}.reel-sheet__label{color:var(--ink-muted);font:700 13px/18px var(--font-sans)}.reel-sheet__note{margin:0;font-size:14px}.reel-sheet__list{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.reel-sheet__item{align-items:center;gap:var(--space-3);border-radius:var(--radius-md);width:100%;min-height:48px;color:var(--ink);font:600 15px/20px var(--font-sans);text-align:start;cursor:pointer;background:0 0;border:0;padding:6px 8px;display:flex}.reel-sheet__item:hover{background:var(--surface-sunken)}.reel-sheet__item:focus-visible{box-shadow:var(--focus-ring);outline:none}.reel-sheet__item--danger{color:var(--danger)}.reel-sheet__item[aria-pressed=true] .reel-sheet__icon{background:var(--yapi-soft);color:var(--yapi)}.reel-sheet__icon{background:var(--surface-sunken);border-radius:12px;flex:none;place-items:center;width:36px;height:36px;display:grid}.reel-marks-edit{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.reel-marks-edit li,.reel-marks-edit__add{align-items:center;gap:var(--space-2);display:flex}.reel-marks-edit .yp-input,.reel-marks-edit__add .yp-input{flex:1;min-width:0}.reel-marks-edit__time{background:var(--saffron-soft);min-width:52px;min-height:36px;color:var(--ink);font:700 13px/1 var(--font-mono);cursor:pointer;border:0;border-radius:10px;flex:none}.reel-marks-edit__remove{width:36px;height:36px;color:var(--ink-muted);cursor:pointer;background:0 0;border:0;border-radius:10px;flex:none;place-items:center;display:grid}.reel-marks-edit__remove:hover{background:var(--surface-sunken);color:var(--ink)}.comment__moment{background:var(--yapi-soft);width:fit-content;min-height:24px;color:var(--ink);font:700 12px/16px var(--font-mono);cursor:pointer;border:0;border-radius:8px;align-items:center;gap:4px;margin-block:2px;padding:2px 8px;display:inline-flex}.comment__moment:focus-visible{box-shadow:var(--focus-ring);outline:none}.comment__moment--static{cursor:default}.view-once__voice{place-content:center;justify-items:center;gap:var(--space-4);padding:var(--space-4);flex:1;display:grid}.view-once__voice audio{width:min(420px,90vw)}.vo-capture__view{border-radius:var(--radius-lg);aspect-ratio:3/4;background:#000;max-height:52vh;position:relative;overflow:hidden}.vo-capture__view video{object-fit:cover;width:100%;height:100%}.vo-capture__mirror{transform:scaleX(-1)}.vo-capture__timer{border-radius:var(--radius-full);color:#fff;font:600 13px/18px var(--font-sans);font-variant-numeric:tabular-nums;background:#0009;padding:4px 10px;position:absolute;inset-block-start:var(--space-2);inset-inline-start:50%;translate:-50%}.vo-capture__voice{justify-items:center;gap:var(--space-2);padding:var(--space-6) var(--space-4);border-radius:var(--radius-lg);background:var(--surface-sunken);color:var(--yapi);font:700 20px/26px var(--font-sans);font-variant-numeric:tabular-nums;display:grid}.legal-layout{gap:var(--space-6);width:100%;max-width:1080px;padding:var(--space-6) var(--space-4) var(--space-12);box-sizing:border-box;margin:0 auto;display:grid}@media (min-width:900px){.legal-layout{grid-template-columns:220px minmax(0,1fr);align-items:start}}.legal-nav{gap:var(--space-2);flex-wrap:wrap;display:flex}@media (min-width:900px){.legal-nav{flex-flow:column;position:sticky;top:88px}}.legal-nav a{min-height:36px;padding:0 var(--space-3);border-radius:var(--radius-md);color:var(--ink-muted);border-inline-start:3px solid #0000;align-items:center;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.legal-nav a:hover{color:var(--ink);background:var(--surface)}.legal-nav a[aria-current=page]{color:var(--ink);background:var(--surface);border-inline-start-color:var(--yapi)}.legal-main{gap:var(--space-4);flex-direction:column;min-width:0;display:flex}.legal-doc{gap:var(--space-3);flex-direction:column;max-width:72ch;display:flex}.legal-doc h1{font:800 34px/40px var(--font-display);letter-spacing:-.03em;margin:0}.legal-doc>p{margin:0}.legal-body{overflow-wrap:anywhere;line-height:1.65}.legal-body h2{margin:var(--space-6) 0 var(--space-2);font:800 20px/26px var(--font-display);letter-spacing:-.02em}.legal-body h3{margin:var(--space-4) 0 var(--space-1);font-size:16px}.legal-body ul,.legal-body ol{padding-inline-start:1.25em}.legal-body li+li{margin-top:var(--space-1)}.legal-table{border-collapse:collapse;width:100%;font-size:14px}.legal-table th,.legal-table td{padding:var(--space-2);border-bottom:1px solid var(--line);text-align:start;vertical-align:top;overflow-wrap:break-word}.legal-index{gap:var(--space-3);margin:0;padding:0;list-style:none;display:grid}.legal-index li{padding:var(--space-4);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);gap:2px;display:grid;position:relative}.legal-index a{font-weight:700}.legal-index a:after{content:"";position:absolute;inset:0}.legal-foot{padding:var(--space-4);text-align:center;color:var(--ink-muted);font-size:13px}.legal-foot__lang{width:fit-content;margin:0 auto var(--space-3);display:flex}.landing__lang{margin-bottom:var(--space-2);flex-basis:100%}.site-legal{gap:21px var(--space-2);flex-wrap:wrap;font-size:13px;display:flex}.catchup{gap:var(--space-3);white-space:normal;flex-direction:column;display:flex}.catchup__title{margin:0 0 var(--space-1);font:700 13px/18px var(--font-sans);color:var(--ink-muted)}.catchup__lines{gap:var(--space-2);flex-direction:column;margin:0;padding-inline-start:var(--space-4);display:flex}.catchup__link{color:var(--yapi);margin-inline-end:var(--space-2);font-size:13px;font-weight:600;display:inline-block}.smart-replies{align-items:center;gap:var(--space-2);padding:var(--space-2) 0;flex-wrap:wrap;display:flex}.smart-replies__label{font:600 11px/16px var(--font-sans);color:var(--ink-muted)}.smart-replies__chip{border:1px solid var(--line);background:var(--surface);min-height:36px;color:var(--ink);font:500 14px/20px var(--font-sans);cursor:pointer;border-radius:999px;align-items:center;min-width:0;max-width:100%;padding:6px 14px;display:inline-flex}.smart-replies__text{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.smart-replies__chip:hover:not(:disabled){border-color:var(--yapi)}.smart-replies__chip:focus-visible{outline:2px solid var(--yapi);outline-offset:2px}.smart-replies__chip:disabled{opacity:.5;cursor:default}.caption-ideas{gap:var(--space-2);white-space:normal;flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.caption-ideas li{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.profile-accent{--yapi:var(--pa-accent-l);--yapi-strong:var(--pa-strong-l);--on-yapi:var(--pa-on-l);--yapi-soft:var(--pa-soft-l);--grad-end:var(--pa-end-l);--focus-ring:0 0 0 2px var(--ground), 0 0 0 4px var(--pa-accent-l)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .profile-accent{--yapi:var(--pa-accent-d);--yapi-strong:var(--pa-strong-d);--on-yapi:var(--pa-on-d);--yapi-soft:var(--pa-soft-d);--grad-end:var(--pa-end-d);--focus-ring:0 0 0 2px var(--ground), 0 0 0 4px var(--pa-accent-d)}}:root[data-theme=dark] .profile-accent{--yapi:var(--pa-accent-d);--yapi-strong:var(--pa-strong-d);--on-yapi:var(--pa-on-d);--yapi-soft:var(--pa-soft-d);--grad-end:var(--pa-end-d);--focus-ring:0 0 0 2px var(--ground), 0 0 0 4px var(--pa-accent-d)}.profile-accent .yp-segments button[aria-pressed=true]{background:var(--yapi);color:var(--on-yapi)}.profile-accent .profile__cover:not(.profile__cover--photo){background:radial-gradient(400px 200px at 80% 20%, color-mix(in oklab, var(--grad-end) 70%, transparent), transparent 70%), linear-gradient(135deg, var(--yapi-strong), var(--yapi) 45%, var(--grad-end))}.profile--clean .profile__head{margin-top:var(--space-2)}.profile__pronouns{font:500 15px/1 var(--font-sans);letter-spacing:0;color:var(--ink-muted);vertical-align:middle;margin-inline-start:var(--space-2)}.profile__about{gap:var(--space-2) var(--space-4);color:var(--ink-muted);flex-wrap:wrap;font-size:14px;display:flex}.profile__about-item{align-items:center;gap:6px;display:inline-flex}.profile-links{gap:var(--space-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.profile-link{align-items:center;gap:var(--space-2);max-width:260px;min-height:44px;padding-block:6px;padding-inline:6px var(--space-3);border:1px solid var(--line);border-radius:var(--radius-full);background:var(--surface);color:var(--ink);text-decoration:none;display:inline-flex}.profile-link:hover{border-color:var(--yapi)}.profile-link:focus-visible{box-shadow:var(--focus-ring);outline:none}.profile-link__icon{background:var(--yapi-soft);width:32px;height:32px;color:var(--yapi-strong);border-radius:50%;flex:none;place-items:center;display:grid;overflow:hidden}.profile-link__icon--site{box-shadow:inset 0 0 0 1px var(--line);background:#fff}.profile-link__icon img{object-fit:contain;width:20px;height:20px}.profile-link__text{flex-direction:column;min-width:0;line-height:1.2;display:flex}.profile-link__label{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:700;overflow:hidden}.profile-link__host{color:var(--ink-muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.profile-song{flex-direction:column;gap:2px;display:flex}.profile-song__chip{align-items:center;gap:var(--space-2);max-width:100%;border-radius:var(--radius-full);background:var(--yapi-soft);color:var(--yapi-strong);align-self:flex-start;padding:4px;padding-inline-end:var(--space-3);display:inline-flex}.profile-song__play{background:var(--yapi);width:32px;height:32px;color:var(--on-yapi);cursor:pointer;border:0;border-radius:50%;flex:none;place-items:center;display:grid;position:relative}button.profile-song__play:after{content:"";position:absolute;inset:-6px}.profile-song__play:focus-visible{box-shadow:var(--focus-ring);outline:none}.profile-song__play--off{background:var(--surface);color:var(--ink-muted);cursor:default}.profile-song__cover{object-fit:cover;border-radius:6px;flex:none;width:24px;height:24px}.profile-song__name{min-width:0;color:inherit;gap:6px;font-size:14px;text-decoration:none;display:inline-flex}.profile-song__name:hover .profile-song__title{text-decoration:underline}.profile-song__title{text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.profile-song__artist{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.profile-song__credit{color:var(--ink-muted);margin:0;font-size:12px}.profile-song__bars{align-items:flex-end;gap:2px;height:12px;display:inline-flex}.profile-song__bars i{transform-origin:bottom;background:currentColor;border-radius:2px;width:3px;height:100%;animation:.9s ease-in-out infinite alternate profile-song-bar}.profile-song__bars i:nth-child(2){animation-delay:-300ms}.profile-song__bars i:nth-child(3){animation-delay:-600ms}@keyframes profile-song-bar{0%{transform:scaleY(.3)}to{transform:scaleY(1)}}.featured{gap:var(--space-2);flex-direction:column;display:flex}.featured__row{gap:var(--space-2);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.featured__item{aspect-ratio:4/5;border:2px solid var(--yapi);border-radius:var(--radius-md);background:var(--yapi-soft);color:var(--yapi-strong);place-items:center;text-decoration:none;display:grid;position:relative;overflow:hidden}.featured__item:focus-visible{box-shadow:var(--focus-ring);outline:none}.featured__item--small{border-width:1px;flex:none;width:48px}.featured__img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.featured__text{padding:var(--space-2);-webkit-line-clamp:5;-webkit-box-orient:vertical;font-size:13px;font-weight:600;display:-webkit-box;overflow:hidden}.featured__item--small .featured__text{-webkit-line-clamp:3;font-size:8px}.featured__badge{top:6px;background:var(--overlay);color:#fff;border-radius:50%;place-items:center;width:22px;height:22px;display:grid;position:absolute;inset-inline-end:6px}.customize__heading{font:700 16px/22px var(--font-sans);margin:0}.customize__pair{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.style-previews{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}@media (max-width:480px){.style-previews{grid-template-columns:1fr}}.style-preview{border-radius:var(--radius-md);border:1px solid;margin:0;overflow:hidden}.style-preview__band{height:44px}.style-preview__body{border-radius:var(--radius-sm);flex-wrap:wrap;align-items:center;gap:8px;margin:8px;padding:10px;font-size:13px;display:flex}.style-preview__name{flex-direction:column;flex:1;min-width:0;display:flex}.style-preview__button{border-radius:var(--radius-full);padding:6px 12px;font-size:12px;font-weight:700}.style-preview__tabs{flex-basis:100%;gap:10px;font-size:12px;font-weight:600;display:flex}.style-preview__tabs span{border-bottom:2px solid #0000;padding-bottom:2px}.style-preview__chip{border-radius:var(--radius-full);align-items:center;gap:4px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.style-preview__caption{padding:0 10px 8px;font-size:12px}.accent-picker,.header-picker{gap:var(--space-2);border:0;flex-wrap:wrap;margin:0;padding:0;display:flex}.header-picker{flex-direction:column}.accent-picker legend,.header-picker legend{margin-bottom:var(--space-2);padding:0}.accent-picker__swatch{cursor:pointer;place-items:center;width:44px;height:44px;display:grid}.accent-picker__dot{border:2px solid var(--surface);width:36px;height:36px;box-shadow:0 0 0 1px var(--line-strong);color:#fff;border-radius:50%;place-items:center;display:grid}.accent-picker__dot svg{filter:drop-shadow(0 0 1px #000)}.accent-picker__swatch input:checked+.accent-picker__dot{box-shadow:0 0 0 2px var(--ink)}.accent-picker__swatch input:focus-visible+.accent-picker__dot{box-shadow:var(--focus-ring)}.link-editor,.tab-editor,.featured-editor{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.link-editor__row{align-items:end;gap:var(--space-2);grid-template-columns:minmax(0,1fr) minmax(0,1.4fr) auto;display:grid}@media (max-width:560px){.link-editor__row{grid-template-columns:minmax(0,1fr) auto}.link-editor__row>:nth-child(2){grid-column:1}.link-editor__row>:nth-child(3){grid-area:1/2/span 2;align-self:center}}.tab-editor__row{justify-content:space-between;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);border:1px solid var(--line);border-radius:var(--radius-md);display:flex}.tab-editor__moves{gap:4px;display:inline-flex}.tab-editor__move{width:44px;height:44px;color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;display:grid}.tab-editor__move:hover:not(:disabled){background:var(--surface-sunken)}.tab-editor__move:disabled{color:var(--line-strong);cursor:default}.tab-editor__move:focus-visible{box-shadow:var(--focus-ring);outline:none}.tab-editor__move--up svg{transform:rotate(180deg)}.featured-editor__item{align-items:center;gap:var(--space-2);display:flex}.featured-editor__text{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:14px;overflow:hidden}.featured-grid{gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(88px,1fr));margin:0;padding:0;list-style:none;display:grid}.featured-grid__item{aspect-ratio:4/5;border:2px solid var(--line);border-radius:var(--radius-md);background:var(--surface-sunken);cursor:pointer;place-items:center;display:grid;position:relative;overflow:hidden}.featured-grid__item--on{border-color:var(--yapi)}.featured-grid__item:focus-within{box-shadow:var(--focus-ring)}.featured-grid__item:has(input:disabled){opacity:.5;cursor:not-allowed}.featured-grid__check{top:6px;background:var(--yapi);width:24px;height:24px;color:var(--on-yapi);border-radius:50%;place-items:center;font-size:13px;font-weight:800;display:grid;position:absolute;inset-inline-end:6px}.share-profile__card{border-top-width:4px}@media (prefers-reduced-motion:reduce){.profile-song__bars i{animation:none;transform:scaleY(.7)}}.chat-themed{--cw-from:var(--cw-from-l);--cw-to:var(--cw-to-l);--cw-mark:var(--cw-mark-l);--ca-from:var(--ca-from-l);--ca-to:var(--ca-to-l);--ca-on:var(--ca-on-l)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .chat-themed{--cw-from:var(--cw-from-d);--cw-to:var(--cw-to-d);--cw-mark:var(--cw-mark-d);--ca-from:var(--ca-from-d);--ca-to:var(--ca-to-d);--ca-on:var(--ca-on-d)}}:root[data-theme=dark] .chat-themed{--cw-from:var(--cw-from-d);--cw-to:var(--cw-to-d);--cw-mark:var(--cw-mark-d);--ca-from:var(--ca-from-d);--ca-to:var(--ca-to-d);--ca-on:var(--ca-on-d)}.chat-wall{border-radius:var(--radius-lg);padding:var(--space-3)}.chat-wall--gradient{background:linear-gradient(135deg, var(--cw-from), var(--cw-to))}.chat-wall--dots{background:radial-gradient(circle, var(--cw-mark) 1.6px, transparent 1.8px) 0 0 / 18px 18px, var(--cw-from)}.chat-wall--grid{background:linear-gradient(var(--cw-mark) 1px, transparent 1px) 0 0 / 24px 24px, linear-gradient(90deg, var(--cw-mark) 1px, transparent 1px) 0 0 / 24px 24px, var(--cw-from)}.chat-wall--stripes{background:repeating-linear-gradient(135deg, var(--cw-mark) 0 6px, transparent 6px 20px), var(--cw-from)}.chat-accent .chat-msg--mine,.chat-accent .chat-later{--grad:linear-gradient(135deg, var(--ca-from), var(--ca-to));--on-yapi:var(--ca-on)}.chat-accent .yp-bubble--me{background:var(--grad);color:var(--on-yapi)}.chat-wall .yp-chat__day,.chat-wall .chat-system{border-radius:var(--radius-full);background:var(--surface);padding:2px 10px}.chat-later{gap:var(--space-2);margin-top:var(--space-2);flex-direction:column;display:flex}.chat-later__item{flex-direction:column;align-items:flex-end;gap:2px;display:flex}.chat-later .chat-later__bubble{background:var(--surface);color:var(--ink);border:1.5px dashed var(--ca-from,var(--yapi))}.chat-later__item--failed .chat-later__bubble{border-color:var(--danger)}.chat-later__meta{border-radius:var(--radius-full);background:var(--surface);color:var(--ink-muted);flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:4px 6px;margin:0;padding:2px 10px;font-size:12px;line-height:18px;display:flex}.chat-later__item--failed .chat-later__meta{color:var(--danger)}.chat-later__action{min-width:24px;min-height:24px;color:var(--yapi);font:700 12px/18px var(--font-sans);cursor:pointer;background:0 0;border:0;padding:0 2px}.chat-later__action[aria-disabled=true]{opacity:.5;cursor:default}.chat-look__preview{gap:var(--space-2);padding:var(--space-3);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--ground);flex-direction:column;display:flex}.chat-look__preview.chat-wall{border-color:#0000}.chat-look__group{border:0;margin:0;padding:0}.chat-look__group legend{margin-bottom:var(--space-2);font:700 14px/20px var(--font-sans)}.chat-look__grid{gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(84px,1fr));display:grid}.chat-look__swatch{border-radius:var(--radius-md);min-height:44px;color:var(--ink);font:600 12px/16px var(--font-sans);cursor:pointer;background:0 0;border:2px solid #0000;flex-direction:column;align-items:center;gap:4px;padding:6px;display:flex}.chat-look__swatch[aria-pressed=true]{border-color:var(--yapi);background:var(--yapi-soft)}.chat-look__swatch[aria-disabled=true]{cursor:progress}.chat-look__swatch:focus-visible,.chat-later__action:focus-visible{box-shadow:var(--focus-ring);outline:none}.chat-look__sample{border:1px solid var(--line);border-radius:var(--radius-sm);background-color:var(--ground);width:100%;height:44px;padding:0;display:block}.chat-look__dot{background:linear-gradient(135deg, var(--ca-from), var(--ca-to));border-radius:50%;width:36px;height:36px;display:block}.watch-picks{gap:var(--space-2);margin-bottom:var(--space-3);flex-direction:column;display:flex}.watch-picks__row{padding:0 0 var(--space-1);gap:var(--space-2);scroll-snap-type:x proximity;margin:0;list-style:none;display:flex;overflow-x:auto}.watch-picks__row li{scroll-snap-align:start;flex:0 0 104px}.watch-picks__item{width:100%;color:var(--ink);text-align:start;cursor:pointer;font:inherit;background:0 0;border:0;flex-direction:column;gap:4px;padding:0;display:flex}.watch-picks__item[aria-disabled=true]{cursor:default;opacity:.55}.watch-picks__item:focus-visible{outline:2px solid var(--yapi);outline-offset:2px;border-radius:var(--radius-md)}.watch-picks__thumb{border-radius:var(--radius-md);background:#000;width:104px;height:160px;display:block;position:relative;overflow:hidden}.watch-picks__thumb img{object-fit:cover;width:100%;height:100%}.watch-picks__badge{inset-inline-end:6px;color:#fff;background:#0009;border-radius:50%;place-items:center;width:28px;height:28px;display:grid;position:absolute;bottom:6px}.watch-picks__title{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;line-height:16px;display:-webkit-box;overflow:hidden}.ask-card .yp-card__sub{white-space:pre-wrap;overflow-wrap:anywhere}.ask-card__row{justify-content:space-between;align-items:center;gap:var(--space-2) var(--space-3);flex-wrap:wrap;display:flex}.ask-answer,.ask-question{padding:0 0 var(--space-3);list-style:none}.ask-answer .yp-ask-quote,.ask-question .yp-ask-quote{margin-top:var(--space-4)}.ask-answer__text{margin:var(--space-2) 0 0;padding-top:var(--space-2);border-top:1px solid var(--line);white-space:pre-wrap;overflow-wrap:anywhere;color:var(--ink);font-size:16px;line-height:24px}.ask-answer__foot{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4) 0;flex-wrap:wrap;font-size:13px;display:flex}.ask-answer__foot .yp-spacer{flex:1}.ask-inbox{margin:0;padding:0}.ask-answer-form{padding:var(--space-3) var(--space-4) 0}.drop-cover{border-radius:var(--radius-md);object-fit:cover;background:var(--surface-sunken);flex:none;width:72px;height:72px;display:block}.drop-cover--plain{background:linear-gradient(135deg, var(--yapi), var(--grad-end));color:#fff;place-items:center;display:grid}.drop-cover--wide{aspect-ratio:16/7;width:100%;height:auto;max-height:320px}.drops-row{gap:var(--space-2);display:grid}.drops-row__list{gap:var(--space-3);padding:2px 2px var(--space-2);scrollbar-width:thin;margin:0;list-style:none;display:flex;overflow-x:auto}.drops-row__list>li{flex:0 0 min(300px,85%)}.drop-card{gap:var(--space-3);min-height:44px;padding:var(--space-3);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);color:var(--ink);align-items:flex-start;text-decoration:none;display:flex}.drop-card:hover{border-color:var(--line-strong)}.drop-card:focus-visible{box-shadow:var(--focus-ring);outline:none}.drop-card__body{gap:2px;min-width:0;display:grid}.drop-card__title{font:700 16px/22px var(--font-sans);overflow-wrap:anywhere}.drop-card__meta{color:var(--ink-muted);font-size:13px}.drop-card__when{font-size:14px;font-weight:600}.drop-card__when--open{color:var(--success)}.drops-list{gap:var(--space-3);margin:0;padding:0;list-style:none;display:grid}.drops-list__purchases{color:var(--ink);margin:0;padding-inline-start:var(--space-4)}.drop__seller{color:var(--ink);font-weight:600;text-decoration:none}.drop__when,.drop__description{margin:0}.drop__description{white-space:pre-wrap;overflow-wrap:anywhere}.drop__items{gap:var(--space-3);margin:0;padding:0;list-style:none;display:grid}.drop__item{gap:var(--space-2);padding:var(--space-4);display:grid}.drop__item-head{justify-content:space-between;gap:var(--space-3);align-items:baseline;display:flex}.drop__item-title{font:700 17px/22px var(--font-sans);overflow-wrap:anywhere;margin:0}.drop__item-desc{white-space:pre-wrap;margin:0}.drop__item-facts{gap:var(--space-1) var(--space-3);flex-wrap:wrap;align-items:center;margin:0;font-size:14px;display:flex}.drop__panel{padding:var(--space-4);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface)}.drop__stats{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(120px,1fr));display:grid}.drop__actions{flex-wrap:wrap}.drop__actions .yp-btn,.drop__remind .yp-btn,.drop-buy .yp-btn{min-height:44px}.drop-buy{flex-wrap:wrap;align-items:flex-end}.drop-buy__qty{width:96px}.drop-form__group{gap:var(--space-3);min-width:0;padding:var(--space-4);border:1px solid var(--line);border-radius:var(--radius-md);margin:0;display:grid}.drop-form__group legend{padding:0 var(--space-1);font-weight:700}.drop-form__products{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.drop-form__product{gap:var(--space-2);padding:var(--space-2) 0;border-bottom:1px solid var(--line);display:grid}.drop-form__product .yp-check{align-items:center;min-height:44px}.drop-form__numbers,.drop-form__price{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(140px,1fr));align-items:start;display:grid}.drop-form__new summary{cursor:pointer;align-items:center;min-height:44px;font-weight:600;display:flex}.yp-dialog.collage{max-width:920px;max-height:calc(100dvh - 2 * var(--space-4));overflow-y:auto}.collage__body{gap:var(--space-6);grid-template-columns:minmax(0,1fr) minmax(0,300px);align-items:start;display:grid}@media (max-width:720px){.collage__body{grid-template-columns:minmax(0,1fr)}}.collage__hint{margin:0 0 var(--space-2);font-size:14px}.collage__canvas{border:1px solid var(--line-strong);border-radius:var(--radius-sm);touch-action:none;-webkit-user-select:none;user-select:none;width:100%;margin-inline:auto;position:relative;overflow:hidden}.collage__status{padding:var(--space-4);text-align:center;place-items:center;margin:0;font-weight:600;display:grid;position:absolute;inset:0}.collage__cell{box-sizing:border-box;cursor:grab;touch-action:none;background:#fff;border:0 solid #fff;padding:0;position:absolute}.collage__cell:active{cursor:grabbing}.collage__cell:focus-visible{box-shadow:var(--focus-ring);outline:none}.collage__cell--chosen{outline:3px solid var(--yapi);outline-offset:2px}.collage__photo{position:absolute;inset:0;overflow:hidden}.collage__photo img{pointer-events:none;max-width:none;position:absolute}.collage__cell-tools{margin-top:var(--space-3);justify-content:center}.collage__controls{gap:var(--space-4);display:grid}.collage__group{gap:var(--space-2);border:0;min-width:0;margin:0;padding:0;display:grid}.collage__group legend,.collage__label{margin-bottom:var(--space-2);color:var(--ink);padding:0;font-size:14px;font-weight:600}.collage .yp-segments button{height:44px}.collage__layouts,.collage__swatches{gap:var(--space-2);flex-wrap:wrap;display:flex}.collage__layout{border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface);cursor:pointer;place-items:center;width:56px;height:56px;padding:6px;display:grid}.collage__layout[aria-pressed=true]{border:2px solid var(--ink);background:var(--surface-sunken)}.collage__layout:focus-visible,.collage__swatch:focus-visible{box-shadow:var(--focus-ring);outline:none}.collage__thumb{max-width:100%;height:100%;display:block;position:relative}.collage__thumb>span{box-sizing:border-box;border:1.5px solid var(--surface);background:var(--ink-muted);position:absolute}.collage__swatch{border:1px solid var(--line-strong);border-radius:var(--radius-full);cursor:pointer;place-items:center;width:44px;height:44px;padding:0;display:grid}.collage__swatch[aria-pressed=true]{outline:2px solid var(--ink);outline-offset:2px}.mix-head{gap:var(--space-4);align-items:center;min-width:0;display:flex}.mix-head__text{gap:var(--space-1);min-width:0;display:grid}.mix-head__kind,.mix-head__meta{color:var(--ink-muted);flex-wrap:wrap;align-items:center;gap:4px;margin:0;font-size:13px;display:flex}.mix-head__title{overflow-wrap:anywhere;margin:0;font-size:24px;line-height:1.2}.mix-head__owner{gap:var(--space-2);min-height:44px;color:var(--ink);align-items:center;font-weight:600;text-decoration:none;display:inline-flex}.mix-description{margin:var(--space-3) 0 0;white-space:pre-wrap;overflow-wrap:anywhere}.mix-actions{gap:var(--space-2);margin:var(--space-3) 0;flex-wrap:wrap;align-items:center;display:flex}.mix-actions .yp-btn,.mix-tile__actions .yp-btn{min-height:44px}.mix-tile__actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.mix-songs{gap:var(--space-1);margin:0;padding:0;list-style:none;display:grid}.mix-song{gap:var(--space-3);padding:var(--space-2);border-radius:var(--radius-md);align-items:center;min-width:0;display:flex}.mix-song--current{background:var(--surface-sunken)}.mix-song--dragging,.mix-song--off .mix-song__title,.mix-song--off .mix-song__cover{opacity:.6}.mix-song__n{text-align:end;width:2ch;color:var(--ink-muted);flex:none;font-size:13px}.mix-song__play{border-radius:var(--radius-full);background:var(--grad);color:#fff;cursor:pointer;border:0;flex:none;place-items:center;width:44px;height:44px;display:grid}.mix-song__play--off{background:var(--surface-sunken);color:var(--ink-muted);cursor:default}.mix-song__play:focus-visible,.mix-song__btn:focus-visible,.mix-player__btn:focus-visible{box-shadow:var(--focus-ring);outline:none}.mix-song__cover{border-radius:var(--radius-sm);object-fit:cover;flex:none;width:44px;height:44px}.mix-song__text{flex-direction:column;flex:1;min-width:0;display:flex}.mix-song__title{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-weight:600;text-decoration:none;overflow:hidden}.mix-song__meta{color:var(--ink-muted);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.mix-song__reason{color:var(--ink-muted);font-size:13px;font-style:italic}.mix-song__actions{flex:none;display:flex}@media (max-width:560px){.mix-song{flex-wrap:wrap;row-gap:0}.mix-song__text{flex-basis:calc(100% - 44px - 2ch - 2 * var(--space-3))}.mix-song__actions{justify-content:flex-end;width:100%}}.mix-song__btn,.mix-player__btn{border-radius:var(--radius-full);width:44px;height:44px;color:var(--ink);cursor:pointer;background:0 0;border:0;flex:none;place-items:center;display:grid}.mix-song__btn:disabled,.mix-player__btn:disabled{color:var(--ink-muted);cursor:default}.mix-player{bottom:calc(88px + env(safe-area-inset-bottom,0px));z-index:30;gap:var(--space-2);margin-top:var(--space-4);padding:var(--space-2) var(--space-3);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);align-items:center;display:flex;position:sticky;box-shadow:0 4px 16px #00000014}@media (min-width:900px){.mix-player{bottom:calc(var(--space-3) + env(safe-area-inset-bottom,0px))}}.mix-player__cover{border-radius:var(--radius-sm);object-fit:cover;flex:none;width:40px;height:40px}.mix-player__text{flex-direction:column;flex:1;min-width:0;display:flex}.mix-player__title{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.mix-player__meta{color:var(--ink-muted);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.mix-player__btn--main{background:var(--grad);color:#fff}.mix-grid{margin:var(--space-3) 0 0;gap:var(--space-2);padding:0;list-style:none;display:grid}.mix-chats{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.mix-chats li{justify-content:space-between;align-items:center;gap:var(--space-2);min-height:44px;display:flex}.mix-chats__name{gap:var(--space-2);text-overflow:ellipsis;white-space:nowrap;align-items:center;min-width:0;display:flex;overflow:hidden}.tg-page{gap:var(--space-4);display:grid}.tg-intro,.tg-muted{color:var(--ink-muted);margin:0;font-size:14px;line-height:20px}.tg-list{gap:var(--space-2);display:grid}.tg-list__title{margin:var(--space-2) 0 0;font:600 13px/18px var(--font-sans);letter-spacing:.04em;text-transform:uppercase;color:var(--ink-muted)}.tg-card{gap:var(--space-3);min-height:88px;padding:var(--space-2);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);color:var(--ink);transition:border-color var(--duration-base);grid-template-columns:72px 1fr auto;align-items:center;text-decoration:none;display:grid}.tg-card:hover{border-color:var(--line-strong)}.tg-card:focus-visible{box-shadow:var(--focus-ring);outline:none}.tg-card>svg{color:var(--ink-muted)}.tg-card__body{gap:2px;min-width:0;display:grid}.tg-card__title{font:600 17px/22px var(--font-display);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tg-card__meta{color:var(--ink-muted);font-size:13px}.tg-card__requests{border-radius:var(--radius-full);background:var(--saffron-soft);color:var(--ink);justify-self:start;padding:2px 8px;font-size:12px;font-weight:600}.tg-cover{border-radius:var(--radius-md);background:linear-gradient(135deg, var(--yapi-soft), var(--saffron-soft));width:72px;height:72px;color:var(--yapi);place-items:center;display:grid;overflow:hidden}.tg-cover img{object-fit:cover;width:100%;height:100%}.tg-cover--pick{width:88px;height:88px}.tg-cover--join{width:96px;height:96px;margin-inline:auto}.tg-status{color:var(--ink-muted);align-items:center;gap:6px;font-size:13px;display:inline-flex}.tg-status--open:before{content:"";border-radius:var(--radius-full);background:var(--success);width:8px;height:8px;box-shadow:0 0 0 3px var(--success-soft)}.tg-status--hero{border-radius:var(--radius-full);color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#00000080;justify-self:start;padding:4px 10px}.tg-status--hero.tg-status--open:before{box-shadow:none;background:#5ff0c9}.tg-hero{border-radius:var(--radius-lg);color:#fff;background:#151726;grid-template-rows:auto 1fr;min-height:260px;display:grid;position:relative;overflow:hidden}.tg-hero__art{position:absolute;inset:0}.tg-hero__art img{object-fit:cover;width:100%;height:100%}.tg-hero__art:after{content:"";background:linear-gradient(#08091059 0%,#08091026 35%,#080910d9 100%);position:absolute;inset:0}.tg-hero__blank{background:radial-gradient(circle at 20% 20%,#d21d4a 0,#0000 55%),radial-gradient(circle at 85% 70%,#c2410c 0,#0000 50%),#2a1a2e;width:100%;height:100%;display:block}.tg-hero__top{padding:var(--space-3);justify-content:space-between;display:flex;position:relative}.tg-hero__top .yp-action,.tg-hero__btn{border-radius:var(--radius-full);color:#fff;background:#00000080;place-items:center;width:44px;height:44px;display:grid}.tg-hero__btn:focus-visible,.tg-hero__people:focus-visible,.tg-hero__event:focus-visible,.tg-hero__top .yp-action:focus-visible{outline-offset:2px;outline:2px solid #fff}.tg-hero__text{align-self:end;gap:var(--space-2);padding:var(--space-6) var(--space-4) var(--space-4);display:grid;position:relative}.tg-hero__text h1{font:700 32px/36px var(--font-display);letter-spacing:-.02em;text-shadow:0 1px 12px #00000059;margin:0}.tg-hero__desc{color:#eef0fa;max-width:60ch;margin:0;line-height:22px}.tg-hero__people{justify-self:start;align-items:center;gap:var(--space-2);min-height:44px;padding:0 var(--space-3) 0 var(--space-1);border-radius:var(--radius-full);color:#fff;font:inherit;cursor:pointer;background:#00000073;border:0;font-size:14px;display:inline-flex}.tg-hero__event{color:#fff;justify-self:start;align-items:center;gap:6px;min-height:44px;font-weight:600;display:inline-flex}.tg-actions{gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.tg-actions .yp-btn{min-height:44px}@media (hover:hover) and (pointer:fine){.tg-camera-btn{display:none}}.tg-section,.tg-best,.tg-after{gap:var(--space-3);padding:var(--space-4);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);display:grid}.tg-section__head,.tg-best__head{gap:var(--space-2);flex-wrap:wrap;justify-content:space-between;align-items:baseline;display:flex}.tg-section__head h2,.tg-best__head h2,.tg-after h2{font:600 18px/24px var(--font-display);align-items:center;gap:6px;margin:0;display:inline-flex}.tg-best__head h2 svg{color:var(--saffron)}.tg-best__strip{gap:var(--space-2);scroll-snap-type:x proximity;scrollbar-width:thin;grid-auto-columns:minmax(140px,180px);grid-auto-flow:column;padding-bottom:4px;display:grid;overflow-x:auto}.tg-best__strip .tg-tile{scroll-snap-align:start}.tg-after__row{gap:var(--space-2);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));display:grid}.tg-after__card{min-height:44px;padding:var(--space-3);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface-sunken);color:var(--ink);font:inherit;text-align:start;cursor:pointer;justify-items:start;gap:4px;display:grid}.tg-after__card svg{color:var(--yapi)}.tg-after__card span{color:var(--ink-muted);font-size:13px;line-height:18px}.tg-after__card:hover{border-color:var(--line-strong)}.tg-after__card:focus-visible{box-shadow:var(--focus-ring);outline:none}.tg-viewbar{z-index:2;padding:var(--space-2) 0;background:var(--ground);position:sticky;top:0}.tg-tile{aspect-ratio:1;border-radius:var(--radius-sm);background:var(--surface-sunken);cursor:zoom-in;border:0;width:100%;min-width:44px;padding:0;display:block;position:relative;overflow:hidden}.tg-tile img{object-fit:cover;width:100%;height:100%;transition:transform var(--duration-base) ease}.tg-tile:hover img{transform:scale(1.03)}.tg-tile:focus-visible{box-shadow:var(--focus-ring);outline:none}.tg-tile--big{grid-area:span 2/span 2}.tg-best__strip .tg-tile--big{grid-area:auto}.tg-tile__wait{width:100%;height:100%;color:var(--ink-muted);place-items:center;display:grid}.tg-tile__badge,.tg-tile__stars,.tg-tile__sensitive{border-radius:var(--radius-full);color:#fff;background:#0009;align-items:center;gap:3px;padding:3px 6px;font-size:12px;font-weight:600;display:inline-flex;position:absolute}.tg-tile__badge{inset-block-start:6px;inset-inline-end:6px}.tg-tile__stars{inset-block-end:6px;inset-inline-start:6px}.tg-tile__stars--mine{color:#0b0c14;background:#ffbe3d}.tg-tile__sensitive{inset:50% auto auto 50%;transform:translate(-50%,-50%)}.tg-moments,.tg-people{gap:var(--space-6);display:grid}.tg-moment{gap:var(--space-2);border-inline-start:2px solid var(--line);padding-inline-start:var(--space-3);display:grid}.tg-moment__head{gap:4px var(--space-3);flex-wrap:wrap;align-items:baseline;display:flex}.tg-moment__head h3,.tg-person__head h3{font:600 17px/22px var(--font-display);margin:0}.tg-moment__head h3:first-letter{text-transform:uppercase}.tg-moment__meta{color:var(--ink-muted);font-size:13px}.tg-mosaic,.tg-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-flow:dense;gap:4px;display:grid}@media (min-width:720px){.tg-mosaic{grid-template-columns:repeat(4,minmax(0,1fr))}.tg-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}.tg-grid .tg-tile{border-radius:4px}.tg-person{gap:var(--space-2);display:grid}.tg-person__head{gap:var(--space-2);align-items:center;display:flex}.tg-strip{scrollbar-width:thin;grid-auto-columns:112px;grid-auto-flow:column;gap:4px;padding-bottom:4px;display:grid;overflow-x:auto}.tg-form{gap:var(--space-4);max-width:640px;display:grid}.tg-form__cover,.tg-form__link{gap:var(--space-2);display:grid}.tg-window,.tg-who,.tg-cover-pick{gap:var(--space-2);border:0;min-width:0;margin:0;padding:0;display:grid}.tg-chips{gap:var(--space-2);flex-wrap:wrap;display:flex}.tg-chip{min-height:44px;padding:0 var(--space-4);border:1px solid var(--line-strong);border-radius:var(--radius-full);background:var(--surface);color:var(--ink);cursor:pointer;align-items:center;font-weight:600;display:inline-flex;position:relative}.tg-chip input{opacity:0;pointer-events:none;position:absolute}.tg-chip:has(input:focus-visible){box-shadow:var(--focus-ring)}.tg-chip--on{border-color:var(--ink);background:var(--ink);color:var(--surface)}.tg-window__note{min-height:20px;color:var(--ink-muted);margin:0;font-size:13px}.tg-who__chat{gap:2px var(--space-2);padding:var(--space-3);border-radius:var(--radius-md);background:var(--surface-sunken);grid-template-columns:auto 1fr;align-items:center;margin:0;font-weight:600;display:grid}.tg-who__chat .yp-field__hint{grid-column:2;font-weight:400}.tg-who__list,.tg-members,.tg-requests,.tg-pending,.tg-comments__list{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.tg-who__list li,.tg-members li,.tg-requests li{gap:var(--space-2);flex-wrap:wrap;align-items:center;min-height:44px;display:flex}.tg-who__name,.tg-members__who,.tg-requests__who{flex:1;min-width:0;display:grid}.tg-cover-pick__grid{grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:6px;max-height:260px;display:grid;overflow-y:auto}.tg-cover-pick__item{aspect-ratio:1;border-radius:var(--radius-sm);cursor:pointer;border:2px solid #0000;display:block;position:relative;overflow:hidden}.tg-cover-pick__item img{object-fit:cover;width:100%;height:100%}.tg-cover-pick__item input{width:20px;height:20px;accent-color:var(--yapi);position:absolute;inset-block-start:4px;inset-inline-start:4px}.tg-cover-pick__item:has(input:checked){border-color:var(--yapi)}.tg-cover-pick__item:has(input:focus-visible){box-shadow:var(--focus-ring)}.tg-invite{gap:var(--space-3);text-align:center;justify-items:center;display:grid}.tg-invite__qr{padding:var(--space-3);border-radius:var(--radius-md);background:#fff}.tg-invite__url{overflow-wrap:anywhere;max-width:100%;color:var(--ink-muted);font-size:13px}.tg-pending__row{gap:var(--space-2);grid-template-columns:56px 1fr auto;align-items:center;display:grid}.tg-pending__row--failed .tg-pending__thumb{outline:2px solid var(--danger)}.tg-pending__thumb{border-radius:var(--radius-sm);background:var(--surface-sunken);width:56px;height:56px;color:var(--ink-muted);place-items:center;display:grid;overflow:hidden}.tg-pending__thumb img{object-fit:cover;width:100%;height:100%}.tg-pending__body{gap:4px;min-width:0;display:grid}.tg-pending__body .yp-field__label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tg-pending__body progress{width:100%;height:6px;accent-color:var(--yapi)}.tg-pending__error{color:var(--danger);font-size:13px}.tg-icon-btn{border-radius:var(--radius-full);width:44px;height:44px;color:inherit;cursor:pointer;background:0 0;border:0;place-items:center;display:grid}.tg-icon-btn:hover{background:var(--surface-sunken)}.tg-icon-btn:focus-visible{box-shadow:var(--focus-ring);outline:none}.tg-viewer{z-index:60;color:#f2f3fa;background:#07080e;grid-template-rows:auto minmax(0,1fr) auto;display:grid;position:fixed;inset:0}@media (min-width:900px){.tg-viewer{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr) 380px}.tg-viewer__bar{grid-column:1/-1}.tg-viewer__panel{border-inline-start:1px solid #262a40;grid-area:2/2}}.tg-viewer:focus{outline:none}.tg-viewer__bar{justify-content:space-between;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);color:#c9cde0;font-size:14px;display:flex}.tg-viewer__bar-end{gap:var(--space-1);align-items:center;display:flex}.tg-viewer__bar .yp-action,.tg-viewer__btn{border-radius:var(--radius-full);color:#fff;cursor:pointer;background:#ffffff1a;border:0;place-items:center;width:44px;height:44px;display:grid}.tg-viewer__stage{touch-action:pan-y;place-items:center;min-height:0;display:grid;position:relative;overflow:hidden}.tg-viewer__stage img,.tg-viewer__stage video{object-fit:contain;max-width:100%;max-height:100%}.tg-viewer__nav{border-radius:var(--radius-full);color:#fff;cursor:pointer;background:#0000008c;border:0;place-items:center;width:48px;height:48px;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.tg-viewer__nav--prev{inset-inline-start:var(--space-3)}.tg-viewer__nav--next{inset-inline-end:var(--space-3)}[dir=rtl] .tg-viewer__nav svg{transform:scaleX(-1)}.tg-viewer button:focus-visible,.tg-viewer a:focus-visible,.tg-viewer input:focus-visible{outline-offset:2px;outline:2px solid #fff}.tg-viewer__panel{align-content:start;gap:var(--space-3);max-height:42vh;padding:var(--space-3) var(--space-4) var(--space-4);background:#0e1019;display:grid;overflow-y:auto}@media (min-width:900px){.tg-viewer__panel{max-height:none}}.tg-viewer__who{gap:var(--space-2);grid-template-columns:auto 1fr auto;align-items:center;display:grid}.tg-viewer__who>div{display:grid}.tg-viewer .tg-muted,.tg-viewer .tg-comments__time{color:#b8bdd6}.tg-viewer__caption{margin:0;font-size:16px;line-height:23px}.tg-viewer__h{font:600 14px/20px var(--font-sans);color:#c9cde0;margin:0}.tg-viewer .yp-input{--yp-input-line:#3a3f5c;color:#f2f3fa;background:#151726}.tg-viewer .yp-field__label{color:#c9cde0}.tg-star{min-height:44px;padding:0 var(--space-3);border-radius:var(--radius-full);color:#f2f3fa;font:inherit;cursor:pointer;background:0 0;border:1px solid #3a3f5c;align-items:center;gap:6px;font-weight:600;display:inline-flex}.tg-star--on{color:#0b0c14;background:#ffbe3d;border-color:#ffbe3d}.tg-reacts{gap:var(--space-1);flex-wrap:wrap;display:flex}.tg-react{border-radius:var(--radius-full);color:#e3e6f4;min-width:44px;min-height:44px;font:inherit;cursor:pointer;background:0 0;border:1px solid #3a3f5c;justify-content:center;align-items:center;gap:4px;padding:0 10px;font-size:13px;display:inline-flex}.tg-react--mine{color:#fff;background:#3a1624;border-color:#ff8aa0}.tg-comments{gap:var(--space-2);display:grid}.tg-comments__list li{gap:var(--space-2);grid-template-columns:auto 1fr auto;align-items:start;display:grid}.tg-comments__list p{overflow-wrap:anywhere;margin:2px 0 0}.tg-comments__time{font-size:12px}.tg-comments__form{gap:var(--space-2);align-items:center;display:flex}.tg-comments__form .yp-input{--yp-input-h:44px;flex:1}.tg-confirm{gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-md);border:1px solid #ff7b7b;display:grid}.tg-show{z-index:70;color:#fff;background:#000;position:fixed;inset:0}.tg-show--quiet{cursor:none}.tg-show:focus{outline:none}.tg-show__stage{position:absolute;inset:0;overflow:hidden}.tg-show__slide{opacity:0;place-items:center;margin:0;transition:opacity 1.2s;display:grid;position:absolute;inset:0}.tg-show__slide--on{opacity:1}.tg-show__slide img,.tg-show__slide video{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.tg-show__slide--on img{animation:12s ease-out both tg-drift}@keyframes tg-drift{0%{transform:scale(1)}to{transform:scale(1.04)}}@media (prefers-reduced-motion:reduce){.tg-show__slide{transition:none}.tg-show__slide--on img{animation:none}.tg-tile img{transition:none}.tg-tile:hover img{transform:none}}.tg-show__slide figcaption{gap:var(--space-2);max-width:min(80ch,80vw);padding:var(--space-2) var(--space-3);border-radius:var(--radius-full);background:#0009;align-items:center;font-size:18px;display:flex;position:absolute;inset-block-end:96px;inset-inline-start:var(--space-6)}.tg-show__hidden,.tg-show__empty{color:#c9cde0;place-items:center;height:100%;margin:0;font-size:20px;display:grid}.tg-show__title{font:700 22px/28px var(--font-display);text-shadow:0 1px 12px #0009;transition:opacity var(--duration-base);position:absolute;inset-block-start:var(--space-6);inset-inline-start:var(--space-6)}.tg-show__controls{gap:var(--space-3);padding:var(--space-3) var(--space-6);transition:opacity var(--duration-base);background:linear-gradient(#0000,#000000d9);flex-wrap:wrap;align-items:center;display:flex;position:absolute;inset-block-end:0;inset-inline:0}.tg-show--quiet .tg-show__controls:not(:focus-within),.tg-show--quiet .tg-show__title{opacity:0}.tg-show__btn{border-radius:var(--radius-full);color:#fff;cursor:pointer;background:#ffffff29;border:0;place-items:center;width:48px;height:48px;display:grid}.tg-show__btn:focus-visible,.tg-show .yp-switch button:focus-visible{outline-offset:2px;outline:2px solid #fff}.tg-show .yp-switch label{color:#fff}.tg-show__hint{color:#c9cde0;text-align:end;flex:1;font-size:13px}.tg-join{gap:var(--space-3);max-width:480px;margin:var(--space-8) auto;padding:var(--space-6);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);text-align:center;justify-items:center;display:grid}.tg-join h1{font:700 28px/32px var(--font-display);margin:0}.tg-join__desc{margin:0}.tg-join__host{gap:var(--space-2);align-items:center;margin:0;font-weight:600;display:inline-flex}.tg-join__state{padding:var(--space-3);border-radius:var(--radius-md);background:var(--surface-sunken);margin:0}.chat-location{white-space:normal;flex-direction:column;align-items:flex-start;gap:6px;min-width:min(260px,64vw);display:flex}.location-map{aspect-ratio:2;border:1px solid var(--line);border-radius:12px;block-size:auto;inline-size:100%;max-inline-size:320px;display:block;overflow:hidden}.location-map__ground{fill:var(--surface-sunken)}.location-map__park{fill:var(--success-soft)}.location-map__road{stroke:var(--line);stroke-width:3px;stroke-linecap:round}.location-map__road--major{stroke:var(--line-strong);stroke-width:6px}.location-map__area{fill:var(--yapi-soft);fill-opacity:.7;stroke:var(--yapi);stroke-width:1.5px;stroke-dasharray:4 3}.location-map__pin path{fill:var(--yapi);stroke:var(--surface);stroke-width:1.5px}.location-map__pin circle{fill:var(--surface)}.location-map--ended .location-map__pin path{fill:var(--ink-muted)}.location-map--ended .location-map__road,.location-map--ended .location-map__park{opacity:.6}.location-map__you line{stroke:var(--ink-muted);stroke-width:1.5px;stroke-dasharray:3 3}.location-map__you circle{fill:var(--ink);stroke:var(--surface);stroke-width:2.5px}.location-map__you text{fill:var(--ink);font:700 10px/1 var(--font-sans);paint-order:stroke;stroke:var(--surface-sunken);stroke-width:3px}.chat-location__status{font:600 13px/18px var(--font-sans);margin:0}.chat-location__distance{font:700 14px/20px var(--font-sans);margin:0}.chat-location__actions{flex-wrap:wrap;gap:8px;display:flex}.location-choices{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.location-choice{align-items:center}@media (max-width:360px){.location-choices{grid-template-columns:1fr}}.location-note{padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--surface-sunken);color:var(--ink);align-items:flex-start;gap:8px;margin:0;font-size:14px;line-height:20px;display:flex}.location-problem{color:var(--danger);margin:0;font-size:14px;line-height:20px}.location-banner{z-index:3;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border:1px solid var(--yapi);border-radius:var(--radius-lg);background:var(--yapi-soft);color:var(--ink);display:flex;position:sticky;top:0}.location-banner__icon{border-radius:var(--radius-full);background:var(--yapi);width:32px;height:32px;color:var(--on-yapi);flex:none;place-items:center;display:grid}.location-banner__text{flex-direction:column;flex:1;min-width:0;font-size:14px;line-height:20px;display:flex}.location-banner .yp-btn{min-height:44px}.yp-composer textarea{field-sizing:content;scrollbar-width:thin;overflow-y:auto}@media (min-width:521px){.yp-composer{flex-wrap:wrap}.yp-composer textarea{flex:12rem;min-width:min(100%,12rem)}}.yp-composer textarea::placeholder{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}@media (max-width:600px){.manage-people .yp-list__item{flex-wrap:wrap}.manage-people .yp-list__end{flex-wrap:wrap;flex-basis:100%;justify-content:flex-end}}.server-wake{inset-inline:0;z-index:1900;pointer-events:none;justify-content:center;padding-inline:16px;display:flex;position:fixed;top:12px}.server-wake__note{align-items:center;gap:var(--space-2);border-radius:var(--radius-full);background:var(--ink);color:var(--surface);font:600 14px/1.4 var(--font-sans);box-shadow:var(--shadow-lg);pointer-events:auto;margin:0;padding:10px 16px;display:inline-flex}.server-wake__note--ready{background:var(--yapi);color:var(--on-yapi)}.server-wake__dot{border-radius:var(--radius-full);background:var(--saffron);block-size:8px;inline-size:8px;animation:1.2s ease-in-out infinite server-wake-pulse}@keyframes server-wake-pulse{50%{opacity:.3}}@media (prefers-reduced-motion:reduce){.server-wake__dot{animation:none}}.yap-mode__main{min-height:100dvh}.yap-mode__bar{z-index:20;justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);padding-top:calc(var(--space-2) + env(safe-area-inset-top,0px));background:color-mix(in oklab, var(--ground) 88%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);display:flex;position:sticky;top:0}.yap-mode__brand{align-items:center;gap:var(--space-2);min-height:44px;color:var(--ink);font:700 20px/1 var(--font-display);text-decoration:none;display:inline-flex}.yap-mode__hint{margin:var(--space-2) var(--space-4) 0;font-size:14px}.yap-mode__panes{grid-template-columns:1fr;display:grid}.yap-mode__list,.yap-mode__chat{min-width:0;padding:var(--space-4)}.yap-mode--open .yap-mode__list,.yap-mode:not(.yap-mode--open) .yap-mode__chat{display:none}.yap-mode .yp-composer{bottom:calc(var(--space-3) + env(safe-area-inset-bottom,0px))}.yap-mode .chat-page{min-height:calc(100dvh - 100px)}:root:has(.yap-mode .chat-page){scroll-padding-bottom:calc(110px + env(safe-area-inset-bottom,0px))}@media (min-width:900px){.yap-mode__panes{grid-template-columns:minmax(300px,380px) 1fr}.yap-mode--open .yap-mode__list,.yap-mode:not(.yap-mode--open) .yap-mode__chat{display:block}.yap-mode__list{border-inline-end:1px solid var(--line);height:calc(100dvh - 61px);position:sticky;top:61px;overflow-y:auto}.yap-mode__chat .yp-empty{margin-top:20vh}.yap-mode__chat .yp-shell__inner{max-width:860px}}.back-button{align-self:flex-start;min-height:44px}.page-back{max-width:640px;margin:0 auto var(--space-2)}.page-back+*>.yp-topbar:first-child,.page-back+.yp-topbar{padding-top:var(--space-2);margin-top:0}