:root{--action-fill:#ee7839;--action-ink:#ffffff;--action-ease:cubic-bezier(.22,1,.36,1);--action-duration:480ms;--ui-soft:#fff0e5}
.icon-button[data-action=favorite].favorited{color:var(--action-fill)}
.icon-button[data-action=favorite].favorited .icon{fill:currentColor;stroke:currentColor}
.brand,.setup-wordmark{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif!important;font-weight:400!important;letter-spacing:-.65px}
.review-brand{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:400}
.collection-detail-layout{grid-template-columns:minmax(0,1fr) 220px;gap:32px}
.collection-current-card .collection-cover{background:#edf2fa}

.setup-page{max-width:480px;min-height:440px;align-content:start;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:104px 92px minmax(120px,auto) 72px;gap:16px;text-align:center}
.setup-page-0{grid-template-rows:104px 92px 64px 72px}
.setup-footer{height:68px;min-height:68px;padding:0 32px}
.setup-page .setup-buddy{height:104px;width:104px;margin:0 auto}
.setup-copy{width:100%;align-self:start}
.setup-page .setup-copy h1{font-size:32px;line-height:1.2;font-weight:550;letter-spacing:-1px;margin:0 0 10px;max-width:none}
.setup-page .setup-description{font-size:14px;line-height:1.7;max-width:430px;margin:0 auto}
.setup-detail{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:10px}
.setup-detail .license-panel{width:100%;max-width:432px;margin:0 auto;padding:0;background:none;border:0;border-radius:0}
.setup-page .setup-actions{margin:0;gap:12px;align-self:start;min-height:72px}
.setup-welcome p{font-size:20px;line-height:1.55;font-weight:400;letter-spacing:-.35px;color:#95806c;margin:0}
.setup-welcome p span{color:#615448}
.setup-page .setup-explainer{width:100%;max-width:400px;text-align:center;margin:0;gap:12px}
.setup-explainer h3{font-size:13px;font-weight:550;margin:0 0 5px}
.setup-page .setup-explainer p{font-size:12px;line-height:1.6;margin:0}
.setup-page .setup-preview-note{font-size:10px;line-height:1.6;max-width:360px;margin:0 auto;color:#958879}
.setup-page .setup-recap{width:100%;margin:0;max-width:380px;text-align:center;gap:14px}
.setup-recap>div{display:flex;flex-direction:column;gap:5px}
.setup-recap span{font-size:11px}.setup-recap strong{font-size:13px;font-weight:500}
.setup-page .setup-actions>.button:not(.primary){border:0;background:none;box-shadow:none;color:var(--ui-muted)}

button.button.primary[data-liquid-button]{-webkit-appearance:none!important;appearance:none!important;transition:none!important;position:relative;isolation:isolate;overflow:visible;height:44px;min-height:44px;padding:0 51px!important;border:0!important;background:transparent!important;box-shadow:none!important;color:var(--action-ink);gap:0;font-size:13px;line-height:1;transform:none}
button[data-liquid-button]{min-width:max-content}
.liquid-button-label{position:relative;z-index:2;white-space:nowrap;pointer-events:none;font-weight:550;transition:transform 460ms cubic-bezier(.22,1,.36,1)}
.liquid-button-surface{position:absolute;inset:0;z-index:1;pointer-events:none;color:var(--action-ink);filter:drop-shadow(0 7px 11px rgba(161,76,23,.13))}
svg.hero-action,#pungo-studio svg.hero-action{position:absolute;inset:0;display:block;width:100%;height:100%;overflow:visible;pointer-events:none}
.hero-action-position{transform:translateX(29px);transition:transform 460ms cubic-bezier(.22,1,.36,1)}
.hero-action-orb{transition:transform 460ms cubic-bezier(.22,1,.36,1)}
.hero-action-bridge{transform:scale(.1);transition:transform 460ms cubic-bezier(.22,1,.36,1) 35ms}
.hero-action-arrow{opacity:0;transition:transform 460ms cubic-bezier(.22,1,.36,1),opacity 260ms ease}
:is(button,.liquid-license)[data-liquid-open=true] .hero-action-position{transform:translateX(0)}
:is(button,.liquid-license)[data-liquid-open=true] .hero-action-orb,:is(button,.liquid-license)[data-liquid-open=true] .hero-action-arrow{transform:translateX(58px)}
:is(button,.liquid-license)[data-liquid-open=true] .hero-action-bridge{transform:translateX(20px) scale(1)}
:is(button,.liquid-license)[data-liquid-open=true] .hero-action-arrow{opacity:1}
:is(button,.liquid-license)[data-liquid-open=true] .liquid-button-label{transform:translateX(-23.62963px)}

/* Opt-in leading alignment: the pill stays fixed while the orb grows right. */
button.button.primary.liquid-align-start[data-liquid-button] .hero-action-position{transform:translateX(0)}
button.button.primary.liquid-align-start[data-liquid-button] .liquid-button-label{transform:translateX(-23.62963px)}
button.button.primary.liquid-align-start[data-liquid-button] .liquid-button-surface{transform-origin:left center}

button.button.primary[data-liquid-button]:disabled{opacity:.45}
:is(button,.liquid-license)[data-liquid-instant=true] :is(.hero-action-position,.hero-action-orb,.hero-action-bridge,.hero-action-arrow,.liquid-button-label){transition:none!important}
@media(hover:hover) and (pointer:fine){html:not([data-input=keyboard]) button[data-liquid-button]:active .liquid-button-surface{transform:scale(.98)}.liquid-button-surface{transition:transform 200ms cubic-bezier(.22,1,.36,1)}}
@media(prefers-reduced-motion:reduce){.hero-action-position,.hero-action-orb,.hero-action-bridge,.hero-action-arrow,.liquid-button-label,.liquid-button-surface{transition:none!important}}
@media(max-height:800px){
  .setup-top{padding-top:16px;padding-bottom:16px}
  .setup-scroll{padding-top:12px;padding-bottom:12px}
  .setup-page{min-height:410px;grid-template-rows:88px 88px minmax(120px,auto) 72px;gap:14px}
  .setup-page-0{grid-template-rows:88px 88px 64px 72px}
  .setup-page .setup-buddy{height:88px;width:88px}
  .setup-page .setup-copy h1{font-size:29px;margin-bottom:10px}
  .setup-page .setup-description{font-size:13px}
  .setup-detail{gap:10px}.setup-page .setup-explainer{gap:12px}
  .setup-footer{height:56px;min-height:56px;padding-top:0;padding-bottom:0}
}
@media(max-width:580px){
  .setup-page .setup-copy h1{font-size:27px}
  .setup-page{grid-template-rows:88px minmax(88px,auto) minmax(120px,auto) 72px}
  .setup-page-0{grid-template-rows:88px minmax(88px,auto) 64px 72px}
  .setup-page .setup-buddy{height:88px;width:88px}
  .setup-page .setup-description{font-size:13px;max-width:320px}
}
@media(prefers-reduced-motion:reduce){.liquid-button-surface{transition:none!important;transform:none!important}}

.license-panel{--key-surface:#f5e6d7}
/* Native preferences and Keep Awake share a quiet, unframed settings layout. */
.collection-design :is(.native-settings,.awake-content){padding:32px 42px 40px}
.collection-design :is(.native-settings,.awake-content) .settings-wrap{max-width:760px;margin:0}
.collection-design :is(.native-settings,.awake-content) .settings-heading{margin:0 0 24px;min-height:0}
.collection-design :is(.native-settings,.awake-content) h1{font-size:28px;line-height:1.2;letter-spacing:0;margin:0}
.collection-design :is(.native-settings,.awake-content) h2{font-size:13px;line-height:1.5;font-weight:600;letter-spacing:0;margin:28px 0 8px;color:#776d61}
.collection-design .native-settings .settings-group{border:0;border-radius:0;background:none;padding:0;margin:0}
.native-settings .detail-row{padding:14px 0;margin:0;gap:24px;border:0;align-items:center}
.native-settings .detail-row:last-child{border-bottom:0}
.native-settings .detail-row>div:first-child{min-width:0}
.native-settings .detail-row strong{font-size:13px;line-height:1.5;font-weight:500;letter-spacing:0}
.native-settings .detail-row small{font-size:12px;line-height:1.6;margin-top:4px;max-width:440px;color:#84796d;overflow-wrap:anywhere}
.native-settings .detail-row .button{flex:none;white-space:normal}
.settings-row-actions{display:flex;align-items:center;gap:20px;flex-shrink:0}
.settings-tabs{display:flex;gap:28px;border:0;margin-bottom:32px}
.settings-tabs [role=tab]{background:none;border:0;border-radius:0;min-height:36px;padding:0;color:#84796d;font-size:13px;letter-spacing:0}
.settings-tabs [aria-selected=true]{color:#bc4c19;font-weight:600}
.native-settings #settings-panel>h2:first-child{margin-top:0}
.native-settings .settings-footer{margin:28px 0 0;font-size:11px;letter-spacing:0;color:#918679}
.settings-compatibility{border:0;margin:24px 0 0;padding:0;font-size:12px;line-height:1.7;color:#84796d}
.native-settings .native-license-actions{flex-wrap:wrap}
.collection-design :is(.native-settings,.awake-content) .button:not(.primary){border:0;border-radius:4px;background:transparent;box-shadow:none;color:#74614f;padding:8px 0;min-height:36px;font-size:12px;letter-spacing:0}
.collection-design .native-settings .native-license-form{padding:12px 0 16px}
.collection-design .native-settings :is(.native-license-actions,.native-license-status){padding-left:0;padding-right:0}
.collection-design .native-settings .native-license-form input{border:0;border-radius:6px;background:#f1efeb;height:42px;color:#302c27;box-shadow:none}
@media(hover:hover) and (pointer:fine){.collection-design :is(.native-settings,.awake-content) .button:not(.primary):not(:disabled):hover,.settings-tabs [role=tab]:hover{background:none;color:#bc4c19}}
@media(max-width:820px){.collection-design :is(.native-settings,.awake-content){padding:28px 24px}.native-settings .detail-row{gap:16px}.settings-row-actions{gap:12px}}
@media(max-width:580px){.native-settings .detail-row{flex-wrap:wrap}.settings-row-actions{width:100%;justify-content:space-between}}
.key-liquid{height:64px}
.key-caption{margin-top:6px;min-height:44px}
.key-caption .license-note{margin-bottom:4px}
.setup-welcome p{font-size:18px;line-height:1.5}
.welcome-phrases{display:grid;min-height:27px;margin-top:3px}
.welcome-phrases>span{grid-area:1/1;opacity:0;animation:welcome-word-swap 15s infinite both;animation-timing-function:var(--action-ease)}
.welcome-phrases>span:nth-child(2){animation-delay:-10s}
.welcome-phrases>span:nth-child(3){animation-delay:-5s}
@keyframes welcome-word-swap{0%,26%,100%{opacity:1;filter:blur(0)}33%,93%{opacity:0;filter:blur(5px)}}
html[data-page-hidden=true] .welcome-phrases>span{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){
  .welcome-phrases>span{animation:none!important;filter:none!important;opacity:0}
  .welcome-phrases>span:first-child{opacity:1}
  .liquid-button-label,.action-chevron{transition:none!important}
}