:root{--primary:#ff9494;--bg-color:#fff5f5;--text-main:#333;--text-light:#666;--card-bg:#fff;--app-height:100dvh;--font-serif-en:"Playfair Display", Georgia, serif;--font-serif-kr:"Noto Serif KR", "Noto Serif", Georgia, serif}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;min-height:100%}body{background-color:var(--card-bg);color:var(--text-main);-webkit-font-smoothing:antialiased;overscroll-behavior:none;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5}#root{width:100%;min-height:var(--app-height);background-color:var(--card-bg);min-height:100dvh;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);flex-direction:column;margin:0 auto;display:flex}@media (width>=481px){#root{max-width:480px;box-shadow:0 0 20px #0000000d}}.quick-page,.profile-page,.calendar-page,.friend-onboarding-page,.profile-edit-page,.profile-manager-page,.rainbow-page,.memory-fullscreen-page,.reminder-settings-page{min-height:calc(100vh - env(safe-area-inset-top) - env(safe-area-inset-bottom));min-height:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom))}.toast{bottom:calc(32px + env(safe-area-inset-bottom))}.btn-primary{background-color:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:12px;width:100%;padding:14px 20px;font-size:16px;font-weight:600;transition:opacity .2s}.btn-primary:active{opacity:.8}.btn-primary:disabled{cursor:not-allowed;background-color:#fcc}.input-field{border:1px solid #ddd;border-radius:12px;outline:none;width:100%;margin-bottom:16px;padding:14px;font-size:16px}.input-field:focus{border-color:var(--primary)}.toast{color:#fff;z-index:1000;background-color:#333;border-radius:24px;padding:12px 24px;font-size:14px;font-weight:700;animation:2s ease-in-out forwards fadeInOut;position:fixed;bottom:32px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #00000026}.quick-page{background:radial-gradient(circle at 20% 0,#ff949433,#0000 32%),linear-gradient(#fffafb 0%,#fff 56%,#fff7f7 100%);flex-direction:column;min-height:100%;padding:clamp(18px,3svh,28px) 20px clamp(14px,2.2svh,24px);display:flex;overflow:hidden}.quick-hero{flex:1;grid-template-rows:auto minmax(0,1fr) auto;gap:clamp(10px,1.7svh,18px);min-height:0;display:grid}.quick-copy{text-align:left;max-width:360px}.quick-kicker{color:var(--primary);letter-spacing:2px;text-transform:uppercase;align-items:center;gap:7px;margin-bottom:9px;font-size:12px;font-weight:900;display:inline-flex}.quick-kicker img{flex:none;width:18px;height:18px;display:block}.quick-copy h1{letter-spacing:0;word-break:keep-all;max-width:300px;margin-bottom:12px;font-size:clamp(27px,6.9vw,32px);line-height:1.08}.quick-copy p:not(.quick-kicker){color:var(--text-light);word-break:keep-all;max-width:350px;font-size:clamp(14px,3.7vw,15px);line-height:1.7}.sample-carousel{flex:auto;grid-template-rows:auto auto auto;grid-template-columns:minmax(34px,.6fr) minmax(0,auto) minmax(34px,.6fr);align-content:center;align-items:center;gap:8px 10px;min-height:0;margin-top:2px;display:grid;position:relative}.sample-carousel:before{content:"";filter:blur(22px);z-index:0;background:radial-gradient(circle,#ff94943d,#0000 70%);border-radius:999px;height:58%;position:absolute;bottom:14%;left:10%;right:10%}.sample-card{z-index:1;box-sizing:border-box;background:#111;border:1px solid #ffffff1a;border-radius:18px;position:relative;overflow:hidden;box-shadow:0 18px 42px #00000029}.sample-card-active{width:min(52vw, 196px, calc((var(--app-height) - 382px) * .5625));will-change:transform, opacity;grid-column:2;justify-self:center;min-width:160px;transform:rotate(-1deg);box-shadow:0 26px 58px #2d1c1c38}.sample-card-active.slide-next{animation:.26s cubic-bezier(.2,.8,.2,1) sampleSlideNext}.sample-card-active.slide-prev{animation:.26s cubic-bezier(.2,.8,.2,1) sampleSlidePrev}.sample-arrow{color:#8f5d5d;cursor:pointer;z-index:2;background:#ffffffd1;border:1px solid #ff949438;border-radius:999px;justify-content:center;align-items:center;width:42px;height:42px;display:inline-flex;position:relative;box-shadow:0 12px 30px #2d1c1c1a}.sample-caption{text-align:center;color:#9a5c5c;letter-spacing:.2px;z-index:1;grid-column:1/-1;font-size:12px;position:relative}.sample-dots{z-index:1;grid-column:1/-1;justify-content:center;gap:6px;display:inline-flex;position:relative}.sample-dots button{cursor:pointer;background:#9a5c5c3d;border:none;border-radius:999px;width:7px;height:7px}.sample-dots button.active{background:var(--primary);width:22px}.quick-actions{width:100%;padding-bottom:env(safe-area-inset-bottom);grid-template-columns:1fr;align-self:stretch;gap:10px;margin-top:0;display:grid}.quick-actions .btn-primary,.quick-actions .quick-secondary{justify-content:center;align-items:center;gap:8px;display:inline-flex}.quick-panel{background:#fff;border:1px solid #f2e7e7;border-radius:24px;margin-top:28px;padding:20px;box-shadow:0 18px 48px #00000014}.quick-panel-title{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;display:flex}.quick-panel-title p{color:var(--primary);letter-spacing:1.2px;text-transform:uppercase;margin-bottom:4px;font-size:11px;font-weight:900}.quick-panel-title h2{font-size:21px}.quick-upload{min-height:210px;color:var(--primary);cursor:pointer;background:#fff7f7;border:1.5px dashed #f2b5b5;border-radius:18px;place-items:center;margin-bottom:14px;display:grid;overflow:hidden}.quick-upload span{flex-direction:column;align-items:center;gap:10px;font-weight:800;display:inline-flex}.quick-upload img{object-fit:cover;width:100%;height:260px}.quick-upload input{display:none}.quick-fields{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px;display:grid}.quick-fields input{border:1px solid #eee;border-radius:14px;outline:none;width:100%;padding:13px 12px;font-size:15px}.quick-fields input:focus{border-color:var(--primary)}.quick-secondary{width:100%;color:var(--text-main);cursor:pointer;background:#fff;border:1px solid #f0dada;border-radius:12px;justify-content:center;align-items:center;gap:8px;margin-top:10px;padding:13px;font-weight:800;display:inline-flex}.quick-secondary-compact{margin-top:0}.profile-page{background:#fff4f6;flex-direction:column;min-height:100vh;padding:26px 20px 36px;display:flex}.profile-brand{color:var(--primary);justify-content:center;align-items:center;gap:8px;margin-bottom:30px;font-size:16px;font-weight:900;display:inline-flex}.profile-brand img{width:26px;height:26px;display:block}.profile-title{letter-spacing:0;margin:0 0 24px;font-size:22px;line-height:1.35}.profile-list{gap:12px;display:grid}.profile-card,.profile-add-card{text-align:left;width:100%;min-height:86px;color:var(--text-main);cursor:pointer;background:#ffffffeb;border:1px solid #f1dfdf;border-radius:14px;grid-template-columns:58px 1fr auto;align-items:center;gap:12px;padding:14px;display:grid;box-shadow:0 10px 30px #4c2f2f0a}.profile-card.selected{border-color:var(--primary)}.profile-avatar{color:#fff;border-radius:999px;flex-shrink:0;place-items:center;width:56px;height:56px;display:grid;overflow:hidden}.profile-avatar span{filter:drop-shadow(0 2px 3px #0000001f);font-size:24px}.profile-avatar img{border-radius:inherit;object-fit:cover;width:100%;height:100%;display:block}.profile-info{min-width:0}.profile-name-row{align-items:center;gap:7px;margin-bottom:3px;display:flex}.profile-name-row strong{font-size:14px}.profile-name-row span{color:var(--primary);background:#ffe7ec;border-radius:999px;padding:2px 6px;font-size:10px;font-weight:900}.profile-info p{color:#7b5757;margin:0 0 4px;font-size:12px}.profile-info small{color:#b19696;align-items:center;gap:4px;font-size:11px;display:inline-flex}.profile-info small.hot{color:var(--primary);font-weight:800}.profile-card>svg,.profile-add-card>svg{color:var(--primary)}.profile-add-card{background:#ffffff6b;border-style:dashed;border-color:#ffb8c3;margin-top:2px}.profile-add-icon{width:56px;height:56px;color:var(--primary);border-radius:999px;place-items:center;display:grid}.profile-add-card strong{color:var(--primary);margin-bottom:2px;font-size:14px;display:block}.profile-add-card small{color:#7b5757;font-size:12px;display:block}.profile-manage{color:#b19696;cursor:pointer;background:0 0;border:none;align-items:center;gap:5px;margin:36px auto 0;font-size:12px;display:inline-flex}.profile-manager-page{padding:0 20px 32px}.profile-manager-header{background:#fff4f6db;border-bottom:1px solid #efdfe2;grid-template-columns:38px 1fr 38px;align-items:center;min-height:58px;margin:0 -20px 24px;padding:0 18px;display:grid}.profile-manager-header h1{margin:0;font-size:17px;font-weight:900}.profile-manager-header button{color:#2f2020;cursor:pointer;background:#ffffffb8;border:none;border-radius:12px;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.profile-manager-section{margin-bottom:26px}.profile-friends-section{margin-bottom:20px}.profile-manager-section h2{color:#b89298;margin:0 0 12px;font-size:12px;font-weight:900}.profile-manager-list{gap:10px;display:grid}.profile-friend-carousel{align-items:center;gap:4px;display:flex}.profile-carousel-card{flex:1;min-width:0;overflow:visible}.profile-carousel-arrow{color:#c9a8ae;cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:4px;display:flex}.profile-carousel-dots{justify-content:center;gap:6px;margin-top:10px;display:flex}.profile-carousel-dot{background:#e8cfd2;border-radius:999px;width:6px;height:6px;transition:background .2s}.profile-carousel-dot.active{background:var(--primary);width:16px}.profile-manager-card{text-align:left;width:100%;min-height:68px;color:var(--text-main);touch-action:manipulation;background:#fffffff0;border:1px solid #f1dfdf;border-radius:14px;grid-template-columns:24px 46px 1fr 28px;align-items:center;gap:10px;padding:10px 12px;display:grid}.profile-manager-card.dragging{opacity:.96;z-index:3;border-color:#ff9aaa;box-shadow:0 18px 36px #4c2f2f24}.profile-reorder-handle{color:#c9a8ae;cursor:grab;touch-action:none;background:0 0;border:none;border-radius:9px;justify-content:center;align-items:center;width:24px;height:44px;padding:0;display:inline-flex}.profile-reorder-handle:active{cursor:grabbing}.profile-reorder-handle:disabled{opacity:.35;cursor:default}.profile-manager-main{text-align:left;min-width:0;color:var(--text-main);cursor:pointer;background:0 0;border:none;grid-column:2/4;grid-template-columns:46px 1fr;align-items:center;gap:10px;padding:0;display:grid}.profile-avatar.compact{width:44px;height:44px}.profile-avatar.compact span{font-size:20px}.profile-manager-card strong{margin-bottom:2px;font-size:13px;display:block}.profile-manager-card p{color:#6f4d51;margin:0;font-size:11px}.profile-manager-open,.profile-memory-card>svg,.profile-settings-row>svg{color:#c09098}.profile-manager-open{color:#c09098;cursor:pointer;background:0 0;border:none;border-radius:9px;justify-content:center;align-items:center;width:28px;height:32px;padding:0;display:inline-flex}.profile-manager-add{width:100%;min-height:44px;color:var(--primary);cursor:pointer;background:#ffffff47;border:1px dashed #ff9aaa;border-radius:13px;justify-content:center;align-items:center;gap:8px;margin-top:10px;font-weight:900;display:inline-flex}.profile-memory-card{text-align:left;width:100%;min-height:64px;color:var(--text-main);cursor:pointer;background:#fffffff0;border:1px solid #f1dfdf;border-radius:14px;grid-template-columns:42px 1fr auto;align-items:center;gap:10px;margin-bottom:26px;padding:12px 14px;display:grid}.profile-memory-card span{width:34px;height:34px;color:var(--primary);background:#ffe6eb;border-radius:999px;place-items:center;display:grid}.profile-memory-card strong{margin-bottom:2px;font-size:13px;display:block}.profile-memory-card p{color:#6f4d51;margin:0;font-size:11px}.memory-friends-page{min-height:100vh}.memory-friends-hero{text-align:center;color:#8f5361;padding:34px 18px 36px}.memory-friends-hero svg{color:#a94f64;stroke-width:2px;margin-bottom:16px}.memory-friends-hero p{color:#5b3740;margin:0;font-size:13px;font-style:italic;font-weight:700}.memory-friend-card{text-align:left;width:100%;color:var(--text-main);cursor:pointer;background:#fffffff5;border:1px solid #f1dfdf;border-radius:16px;grid-template-columns:64px 1fr;align-items:center;gap:12px;padding:16px 38px 16px 16px;display:grid;position:relative}.memory-friend-card:focus,.memory-friend-card:focus-visible{outline:none}.memory-friend-avatar{background:#b98f70;border-radius:14px;place-items:center;width:64px;height:64px;display:grid}.memory-friend-avatar span{font-size:29px}.memory-friend-avatar img{border-radius:inherit;object-fit:cover;width:100%;height:100%;display:block}.memory-empty-card{text-align:center;color:#6f4d51;background:#fffffff0;border:1px solid #f1dfdf;border-radius:16px;padding:22px 16px}.memory-empty-card p,.memory-empty-text{margin:0;font-size:13px;font-weight:700}.memory-friend-body{min-width:0}.memory-friend-title{align-items:center;gap:5px;display:flex}.memory-friend-title strong{font-size:16px}.memory-friend-title svg{color:#b25b6d}.memory-friend-body p{color:#5f4046;margin:3px 0 5px;font-size:12px;font-weight:700}.memory-friend-body time{color:#b14e63;font-size:12px;font-weight:900}.memory-friend-message{color:#5b3740;background:#f3e1e7;border-radius:10px;grid-column:1/-1;padding:11px 12px;font-size:12px;font-style:italic;font-weight:700;line-height:1.55}.memory-friend-card>svg:last-child{color:#b25b6d;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.memory-friends-note{color:#6f4d51;background:#fffffff0;border:1px solid #f1dfdf;border-radius:14px;grid-template-columns:20px 1fr;align-items:start;gap:8px;margin-top:24px;padding:14px 16px;display:grid}.memory-friends-note svg{color:#a94f64;margin-top:1px}.memory-friends-note p{margin:0;font-size:12px;font-weight:700;line-height:1.55}.memory-detail-page{min-height:100vh}.memory-detail-hero{text-align:center;padding:2px 0 28px}.memory-detail-hero span{color:#a94f64;align-items:center;gap:5px;font-size:12px;font-weight:900;display:inline-flex}.memory-detail-hero h2{color:#2f2020;margin:9px 0 0;font-size:26px;line-height:1.2}.memory-same-day-card{background:#f3e1e7;border:1px solid #e7c9d0;border-radius:16px;margin-bottom:24px;padding:16px}.memory-section-title{color:#a94f64;align-items:center;gap:7px;margin-bottom:14px;font-size:12px;display:flex}.memory-same-day-photos{scroll-snap-type:x mandatory;scrollbar-width:none;gap:8px;margin-bottom:12px;padding:0 0 6px;display:flex;overflow-x:auto}.memory-same-day-photos::-webkit-scrollbar{display:none}.memory-same-day-photo,.memory-thumb{aspect-ratio:1;background:#ad846b 50%/cover;border-radius:9px;place-items:center;font-size:26px;display:grid}.memory-same-day-photo{min-width:128px;color:inherit;cursor:pointer;scroll-snap-align:start;border:none;flex:0 0 calc(33.3333% - 5.33333px);padding:0;transition:box-shadow .16s,transform .16s;position:relative}.memory-same-day-photo.active{transform:translateY(-1px);box-shadow:0 0 0 3px #a94f643d}.memory-same-day-photo:focus{outline:none}.memory-same-day-photo:focus-visible{box-shadow:0 0 0 3px #a94f6447}.memory-same-day-photo button{color:#7a4553;font:inherit;cursor:pointer;background:#ffffffe6;border:none;border-radius:999px;padding:5px 12px;font-size:11px;font-weight:900;position:absolute;bottom:8px;left:50%;transform:translate(-50%);box-shadow:0 6px 16px #2d1c1c24}.memory-fullscreen-page{color:#fff;background:#171012;grid-template-rows:1fr auto;min-height:100svh;display:grid;position:relative;overflow:hidden}.memory-fullscreen-close{color:#3d292d;width:42px;height:42px;top:calc(18px + env(safe-area-inset-top));z-index:2;cursor:pointer;background:#ffffffe6;border:none;border-radius:999px;place-items:center;display:grid;position:absolute;right:18px;box-shadow:0 12px 30px #0003}.memory-fullscreen-image{background-position:50%;background-size:cover;place-items:center;font-size:72px;display:grid}.memory-fullscreen-info{padding:24px 22px calc(28px + env(safe-area-inset-bottom));background:linear-gradient(#17101200,#171012eb 18%,#171012 100%)}.memory-fullscreen-info strong{margin-bottom:10px;font-size:16px;display:block}.memory-fullscreen-info p{color:#ffffffc7;margin:0;font-size:13px;font-style:italic;font-weight:700;line-height:1.6}.memory-same-day-card>strong{color:#3d292d;margin-bottom:6px;font-size:12px;display:block}.memory-same-day-card>p{color:#5b3740;margin:0;font-size:12px;font-style:italic;font-weight:700}.memory-browser{margin-bottom:14px}.memory-browser-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.memory-browser-header h2{margin:0;font-size:15px}.memory-browser-header span{color:#6f4d51;align-items:center;gap:4px;font-size:12px;font-weight:800;display:inline-flex}.memory-filter-row{gap:8px;padding-bottom:10px;display:flex;overflow-x:auto}.memory-filter-row button{color:#6f4d51;cursor:pointer;background:#fff;border:none;border-radius:999px;padding:8px 14px;font-size:12px;font-weight:900}.memory-filter-row button.active{color:#fff;background:#a94f64}.memory-scroll-list{scrollbar-color:#d69aaa #f6e7eb;scrollbar-width:thin;max-height:335px;padding-right:6px;overflow-y:auto}.memory-scroll-list::-webkit-scrollbar{width:6px}.memory-scroll-list::-webkit-scrollbar-track{background:#f6e7eb;border-radius:999px}.memory-scroll-list::-webkit-scrollbar-thumb{background:#d69aaa;border-radius:999px}.memory-month-label{color:#a94f64;margin:8px 0 10px;font-size:12px;font-weight:900}.memory-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:18px;display:grid}.memory-thumb{position:relative}.memory-thumb small{color:#fff;background:#241818c2;border-radius:4px;padding:2px 4px;font-size:9px;font-weight:900;position:absolute;bottom:5px;right:5px}.memory-action-row{grid-template-columns:1fr;margin-bottom:18px;display:grid}.memory-action-row button{color:#6f4d51;cursor:pointer;background:#fff;border:1px solid #f1dfdf;border-radius:12px;justify-content:center;align-items:center;gap:7px;min-height:42px;font-weight:900;display:inline-flex}.memory-reminder-card{background:#f8eaf0;border-radius:14px;grid-template-columns:42px 1fr auto;align-items:center;gap:10px;min-height:64px;padding:12px 14px;display:grid}.memory-reminder-card>span{color:#a94f64;background:#fff0f4;border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.memory-reminder-card strong{font-size:13px;display:block}.memory-reminder-card p{color:#7b5757;margin:3px 0 0;font-size:11px}.memory-reminder-card button{cursor:pointer;background:#e7d4d8;border:none;border-radius:999px;width:46px;height:26px;position:relative}.memory-reminder-card button:after{content:"";background:#fff;border-radius:999px;width:20px;height:20px;transition:transform .16s;position:absolute;top:3px;left:3px}.memory-reminder-card button.on{background:#d4507b}.memory-reminder-card button.on:after{transform:translate(20px)}.reminder-settings-page{min-height:100vh}.reminder-toggle-card{background:#fffffff0;border:1px solid #f1dfdf;border-radius:14px;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;min-height:64px;margin-bottom:24px;padding:12px 14px;display:grid}.reminder-toggle-card>span{color:var(--primary);place-items:center;display:grid}.reminder-toggle-card strong{font-size:13px;display:block}.reminder-toggle-card p{color:#6f4d51;margin:3px 0 0;font-size:11px;font-weight:700}.reminder-toggle-card>button{cursor:pointer;background:#e7d4d8;border:none;border-radius:999px;width:46px;height:26px;position:relative}.reminder-toggle-card>button:after{content:"";background:#fff;border-radius:999px;width:20px;height:20px;transition:transform .16s;position:absolute;top:3px;left:3px}.reminder-toggle-card>button.on{background:#d4507b}.reminder-toggle-card>button.on:after{transform:translate(20px)}.reminder-section{margin-bottom:24px}.reminder-section h2{color:#b89298;margin:0 0 12px;font-size:12px;font-weight:900}.reminder-time-card,.reminder-week-card,.reminder-note-card{background:#fffffff0;border:1px solid #f1dfdf;border-radius:14px}.reminder-time-card{text-align:center;align-content:center;place-items:center;gap:8px;min-height:148px;display:grid}.reminder-time-card strong{color:#2f2020;font-size:32px;line-height:1}.reminder-time-card p{color:#6f4d51;margin:0;font-size:12px;font-weight:800}.reminder-time-card button{color:#a94f64;font:inherit;cursor:pointer;background:#fff7f9;border:1px solid #f0bac4;border-radius:9px;margin-top:6px;padding:8px 15px;font-size:12px;font-weight:900}.reminder-time-card input[type=time]{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.reminder-week-card{text-align:center;padding:16px 14px 14px}.reminder-weekdays{grid-template-columns:repeat(7,1fr);gap:7px;margin-bottom:12px;display:grid}.reminder-weekdays button{aspect-ratio:1;color:#b89298;font:inherit;cursor:pointer;background:#fff7f9;border:1px solid #f1ccd4;border-radius:999px;font-size:12px;font-weight:900}.reminder-weekdays button.active{color:#fff;background:#d4507b;border-color:#d4507b}.reminder-week-card p{color:#6f4d51;margin:0;font-size:12px;font-weight:800}.reminder-preset-group{grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:12px;display:grid}.reminder-preset-group button{color:#8a5d65;cursor:pointer;background:#fff;border:1px solid #f1ccd4;border-radius:999px;height:32px;font-size:12px;font-weight:800;transition:background .14s,color .14s,border-color .14s}.reminder-preset-group button.active{color:#fff;background:#d4507b;border-color:#d4507b}.reminder-note-card{color:#6f4d51;grid-template-columns:20px 1fr;align-items:start;gap:8px;padding:14px 16px;display:grid}.reminder-note-card svg{color:var(--primary);margin-top:1px}.reminder-note-card p{margin:0;font-size:12px;font-weight:700;line-height:1.55}.stats-page{flex-direction:column;display:flex;overflow:hidden}.stats-scroll-body{-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;gap:0;padding:0 18px 40px;display:flex;overflow-y:auto}.stats-body{flex-direction:column;gap:0;padding:0 18px;display:flex}.stats-empty{text-align:center;color:var(--text-light);flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:80px 24px;display:flex}.stats-empty p{margin:0;font-size:40px}.stats-empty strong{color:var(--text-main);font-size:16px}.stats-empty span{font-size:13px;line-height:1.6}.stats-summary-card{background:#fffffff0;border:1px solid #f1dfdf;border-radius:16px;justify-content:space-around;align-items:center;margin-bottom:14px;padding:20px 12px;display:flex}.stats-summary-item{flex-direction:column;align-items:center;gap:4px;display:flex}.stats-summary-item strong{color:var(--text-main);font-size:28px;font-weight:900;line-height:1}.stats-summary-item strong small{color:#b89298;font-size:15px;font-weight:700}.stats-summary-item span{color:#b89298;font-size:11px;font-weight:700}.stats-summary-divider{background:#f1dfdf;width:1px;height:36px}.stats-month-progress{align-items:center;gap:10px;margin-bottom:26px;display:flex}.stats-month-progress-bar{background:#f1dfdf;border-radius:999px;flex:1;height:8px;overflow:hidden}.stats-month-progress-bar>div{background:var(--primary);border-radius:999px;min-width:4px;height:100%;transition:width .6s}.stats-month-progress>span{color:var(--primary);white-space:nowrap;font-size:12px;font-weight:800}.stats-section{margin-bottom:24px}.stats-section-title{color:#b89298;align-items:center;gap:6px;margin:0 0 10px 2px;font-size:12px;font-weight:900;display:flex}.stats-pro-badge{color:#fff;background:var(--primary);letter-spacing:.03em;border-radius:6px;padding:1px 6px;font-size:10px;font-weight:900}.stats-card{background:#fffffff0;border:1px solid #f1dfdf;border-radius:14px;padding:16px}.stats-mood-list{flex-direction:column;gap:10px;display:flex}.stats-mood-row{grid-template-columns:22px 46px 1fr 36px;align-items:center;gap:8px;display:grid}.stats-mood-emoji{font-size:17px;line-height:1}.stats-mood-label{color:var(--text-main);font-size:12px;font-weight:700}.stats-mood-bar-wrap{background:#f7eded;border-radius:999px;height:8px;overflow:hidden}.stats-mood-bar{border-radius:999px;min-width:0;height:100%;transition:width .6s}.stats-mood-pct{color:#b89298;text-align:right;font-size:11px;font-weight:800}.stats-walk-card{flex-direction:column;gap:12px;display:flex}.stats-walk-symmetric{background:#f0e8e8;border-radius:999px;align-items:center;gap:0;height:14px;display:flex;overflow:hidden}.stats-walk-half{flex:1;height:100%;display:flex;overflow:hidden}.stats-walk-left{justify-content:flex-end}.stats-walk-right{justify-content:flex-start}.stats-walk-fill-left{background:var(--primary);border-radius:999px 0 0 999px;height:100%;transition:width .6s}.stats-walk-fill-right{background:#7ec8d8;border-radius:0 999px 999px 0;height:100%;transition:width .6s}.stats-walk-center-line{background:#fff;flex-shrink:0;width:2px;height:100%}.stats-walk-labels-sym{color:#b89298;justify-content:space-between;align-items:center;font-size:11px;font-weight:800;display:flex}.stats-walk-copy-sym{color:#9e7075;text-align:center;font-size:11px;font-weight:600}.stats-monthly-chart{justify-content:space-around;align-items:flex-end;gap:6px;height:110px;display:flex}.stats-monthly-col{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:4px;display:flex}.stats-monthly-count{color:var(--primary);height:14px;font-size:10px;font-weight:800;line-height:14px}.stats-monthly-bar-wrap{align-items:flex-end;width:100%;height:72px;display:flex}.stats-monthly-bar{background:var(--primary);opacity:.72;border-radius:6px 6px 0 0;width:100%;min-height:0;transition:height .5s}.stats-monthly-label{color:#b89298;font-size:10px;font-weight:700}.stats-pro-lock{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fff8fae0;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex;position:absolute;inset:0}.stats-pro-lock-icon{width:40px;height:40px;color:var(--primary);background:#fff1f5;border-radius:50%;justify-content:center;align-items:center;display:flex}.stats-pro-lock p{color:var(--text-main);margin:0;font-size:13px;font-weight:700}.calendar-stats-button{color:var(--primary);cursor:pointer;background:#fff1f5;border:1px solid #f1dfdf;border-radius:20px;justify-content:center;align-items:center;gap:4px;padding:6px 10px;font-size:12px;font-weight:700;display:flex}.calendar-stats-button:active{background:#fce8ee}.profile-settings-group{background:#fffffff0;border:1px solid #f1dfdf;border-radius:14px;overflow:hidden}.profile-settings-row{text-align:left;width:100%;min-height:42px;color:var(--text-main);cursor:pointer;background:0 0;border:none;border-bottom:1px solid #f1e5e5;grid-template-columns:28px 1fr auto auto;align-items:center;gap:8px;padding:0 14px;display:grid}.profile-settings-row:last-child{border-bottom:none}.profile-settings-icon{color:#71424b;align-items:center;display:inline-flex}.profile-settings-row strong{font-size:13px;font-weight:700}.profile-settings-row small{color:#b89298;font-size:11px}.profile-version{text-align:center;color:#b89298;margin:18px 0 0;font-size:11px}.profile-edit-page{padding:0 20px 32px}.profile-edit-header .profile-save-button{width:auto;color:var(--primary);background:0 0;padding:0 4px;font-size:17px;font-weight:900}.profile-edit-hero{place-items:center;padding:26px 0 28px;display:grid}.profile-edit-avatar{cursor:pointer;background:#e8c0a5;border-radius:999px;place-items:center;width:96px;height:96px;display:grid;position:relative;overflow:visible}.profile-edit-avatar span{font-size:38px}.profile-edit-avatar img{border-radius:inherit;object-fit:cover;width:100%;height:100%;display:block}.profile-edit-avatar input{display:none}.profile-edit-camera{background:var(--primary);color:#fff;border:3px solid #fff;border-radius:999px;place-items:center;width:30px;height:30px;display:grid;position:absolute;bottom:5px;right:3px}.profile-edit-avatar .profile-edit-camera{font-size:0}.profile-edit-hero p{color:#b89298;margin:10px 0 0;font-size:12px}.profile-form-card,.profile-note-card{background:#fffffff5;border:1px solid #f1dfdf;border-radius:14px;margin-bottom:24px;overflow:hidden}.profile-form-card label,.profile-gender-field{border-bottom:1px solid #f1e5e5;gap:6px;min-height:68px;padding:12px 16px;display:grid}.profile-form-card label:last-of-type{border-bottom:1px solid #f1e5e5}.profile-form-card label span,.profile-gender-field>span{color:#b89298;font-size:11px;font-weight:900}.profile-form-card input,.profile-note-card textarea{width:100%;color:var(--text-main);background:0 0;border:none;outline:none;font-family:inherit;font-size:15px}.profile-input-with-icon{grid-template-columns:1fr auto auto;align-items:center;gap:8px;display:grid}.profile-input-with-icon strong{color:var(--primary);font-size:12px}.profile-input-with-icon svg{color:#b89298}.profile-inline-check{color:#b89298;white-space:nowrap;align-items:center;font-size:12px;font-weight:800;border:none!important;grid-template-columns:none!important;gap:4px!important;min-height:0!important;padding:0!important;display:inline-flex!important}.profile-inline-check input{width:14px;height:14px}.profile-gender-field div{grid-template-columns:1fr 1fr;gap:8px;display:grid}.profile-gender-field button{color:#7b5757;cursor:pointer;background:#fff;border:1px solid #efd4d9;border-radius:10px;justify-content:center;align-items:center;gap:6px;min-height:36px;font-weight:800;display:inline-flex}.profile-gender-field button.active{border-color:var(--primary);color:var(--primary);background:#fff7f9}.profile-note-card{padding:14px 16px;display:block}.profile-note-card textarea{resize:vertical;min-height:34px;font-weight:700}.profile-note-card small{color:#b89298;margin-top:7px;font-size:11px;display:block}.profile-settings-icon.memory{width:34px;height:34px;color:var(--primary);background:#ffe6eb;border-radius:999px;place-items:center;display:grid}.profile-settings-row.danger strong,.profile-settings-icon.danger{color:#e05a6e}.rainbow-page{padding:0 20px}.rainbow-page .profile-manager-section{margin-bottom:16px}.rainbow-hero{text-align:center;padding:24px 0 22px}.rainbow-icon{width:48px;height:48px;color:var(--primary);background:#fff;border:1px solid #f1dfdf;border-radius:999px;place-items:center;margin:0 auto 14px;display:grid}.rainbow-hero h2{margin:0 0 10px;font-size:19px;line-height:1.34}.rainbow-hero p{color:#6f4d51;margin:0;font-size:12px;line-height:1.65}.rainbow-profile-card{background:#fff;border:1px solid #f1dfdf;border-radius:14px;grid-template-columns:50px 1fr;align-items:center;gap:12px;min-height:78px;margin-bottom:20px;padding:12px 14px;display:grid}.rainbow-profile-card strong{margin-bottom:3px;font-size:14px;display:block}.rainbow-profile-card p{color:#6f4d51;margin:0;font-size:12px}.rainbow-date-card{width:100%;min-height:52px;color:var(--text-main);text-align:left;cursor:pointer;background:#fff;border:1px solid #f1dfdf;border-radius:13px;grid-template-columns:28px 1fr auto;align-items:center;gap:10px;padding:0 16px;display:grid;position:relative}.rainbow-date-input{opacity:0;cursor:pointer;color:#0000;background:0 0;border:none;width:100%;height:100%;position:absolute;inset:0}.rainbow-date-card svg{color:var(--primary)}.rainbow-date-card span{color:#b89298;font-size:14px;font-weight:800}.rainbow-message-card{background:#fff;border:1px solid #f1dfdf;border-radius:13px;grid-template-rows:1fr auto;min-height:110px;padding:14px;display:grid}.rainbow-message-card textarea{resize:vertical;min-height:72px;font:inherit;color:var(--text-main);background:0 0;border:none;outline:none}.rainbow-message-card textarea::placeholder{color:#b89298}.rainbow-message-card small{color:#b89298;justify-self:end;font-size:12px}.rainbow-upload-card{width:100%;min-height:120px;font:inherit;color:var(--primary);text-align:center;cursor:pointer;background:#ffffff57;border:1px dashed #ffb3bf;border-radius:14px;place-items:center;padding:0;display:grid;overflow:hidden}.rainbow-upload-input{display:none}.rainbow-upload-card img{object-fit:cover;width:100%;height:180px}.rainbow-upload-card strong{font-size:13px}.rainbow-upload-card small{color:#b89298;font-size:11px}.rainbow-reminder-card{background:#f8eaf0;border-radius:14px;grid-template-columns:42px 1fr auto;align-items:center;gap:10px;min-height:66px;margin:14px 0 26px;padding:12px 14px;display:grid}.rainbow-page .friend-onboarding-footer{padding-top:14px}.rainbow-reminder-card>span{width:34px;height:34px;color:var(--primary);background:#fff0f4;border-radius:10px;place-items:center;display:grid}.rainbow-reminder-card strong{font-size:13px;display:block}.rainbow-reminder-card p{color:#7b5757;margin:3px 0 0;font-size:11px}.rainbow-reminder-card button{cursor:pointer;background:#e7d4d8;border:none;border-radius:999px;width:46px;height:26px;position:relative}.rainbow-reminder-card button:after{content:"";background:#fff;border-radius:999px;width:20px;height:20px;transition:transform .16s;position:absolute;top:3px;left:3px}.rainbow-reminder-card button.on{background:#d4507b}.rainbow-reminder-card button.on:after{transform:translate(20px)}.friend-onboarding-page{background:#fff4f6;flex-direction:column;height:100%;min-height:100%;display:flex;overflow:hidden}.friend-onboarding-header{border-bottom:1px solid #efdfe2;grid-template-columns:44px 1fr 86px;align-items:center;min-height:62px;padding:0 20px;display:grid}.friend-onboarding-header>strong{color:#5b3740;justify-self:center;font-size:14px}.friend-onboarding-header button{color:#2f2020;font:inherit;cursor:pointer;background:0 0;border:none;font-weight:800}.friend-onboarding-header>button:first-child{align-items:center;width:36px;height:36px;padding:0;display:inline-flex}.friend-onboarding-header>button:last-child{color:#b89298;justify-self:end}.friend-progress{background:#f4dfe4;border-radius:999px;height:3px;margin:12px 20px 0;overflow:hidden}.friend-progress span{background:#d4507b;height:100%;transition:width .24s;display:block}.friend-step{flex:1;min-height:0;padding:38px 20px 24px;overflow:hidden}.friend-step-copy{margin-bottom:34px}.friend-step-copy h1,.friend-step-complete h1{letter-spacing:0;margin:0 0 14px;font-size:24px;line-height:1.35}.friend-step-copy p,.friend-step-complete>p{color:#6f4d51;margin:0;font-size:13px;font-weight:700}.friend-photo-picker{text-align:center;width:98px;height:138px;color:var(--primary);cursor:pointer;place-items:center;margin:0 auto 34px;display:grid}.friend-photo-picker>svg,.friend-photo-picker>img{object-fit:cover;background:#ffffff52;border:1px dashed #ff9aaa;border-radius:999px;width:96px;height:96px;padding:31px}.friend-photo-picker>img{padding:0}.friend-photo-picker input{display:none}.friend-photo-picker strong{margin-top:10px;font-size:12px}.friend-photo-picker small{color:#b89298;font-size:11px}.friend-name-field{border:1.5px solid var(--primary);background:#fff;border-radius:14px;grid-template-columns:1fr auto;align-items:center;gap:10px;min-height:66px;padding:0 14px;display:grid}.friend-name-field input,.friend-search-field input,.friend-date-card input{font:inherit;color:var(--text-main);background:0 0;border:none;outline:none}.friend-name-field span{color:#b89298;font-size:12px;font-weight:800}.friend-helper{color:#6f4d51;margin:8px 0 0;font-size:12px}.friend-form-section{margin-bottom:24px}.friend-field-title{color:#b89298;margin-bottom:10px;font-size:12px;font-weight:900;display:block}.friend-direct-field{border:1.5px solid var(--primary);background:#fff;border-radius:14px;align-items:center;min-height:66px;padding:0 16px;display:grid}.friend-direct-field input{width:100%;font:inherit;color:var(--text-main);background:0 0;border:none;outline:none}.friend-date-card>svg:first-child{color:#b07d87}.friend-date-card{width:100%;min-height:70px;color:var(--text-main);text-align:left;cursor:pointer;background:#fffffff0;border:1px solid #f1dfdf;border-radius:14px;grid-template-rows:auto auto;grid-template-columns:28px 1fr auto;align-items:center;column-gap:10px;padding:0 16px;display:grid;position:relative}.friend-date-card input{opacity:0;cursor:pointer;position:absolute;inset:0}.friend-date-card span{grid-column:2;font-weight:800}.friend-date-card small{color:var(--primary);grid-column:2;font-size:11px;font-weight:800}.friend-date-card>svg:last-child{color:#b89298;grid-area:1/3/span 2}.friend-checkbox{color:#6f4d51;align-items:center;gap:7px;margin-top:10px;font-size:12px;display:inline-flex}.friend-gender-buttons{grid-template-columns:1fr 1fr;gap:10px;display:grid}.friend-gender-buttons button{color:#2f2020;cursor:pointer;background:#fff;border:1px solid #efd4d9;border-radius:13px;justify-content:center;align-items:center;gap:7px;min-height:76px;display:inline-flex}.friend-gender-buttons button span{color:#7b5757;font-size:12px;font-weight:800}.gender-symbol{align-items:center;line-height:1;display:flex;color:inherit!important;font-size:15px!important}.friend-gender-buttons button.active{border-color:var(--primary);color:#2f2020;background:#fff8fa}.friend-step-complete{text-align:center;padding-top:18px;padding-bottom:12px}.friend-arrived{background:#fff;border:1px solid #f1dfdf;border-radius:999px;align-items:center;gap:5px;width:max-content;margin:0 auto 12px;padding:5px 11px;font-size:12px;display:inline-flex;color:var(--primary)!important}.friend-step-complete h1{margin-bottom:8px;font-size:22px;line-height:1.25}.friend-step-complete>p:not(.friend-arrived){font-size:12px}.friend-summary-card{background:#fff;border:1px solid #f1dfdf;border-radius:16px;margin:16px 0 10px;padding:16px 16px 14px}.friend-summary-avatar{background:#e8c0a5;border-radius:999px;place-items:center;width:64px;height:64px;margin:0 auto 8px;display:grid;overflow:hidden}.friend-summary-avatar img{object-fit:cover;width:100%;height:100%}.friend-summary-avatar span{font-size:28px}.friend-summary-card>strong{font-size:16px;display:block}.friend-summary-card>small{color:var(--primary);background:#fff0f4;border-radius:999px;margin:6px 0 12px;padding:3px 9px;font-weight:900;display:inline-block}.friend-summary-card dl{text-align:left;border-top:1px solid #f1e5e5;grid-template-columns:1fr 1fr;row-gap:9px;margin:0 0 12px;padding-top:12px;display:grid}.friend-summary-card dt{color:#b89298;font-size:12px;font-weight:900}.friend-summary-card dd{text-align:right;margin:0;font-size:13px;font-weight:800}.friend-summary-card button{width:100%;min-height:34px;color:var(--primary);cursor:pointer;background:#fff8fa;border:1px solid #efd4d9;border-radius:10px;justify-content:center;align-items:center;gap:6px;font-weight:900;display:inline-flex}.friend-option-card,.friend-benefit-card{text-align:left;background:#fff;border:1px solid #f1dfdf;border-radius:14px;grid-template-columns:42px 1fr auto;align-items:center;gap:10px;min-height:56px;margin-bottom:10px;padding:10px 12px;display:grid}.friend-option-card>span,.friend-benefit-card>svg{width:32px;height:32px;color:var(--primary);background:#fff0f4;border-radius:10px;place-items:center;padding:8px;display:grid}.friend-option-card strong,.friend-benefit-card strong{font-size:13px;display:block}.friend-option-card p,.friend-benefit-card p{color:#7b5757;margin:3px 0 0;font-size:11px}.friend-option-card button{cursor:pointer;background:#e7d4d8;border:none;border-radius:999px;width:46px;height:26px;position:relative}.friend-option-card button:after{content:"";background:#fff;border-radius:999px;width:20px;height:20px;transition:transform .16s;position:absolute;top:3px;left:3px}.friend-option-card button.on{background:#d4507b}.friend-option-card button.on:after{transform:translate(20px)}.friend-benefit-card{background:#f8eaf0}.friend-onboarding-footer{padding:12px 20px calc(12px + env(safe-area-inset-bottom));border-top:1px solid #efdfe2;flex-shrink:0}.friend-onboarding-footer .btn-primary{background:#d4507b;justify-content:center;align-items:center;gap:8px;min-height:48px;display:inline-flex}.friend-later{color:#7b5757;cursor:pointer;background:0 0;border:none;width:100%;margin-top:8px;font-weight:800}.calendar-page{flex-direction:column;flex:1;padding:24px;display:flex}.calendar-header,.calendar-monthbar,.calendar-mission-head{justify-content:space-between;align-items:center;display:flex}.calendar-header{margin-bottom:24px}.calendar-header h2{margin:0;font-size:20px}.calendar-header-spacer{width:60px}.calendar-back-button{color:var(--text-light);cursor:pointer;font:inherit;background:0 0;border:none;align-items:center;gap:4px;padding:0;display:inline-flex}.calendar-monthbar{gap:12px;margin-bottom:16px}.calendar-monthbar h3{margin:0;font-size:18px}.calendar-month-button{width:38px;height:38px;color:var(--text-main);cursor:pointer;background:#fff;border:1px solid #f0dddd;border-radius:999px;justify-content:center;align-items:center;display:inline-flex}.calendar-month-button:disabled{color:#d8c8c8;cursor:not-allowed;opacity:.55}.calendar-card,.calendar-mission-card{background:#fff;border-radius:16px;box-shadow:0 4px 12px #0000000d}.calendar-card{padding:8px}.calendar-grid{grid-template-columns:repeat(7,1fr);display:grid}.calendar-weekday{text-align:center;color:var(--text-light);padding:10px 0;font-size:12px;font-weight:800}.calendar-day-cell{height:70px;color:inherit;cursor:pointer;font:inherit;text-align:left;background:50%/cover;border:1px solid #f0f0f0;border-radius:8px;margin:2px;padding:0;position:relative;overflow:hidden}.calendar-day-cell:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.calendar-day-cell.outside-month{opacity:.2}.calendar-day-cell.is-disabled{cursor:not-allowed}.calendar-day-cell.has-image{background-color:#000}.calendar-day-cell.has-note{background-color:#fff1f4}.calendar-day-cell.has-missing{background-color:#fff1f4;background-image:repeating-linear-gradient(45deg,#0000,#0000 6px,#e85f8214 6px 12px)}.calendar-day-cell.has-missing .calendar-missing-icon{opacity:.55;z-index:2;font-size:16px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.calendar-day-cell.is-today{background-color:#fff9f9}.calendar-day-cell.is-locked{background-color:#fafafa}.calendar-day-cell.is-missed{background-color:#fff5f5}.calendar-image-dim{background:#0003;position:absolute;inset:0}.calendar-cell-empty,.calendar-note-icon{z-index:2;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.calendar-cell-empty{opacity:.18;font-size:12px}.calendar-cell-empty.plus{opacity:.22;font-size:14px}.calendar-note-icon{font-size:16px}.calendar-day-number{z-index:2;font-size:12px;font-weight:800;position:absolute;top:4px;left:4px}.calendar-day-cell.has-image .calendar-day-number{color:#fff}.calendar-log-badge{z-index:2;background:#fffc;border-radius:4px;gap:2px;padding:2px 4px;font-size:10px;display:inline-flex;position:absolute;bottom:4px;right:4px}.calendar-empty-copy{text-align:center;color:var(--text-light);margin-top:16px;font-size:14px;font-style:italic}.calendar-mission-card{margin-top:auto;padding:20px;box-shadow:0 -4px 20px #00000008}.calendar-mission-head{margin-bottom:16px}.calendar-progress{background:#f0f0f0;border-radius:6px;width:100%;height:12px;margin-bottom:20px;overflow:hidden}.calendar-progress>div{background:var(--primary);height:100%;transition:width .5s}.calendar-card-cta{box-shadow:none;background:#fcc;padding:16px;font-size:18px}.calendar-card-cta.is-ready{background:#222;transform:scale(1.02);box-shadow:0 8px 24px #0003}.calendar-policy-copy{color:var(--text-light);text-align:center;margin:12px 0 0;font-size:12px;line-height:1.5}@keyframes fadeInOut{0%{opacity:0;transform:translate(-50%,20px)}15%{opacity:1;transform:translate(-50%)}85%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-20px)}}@keyframes sampleSlideNext{0%{opacity:0;transform:translate(34px)scale(.985)rotate(-1deg)}to{opacity:1;transform:translate(0)scale(1)rotate(-1deg)}}@keyframes sampleSlidePrev{0%{opacity:0;transform:translate(-34px)scale(.985)rotate(-1deg)}to{opacity:1;transform:translate(0)scale(1)rotate(-1deg)}}.install-banner{background:#fff;border:1.5px solid #f2dede;border-radius:16px;align-items:center;gap:12px;width:100%;padding:14px 14px 14px 16px;display:flex;box-shadow:0 4px 16px #ff94941a}.install-banner-icon{flex-shrink:0;font-size:22px}.install-banner-body{flex:1;min-width:0}.install-banner-body strong{color:var(--text-main);font-size:13px;font-weight:700;line-height:1.4;display:block}.install-banner-body p{color:var(--text-light);flex-wrap:wrap;align-items:center;gap:3px;margin-top:2px;font-size:12px;display:flex}.install-share-icon{color:#007aff;vertical-align:middle;align-items:center;display:inline-flex}.install-banner-actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.install-banner-btn{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:10px;padding:7px 14px;font-size:13px;font-weight:700}.install-banner-close{color:#ccc;cursor:pointer;background:0 0;border:none;align-items:center;padding:4px;display:flex}.quick-install-banner{margin-top:16px}.onboarding-install-banner{margin-top:4px;margin-bottom:4px}