@import"https://fonts.googleapis.com/css2?family=Nanum+Myeongjo:wght@400;700;800&family=Noto+Sans+KR:wght@300;400;500;700&display=swap";:root{--primary-gold: #b5933a;--dark-navy: #1a2240;--bg-beige: #faf8f3;--border-color: #ede8de;--text-muted: #6b6457;--white: #ffffff;--soft-gold: #fdf8ee;color-scheme:light}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}body{font-family:Noto Sans KR,sans-serif;background-color:var(--bg-beige);color:var(--dark-navy);line-height:1.6;word-break:keep-all}.app-root{position:relative;min-height:100vh;background-color:transparent;isolation:isolate}.bottom-bg-deco{position:fixed;bottom:0;left:0;width:100%;height:100vh;background-image:var(--bg-bottom-deco-image);background-position:center top;background-size:cover;background-repeat:no-repeat;z-index:0;pointer-events:none;opacity:.38;-webkit-mask-image:linear-gradient(to top,rgba(0,0,0,1) 35%,rgba(0,0,0,0) 90%);mask-image:linear-gradient(to top,#000 35%,#0000 90%)}.wrap{position:relative;z-index:1;min-height:100vh;padding:3rem 1.5rem;display:flex;flex-direction:column;align-items:center}.container{width:100%;max-width:480px;box-sizing:border-box}.hero{text-align:center;margin-bottom:3rem;max-width:500px}.hero-title{font-family:Nanum Myeongjo,serif;font-size:clamp(28px,8vw,40px);font-weight:800;color:var(--dark-navy);margin-bottom:12px;line-height:1.2}.hero-subtitle{font-size:clamp(14px,3.5vw,16px);font-weight:700;color:var(--dark-navy);opacity:.9;margin-bottom:16px;line-height:1.5}.hero-sub-pale{color:#9aaed2}.hero-sub-dark{color:#1a2240}.hero-sub-brown{color:#56381e}.hero-logo{height:40px;margin-bottom:.75rem;margin-top:0;object-fit:contain}.hero-dot{display:block;width:6px;height:6px;border-radius:50%;background:var(--primary-gold);margin:20px auto 0}.event-banner{background:var(--white);border:1px dashed var(--primary-gold);border-radius:12px;padding:1rem;margin-top:1.5rem;margin-bottom:1rem;box-shadow:0 4px 6px #00000005;text-align:center}.event-desc{font-size:13.5px;color:var(--dark-navy);margin-bottom:.5rem;line-height:1.5}.event-desc strong{color:var(--primary-gold)}.event-period{font-size:12px;font-weight:700;color:#b5933a;letter-spacing:-.5px}.event-fineprint{font-size:.7rem;color:#888;margin-top:.4rem;line-height:1.4}.progress-container{margin-bottom:2.5rem}.progress-bar{display:flex;height:4px;background:#e8e3d8;border-radius:2px;overflow:hidden;margin-bottom:10px}.prog-step{flex:1;transition:background .4s ease}.prog-step.active{background:var(--primary-gold)}.prog-step.done{background:var(--dark-navy)}.prog-labels{display:flex;justify-content:space-between}.prog-label{font-size:11px;font-weight:500;color:#c5bfb0;transition:color .3s}.prog-label.active{color:var(--primary-gold)}.prog-label.done{color:var(--dark-navy)}.app-root .card{display:block;background:var(--white);border-radius:20px;padding:2.5rem 2rem;box-shadow:0 10px 30px #1a22400d;border:1px solid var(--border-color);margin-bottom:0;animation:slideUp .5s cubic-bezier(.16,1,.3,1)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.q-label{font-size:12px;font-weight:700;color:var(--primary-gold);margin-bottom:8px;letter-spacing:.1em}.q-title{font-family:Noto Sans KR,sans-serif;font-size:22px;font-weight:800;margin-bottom:1.5rem;line-height:1.4}.tone-title{margin-top:2rem}.input-field{width:100%;background:var(--bg-beige);border:2px solid transparent;border-radius:12px;padding:16px;font-size:16px;font-family:inherit;transition:all .2s;margin-bottom:1rem;outline:none}.input-nickname{margin-bottom:2rem}.input-field:focus{border-color:var(--primary-gold);background:var(--white);box-shadow:0 0 0 4px #b5933a1a}.input-wrap{position:relative}.input-wrap .input-field{padding-right:52px;margin-bottom:1rem}.input-wrap .char-count{position:absolute;right:14px;top:50%;transform:translateY(-50%);font-size:10px;color:var(--text-muted);margin:0}.type-selector{display:flex;gap:10px;margin-bottom:1.5rem}.type-btn{flex:1;width:auto;margin-top:0;padding:14px;border-radius:12px;border:1px solid var(--border-color);background:var(--bg-beige);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;color:var(--dark-navy);white-space:nowrap}.type-btn.selected{background:var(--soft-gold);border-color:var(--primary-gold);color:var(--primary-gold)}.grid-options{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:10px;margin-bottom:1.5rem}.mbti-grid-wrap{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.tone-grid{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:2rem}.option-btn{width:100%;margin-top:0;background:var(--bg-beige);border:1px solid var(--border-color);border-radius:12px;padding:14px 10px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;color:var(--text-muted)}.option-btn:hover{border-color:var(--primary-gold);color:var(--primary-gold)}.option-btn.selected{background:var(--primary-gold);color:var(--white);border-color:var(--primary-gold);box-shadow:0 4px 12px #b5933a33}.option-btn-block{margin-bottom:0;margin-top:0}.primary-btn{width:100%;background:var(--dark-navy);color:var(--white);border:none;border-radius:12px;padding:18px;font-size:16px;font-weight:700;cursor:pointer;transition:all .2s;margin-top:1rem}.primary-btn:disabled{background:#d1d5db;cursor:not-allowed;transform:none;box-shadow:none}.primary-btn:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 6px 20px #1a224033}.profanity-msg{color:#b42318;font-weight:700;font-size:13px;margin:.5rem 0 1rem;text-align:center}.carousel-wrap{position:relative;margin-top:1rem}.step-input-card .chip-container{display:flex;flex-direction:column;flex-wrap:wrap;align-content:flex-start;gap:8px;height:110px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.step-input-card .chip-container::-webkit-scrollbar{display:none}.chip{font-size:12px;padding:6px 12px;background:var(--bg-beige);border:1px solid var(--border-color);border-radius:20px;cursor:pointer;color:var(--text-muted);transition:all .2s;font-family:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0;width:max-content;max-width:100%;white-space:nowrap;line-height:1.2}.chip:hover{background:var(--soft-gold);border-color:var(--primary-gold)}.carousel-btn{position:absolute;top:50%;transform:translateY(-50%);background:var(--white);border:1px solid var(--border-color);color:var(--primary-gold);border-radius:50%;width:32px;height:32px;min-width:32px;margin-top:0;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 5px #0000001a;z-index:2;font-size:16px;padding:0}.carousel-btn.left{left:-12px}.carousel-btn.right{right:-12px}.step-loading-card{min-height:12rem}.loading-screen{text-align:center;padding:4rem 0}.spinner{width:50px;height:50px;border:4px solid rgba(181,147,58,.1);border-left-color:var(--primary-gold);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{font-size:13px;font-weight:300;color:var(--text-muted);letter-spacing:.06em;margin-top:1rem}.award-wrap{width:100%}.award-wrap.active{display:block;animation:slideUp .5s cubic-bezier(.16,1,.3,1)}#captureArea{padding:10px 1.25rem 20px;margin:0 -1.25rem;background:var(--bg-beige)}.award-card{background:linear-gradient(#faf8f399,#faf8f399),linear-gradient(#ffffffb3,#ffffffb3),var(--bg-award-photo);background-position:center top;background-size:cover;background-repeat:no-repeat;border:10px double rgba(181,147,58,.4);padding:1.5rem 1rem;text-align:center;position:relative;box-shadow:0 20px 50px #0000001a;margin-bottom:.5rem;overflow:hidden}.award-card:after{content:"";position:absolute;top:10px;right:10px;bottom:10px;left:10px;border:1px solid var(--primary-gold);pointer-events:none}.award-emblem-img{width:50px;height:50px;object-fit:contain;margin:0 auto .5rem;display:block}.award-category{font-size:14px;font-weight:700;color:var(--primary-gold);letter-spacing:.4em;margin-bottom:.5rem;text-transform:uppercase}.award-title{font-size:26px;font-weight:800;margin-bottom:.75rem;color:var(--dark-navy)}.award-user-name{font-family:Nanum Myeongjo,serif;font-size:18px;font-weight:700;color:var(--primary-gold);margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-color);display:inline-block}.award-rule{display:flex;align-items:center;gap:10px;margin:0 0 8px}.award-rule-line{flex:1;height:1px;background:var(--border-color)}.award-rule-gem{width:5px;height:5px;background:var(--primary-gold);transform:rotate(45deg);flex-shrink:0}.award-body{font-size:14px;line-height:1.5;color:var(--text-muted);margin-bottom:1rem;font-style:italic;text-align:center}.award-dream-box{background:var(--bg-beige);padding:1rem;border-radius:12px;margin-bottom:1rem;border:1px dashed var(--primary-gold)}.award-dream-text{font-family:Nanum Myeongjo,serif;font-size:18px;font-weight:700;color:var(--dark-navy)}.ai-message{background:var(--soft-gold);padding:.75rem;border-radius:12px;font-size:13px;line-height:1.55;text-align:left;margin-bottom:1rem;word-break:break-all}.award-footer{text-align:center;margin-top:1rem;padding-top:.5rem}.award-footer-logo{height:28px;max-width:220px;object-fit:contain;opacity:.7;display:inline-block}.hashtags{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin:1.25rem 0}.hashtag{font-size:11px;font-weight:300;color:var(--text-muted);letter-spacing:.05em}.cute-sns-msg{font-size:13.5px;color:var(--text-muted);text-align:center;margin-top:15px;margin-bottom:8px;font-weight:500;letter-spacing:-.5px;animation:bounceTip 2s infinite ease-in-out}.cute-sns-msg strong{color:var(--primary-gold)}@keyframes bounceTip{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.action-group{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:1.5rem}.secondary-btn{width:100%;margin-top:0;background:var(--white);color:var(--primary-gold);border:2px solid var(--primary-gold);border-radius:12px;padding:16px;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s}.secondary-btn:hover{background:var(--soft-gold)}.secondary-btn.share-btn{background:var(--primary-gold);color:var(--white);border-color:var(--primary-gold)}.secondary-btn.share-btn:hover{background:#a08130;color:var(--white)}.restart-link{display:block;width:100%;text-align:center;margin-top:2rem;font-size:14px;color:var(--text-muted);text-decoration:underline;cursor:pointer;background:none;border:none;font-family:inherit}.other-dreams-section{margin-top:3rem;padding-top:2.5rem;border-top:1px dashed var(--border-color);text-align:center}.other-dreams-section.other-dreams-in-step1-card{margin-top:2rem;padding-top:1.5rem;width:100%;box-sizing:border-box}.other-dreams-in-result{width:100%;box-sizing:border-box}.other-dreams-title{font-size:15px;color:var(--dark-navy);margin-bottom:1rem;font-weight:700}.dream-rolling-wrap{position:relative;overflow:hidden;height:52px}.dream-rolling-track{position:relative;width:100%;height:100%}.dream-slide{position:absolute;top:0;left:0;width:100%;opacity:0;transform:translate(50%);transition:transform 1.4s ease,opacity 1.2s ease;pointer-events:none}.dream-slide.active{opacity:1;transform:translate(0);pointer-events:auto}.dream-slide.leaving{opacity:0;transform:translate(-50%)}@keyframes blink-new{0%,to{background:var(--bg-beige)}30%{background:#b5933a40}60%{background:var(--bg-beige)}80%{background:#b5933a26}}.dream-cloud.is-new{animation:blink-new 1.2s ease}.dream-cloud{background:var(--bg-beige);border:1px solid rgba(181,147,58,.3);border-radius:20px;padding:10px;font-size:12.5px;color:var(--dark-navy);display:flex;justify-content:center;align-items:center;text-align:center;flex-wrap:wrap;gap:4px;box-shadow:0 4px 6px #00000005;word-break:keep-all;line-height:1.3}.dream-cloud strong{color:var(--primary-gold);font-weight:700}.other-dreams-participants{font-size:13px;color:var(--text-muted);margin-top:10px;text-align:center;opacity:.8}.version{margin:10px 0 0;text-align:center;color:var(--text-muted);font-size:13px}.error-text{text-align:center;color:#d23939;font-size:14px;margin-bottom:1rem}@media (min-width: 769px){.bottom-bg-deco{position:fixed;opacity:.68;background-image:var(--bg-bottom-deco-image);-webkit-mask-image:linear-gradient(to top,rgba(0,0,0,1) 0%,rgba(0,0,0,.88) 50%,rgba(0,0,0,.45) 100%);mask-image:linear-gradient(to top,#000,#000000e0,#00000073)}}@media (max-width: 768px){.bottom-bg-deco{position:absolute;height:100%;min-height:100vh;background-image:var(--bg-bottom-deco-image-mobile)}}