.saved-accounts{border-top:1px solid #ffffff15;padding-top:16px;margin-top:20px}.saved-accounts h3{font-size:13px}.saved-account{display:flex;align-items:center;gap:10px;width:100%;padding:11px;margin:7px 0;background:#a277ff0d;border:1px solid #a277ff24;border-radius:14px;text-align:start}.saved-account>span[dir]{margin-inline-start:auto;color:var(--lime);font-size:12px}.saved-account .avatar{flex-shrink:0}.saved-account>bdi{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.support-button{color:var(--violet);flex-shrink:0}.auth-brand>.support-button{width:30px;min-width:30px;padding:4px}.auth-brand>.support-button .icon{width:19px;height:19px}.auth-brand>span{font-size:7px;letter-spacing:0}.header-actions .icon-btn{width:30px}.header-actions .header-profile{margin-inline-start:2px}.header-actions{gap:0}.file-input-hidden{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}.file-input-hidden:focus-visible+*{outline:2px solid var(--lime)}
.urab-recorder{margin-top:18px;border:1px solid #b993ff55;border-radius:20px;padding:17px 13px;background:radial-gradient(ellipse at 85% 10%,#d9ff7125,transparent 65%),linear-gradient(140deg,#362348,#23172e);box-shadow:inset 0 1px #ffffff12;position:relative;overflow:hidden}.recorder-caption{font:700 8px 'Manrope',sans-serif;letter-spacing:1.5px;color:#c7b4dc;margin-bottom:12px}.urab-recorder>.sound-wave{height:42px;display:flex;justify-content:center;gap:4px;max-width:100%;margin:4px auto 14px}.urab-recorder>.sound-wave i{width:4px;background:linear-gradient(to top,var(--violet),var(--lime));border-radius:3px;opacity:.9}.urab-recorder.recording>.sound-wave i{animation:urab-record-wave .6s ease-in-out calc(var(--delay)*1) infinite alternate}.urab-recorder .record-row{display:flex;align-items:center;justify-content:center;gap:14px;margin:0}.urab-recorder [data-action=record]{border:0;background:var(--violet);color:#1c1029;padding:11px 16px;border-radius:14px}.urab-recorder.recording [data-action=record]{background:var(--lime)}
.urab-preview{display:flex;align-items:center;gap:12px;margin-top:13px;border-radius:17px;padding:12px;background:#17111f;border:1px solid #ffffff12}.preview-play{width:43px;height:43px;display:grid;place-items:center;border-radius:14px;background:var(--lime);color:#1c1029;flex-shrink:0}.urab-preview>div{min-width:0;flex:1;text-align:start}.preview-label{display:block;font-size:11px;color:#c7b4dc}.urab-preview input{width:100%;accent-color:var(--violet);direction:ltr;min-height:24px}.urab-preview #preview-time{font-size:10px;color:var(--muted);display:block}.poem-file-box{padding:16px;border:1px dashed #b993ff70;border-radius:18px;margin-bottom:20px;background:#a277ff0b}.poem-file-box>bdi{display:block;margin:10px 0;font-size:12px;overflow-wrap:anywhere}.poem-file-box>.icon{color:var(--violet);vertical-align:middle;margin-inline-end:9px}.poem-file-box .btn{margin:4px}
.star-celebration{position:absolute;z-index:100;pointer-events:none;inset-inline:20px;top:25%;padding:20px;border:1px solid #c9a7ff55;border-radius:23px;text-align:center;color:var(--lime);background:#24162cf5;box-shadow:0 15px 70px #0008;animation:urab-welcome .3s ease-out}.star-celebration p{font-size:13px;line-height:1.9}.star-shower{height:70px;position:relative}.star-shower i{position:absolute;left:calc(5% + var(--n)*10%);top:20px;font-style:normal;font-size:20px;color:var(--violet);animation:urab-star 1.5s calc(var(--n)*.06s) ease-out both}.star-shower i:nth-child(even){color:var(--lime)}
.reward-total{font-size:26px;font-weight:700;color:var(--lime);text-align:center;margin-bottom:20px}.reward-list>div{display:flex;justify-content:space-between;gap:15px;padding:13px 0;border-bottom:1px solid #ffffff12;font-size:12px}.reward-list b{color:var(--lime)}.email-demo-code{display:block;font-size:25px;letter-spacing:5px;color:var(--lime);padding:12px}.support-history article{margin:12px 0;padding:14px;border-radius:14px;background:#a277ff10;overflow-wrap:anywhere;font-size:12px}.support-history small{display:block;color:var(--lime);margin-top:9px;line-height:1.8}.document-text{white-space:pre-wrap;overflow-wrap:anywhere;font-family:inherit;line-height:2;font-size:13px}.pdf-controls{display:flex;align-items:center;justify-content:space-between;gap:8px;position:sticky;top:0;background:#21172c;padding:8px 0;z-index:1}#pdf-canvas{display:block;max-width:100%;height:auto;margin:12px auto;background:white}
@keyframes urab-record-wave{from{transform:scaleY(.35)}to{transform:scaleY(1)}}@keyframes urab-star{0%{opacity:0;transform:translateY(22px) scale(.3)}25%{opacity:1}100%{opacity:0;transform:translateY(-30px) rotate(70deg) scale(1.5)}}@keyframes urab-welcome{from{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}
@media(prefers-reduced-motion:reduce){.star-celebration,.star-shower i,.urab-recorder.recording>.sound-wave i{animation:none}.star-shower i{opacity:1}}
@media(max-width:365px){.native-brand>.brand-wordmark{width:65px}.header-actions .icon-btn{width:27px}.header-profile .avatar{width:28px;height:28px}.auth-brand{gap:5px}.auth-brand>.brand-wordmark{width:75px}.auth-brand>.language-toggle{margin-inline-start:0}.auth-brand>span{font-size:6px}.language-toggle{min-width:38px}}

.launch-support{position:absolute;top:25px;inset-inline-end:20px}

/* Compact browsing controls and community ranks. */
.native-header{direction:ltr}.header-actions{gap:8px}.account-menu-button{display:flex;align-items:center;gap:7px;background:#a277ff20;border:1px solid #a277ff40;border-radius:16px;padding:6px 9px;color:var(--ink)}.account-menu-button .avatar{width:28px;height:28px;min-width:28px}.account-menu-summary{display:flex;align-items:center;gap:14px;margin-bottom:20px}.account-menu-summary .avatar{width:52px;height:52px}.account-menu-items{display:grid;gap:9px}.account-menu-items .btn{justify-content:flex-start}.participant-rank{display:inline-flex;gap:4px;align-items:center;color:var(--lime);font-size:10px;white-space:nowrap;padding:4px 6px}.profile-identity-line{flex-wrap:wrap}.rank-table{margin:15px 0}.rank-table>div{display:flex;justify-content:space-between;padding:10px;border-bottom:1px solid #ffffff10;font-size:11px}.rank-table .current{background:#a277ff25;color:var(--lime);border-radius:10px}.inbox-list{display:grid;gap:10px}.inbox-person{display:flex;width:100%;gap:12px;align-items:center;text-align:start;background:#a277ff12;border:1px solid #a277ff20;border-radius:18px;padding:14px;color:var(--ink)}.inbox-person>span{flex:1;min-width:0}.inbox-person small{display:block;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:240px;margin-top:6px}.unread-message{color:var(--lime)}.player{transition:width .22s,height .22s,border-radius .22s}.player-size{flex-shrink:0}.player-minimized .player{width:230px;max-width:calc(100% - 32px);left:auto;right:16px;height:48px;min-height:48px;padding:5px 8px;border-radius:24px;gap:4px}.player-minimized .player .now-playing{gap:7px;min-width:0;flex:1}.player-minimized .player .now-playing img{width:30px;height:30px;border-radius:50%}.player-minimized .player .now-playing small,.player-minimized .player [data-action="next-track"]{display:none}.player-minimized .player .now-playing b{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.player-minimized .player>.icon-btn{width:32px;height:32px;min-width:32px}.player-minimized .player-size svg{transform:rotate(180deg)}.player-minimized .native-main{padding-bottom:145px}@media(prefers-reduced-motion:reduce){.player{transition:none}}

/* Unavailable account services remain visible to guests without acting as links. */
.account-menu-items .btn:disabled{opacity:.42;cursor:not-allowed;box-shadow:none;transform:none;filter:none}
.account-menu-items .guest-account-note{font-size:13px;color:var(--muted);line-height:1.7;margin:10px 0 0}
/* Three community portraits crossfade behind the welcome actions. */
.welcome-backdrop{position:absolute;inset:0;z-index:-1;background:#20152d;overflow:hidden;pointer-events:none}.welcome-portrait{position:absolute;inset:0;opacity:0;animation:community-fade 18s linear infinite}.welcome-portrait img{width:100%;height:100%;object-fit:cover;object-position:50% 32%;animation:community-drift 18s ease-in-out infinite alternate}.welcome-portrait.portrait-0{opacity:1}.welcome-portrait.portrait-1{animation-delay:-12s}.welcome-portrait.portrait-2{animation-delay:-6s}.welcome-portrait span{position:absolute;top:29%;inset-inline-start:25px;display:grid;gap:5px;text-shadow:0 2px 12px #000;font-size:20px}.welcome-portrait small{font-size:11px;color:#fff}.welcome-shade{position:absolute;inset:0;background:linear-gradient(180deg,#10091d88 0%,#10091d05 25%,#10091d55 40%,#10091de8 62%,#10091dfa 100%)}.community-welcome .ios-status{background:transparent}.community-welcome .auth-main{background:transparent;z-index:1}.community-welcome .signup-page{min-height:100%;display:flex;flex-direction:column}.community-welcome .auth-brand{flex-shrink:0}.welcome-air{flex:1;min-height:175px}.community-welcome .auth-heading{margin-top:10px}.community-welcome .auth-heading h1{font-size:34px}.community-welcome .auth-heading p{color:#e5d9f0}.community-welcome .auth-brand>span{color:#fff}.community-welcome .welcome-actions{flex-shrink:0}.community-welcome .welcome-actions .outline,.community-welcome .welcome-actions .light{background:#21132cd9}.community-welcome .welcome-copyright{margin-top:12px}.community-welcome .auth-footnote{margin:10px 0 0}@keyframes community-fade{0%,27%{opacity:1}33%,94%{opacity:0}100%{opacity:1}}@keyframes community-drift{from{transform:scale(1.02) translateY(0)}to{transform:scale(1.09) translateY(-1%)}}@media(prefers-reduced-motion:reduce){.welcome-portrait,.welcome-portrait img{animation:none}.welcome-portrait.portrait-0{opacity:1}.welcome-portrait.portrait-1,.welcome-portrait.portrait-2{opacity:0}}@media(max-height:720px){.welcome-air{min-height:110px}.community-welcome .auth-heading h1{font-size:28px}}

/* Reveal the already loaded welcome screen without replacing its DOM. */
.launch-screen{transition:opacity .85s cubic-bezier(.22,.61,.36,1),transform .9s cubic-bezier(.22,.61,.36,1);transform-origin:50% 42%}.intro-leaving .launch-screen{opacity:0;transform:scale(1.035);pointer-events:none}.intro-active .welcome-backdrop,.intro-active #main{transition:opacity .9s ease,transform .9s cubic-bezier(.22,.61,.36,1)}.intro-active:not(.intro-leaving) .welcome-backdrop{transform:scale(1.04);opacity:.65}.intro-active:not(.intro-leaving) #main{transform:translateY(10px);opacity:0}.intro-leaving .welcome-backdrop,.intro-leaving #main{transform:none;opacity:1}.intro-active:not(.intro-leaving) .welcome-portrait,.intro-active:not(.intro-leaving) .welcome-portrait img{animation-play-state:paused}@media(prefers-reduced-motion:reduce){.launch-screen,.intro-active .welcome-backdrop,.intro-active #main{transition:none;transform:none}}

.avatar[data-presence]{position:relative;overflow:visible}.avatar[data-presence]>img{border-radius:inherit}.avatar[data-presence]::after{content:'';position:absolute;bottom:0;right:0;width:9px;height:9px;border-radius:50%;border:2px solid #21172e;background:#8c8797;z-index:2}.avatar[data-presence=online]::after{background:#65df99}.avatar[data-presence=busy]::after{background:#ffbc62}.presence-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#8c8797;flex-shrink:0}.presence-dot.online{background:#65df99}.presence-dot.busy{background:#ffbc62}.presence-status{display:inline-flex;align-items:center;gap:6px;font-size:10px;color:var(--muted)}.presence-legend{display:flex;gap:16px;margin:12px 0;flex-wrap:wrap}.presence-options{display:grid;gap:10px;margin-top:18px}.presence-options .btn{justify-content:flex-start;gap:12px}.presence-options [aria-pressed=true]{border-color:var(--lime)}.presence-choice{margin:0 13px;font-size:11px}.creator-card .creator-info .name{overflow-wrap:anywhere}

.faq-categories{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:16px 0}.faq-categories .btn{white-space:normal;text-align:start;justify-content:flex-start;font-size:11px;min-height:68px;padding:10px;gap:8px}.faq-categories .selected{border-color:var(--lime);background:#a277ff20}.faq-categories .icon{flex-shrink:0}.faq-item{border-bottom:1px solid #ffffff18;padding:14px 0}.faq-item summary{cursor:pointer;font-size:12px;line-height:1.9;color:var(--ink)}.faq-item summary::marker{color:var(--lime)}.faq-item p{font-size:12px;line-height:2;color:var(--muted);padding-top:12px;white-space:pre-line}.faq-contact{display:grid;gap:12px;margin-top:24px;padding-top:20px;border-top:1px solid #ffffff20;text-align:center;font-size:12px}.faq-contact a{font-size:12px}#faq-results{margin-top:10px}
