.fortune-page,.fortune-page body{background:#f4f0ff;min-height:100%}.fortune-shell{--fortune-gold:#e3a73e;--fortune-cream:#ffe7a8;--fortune-coral:#ff9e8a;min-height:100dvh}.fortune-main{z-index:1;position:relative}.fortune-intro{text-align:center;max-width:680px;margin:36px auto 0}.fortune-intro>span{color:var(--brand);letter-spacing:.04em;font-size:11px;font-weight:600}.fortune-intro h1{letter-spacing:-.04em;margin:12px 0 0;font-size:33px;font-weight:600;line-height:1.25}.fortune-intro p{color:var(--muted);margin:16px 0 0;font-size:14px;line-height:1.55}.fortune-cookie-host{place-items:start center;height:158px;transition:height .25s,opacity .25s;display:grid}.fortune-cookie-host.is-opening{height:170px}.fortune-cookie-host.is-result{opacity:0;height:18px}.fortune-cookie{width:190px;height:143px;margin:8px auto 0;position:relative}.fortune-cookie-shadow{z-index:0;filter:blur(7px);background:#78501426;border-radius:50%;width:50%;height:9%;position:absolute;top:88%;left:25%}.fortune-cookie-art{z-index:2;transform-box:view-box;transform-origin:50% 91%;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.fortune-cookie-closed{animation:2.6s ease-in-out infinite fortune-cookie-idle}.fortune-cookie-piece{opacity:0}.fortune-card{background:#fff;border:1px solid #5f33e10b;border-radius:24px;width:min(600px,100vw - 44px);margin:20px auto 0;padding:36px;box-shadow:0 14px 58px #3e2b7614,0 4px 32px #00000009}.fortune-input-form{flex-direction:column;gap:20px;display:flex}.fortune-input-form>label:first-child{color:var(--muted);margin-bottom:-12px;font-size:11px;font-weight:500}.fortune-birth-field{background:#f4f0ff;border-radius:15px;padding:16px 18px}.fortune-birth-field:focus-within{outline:2px solid var(--brand);outline-offset:3px}.fortune-birth-field.invalid{outline-offset:2px;background:#fff4f2;outline:2px solid #d45c5c}.fortune-birth-field input{width:100%;color:var(--ink);letter-spacing:.02em;background:0 0;border:0;outline:0;padding:2px;font-size:19px;font-weight:600}.fortune-birth-field input::placeholder{color:#9b96ac}.fortune-input-error{color:#bd4040;min-height:15px;margin:-13px 0 -10px;font-size:10px;line-height:1.5}.fortune-remember{cursor:pointer;align-items:center;gap:10px;min-height:22px;font-size:12px;display:flex}.fortune-remember input{width:19px;height:19px;accent-color:var(--brand);margin:0}.fortune-input-form .button:disabled{color:#fff;box-shadow:none;cursor:not-allowed;opacity:.8;background:#b8a8ea}.fortune-disclaimer{color:var(--muted);text-align:center;margin:16px auto 0;font-size:10px;line-height:1.55}.fortune-opening-card{text-align:center;place-content:center;min-height:190px;animation:1.2s ease-in-out infinite alternate fortune-card-breathe;display:grid}.fortune-opening-dot{background:var(--brand);border-radius:50%;width:10px;height:10px;margin:0 auto;animation:.8s ease-in-out infinite alternate fortune-dots;box-shadow:-20px 0 #b9a5f5,20px 0 #e3a73e}.fortune-opening-card h2{letter-spacing:-.025em;margin:24px 0 0;font-size:18px}.fortune-opening-card p{color:var(--muted);margin:9px 0 0;font-size:11px}.fortune-cookie-paper{z-index:1;box-sizing:border-box;color:#3b3548;letter-spacing:-.02em;text-align:center;opacity:0;-webkit-line-clamp:2;background:#fffdf6;border-radius:3px;-webkit-box-orient:vertical;width:min(154px,100% - 8px);min-height:30px;padding:7px 9px;font-size:8px;font-weight:600;line-height:1.35;display:-webkit-box;position:absolute;top:38%;left:50%;overflow:hidden;transform:translate(-50%,16px)rotate(2deg)scale(.7);box-shadow:0 6px 18px #7850143d}.fortune-cookie.is-splitting .fortune-cookie-closed{animation:.18s cubic-bezier(.35,0,.7,1) forwards fortune-cookie-compress}.fortune-cookie.is-splitting .fortune-cookie-left{animation:.52s cubic-bezier(.2,.82,.24,1) .17s forwards fortune-cookie-left}.fortune-cookie.is-splitting .fortune-cookie-right{animation:.52s cubic-bezier(.2,.82,.24,1) .17s forwards fortune-cookie-right}.fortune-cookie.is-splitting .fortune-cookie-paper{animation:.62s cubic-bezier(.2,.82,.24,1) .34s forwards fortune-paper-reveal}.fortune-cookie-crumb{z-index:3;opacity:0;background:#e5a63a;border-radius:50%;width:6px;height:6px;animation:.78s cubic-bezier(.3,.5,.4,1) .2s forwards fortune-cookie-crumb;position:absolute;top:57%;left:50%;transform:translate(-50%,-50%)scale(.4)}.fortune-cookie-crumb.crumb-1{--crumb-x:-34px;--crumb-y:24px;--crumb-mx:-13px;--crumb-my:-5px;--crumb-rotate:-80deg;width:7px;height:7px}.fortune-cookie-crumb.crumb-2{--crumb-x:-24px;--crumb-y:3px;--crumb-mx:-10px;--crumb-my:-9px;--crumb-rotate:64deg;background:#d28f22;border-radius:2px;width:5px;height:5px}.fortune-cookie-crumb.crumb-3{--crumb-x:13px;--crumb-y:-18px;--crumb-mx:5px;--crumb-my:-10px;--crumb-rotate:128deg;background:#f3cb80;width:8px;height:8px}.fortune-cookie-crumb.crumb-4{--crumb-x:28px;--crumb-y:20px;--crumb-mx:11px;--crumb-my:-4px;--crumb-rotate:192deg;background:#c98420;width:4px;height:4px}.fortune-cookie-crumb.crumb-5{--crumb-x:45px;--crumb-y:34px;--crumb-mx:18px;--crumb-my:-2px;--crumb-rotate:256deg;background:#edb44f;border-radius:2px}.fortune-cookie-crumb.crumb-6{--crumb-x:38px;--crumb-y:64px;--crumb-mx:15px;--crumb-my:3px;--crumb-rotate:320deg;width:5px;height:5px}.fortune-cookie-crumb.crumb-7{--crumb-x:4px;--crumb-y:55px;--crumb-mx:2px;--crumb-my:2px;--crumb-rotate:384deg;background:#f3cb80;border-radius:2px;width:7px;height:7px}.fortune-cookie-crumb.crumb-8{--crumb-x:-24px;--crumb-y:62px;--crumb-mx:-10px;--crumb-my:2px;--crumb-rotate:448deg;background:#d28f22;width:4px;height:4px}.fortune-result-card{width:min(760px,100vw - 44px);padding:42px 46px 36px}.fortune-result-header{color:var(--muted);justify-content:space-between;align-items:center;gap:18px;font-size:10px;display:flex}.fortune-result-header strong{color:var(--brand);letter-spacing:.02em;font-size:11px}.fortune-overall{background:conic-gradient(var(--brand) 0 var(--fortune-score), #ede7fb var(--fortune-score) 100%);border-radius:50%;place-items:center;width:174px;height:174px;margin:30px auto 0;animation:.7s cubic-bezier(.2,0,.2,1) both fortune-score-in;display:grid;transform:rotate(-16deg);box-shadow:0 16px 36px #5f33e11f}.fortune-overall:before{content:"";background:#fff;border-radius:50%;grid-area:1/1;width:143px;height:143px}.fortune-overall-inner{z-index:1;grid-area:1/1;justify-items:center;display:grid;transform:rotate(16deg)}.fortune-overall-inner span{color:var(--brand);font-size:10px;font-weight:700}.fortune-overall-inner strong{letter-spacing:-.04em;margin-top:3px;font-size:52px;line-height:1}.fortune-overall-inner small{color:var(--muted);margin-top:5px;font-size:9px}.fortune-message{text-align:center;max-width:580px;margin:28px auto 0}.fortune-message h2{letter-spacing:-.04em;margin:0;font-size:25px;line-height:1.35}.fortune-message p{color:var(--muted);margin:13px 0 0;font-size:12px;line-height:1.75}.fortune-score-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:32px;display:grid}.fortune-score-item{text-align:center;background:#faf8ff;border-radius:16px;min-width:0;padding:18px 12px 15px}.fortune-score-icon{width:30px;height:30px;color:var(--brand);background:#ede7ff;border-radius:10px;place-items:center;margin:0 auto;font-size:14px;font-weight:700;display:grid}.fortune-score-item strong{margin-top:10px;font-size:10px;display:block}.fortune-score-item b{letter-spacing:-.03em;margin-top:5px;font-size:22px;display:block}.fortune-score-track{background:#e8e3ef;border-radius:999px;height:4px;margin-top:9px;display:block;overflow:hidden}.fortune-score-track i{border-radius:inherit;background:linear-gradient(90deg, #8464e9, var(--brand));transform-origin:0;height:100%;animation:.65s cubic-bezier(.2,0,.2,1) .2s both fortune-track-in;display:block}.fortune-score-item small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:7px;font-size:8px;display:block;overflow:hidden}.fortune-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:24px;display:grid}.fortune-detail{background:#fff;border:1px solid #ece7f4;border-radius:15px;align-items:center;gap:12px;min-width:0;min-height:76px;padding:15px 17px;display:flex}.fortune-detail-emoji,.fortune-color-dot{width:34px;height:34px;color:var(--brand);background:#f0ebff;border-radius:11px;flex:0 0 34px;place-items:center;font-size:14px;font-weight:700;display:grid}.fortune-color-dot{border:8px solid #f5f1fc;border-radius:50%}.fortune-detail div{min-width:0}.fortune-detail small,.fortune-detail strong{display:block}.fortune-detail small{color:var(--muted);font-size:8px}.fortune-detail strong{word-break:keep-all;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:5px;font-size:11px;line-height:1.4;display:-webkit-box;overflow:hidden}.fortune-actions{grid-template-columns:1fr 1.25fr;gap:10px;margin-top:26px;display:grid}.fortune-actions .button{min-width:0}.fortune-kakao-button{color:#191919;background:#fee500;box-shadow:0 8px 20px #7c70001f}.fortune-kakao-button:hover{box-shadow:0 11px 24px #7c70002e}.fortune-kakao-button:disabled,.fortune-actions .button:disabled{cursor:wait;opacity:.68}.fortune-kakao-mark{color:#fee500;background:#191919;border-radius:50%;place-items:center;width:20px;height:20px;font-size:9px;font-weight:700;display:grid}.fortune-reset-button{color:var(--brand);cursor:pointer;text-underline-offset:4px;background:0 0;border:0;margin:18px auto 0;padding:5px;font-size:10px;-webkit-text-decoration:underline #5f33e147;text-decoration:underline #5f33e147;display:block}.fortune-reset-button:focus-visible{outline-offset:3px;border-radius:5px;outline:3px solid #5f33e147}.fortune-next-note{color:#9a95a3;text-align:center;border-top:1px solid #eeeaf4;margin:19px 0 0;padding-top:17px;font-size:9px}.fortune-save-open,.fortune-save-open body{overflow:hidden}.fortune-save-dialog{width:min(520px,100vw - 24px);max-height:calc(100vh - 24px);overscroll-behavior:contain;max-height:calc(100dvh - 24px);color:var(--ink);background:#fff;border:0;border-radius:20px;margin:auto;padding:20px;overflow:auto;box-shadow:0 24px 90px #24193d40}.fortune-save-dialog::backdrop{background:#24252c80}.fortune-save-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.fortune-save-heading h2{margin:0;font-size:1.125rem;line-height:1.4}.fortune-save-close{height:44px;color:var(--brand);cursor:pointer;background:#f4f0ff;border:0;border-radius:50%;flex:0 0 44px;padding:0;font-size:1.5rem}.fortune-save-dialog>p{word-break:keep-all;overflow-wrap:anywhere;margin:12px 0;font-size:1rem;line-height:1.6}.fortune-save-image{-webkit-touch-callout:default;-webkit-user-select:auto;user-select:auto;border:1px solid #eeeaf4;border-radius:12px;width:100%;height:auto;display:block}.fortune-save-buttons{gap:10px;margin-top:16px;display:grid}.fortune-save-buttons .button{white-space:normal;text-align:center;min-width:0;min-height:48px;font-size:1rem}.fortune-save-buttons [hidden]{display:none}.fortune-save-buttons button:disabled{opacity:.68;cursor:wait}.fortune-save-close:focus-visible,.fortune-save-buttons .button:focus-visible{outline:3px solid var(--brand);outline-offset:3px}.fortune-save-dialog .fortune-save-status{color:var(--brand);font-size:.875rem}.fortune-save-status:empty{display:none}.fortune-save-dialog .fortune-save-help{color:var(--muted);font-size:.875rem}.fortune-ad-zone{text-align:center;width:min(728px,100%);margin:96px auto 0}.fortune-ad-label{color:#24252c6e;letter-spacing:.15em;margin-bottom:8px;font-size:7px;font-weight:700;display:block}.fortune-ad-slot{color:#24252c80;background:#ffffff47;border:1px dashed #5f33e129;border-radius:14px;place-content:center;min-height:90px;padding:14px;display:grid}.fortune-ad-slot strong{font-size:10px;font-weight:600}.fortune-ad-slot small{color:#24252c61;margin-top:6px;font-size:8px}.fortune-page .site-related-tools{margin-top:64px}.fortune-glow{z-index:-1;opacity:.32;filter:blur(85px);pointer-events:none;border-radius:50%;width:300px;height:300px;position:absolute}.fortune-glow-one{background:#c1a9ff;top:-120px;left:4%}.fortune-glow-two{background:#ffcfaa;top:32%;right:-130px}.fortune-glow-three{background:#ffe7a8;bottom:3%;left:16%}@media (max-width:767px){.fortune-shell{padding:20px 22px 26px}.fortune-intro{text-align:left;margin-top:22px}.fortune-intro h1{margin-top:10px;font-size:24px;line-height:1.3}.fortune-intro p{margin-top:12px;font-size:14px}.fortune-cookie-host{height:124px}.fortune-cookie-host.is-opening{height:140px}.fortune-cookie-host.is-result{height:8px}.fortune-cookie{width:160px;height:120px;margin-top:3px}.fortune-card{width:100%;margin-top:4px;padding:22px}.fortune-input-form{gap:18px}.fortune-birth-field{padding:15px 16px}.fortune-remember input{width:20px;height:20px}.fortune-disclaimer{max-width:310px}.fortune-ad-zone{margin-top:64px}.fortune-ad-slot{min-height:100px}.fortune-page .site-related-tools{margin-top:42px}.fortune-opening-card{min-height:170px}.fortune-result-card{padding:25px 20px 22px}.fortune-result-header{font-size:9px}.fortune-overall{width:142px;height:142px;margin-top:23px}.fortune-overall:before{width:116px;height:116px}.fortune-overall-inner strong{font-size:43px}.fortune-message{margin-top:22px}.fortune-message h2{font-size:21px}.fortune-message p{font-size:11px;line-height:1.7}.fortune-score-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:25px}.fortune-score-item{padding:15px 12px 13px}.fortune-score-item small{font-size:8px}.fortune-detail-grid{gap:8px;margin-top:18px}.fortune-detail{gap:9px;min-height:70px;padding:12px}.fortune-detail-emoji,.fortune-color-dot{flex-basis:30px;width:30px;height:30px}.fortune-detail strong{font-size:10px}.fortune-actions{grid-template-columns:1fr;gap:8px;margin-top:20px}.fortune-actions .button{min-height:48px;font-size:12px}}@media (max-width:380px){.fortune-detail-grid{grid-template-columns:1fr}.fortune-detail strong{font-size:11px}}@keyframes fortune-cookie-idle{0%,to{transform:rotate(-2.4deg)translateY(0)}50%{transform:rotate(2.4deg)translateY(-3px)}}@keyframes fortune-cookie-compress{0%{opacity:1;transform:scale(1)}62%{opacity:1;transform:scale(.9,1.06)}99%{opacity:1;transform:scale(1.05,.95)}to{opacity:0;transform:scale(1.05,.95)}}@keyframes fortune-cookie-left{0%{opacity:1;transform:rotate(0)translate(0)}28%{opacity:1;transform:rotate(-10deg)translate(-4px,-3px)}to{opacity:1;transform:rotate(-27deg)translate(-15px,4px)}}@keyframes fortune-cookie-right{0%{opacity:1;transform:rotate(0)translate(0)}28%{opacity:1;transform:rotate(10deg)translate(4px,-3px)}to{opacity:1;transform:rotate(27deg)translate(15px,4px)}}@keyframes fortune-paper-reveal{0%{opacity:0;transform:translate(-50%,16px)rotate(2deg)scale(.7)}72%{opacity:1;transform:translate(-50%,-14px)rotate(-5.5deg)scale(1.03)}to{opacity:1;transform:translate(-50%,-18px)rotate(-3.5deg)scale(1)}}@keyframes fortune-cookie-crumb{0%{opacity:0;transform:translate(-50%,-50%)scale(.4)}26%{opacity:1;transform:translate(-50%,-50%) translate(var(--crumb-mx),var(--crumb-my)) scale(1)}to{opacity:0;transform:translate(-50%,-50%) translate(var(--crumb-x),var(--crumb-y)) scale(.65) rotate(var(--crumb-rotate))}}@keyframes fortune-dots{0%{opacity:.55;transform:scale(.8)}to{opacity:1;transform:scale(1.1)}}@keyframes fortune-card-breathe{0%{box-shadow:0 14px 58px #3e2b760f}to{box-shadow:0 18px 68px #3e2b7621}}@keyframes fortune-score-in{0%{opacity:0;transform:rotate(-16deg)scale(.72)}to{opacity:1;transform:rotate(-16deg)scale(1)}}@keyframes fortune-track-in{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media (prefers-reduced-motion:reduce){.fortune-page *,.fortune-page :before,.fortune-page :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}