.loading-screen{background:var(--paperbg);min-height:100dvh;padding:max(1rem, env(safe-area-inset-top,0px)) max(1rem, env(safe-area-inset-right,0px)) max(1rem, env(safe-area-inset-bottom,0px)) max(1rem, env(safe-area-inset-left,0px));flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2.5rem;display:flex}.loading-bounce-area{flex-direction:column;align-items:center;gap:6px;display:flex}.loading-rocket{transform-origin:bottom;width:60px;height:110px;animation:2.4s ease-in-out infinite brain-bounce}.rocket-svg{width:100%;height:100%}.rocket-flame{transform-origin:30px 75px;animation:1.4s ease-in-out infinite alternate flame-pulse}@keyframes flame-pulse{0%{opacity:1;transform:scaleY(1)scaleX(1)}to{opacity:.85;transform:scaleY(1.18)scaleX(.88)}}.loading-shadow{background:#ffc93c40;border-radius:50%;width:44px;height:8px;animation:2.4s ease-in-out infinite shadow-squeeze}@keyframes brain-bounce{0%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translateY(0)scaleX(1)scaleY(1)}22%{animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateY(-52px)scaleX(.93)scaleY(1.08)}40%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translateY(0)scaleX(1.16)scaleY(.83)}43%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translateY(0)scaleX(1)scaleY(1)}58%{animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateY(-22px)scaleX(.96)scaleY(1.04)}68%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translateY(0)scaleX(1.08)scaleY(.92)}70%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translateY(0)scaleX(1)scaleY(1)}80%{animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateY(-8px)scaleX(.98)scaleY(1.02)}88%{transform:translateY(0)scaleX(1.03)scaleY(.97)}92%,to{transform:translateY(0)scaleX(1)scaleY(1)}}@keyframes shadow-squeeze{0%{opacity:.35;transform:scaleX(1)}22%{opacity:.1;transform:scaleX(.38)}40%{opacity:.55;transform:scaleX(1.22)}43%{opacity:.35;transform:scaleX(1)}58%{opacity:.18;transform:scaleX(.6)}68%{opacity:.45;transform:scaleX(1.1)}70%{opacity:.35;transform:scaleX(1)}80%{opacity:.24;transform:scaleX(.78)}88%{opacity:.38;transform:scaleX(1.04)}92%,to{opacity:.35;transform:scaleX(1)}}.loading-text{color:var(--ink-3);letter-spacing:.04em;font-family:Plus Jakarta Sans,Nanum Gothic,sans-serif;font-size:1rem}.loading-dot{animation:1.2s ease-in-out infinite dot-pop;display:inline-block}.loading-dot.d1{animation-delay:0s}.loading-dot.d2{animation-delay:.2s}.loading-dot.d3{animation-delay:.4s}@keyframes dot-pop{0%,60%,to{opacity:.5;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}.ob-wrapper{background:var(--paperbg,#0c1824);flex-direction:column;min-height:100dvh;padding:0;display:flex}.ob-screen{flex-direction:column;flex:1;width:100%;max-width:480px;margin:0 auto;padding:2rem 1.5rem;display:flex}.ob-dots{justify-content:center;gap:8px;padding:1.25rem 0 0;display:flex}.ob-dot{background:var(--ink-4,#4e6280);border-radius:50%;width:8px;height:8px;transition:background .2s,width .2s}.ob-dot--active{background:var(--gold,#ffc93c);border-radius:4px;width:24px}.ob-dot--done{background:var(--gold,#ffc93c);opacity:.35}.ob-heading{color:var(--ink,#eef2f7);margin:0 0 .5rem;font-size:1.5rem;font-weight:700;line-height:1.3}.ob-subheading{color:var(--ink-3,#7b8fa6);margin:0;font-size:.95rem;line-height:1.5}.ob-btn{cursor:pointer;border:none;border-radius:14px;width:100%;padding:1rem;font-size:1.05rem;font-weight:600;transition:opacity .15s,transform .1s;display:block}.ob-btn:active{transform:scale(.98)}.ob-btn:disabled{opacity:.4;cursor:default}.ob-btn--primary{background:var(--gold,#ffc93c);color:#0c1824}.ob-btn--primary:not(:disabled):hover{opacity:.9}.ob-btn--outline{border:2px solid var(--line-2,#ffffff21);color:var(--ink,#eef2f7);background:0 0}.ob-link{color:var(--ink-3,#7b8fa6);cursor:pointer;text-align:center;background:0 0;border:none;padding:.75rem;font-size:.9rem;text-decoration:underline}.ob-welcome{background:var(--paperbg,#0c1824);justify-content:space-between;max-width:480px;min-height:100dvh;margin:0 auto;padding-top:4rem;padding-bottom:3rem}.ob-welcome__hero{text-align:center;flex-direction:column;align-items:center;gap:1rem;display:flex}.ob-welcome__icon{filter:drop-shadow(0 4px 12px #0006);font-size:5rem;line-height:1}.ob-welcome__title{color:var(--ink,#eef2f7);margin:0;font-size:2rem;font-weight:800}.ob-welcome__tagline{color:var(--ink-3,#7b8fa6);margin:0;font-size:1rem}.ob-welcome__footer{width:100%;max-width:480px;margin:0 auto;padding:0 1.5rem}.ob-role{gap:2rem}.ob-role__top{flex-direction:column;gap:.5rem;margin-top:2rem;display:flex}.ob-role__cards{flex-direction:column;gap:1rem;display:flex}.ob-role-card{background:var(--surface-raised,#172335);border:2px solid var(--line-2,#ffffff21);cursor:pointer;text-align:left;border-radius:16px;flex-direction:row;align-items:center;gap:1rem;padding:1.25rem 1.5rem;transition:border-color .15s,box-shadow .15s;display:flex;box-shadow:0 2px 8px #0003}.ob-role-card:hover{border-color:var(--gold,#ffc93c);box-shadow:0 4px 16px #ffc93c26}.ob-role-card__icon{width:48px;height:48px;color:var(--gold,#ffc93c);background:#ffc93c1f;border:1.5px solid #ffc93c40;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.ob-role-card__icon--heart{color:#f06070;background:#f060701f;border-color:#f0607040}.ob-role-card__text{flex-direction:column;gap:.25rem;display:flex}.ob-role-card__title{color:var(--ink,#eef2f7);font-size:1.05rem;font-weight:700}.ob-role-card__sub{color:var(--ink-3,#7b8fa6);font-size:.85rem;line-height:1.4}.ob-explain{gap:1.5rem}.ob-explain__top{flex-direction:column;gap:.5rem;margin-top:1.5rem;display:flex}.ob-explain__list{flex-direction:column;flex:1;gap:1rem;display:flex}.ob-explain__item{background:var(--surface-raised,#172335);border:1.5px solid var(--line-2,#ffffff1a);border-radius:14px;align-items:flex-start;gap:1rem;padding:1rem 1.25rem;display:flex}.ob-explain__item-icon{width:38px;height:38px;color:var(--gold,#ffc93c);background:#ffc93c1a;border:1px solid #ffc93c33;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.ob-explain__item-body{flex-direction:column;gap:.25rem;display:flex}.ob-explain__item-title{color:var(--ink,#eef2f7);margin:0;font-size:.95rem;font-weight:700}.ob-explain__item-desc{color:var(--ink-3,#7b8fa6);margin:0;font-size:.85rem;line-height:1.5}.ob-explain__footer{margin-top:auto}.ob-consent{gap:1rem;overflow-y:auto}.ob-consent__top{flex-direction:column;gap:.5rem;margin-top:1rem;display:flex}.ob-consent__shield{background:#ffc93c1a;border:1.5px solid #ffc93c40;border-radius:14px;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.ob-consent__table{background:var(--surface-raised,#172335);border:1.5px solid var(--line-2,#ffffff1a);border-radius:12px;overflow:hidden}.ob-consent__row{border-bottom:1px solid var(--line-2,#ffffff12);align-items:baseline;gap:.75rem;padding:.75rem 1rem;display:flex}.ob-consent__row:last-child{border-bottom:none}.ob-consent__key{color:var(--ink-3,#7b8fa6);flex-shrink:0;width:4.5rem;font-size:.75rem;font-weight:700;line-height:1.5}.ob-consent__val{color:var(--ink,#eef2f7);font-size:.82rem;line-height:1.55}.ob-consent__checks{flex-direction:column;gap:.75rem;padding:.25rem 0;display:flex}.ob-consent__label{cursor:pointer;color:var(--ink,#eef2f7);align-items:flex-start;gap:.75rem;font-size:.875rem;line-height:1.5;display:flex}.ob-consent__label input[type=checkbox]{width:20px;height:20px;accent-color:var(--gold,#ffc93c);cursor:pointer;border-radius:5px;flex-shrink:0;margin-top:1px}.ob-consent__label--caregiver{background:#f060700f;border:1.5px solid #f0607033;border-radius:10px;padding:.75rem 1rem}.ob-consent__rights{color:var(--ink-3,#7b8fa6);margin:0;font-size:.8rem;line-height:1.5}.ob-consent__email{color:var(--gold,#ffc93c);font-weight:600}.ob-consent__footer{margin-top:auto;padding-top:.5rem}.ob-share-tip{gap:1.5rem}.ob-share-tip__top{flex-direction:column;gap:.75rem;margin-top:1.5rem;display:flex}.ob-share-tip__icon{background:#ffc93c1a;border:1.5px solid #ffc93c40;border-radius:16px;justify-content:center;align-items:center;width:60px;height:60px;display:flex}.ob-share-tip__bubble{background:var(--surface-raised,#172335);border:1.5px solid var(--line-2,#ffffff1a);border-radius:16px 16px 16px 4px;padding:1.25rem 1.5rem}.ob-share-tip__msg{color:var(--ink,#eef2f7);margin:0;font-size:.9rem;line-height:1.65}.ob-share-tip__note{color:var(--ink-3,#7b8fa6);border:1px dashed var(--line-2,#ffffff1a);background:#ffffff08;border-radius:10px;padding:.75rem 1rem;font-size:.82rem;line-height:1.5}.ob-share-tip__footer{flex-direction:column;gap:.5rem;margin-top:auto;display:flex}.ob-setup{gap:1.5rem}.ob-setup__top{flex-direction:column;gap:.5rem;margin-top:1.5rem;display:flex}.ob-setup__avatar-preview{justify-content:center;display:flex}.ob-initial-avatar{color:#fff;-webkit-user-select:none;user-select:none;flex-shrink:0;justify-content:center;align-items:center;font-family:Noto Sans KR,sans-serif;font-weight:800;display:flex}.ob-color-grid{grid-template-columns:repeat(8,1fr);gap:.6rem;display:grid}.ob-color-btn{aspect-ratio:1;cursor:pointer;border:3px solid #0000;border-radius:50%;transition:border-color .15s,transform .1s;box-shadow:0 2px 6px #0000004d}.ob-color-btn:hover{transform:scale(1.1)}.ob-color-btn--selected{border-color:var(--gold,#ffc93c);transform:scale(1.15);box-shadow:0 4px 12px #ffc93c4d}.ob-setup__input-row{width:100%}.ob-setup__footer{margin-top:auto}.ob-setup__random-hint{color:var(--ink-3);margin:-.75rem 0 0;font-size:.82rem;line-height:1.4}.ob-setup__random-hint strong{color:var(--gold,#ffc93c);font-weight:700}.ob-input{border:2px solid var(--line-2,#ffffff21);background:var(--surface-raised,#172335);width:100%;color:var(--ink,#eef2f7);box-sizing:border-box;border-radius:12px;outline:none;padding:.875rem 1rem;font-size:1.1rem;transition:border-color .15s}.ob-input:focus{border-color:var(--gold,#ffc93c)}.ob-input--code{text-align:center;letter-spacing:.5rem;text-transform:uppercase;font-size:1.75rem;font-weight:700}.ob-input--error{border-color:var(--error,#f06070)}.ob-error{color:var(--error,#f06070);margin:.5rem 0 0;font-size:.875rem}.ob-linkcode{justify-content:space-between;gap:2rem}.ob-linkcode__top{flex-direction:column;gap:.5rem;margin-top:1.5rem;display:flex}.ob-linkcode__card{background:var(--surface-raised,#172335);border:2px solid var(--line-2,#ffffff21);border-radius:16px;flex-direction:column;align-items:center;gap:1rem;padding:1.5rem;display:flex;box-shadow:0 4px 16px #0000004d}.ob-linkcode__label{color:var(--ink-3,#7b8fa6);text-transform:uppercase;letter-spacing:.05rem;margin:0;font-size:.85rem}.ob-linkcode__code{letter-spacing:.5rem;color:var(--gold,#ffc93c);font-size:2.5rem;font-weight:800}.ob-linkcode__copy{max-width:240px}.ob-linkcode__footer{flex-direction:column;gap:.5rem;display:flex}.ob-caregiver-link{justify-content:space-between;gap:2rem}.ob-caregiver-link__top{flex-direction:column;gap:.5rem;margin-top:1.5rem;display:flex}.ob-caregiver-link__form{flex-direction:column;gap:1rem;display:flex}.ob-auth{justify-content:space-between;gap:2rem}.ob-auth__top{flex-direction:column;gap:.5rem;margin-top:1.5rem;display:flex}.ob-auth__buttons{flex-direction:column;gap:.875rem;display:flex}.ob-auth__footer{flex-direction:column;align-items:center;display:flex}.ob-auth__email-form{flex-direction:column;gap:.875rem;display:flex}.ob-auth__btn{cursor:pointer;box-sizing:border-box;border:none;border-radius:14px;align-items:center;gap:.875rem;width:100%;padding:.9rem 1.25rem;font-size:1rem;font-weight:600;transition:opacity .15s,transform .1s;display:flex}.ob-auth__btn:active{transform:scale(.98)}.ob-auth__btn--kakao{color:#3a1d1d;background:#fee500}.ob-auth__btn--kakao:hover{opacity:.9}.ob-auth__btn--google{background:var(--surface-raised,#172335);color:var(--ink,#eef2f7);border:2px solid var(--line-2,#ffffff21)}.ob-auth__btn--google:hover{border-color:var(--gold,#ffc93c)}.ob-auth__btn--email{background:var(--gold,#ffc93c);color:#0c1824}.ob-auth__btn--email:hover{opacity:.9}.ob-auth__btn-logo{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:.8rem;font-weight:800;display:flex}.ob-auth__btn-logo--kakao{color:#fee500;background:#3a1d1d}.ob-auth__btn-logo--google{color:#0000;background:conic-gradient(#4285f4 90deg,#34a853 90deg 180deg,#fbbc04 180deg 270deg,#ea4335 270deg);font-size:0;position:relative}.ob-auth__btn-logo--google:after{content:"G";color:#4285f4;background:#fff;border-radius:50%;justify-content:center;align-items:center;font-size:.8rem;font-weight:800;display:flex;position:absolute;inset:3px}.ob-auth__divider{color:var(--ink-3,#7b8fa6);align-items:center;gap:.75rem;font-size:.875rem;display:flex}.ob-auth__divider:before,.ob-auth__divider:after{content:"";background:var(--line-2,#ffffff21);flex:1;height:1px}.ob-link-success{text-align:center;justify-content:center;align-items:center;gap:1.5rem}.ob-link-success__icon{font-size:4rem}.ob-link-success__footer{width:100%}