.odistart-root{box-sizing:border-box;color:#2b2118;min-height:100svh;padding:calc(clamp(16px,6svh,64px) + env(safe-area-inset-top,0px)) calc(20px + env(safe-area-inset-right,0px)) calc(20px + env(safe-area-inset-bottom,0px)) calc(20px + env(safe-area-inset-left,0px));letter-spacing:normal;background:#fbf6ee;flex-direction:column;justify-content:flex-start;align-items:center;font-family:Pretendard,Noto Sans KR,-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Malgun Gothic,sans-serif;display:flex;overflow-x:hidden}.odistart-root *{box-sizing:border-box}.odistart-panel{flex-direction:column;gap:14px;width:min(100%,430px);display:flex}.odistart-intro{text-align:center}.odistart-eyebrow{letter-spacing:.16em;color:#e8604c;font-size:12.5px;font-weight:800}.odistart-title{letter-spacing:-.045em;margin:4px 0 8px;font-size:clamp(38px,10.5vw,46px);font-weight:800;line-height:1.15}.odistart-headline{letter-spacing:-.04em;margin:0 0 6px;font-size:19px;font-weight:750;line-height:1.4}.odistart-description{color:#6f6155;word-break:keep-all;margin:0;font-size:14.5px;line-height:1.6}.odistart-snap{margin:0;position:relative}.odistart-snap-frame{pointer-events:none;-webkit-user-select:none;user-select:none;background:#faf6ef;border:1px solid #eadfcf;border-radius:18px;height:clamp(140px,23svh,210px);position:relative;overflow:hidden}.odistart-snap-image{width:119%;max-width:none;height:auto;margin:-2px 0 0 -1%;display:block}.odistart-snap-frame:after{content:"";background:linear-gradient(#fbf6ee00,#fbf6ee 72%);height:46%;position:absolute;bottom:0;left:0;right:0}.odistart-visual{background:linear-gradient(165deg,#cee8ed,#e9e3cf);border-radius:18px;height:clamp(140px,23svh,210px);position:relative;overflow:hidden}.odistart-visual--photo{background:#e9dfd0}.odistart-image{object-fit:cover;width:100%;height:100%;display:block}.odistart-placeholder{width:100%;height:100%;position:relative;overflow:hidden}.odistart-sun{background:#fff0d4;border-radius:50%;width:64px;height:64px;position:absolute;top:19%;right:23%}.odistart-hill{border-radius:50% 50% 0 0;width:125%;height:90%;position:absolute;bottom:-50px}.odistart-hill--back{background:#9cb7ac;bottom:-58%;right:-20%;transform:rotate(-9deg)}.odistart-hill--front{background:#718f86;bottom:-65%;left:-35%;transform:rotate(10deg)}.odistart-snap-caption{color:#988a7c;text-align:center;word-break:keep-all;margin-top:6px;font-size:11px;line-height:1.3}.odistart-cue{justify-content:center;margin:0;display:flex}.odistart-cue-chip{color:#2b2118;background:#fff;border:1px solid #eadfcf;border-radius:999px;align-items:center;gap:6px;padding:6px 13px;font-size:13px;font-weight:750;line-height:1.2;display:inline-flex}.odistart-cue-chip:before{content:"";background:#e8604c;border-radius:50%;width:6px;height:6px}.odistart-actions{flex-direction:column;align-items:center;gap:10px;display:flex}.odistart-guest{color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#e8604c;border:0;border-radius:16px;justify-content:center;align-items:center;gap:12px;width:100%;min-height:54px;font-family:inherit;font-size:17px;font-weight:750;display:flex;box-shadow:0 3px 8px #2b21181f}.odistart-guest:focus-visible,.odistart-provider-button:focus-visible{outline-offset:3px;outline:3px solid #2b2118}.odistart-login-hint{text-align:center;color:#88796b;word-break:keep-all;margin:4px 0 0;font-size:12px;line-height:1.5}.odistart-provider-list{justify-content:center;gap:22px;width:100%;display:flex}.odistart-provider{flex-direction:column;align-items:center;gap:5px;width:48px;display:flex}.odistart-provider-button{cursor:pointer;width:44px;height:44px;box-shadow:none;-webkit-tap-highlight-color:transparent;border:1px solid #00000012;border-radius:50%;flex:none;place-items:center;padding:0;font-family:inherit;font-size:24px;display:grid}.odistart-provider-button svg{width:21px;height:21px}.odistart-provider-button--naver svg{width:16px;height:16px}.odistart-provider-button:disabled{cursor:not-allowed;opacity:.42}.odistart-provider-button--kakao{color:#191600;background:#fee500}.odistart-provider-button--naver{color:#fff;background:#03c75a}.odistart-provider-button--google{color:#4285f4;background:#fff;border-color:#e3dbcf}.odistart-provider-button--apple{color:#fff;background:#000}.odistart-provider-label{color:#77685c;white-space:nowrap;font-size:11px;line-height:1.2}.odistart-google{background:conic-gradient(#4285f4 0 100deg,#34a853 100deg 180deg,#fbbc05 180deg 255deg,#ea4335 255deg 315deg,#4285f4 315deg);color:#0000;-webkit-background-clip:text;background-clip:text}@media (max-height:620px){.odistart-panel{gap:10px}.odistart-title{margin:2px 0 4px;font-size:36px}.odistart-snap-frame,.odistart-visual{height:96px}}@media (min-width:768px){.odistart-root{padding-top:calc(40px + env(safe-area-inset-top,0px));padding-bottom:calc(40px + env(safe-area-inset-bottom,0px));justify-content:center}.odistart-panel{background:#fffdf9;border:1px solid #eadfcf;border-radius:24px;gap:16px;max-width:440px;padding:30px 28px;box-shadow:0 14px 48px #2b21180d}.odistart-snap-frame,.odistart-visual{height:200px}}@media (prefers-reduced-motion:no-preference){.odistart-guest{transition:background .15s,transform .15s}.odistart-guest:active{transform:scale(.99)}}.odistart-preview{display:none}@media (min-width:1200px){.odistart-root{flex-direction:row;justify-content:center;align-items:center;gap:clamp(64px,7vw,128px);padding:32px 56px}.odistart-panel{max-width:460px;box-shadow:none;background:0 0;border:0;border-radius:0;flex:0 460px;gap:0;padding:0}.odistart-intro{text-align:left}.odistart-eyebrow{font-size:13px}.odistart-title{margin:10px 0 18px;font-size:64px}.odistart-headline{margin:0 0 10px;font-size:25px}.odistart-description{font-size:17px}.odistart-snap,.odistart-visual{display:none}.odistart-cue{justify-content:flex-start;margin:22px 0 0}.odistart-actions{align-items:stretch;gap:12px;margin-top:30px}.odistart-guest{min-height:58px}.odistart-login-hint{text-align:left;margin-top:10px;font-size:13px}.odistart-provider-list{justify-content:flex-start;gap:22px}.odistart-preview{flex-direction:column;flex:0 460px;align-items:center;gap:12px;max-width:460px;margin:0;display:flex}.odistart-preview-image{box-sizing:content-box;pointer-events:none;-webkit-user-select:none;user-select:none;background:#faf6ef;border-radius:22px;width:auto;max-width:420px;height:auto;max-height:calc(100svh - 150px);padding:14px 0;display:block;box-shadow:0 18px 50px #2b211817}.odistart-preview-caption{color:#988a7c;font-size:12px}}@media (min-width:1200px) and (max-height:820px){.odistart-root{padding:20px 56px}.odistart-title{margin:6px 0 12px;font-size:56px}.odistart-actions{margin-top:24px}.odistart-preview-image{max-height:calc(100svh - 110px)}}@media (max-width:767px){.odistart-root{padding-top:calc(clamp(12px,3svh,32px) + env(safe-area-inset-top,0px))}.odistart-panel{gap:12px}.odistart-title{letter-spacing:-.025em;margin:2px 0 6px;font-weight:800}.odistart-headline{letter-spacing:-.02em;font-size:19px;font-weight:700}.odistart-snap-frame{height:clamp(230px,39svh,370px)}.odistart-snap-frame:after{background:linear-gradient(#fbf6ee00,#fbf6eeeb);height:12%}}@media (max-width:767px) and (max-height:620px){.odistart-snap-frame{height:clamp(150px,30svh,190px)}}body:has(.odistart-root){background:#fbf6ee}.odistart-title,.odistart-headline{letter-spacing:0;font-family:Jua,Pretendard,Noto Sans KR,sans-serif;font-weight:400}