*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body{width:100%;height:100%;height:100dvh;min-height:100%;min-height:100svh;font-family:var(--mio-font-sans);font-size:4.26667vw;line-height:1.5;font-weight:400;font-synthesis:none;color:#302b29;background-color:#ece5dd;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}#root{width:100%;height:100%;height:100dvh;min-height:100%;min-height:100svh;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)}a,button,input{outline:none;border:none;background:none}input,textarea,select{-webkit-appearance:none;-moz-appearance:none;appearance:none;font:inherit}button{font:inherit}img{max-width:100%;display:block}:root,[data-mio-theme=day],[data-theme=day],.theme-day{color-scheme:light;--mio-font-sans: -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB", "Noto Sans CJK SC", "Microsoft YaHei", sans-serif;--mio-font-brand: "Playfair Display", Georgia, "Times New Roman", serif;--mio-font-handwriting: "Kaiti SC", "STKaiti", "KaiTi", serif;--mio-type-caption: 3.2vw;--mio-type-meta: 3.46667vw;--mio-type-body: 4vw;--mio-type-subtitle: 4.53333vw;--mio-type-title: 5.86667vw;--mio-leading-compact: 1.4;--mio-leading-body: 1.75;--mio-weight-regular: 400;--mio-weight-medium: 500;--mio-weight-emphasis: 600;--mio-brand-primary: #A96F72;--mio-brand-secondary: #9B7470;--mio-brand-deep: #6F4E49;--mio-brand-warm: #D8A079;--mio-brand-amber: #F3C66E;--mio-brand-calm: #6F947B;--mio-brand-calm-soft: #EDF5EC;--mio-text-primary: #312B29;--mio-text-secondary: #6D5E58;--mio-text-tertiary: #9E8680;--mio-text-inverse: rgba(255, 255, 255, .94);--mio-text-brand: var(--mio-brand-primary);--mio-text-brand-muted: #9F686B;--mio-app-shell-bg: radial-gradient(ellipse 74% 34% at 50% -8%, rgba(244, 202, 210, .42), transparent 68%), radial-gradient(ellipse 68% 26% at 78% 100%, rgba(242, 195, 122, .24), transparent 72%), linear-gradient(180deg, #FFF8F0 0%, #F3E7DC 100%);--mio-page-bg: #FFF6EB;--mio-home-bg: radial-gradient(circle at 18% 10%, rgba(255,255,255,.88) 0 12%, transparent 32%), radial-gradient(ellipse 76% 32% at 50% -8%, rgba(255,223,210,.82), transparent 68%), radial-gradient(ellipse 58% 27% at 8% 72%, rgba(255,241,207,.54), transparent 72%), radial-gradient(ellipse 50% 25% at 94% 42%, rgba(237,245,236,.78), transparent 70%), linear-gradient(180deg, #FFE0CF 0%, #FFF2E6 46%, #FFF8EF 100%);--mio-community-bg: radial-gradient(ellipse 98% 40% at 50% -8%, rgba(255,220,211,.78), transparent 66%), radial-gradient(ellipse 70% 32% at 90% 18%, rgba(255,239,197,.55), transparent 66%), radial-gradient(ellipse 60% 30% at 8% 78%, rgba(237,245,236,.82), transparent 64%), linear-gradient(180deg, #FFF8F1 0%, #FFF2E9 48%, #F8ECE1 100%);--mio-relationship-bg: #FFF3E7;--mio-paper-bg: #FFF3E7;--mio-texture-rule: repeating-linear-gradient(transparent, transparent 7.2vw, rgba(148, 120, 104, .1) 7.2vw, rgba(148, 120, 104, .1) 7.46667vw);--mio-surface-glass: rgba(255, 255, 255, .72);--mio-surface-glass-strong: rgba(255, 255, 255, .88);--mio-surface-warm-card: linear-gradient(180deg, #FFFFFF 0%, #FFF8EE 100%);--mio-surface-rose-card: linear-gradient(135deg, #FFFFFF 0%, #FFF0F2 56%, #FFF7EF 100%);--mio-surface-sheet: linear-gradient(180deg, #FFFDF9 0%, #FFF3E8 100%);--mio-surface-nav: linear-gradient(180deg, rgba(255,255,255,.92), rgba(255,249,241,.82));--mio-surface-nav-active: linear-gradient(180deg, #F4DDD8 0%, #EBC8C2 100%);--mio-surface-input: rgba(255, 255, 255, .82);--mio-surface-tint-brand: #F8E7E2;--mio-surface-tint-warm: #FFF1D2;--mio-surface-tint-calm: #EDF5EC;--mio-border-glass: rgba(255, 255, 255, .82);--mio-border-subtle: #EAD8CB;--mio-border-brand: rgba(169, 111, 114, .28);--mio-border-warm: rgba(240, 160, 110, .34);--mio-border-calm: rgba(111, 148, 123, .22);--mio-shadow-page: 0 10.13333vw 24vw rgba(83, 68, 61, .24);--mio-shadow-card: 0 4.8vw 10.13333vw rgba(93, 69, 58, .12), inset 0 1px 0 rgba(255,255,255,.96);--mio-shadow-nav: 0 4.8vw 10.66667vw rgba(116, 80, 67, .14), inset 0 1px 0 rgba(255,255,255,.94);--mio-shadow-active: inset 0 1px 0 rgba(255,255,255,.76), 0 3.2vw 6.4vw rgba(169,111,114,.16);--mio-shadow-soft: 0 3.2vw 6.93333vw rgba(93,69,58,.1), inset 0 1px 0 rgba(255,255,255,.82);--mio-gradient-active: linear-gradient(135deg, #A96F72 0%, #D8A079 100%);--mio-gradient-soft: linear-gradient(135deg, #F8E7E2 0%, #FFF8EF 58%, #EDF5EC 100%);--mio-gradient-divider: linear-gradient(90deg, rgba(169,111,114,.22), rgba(216,160,121,.18), rgba(111,148,123,.16));--mio-bottom-nav-border: 1px solid rgba(255,255,255,.7);--mio-bottom-nav-bg: var(--mio-surface-nav);--mio-bottom-nav-item: #9A8179;--mio-bottom-nav-active-bg: var(--mio-surface-nav-active);--mio-bottom-nav-active-text: var(--mio-brand-primary);--mio-bottom-nav-active-shadow: var(--mio-shadow-active);--mio-bottom-nav-shadow: var(--mio-shadow-nav);--mio-tab-active-bg: var(--mio-gradient-active);--mio-tab-active-text: #FFFFFF;--mio-tab-inactive-text: #8B7A74;--mio-tab-inactive-border: rgba(154,129,121,.22);--mio-tab-active-shadow: 0 3.2vw 6.4vw rgba(169,111,114,.18), inset 0 1px 0 rgba(255,255,255,.38);--mio-relation-pair-link-bg: linear-gradient(135deg, #A96F72, #D8A079);--mio-relation-pair-link-text: #FFFFFF;--mio-relation-stage-label: #B66478;--mio-relation-choice-active-bg: linear-gradient(135deg, #A96F72, #D8A079);--mio-relation-insight-bg: radial-gradient(circle at 90% 20%, rgba(240,160,110,.28) 0, rgba(240,160,110,.1) 20%, transparent 44%), radial-gradient(ellipse 58% 70% at 8% 0%, rgba(255,216,224,.34), transparent 62%), linear-gradient(145deg, #FFFFFF 0%, #FFF8F0 50%, #FFF0F2 100%);--mio-relation-insight-accent: linear-gradient(180deg, #A96F72, #D8A079 62%, #6F947B);--mio-community-header-bg: linear-gradient(180deg, rgba(255,249,242,.98), rgba(255,240,242,.86) 72%, rgba(255,247,236,0) 100%);--mio-community-sheet-bg: linear-gradient(180deg, #FFFDF9, #FFF1E8);--mio-community-digest-card-bg: linear-gradient(180deg, #FFFFFF, #FFF3E1);--bg: var(--mio-page-bg);--bg-secondary: #FFF1E8;--brand: var(--mio-brand-secondary);--brand-deep: var(--mio-brand-deep);--brand-soft: #FFF0F2;--brand-glow: rgba(169, 111, 114, .16);--sage: #6F947B;--sage-soft: #EDF5EC;--pink: #A96F72;--warm-amber: #D8A079;--text: #302B29;--text-mid: rgba(61, 53, 50, .68);--text-soft: rgba(61, 53, 50, .42);--glass: var(--mio-surface-glass);--glass-strong: var(--mio-surface-glass-strong);--glass-border: var(--mio-border-glass);--glass-shadow: 0 6.4vw 14.4vw rgba(83, 68, 61, .14), inset 0 1px 0 rgba(255,255,255,.84);--glass-blur: blur(6.4vw) saturate(1.08);--glass-blur-light: blur(3.73333vw) saturate(1.04);--radius: 2.13333vw;--radius-lg: 3.2vw}.mio-hit-slop{position:relative;touch-action:manipulation}.mio-hit-slop:before{content:"";position:absolute;inset:var(--mio-hit-slop, -1.33333vw);border-radius:inherit;pointer-events:auto}.mio-hit-slop--sm:before{inset:var(--mio-hit-slop, -2.13333vw)}.mio-hit-slop--44:before{inset:auto;left:50%;top:50%;width:max(100%,11.73333vw);height:max(100%,11.73333vw);transform:translate(-50%,-50%)}.mio-hit-slop--round:before{border-radius:266.4vw}[data-mio-theme=night],[data-theme=night],.theme-night{color-scheme:dark;--mio-brand-primary: #F2A7B8;--mio-brand-secondary: #D9A6B4;--mio-brand-deep: #6E4050;--mio-brand-warm: #F4B37E;--mio-brand-amber: #F4CF7B;--mio-brand-calm: #9BC7AE;--mio-brand-calm-soft: rgba(155, 199, 174, .14);--mio-text-primary: rgba(255, 248, 244, .92);--mio-text-secondary: rgba(255, 236, 228, .68);--mio-text-tertiary: rgba(255, 214, 222, .46);--mio-text-inverse: rgba(37, 31, 29, .92);--mio-text-brand: #F2A7B8;--mio-text-brand-muted: rgba(240, 163, 180, .74);--mio-app-shell-bg: radial-gradient(ellipse 72% 36% at 50% -8%, rgba(240,163,180,.2), transparent 68%), linear-gradient(180deg, #21171B 0%, #140F12 100%);--mio-page-bg: #1A1215;--mio-home-bg: radial-gradient(circle at 20% 14%, rgba(255,236,228,.12) 0 13%, transparent 34%), radial-gradient(ellipse 72% 34% at 50% -8%, rgba(240,163,180,.22), transparent 68%), radial-gradient(ellipse 62% 30% at 4% 68%, rgba(155,199,174,.12), transparent 72%), linear-gradient(180deg, #2A1A20 0%, #1F1718 54%, #151111 100%);--mio-community-bg: radial-gradient(ellipse 110% 48% at 50% -8%, rgba(240,163,180,.22), transparent 65%), radial-gradient(ellipse 72% 36% at 86% 16%, rgba(147,197,253,.12), transparent 66%), linear-gradient(180deg, #23171B 0%, #181313 100%);--mio-relationship-bg: #211716;--mio-paper-bg: #211716;--mio-texture-rule: repeating-linear-gradient(transparent, transparent 7.2vw, rgba(255,236,228,.055) 7.2vw, rgba(255,236,228,.055) 7.46667vw);--mio-surface-glass: rgba(42, 30, 32, .5);--mio-surface-glass-strong: rgba(46, 34, 36, .72);--mio-surface-warm-card: linear-gradient(180deg, rgba(58,42,37,.92), rgba(37,28,27,.84));--mio-surface-rose-card: linear-gradient(135deg, rgba(58,42,48,.72), rgba(95,48,62,.34));--mio-surface-sheet: linear-gradient(180deg, rgba(45,32,31,.98), rgba(31,24,24,.96));--mio-surface-nav: linear-gradient(180deg, rgba(48,36,37,.82), rgba(38,29,30,.68));--mio-surface-nav-active: linear-gradient(180deg, rgba(240,163,180,.34), rgba(86,48,58,.38));--mio-surface-input: rgba(255, 248, 244, .08);--mio-surface-tint-brand: rgba(240, 163, 180, .18);--mio-surface-tint-warm: rgba(244, 179, 126, .16);--mio-surface-tint-calm: rgba(155, 199, 174, .14);--mio-border-glass: rgba(255, 248, 244, .12);--mio-border-subtle: rgba(240, 163, 180, .16);--mio-border-brand: rgba(240, 163, 180, .3);--mio-border-warm: rgba(244, 179, 126, .26);--mio-border-calm: rgba(155, 199, 174, .22);--mio-shadow-page: 0 10.13333vw 24vw rgba(0, 0, 0, .42);--mio-shadow-card: 0 4.8vw 11.2vw rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.08);--mio-shadow-nav: 0 4.8vw 10.66667vw rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.1);--mio-shadow-active: inset 0 1px 0 rgba(255,255,255,.12), 0 2.66667vw 6.4vw rgba(240,163,180,.12);--mio-shadow-soft: 0 3.2vw 6.93333vw rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.08);--mio-gradient-active: linear-gradient(135deg, #E995AB 0%, #F4B37E 100%);--mio-gradient-soft: linear-gradient(135deg, rgba(86,48,58,.78), rgba(47,35,35,.7));--mio-gradient-divider: linear-gradient(90deg, rgba(240,163,180,.22), rgba(155,199,174,.18), rgba(244,207,123,.14));--mio-bottom-nav-item: rgba(255,214,222,.52);--mio-bottom-nav-active-text: #FFE6EC;--mio-tab-active-text: #2A171E;--mio-tab-inactive-text: rgba(255,226,232,.6);--mio-tab-inactive-border: rgba(240,163,180,.16);--mio-tab-active-shadow: 0 2.66667vw 5.86667vw rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.18);--mio-relation-pair-link-bg: linear-gradient(135deg, rgba(240,163,180,.88), rgba(244,179,126,.76));--mio-relation-pair-link-text: #2A171E;--mio-relation-stage-label: rgba(240,163,180,.74);--mio-relation-choice-active-bg: linear-gradient(135deg, rgba(240,163,180,.86), rgba(244,179,126,.74));--mio-relation-insight-bg: radial-gradient(circle at 90% 22%, rgba(244,179,126,.16) 0, rgba(244,179,126,.08) 18%, transparent 42%), radial-gradient(ellipse 58% 70% at 8% 0%, rgba(240,163,180,.14), transparent 62%), linear-gradient(145deg, rgba(47,35,35,.96) 0%, rgba(40,30,30,.88) 48%, rgba(50,36,42,.74) 100%);--mio-relation-insight-accent: linear-gradient(180deg, rgba(240,163,180,.54), rgba(244,179,126,.42), rgba(155,199,174,.24));--mio-community-header-bg: linear-gradient(180deg, rgba(42,31,31,.96), rgba(34,26,26,.78) 72%, rgba(34,26,26,0) 100%);--mio-community-sheet-bg: linear-gradient(180deg, rgba(48,35,35,.98), rgba(35,27,27,.97));--mio-community-digest-card-bg: linear-gradient(180deg, rgba(52,39,39,.72), rgba(42,31,31,.54))}.page-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 78% 32% at 48% -8%,rgba(170,145,160,.16),transparent 68%),radial-gradient(ellipse 62% 30% at 4% 68%,rgba(185,196,196,.14),transparent 72%),linear-gradient(180deg,#fbf8f5,#f3eee8 58%,#ece5dd);z-index:0}.page-bg:before{content:"";position:absolute;width:85.33333vw;height:85.33333vw;top:-21.33333vw;left:-21.33333vw;background:radial-gradient(circle,rgba(158,104,120,.14) 0%,transparent 70%);border-radius:50%}.page-bg:after{content:"";position:absolute;width:64vw;height:64vw;bottom:10.66667vw;right:-16vw;background:radial-gradient(circle,rgba(111,119,117,.12) 0%,transparent 70%);border-radius:50%}.page-blob-bottom{position:absolute;width:74.66667vw;height:74.66667vw;bottom:-16vw;left:20%;background:radial-gradient(circle,rgba(199,154,86,.1) 0%,transparent 70%);border-radius:50%}.glass-card{background:var(--glass);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius);box-shadow:var(--glass-shadow)}.glass-card-strong{background:var(--glass-strong);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius);box-shadow:var(--glass-shadow)}@keyframes mio-float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(1deg)}}@keyframes mio-happy{0%{transform:scale(1) translateY(0)}20%{transform:scale(1.18) translateY(-14px) rotate(-3deg)}40%{transform:scale(.93) translateY(0)}60%{transform:scale(1.1) translateY(-8px) rotate(2deg)}80%{transform:scale(.97) translateY(0)}to{transform:scale(1) translateY(0)}}@keyframes mio-excited{0%,to{transform:rotate(0) scale(1)}15%{transform:rotate(-14deg) scale(1.05)}30%{transform:rotate(14deg) scale(1.05)}45%{transform:rotate(-10deg) scale(1.03)}60%{transform:rotate(10deg) scale(1.03)}75%{transform:rotate(-5deg) scale(1.01)}}@keyframes mio-thinking{0%,to{transform:rotate(0) translateY(0)}30%{transform:rotate(-8deg) translateY(-4px)}70%{transform:rotate(5deg) translateY(-2px)}}@keyframes mio-surprised{0%{transform:scale(1)}25%{transform:scale(1.35) translateY(-12px)}55%{transform:scale(.88)}75%{transform:scale(1.08)}to{transform:scale(1)}}@keyframes mio-sleeping{0%,to{transform:translateY(0) rotate(-2deg);opacity:.88}50%{transform:translateY(-4px) rotate(2deg);opacity:.95}}.mio-idle{animation:mio-float 3.5s ease-in-out infinite}.mio-happy{animation:mio-happy .8s ease-in-out}.mio-excited{animation:mio-excited .7s ease-in-out}.mio-thinking{animation:mio-thinking 2s ease-in-out infinite}.mio-surprised{animation:mio-surprised .6s ease-out forwards}.mio-sleeping{animation:mio-sleeping 3s ease-in-out infinite}.mio-happy-done,.mio-excited-done,.mio-surprised-done{animation:mio-float 3.5s ease-in-out infinite}@keyframes bubble-in{0%{opacity:0;transform:translateY(12px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes mioStickerSway{0%,to{transform:rotate(-1.5deg) translateY(0)}50%{transform:rotate(1.5deg) translateY(-3px)}}@keyframes mioStickerPulse{0%,to{transform:scale(1)}50%{transform:scale(1.045)}}@keyframes mioStickerBreathe{0%,to{transform:scale(.99);filter:saturate(.98)}50%{transform:scale(1.035);filter:saturate(1.03)}}@keyframes mioStickerPop{0%,to{transform:translateY(0) rotate(0)}45%{transform:translateY(-7px) rotate(-2deg)}70%{transform:translateY(-2px) rotate(1deg)}}@keyframes mioStickerTension{0%,to{transform:translate(-1px) rotate(-.5deg)}50%{transform:translate(2px) rotate(.5deg)}}@keyframes mioStickerNod{0%,to{transform:rotate(0) translateY(0)}42%{transform:rotate(3deg) translateY(4px)}70%{transform:rotate(-1deg) translateY(1px)}}@keyframes mioStickerBrace{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-3px) scale(1.025)}}@keyframes mioStickerScan{0%,to{transform:translate(-2px) rotate(-1deg)}50%{transform:translate(5px) rotate(1deg)}}@keyframes mioStickerBounce{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-9px) rotate(2deg)}}@keyframes mioStickerFloat{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-8px) rotate(2deg)}}.mio-sticker-sway,.mio-sticker-pulse,.mio-sticker-breathe,.mio-sticker-pop,.mio-sticker-tension,.mio-sticker-nod,.mio-sticker-brace,.mio-sticker-scan,.mio-sticker-bounce,.mio-sticker-float{transform-origin:50% 72%;will-change:transform,filter}.mio-sticker-sway{animation:bubble-in .42s cubic-bezier(.25,.46,.45,.94) forwards,mioStickerSway 2.4s ease-in-out .45s infinite!important}.mio-sticker-pulse{animation:bubble-in .42s cubic-bezier(.25,.46,.45,.94) forwards,mioStickerPulse 1.8s ease-in-out .45s infinite!important}.mio-sticker-breathe{animation:bubble-in .42s cubic-bezier(.25,.46,.45,.94) forwards,mioStickerBreathe 2.2s ease-in-out .45s infinite!important}.mio-sticker-pop{animation:bubble-in .42s cubic-bezier(.25,.46,.45,.94) forwards,mioStickerPop 1.65s ease-in-out .45s infinite!important}.mio-sticker-tension{animation:bubble-in .42s cubic-bezier(.25,.46,.45,.94) forwards,mioStickerTension .7s ease-in-out .45s infinite!important}.mio-sticker-nod{animation:bubble-in .42s cubic-bezier(.25,.46,.45,.94) forwards,mioStickerNod 1.45s ease-in-out .45s infinite!important}.mio-sticker-brace{animation:bubble-in .42s cubic-bezier(.25,.46,.45,.94) forwards,mioStickerBrace 1.8s ease-in-out .45s infinite!important}.mio-sticker-scan{animation:bubble-in .42s cubic-bezier(.25,.46,.45,.94) forwards,mioStickerScan 1.7s ease-in-out .45s infinite!important}.mio-sticker-bounce{animation:bubble-in .42s cubic-bezier(.25,.46,.45,.94) forwards,mioStickerBounce 1.4s ease-in-out .45s infinite!important}.mio-sticker-float{animation:bubble-in .42s cubic-bezier(.25,.46,.45,.94) forwards,mioStickerFloat 1.8s ease-in-out .45s infinite!important}@keyframes sheet-up{0%{opacity:0;transform:translateY(48px)}to{opacity:1;transform:translateY(0)}}@keyframes sheet-step-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.chat-bubble{background:#fffcf8e0;backdrop-filter:blur(3.2vw) saturate(140%);-webkit-backdrop-filter:blur(3.2vw) saturate(140%);border:1px solid rgba(255,255,255,.7);border-radius:1.6vw 4.8vw 4.8vw;padding:3.2vw 4.26667vw;color:var(--text);font-size:3.86667vw;line-height:1.8;font-weight:400;animation:bubble-in .42s cubic-bezier(.25,.46,.45,.94) forwards;box-shadow:0 1.06667vw 5.33333vw #c86f831a,0 1px 1.06667vw #0000000a}.step-dots{display:flex;gap:1.6vw;justify-content:center;margin-bottom:6.4vw}.step-dot{width:1.6vw;height:1.6vw;border-radius:.8vw;background:#a96f7233;transition:all .3s ease}.step-dot.active{width:5.33333vw;background:var(--brand)}.btn-primary{width:100%;height:13.86667vw;background:var(--mio-gradient-active);backdrop-filter:blur(4.8vw) saturate(128%);-webkit-backdrop-filter:blur(4.8vw) saturate(128%);border:1px solid rgba(255,255,255,.26);border-radius:3.73333vw;color:#ffffffeb;font-size:4.26667vw;font-weight:500;font-family:var(--mio-font-sans);cursor:pointer;letter-spacing:.5px;transition:opacity .2s,transform .1s,box-shadow .2s;box-shadow:inset 0 1px #ffffff3d,0 2.66667vw 5.86667vw #c86f8338}.btn-primary:not(:disabled):active{transform:scale(.97);opacity:.88}.btn-primary:disabled{background:#ffffff14;border-color:#ffffff14;color:#ffffff47;box-shadow:none;cursor:not-allowed;backdrop-filter:none;-webkit-backdrop-filter:none}.btn-ghost{background:none;border:none;color:#ffffff73;font-size:3.46667vw;font-family:var(--mio-font-sans);cursor:pointer;padding:2.13333vw;transition:color .2s}.btn-ghost:active{color:#ffffff8c}.mediation-page .btn-ghost{color:var(--mio-text-brand-muted)}.mediation-page .btn-ghost:active{color:var(--mio-brand-deep)}.mediation-page .btn-primary:disabled{background:#e7d8d1;border-color:#d9c4bb;color:#8d7770;opacity:.78}.glass-input{width:100%;height:13.86667vw;background:var(--glass-strong);backdrop-filter:var(--glass-blur-light);-webkit-backdrop-filter:var(--glass-blur-light);border:.4vw solid rgba(255,255,255,.9);border-radius:3.73333vw;font-size:4.53333vw;font-family:var(--mio-font-sans);padding:0 4.8vw;outline:none;color:var(--text);transition:border-color .2s,box-shadow .2s}.glass-input:focus{border-color:var(--brand);box-shadow:0 0 0 1.06667vw var(--brand-glow)}.glass-input::-moz-placeholder{color:#c4bfb8}.glass-input::placeholder{color:#c4bfb8}.ob-page{position:relative;background:radial-gradient(ellipse 78% 34% at 48% -8%,rgba(255,223,210,.82),transparent 68%),radial-gradient(ellipse 58% 28% at 8% 72%,rgba(255,241,207,.54),transparent 72%),radial-gradient(ellipse 52% 25% at 94% 42%,rgba(237,245,236,.74),transparent 70%),linear-gradient(180deg,#ffe3d2,#fff3e8 48%,#fff8ef);overflow:hidden;color:#3d3430}@keyframes ob-section-in{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes ob-img-in{0%{opacity:0;transform:scale(.88)}60%{opacity:1;transform:scale(1.03)}to{opacity:1;transform:scale(1)}}@keyframes ob-hero-in{0%{opacity:0;transform:translateY(36px) scale(.84)}65%{opacity:1;transform:translateY(-4px) scale(1.02)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes ob-hero-in-vivid{0%{opacity:0;transform:translateY(60px) scale(.68) rotate(-6deg)}52%{opacity:1;transform:translateY(-16px) scale(1.1) rotate(3deg)}70%{transform:translateY(8px) scale(.94) rotate(-1.5deg)}84%{transform:translateY(-5px) scale(1.04) rotate(.5deg)}to{opacity:1;transform:translateY(0) scale(1) rotate(0)}}@keyframes mio-peek-bl{0%{opacity:0;transform:translate(-40px,60px) scale(.8)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes mio-peek-bl-vivid{0%{opacity:0;transform:translate(-70px,80px) rotate(-14deg) scale(.72)}to{opacity:1;transform:translate(0) rotate(0) scale(1)}}@keyframes mio-peek-br-vivid{0%{opacity:0;transform:translate(70px,80px) rotate(14deg) scale(.72)}to{opacity:1;transform:translate(0) rotate(0) scale(1)}}@keyframes mio-peek-r-vivid{0%{opacity:0;transform:translate(90px,10px) rotate(12deg) scale(.75)}to{opacity:1;transform:translate(0) rotate(0) scale(1)}}@keyframes mio-peek-tl-vivid{0%{opacity:0;transform:translate(-70px,-70px) rotate(14deg) scale(.72)}to{opacity:1;transform:translate(0) rotate(0) scale(1)}}@keyframes mio-peek-tr-vivid{0%{opacity:0;transform:translate(70px,-70px) rotate(-14deg) scale(.72)}to{opacity:1;transform:translate(0) rotate(0) scale(1)}}@keyframes mio-sway-bl{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(7px,-12px) rotate(4deg)}75%{transform:translate(-5px,-7px) rotate(-3deg)}}@keyframes mio-sway-br{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(-7px,-12px) rotate(-4deg)}75%{transform:translate(5px,-7px) rotate(3deg)}}@keyframes mio-sway-r{0%,to{transform:translate(0) rotate(0)}30%{transform:translate(-6px,-10px) rotate(-3deg)}70%{transform:translate(-3px,6px) rotate(2deg)}}@keyframes mio-sway-tl{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(6px,9px) rotate(3deg)}75%{transform:translate(-4px,5px) rotate(-2deg)}}@keyframes mio-sway-tr{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(-6px,9px) rotate(-3deg)}75%{transform:translate(4px,5px) rotate(2deg)}}@keyframes mio-peek-br{0%{opacity:0;transform:translate(40px,60px) scale(.8)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes mio-peek-l{0%{opacity:0;transform:translate(-60px) scale(.85)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes mio-peek-tl{0%{opacity:0;transform:translate(-40px,-50px) scale(.8)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes mio-peek-b{0%{opacity:0;transform:translateY(40px) scale(.88)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes done-envelope-in{0%{opacity:0;transform:translate(-20px,30px) scale(.6) rotate(-15deg)}to{opacity:1;transform:translate(0) scale(1) rotate(0)}}@keyframes pulse-dot{0%,80%,to{opacity:.3;transform:scale(.85)}40%{opacity:1;transform:scale(1.15)}}@keyframes mio-peek-r{0%{opacity:0;transform:translate(60px) scale(.85)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes mio-peek-tr{0%{opacity:0;transform:translate(40px,-50px) scale(.8)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes ob-bubble-in{0%{opacity:0;transform:translate(-8px) scale(.96)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes ob-text-up{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes ob-card-pop{0%{transform:scale(1)}45%{transform:scale(1.028)}to{transform:scale(1)}}@keyframes ob-btn-tap{0%{transform:scale(1)}40%{transform:scale(.94)}to{transform:scale(1)}}.ob-bubble{background:#ffffffbd;border:1px solid rgba(255,255,255,.86);backdrop-filter:blur(5.33333vw) saturate(160%);-webkit-backdrop-filter:blur(5.33333vw) saturate(160%);border-radius:1.06667vw 5.33333vw 5.33333vw;padding:3.73333vw 4.8vw;color:#3d3430db;font-size:3.73333vw;line-height:1.82;font-weight:400;font-family:var(--mio-font-sans);box-shadow:0 3.2vw 7.46667vw #a96f721f,inset 0 1px #ffffffe0;animation:ob-bubble-in .38s cubic-bezier(.25,.46,.45,.94) forwards}.ob-panel{background:#fff8f2d6;backdrop-filter:blur(7.46667vw) saturate(150%);-webkit-backdrop-filter:blur(7.46667vw) saturate(150%);border-top:1px solid rgba(255,255,255,.82);box-shadow:inset 0 1px #ffffffdb,0 -4.26667vw 10.13333vw #a96f721a;animation:ob-section-in .42s .1s cubic-bezier(.25,.46,.45,.94) both}.ob-feedback-text{background:#ffffffc2;border:1px solid rgba(255,255,255,.88);backdrop-filter:blur(7.46667vw) saturate(160%);-webkit-backdrop-filter:blur(7.46667vw) saturate(160%);border-radius:6.93333vw;padding:6.4vw 7.46667vw;color:#3d3430db;font-size:4vw;line-height:1.9;font-weight:400;font-family:var(--mio-font-sans);text-align:center;white-space:pre-line;box-shadow:0 4.26667vw 9.6vw #a96f7221,inset 0 1px #ffffffe0;animation:ob-text-up .46s .3s cubic-bezier(.25,.46,.45,.94) both}.ob-card{background:#ffffffb3;border:.4vw solid rgba(255,255,255,.88);backdrop-filter:blur(5.33333vw) saturate(150%);-webkit-backdrop-filter:blur(5.33333vw) saturate(150%);border-radius:4.8vw;box-shadow:0 3.2vw 7.46667vw #a96f721a,inset 0 1px #ffffffdb;cursor:pointer;transition:transform .18s ease,border-color .22s ease,background .22s ease,box-shadow .22s ease}.ob-card:not(.selected):active{transform:scale(.965)}.ob-card.selected{background:#f8e7e2eb;border-color:#a96f7257;box-shadow:0 3.73333vw 8vw #a96f7229,inset 0 1px #ffffffe6;animation:ob-card-pop .28s cubic-bezier(.25,.46,.45,.94) forwards}.ob-dim-btn{background:#ffffffb8;border:.4vw solid rgba(255,255,255,.88);backdrop-filter:blur(4.26667vw) saturate(140%);-webkit-backdrop-filter:blur(4.26667vw) saturate(140%);border-radius:3.73333vw;box-shadow:0 2.66667vw 6.4vw #a96f721a,inset 0 1px #ffffffdb;cursor:pointer;transition:transform .08s ease,border-color .1s ease,background .1s ease,box-shadow .1s ease}.ob-dim-btn:active{transform:scale(.94)}.ob-dim-btn.active{background:#f8e7e2f5;border-color:#a96f7261;box-shadow:0 3.2vw 6.4vw #a96f7229,inset 0 1px #ffffffe6;animation:ob-btn-tap .12s ease forwards}@keyframes nebula-drift-1{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-20px) scale(1.12)}66%{transform:translate(-20px,16px) scale(.93)}}@keyframes nebula-drift-2{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-24px,-28px) scale(1.1)}}@keyframes nebula-drift-3{0%,to{transform:translate(0) scale(1)}40%{transform:translate(20px,24px) scale(1.14)}80%{transform:translate(-14px,-10px) scale(.9)}}@keyframes aurora-wave{0%,to{transform:translate(0) scaleY(1);opacity:.55}25%{transform:translate(-18px) scaleY(1.15);opacity:.75}50%{transform:translate(12px) scaleY(.9);opacity:.6}75%{transform:translate(-8px) scaleY(1.08);opacity:.7}}@keyframes aurora-wave-2{0%,to{transform:translate(0) scaleY(1);opacity:.45}30%{transform:translate(22px) scaleY(1.2);opacity:.65}70%{transform:translate(-16px) scaleY(.85);opacity:.5}}.ob-nebula{position:absolute;border-radius:50%;pointer-events:none}.ob-nebula-1{width:112vw;height:112vw;top:-42.66667vw;left:50%;transform:translate(-50%);background:radial-gradient(circle,rgba(147,102,83,.12) 0%,transparent 65%);filter:blur(13.33333vw);animation:nebula-drift-1 22s ease-in-out infinite}.ob-nebula-2{width:80vw;height:80vw;bottom:16vw;right:-21.33333vw;background:radial-gradient(circle,rgba(244,114,182,.08) 0%,transparent 65%);filter:blur(10.66667vw);animation:nebula-drift-2 28s ease-in-out infinite}.ob-nebula-3{display:none}.ob-aurora{position:absolute;left:-10%;width:120%;border-radius:50%;pointer-events:none;filter:blur(5.86667vw)}.ob-aurora-1{height:32vw;top:12%;background:linear-gradient(180deg,transparent 0%,rgba(192,130,103,.28) 35%,rgba(222,183,167,.38) 55%,rgba(173,111,84,.18) 75%,transparent 100%);animation:aurora-wave 14s ease-in-out infinite}.ob-aurora-2{height:24vw;top:22%;background:linear-gradient(180deg,transparent 0%,rgba(244,114,182,.12) 30%,rgba(209,176,162,.2) 55%,rgba(192,130,103,.1) 75%,transparent 100%);animation:aurora-wave-2 18s ease-in-out infinite}.ob-room-glow{position:absolute;border-radius:50%;pointer-events:none;filter:blur(8vw)}.ob-room-glow-1{width:96vw;height:96vw;top:-32vw;left:50%;transform:translate(-50%);background:radial-gradient(circle,rgba(255,255,255,.76) 0%,rgba(255,224,210,.34) 42%,transparent 70%)}.ob-room-glow-2{width:69.33333vw;height:69.33333vw;right:-24vw;top:34%;background:radial-gradient(circle,rgba(237,245,236,.7) 0%,transparent 68%)}.ob-room-glow-3{width:80vw;height:80vw;left:-32vw;bottom:8%;background:radial-gradient(circle,rgba(255,230,196,.48) 0%,transparent 70%)}.ob-paper-line{position:absolute;left:-8%;width:116%;height:1px;background:linear-gradient(90deg,transparent,rgba(169,111,114,.13),transparent);transform:rotate(-5deg)}.ob-paper-line-1{top:21%}.ob-paper-line-2{top:55%;opacity:.62}.ob-dot{position:absolute;border-radius:50%;animation:twinkle var(--d, 3s) var(--delay, 0s) ease-in-out infinite alternate}.ob-dot-rose{background:#c86f8347}.ob-dot-warm{background:#d8a0794d}.ob-dot-sage{background:#6f947b38}.chat-dark-input::-moz-placeholder{color:#3d353257}.chat-dark-input::placeholder{color:#3d353257}.ob-input::-moz-placeholder{color:#3d35325c}.ob-input::placeholder{color:#3d35325c}.start-relation-name-input::-moz-placeholder{color:#3d353257;font-family:var(--mio-font-sans);font-size:4vw;font-weight:400;letter-spacing:0;opacity:1}.start-relation-name-input::placeholder{color:#3d353257;font-family:var(--mio-font-sans);font-size:4vw;font-weight:400;letter-spacing:0;opacity:1}@keyframes twinkle{0%{opacity:.3;transform:scale(.8)}to{opacity:1;transform:scale(1.25)}}@keyframes twinkle-glow{0%{opacity:.35;transform:scale(.82);box-shadow:none}to{opacity:1;transform:scale(1.3);box-shadow:0 0 7px 2px currentColor}}.star{position:absolute;border-radius:50%;background:#fff;animation:twinkle var(--d, 3s) var(--delay, 0s) ease-in-out infinite alternate}.star-white{background:#ffffff8c}.star-rose{background:#c86f833d;animation-name:twinkle;color:#c86f832e}.star-pink{background:#d8a07938;animation-name:twinkle;color:#d8a07929}.star-blue{background:#6f947b2e;animation-name:twinkle;color:#6f947b1f}@keyframes hub-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes hub-center-pulse{0%,to{box-shadow:0 0 40px 14px #c86f836b,0 0 90px 30px #c86f832e}50%{box-shadow:0 0 65px 24px #c86f83a6,0 0 140px 50px #e8a7b547}}@keyframes hub-ring-expand{0%{transform:scale(1);opacity:.55}to{transform:scale(1.8);opacity:0}}@keyframes hub-orbit-drift{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes hub-particle{0%{opacity:0;transform:translate(0) scale(.5)}30%{opacity:.8}to{opacity:0;transform:translate(var(--px),var(--py)) scale(1)}}.hub-float{animation:hub-float 4s ease-in-out infinite var(--hd, 0s)}.hub-center-glow{animation:hub-center-pulse 2.8s ease-in-out infinite}.hub-ring{animation:hub-ring-expand 2.2s ease-out infinite var(--hd, 0s)}@keyframes orbit-cw{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes orbit-ccw{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}@keyframes float-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes cloud-drift{0%{transform:translate(0)}to{transform:translate(110vw)}}@keyframes ob-page-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.ob-page-enter{animation:ob-page-in .38s cubic-bezier(.25,.46,.45,.94) both}@keyframes ob-char-float{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-9px) scale(1.01)}}.ob-char-float{animation:ob-char-float 3.8s ease-in-out infinite}@keyframes meteor{0%{opacity:0;transform:rotate(-60deg) translate(0)}8%{opacity:1}85%{opacity:.9}to{opacity:0;transform:rotate(-60deg) translate(-960px)}}.meteor{position:absolute;width:48vw;height:1px;border-radius:266.4vw;background:linear-gradient(to right,rgba(255,255,255,.95) 0%,rgba(255,226,210,.7) 25%,rgba(232,167,181,.35) 60%,transparent 100%);box-shadow:0 0 .8vw #ffffff80,0 0 2.13333vw #e8a7b54d;pointer-events:none;animation:meteor var(--dur, 1s) var(--delay, 0s) cubic-bezier(.2,0,.55,1) both}@keyframes swipe-hint{0%{opacity:.25;transform:translate(7px)}50%{opacity:1;transform:translate(-4px)}to{opacity:.25;transform:translate(7px)}}@keyframes swipe-hint-pulse{0%{box-shadow:0 0 16px #c86f832e,inset 0 1px #ffe2d21f}50%{box-shadow:0 0 32px #c86f836b,inset 0 1px #ffe2d22e}to{box-shadow:0 0 16px #c86f832e,inset 0 1px #ffe2d21f}}@keyframes breathe-ring{0%,to{box-shadow:0 0 #c86f8373}50%{box-shadow:0 0 0 6px #c86f8300}}@keyframes breathe-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.25)}}@keyframes blink-cursor{0%,to{opacity:1}50%{opacity:0}}@keyframes typing-dot{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-5px);opacity:1}}@keyframes pending-dot{0%,66%,to{opacity:.15}33%{opacity:.85}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes fadeOutSlow{0%{opacity:1;transform:scale(1)}60%{opacity:1;transform:scale(1.04)}to{opacity:0;transform:scale(.96)}}@keyframes slideDownFade{0%{opacity:0;transform:translateY(-16px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes sparkle-fly{0%{opacity:1;transform:rotate(var(--angle)) translate(0) scale(1.2)}70%{opacity:.7;transform:rotate(var(--angle)) translate(calc(var(--dist) * .75)) scale(.6)}to{opacity:0;transform:rotate(var(--angle)) translate(var(--dist)) scale(.1)}}@keyframes pulse-ring{0%{transform:translate(-50%) scale(.3);opacity:.8}to{transform:translate(-50%) scale(2.2);opacity:0}}.activity-badge{position:absolute;top:-.8vw;right:-.8vw;width:2.4vw;height:2.4vw;background:#c86f83;border-radius:50%;border:.4vw solid var(--bg, #FFF8F2);animation:breathe-dot 1.4s ease-in-out infinite}@keyframes login-rise{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}.login-line-input{display:block;width:100%;height:13.86667vw;background:transparent;border:none;border-bottom:.4vw solid rgba(169,111,114,.18);color:#3d3430eb;font-size:4.26667vw;font-family:var(--mio-font-sans);font-weight:400;padding:0 .53333vw;outline:none;box-sizing:border-box;-webkit-tap-highlight-color:transparent;transition:border-bottom-color .35s cubic-bezier(.25,1,.5,1);letter-spacing:.3px;caret-color:#a96f72e6}.login-line-input:focus{border-bottom-color:#a96f729e}.login-line-input::-moz-placeholder{color:#3d343057;font-weight:400}.login-line-input::placeholder{color:#3d343057;font-weight:400}@media (prefers-reduced-motion: reduce){.ob-nebula,.ob-nebula-1,.ob-nebula-2,.ob-nebula-3,.ob-aurora,.ob-aurora-1,.ob-aurora-2,.star,.meteor,.ob-dot,.page-bg:before,.page-bg:after,.page-blob-bottom{animation:none!important;transition:none!important}}