@import"https://fonts.googleapis.com/css2?family=M+PLUS+1:wght@400;600;700&display=swap";.search-bar-container{width:100%;height:35.99px;position:relative}.search-input-wrapper{position:relative;width:100%;height:100%}.search-bar-container .search-input{width:100%;height:100%;padding:4px 12px 4px 40px;background:#F3F3F5;border:.64px solid #E5E7EB;border-radius:8px;font-family:Inter,sans-serif;font-weight:400;font-size:clamp(12px,4.07vw,16px);line-height:1.21;letter-spacing:-.02em;color:#101828;outline:none}.search-bar-container .search-input::placeholder{color:#717182}.search-bar-container .search-input:focus{border-color:#e60076;background:#FFFFFF}.search-bar-container .search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;display:flex;align-items:center;justify-content:center;pointer-events:none}.friend-item{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-bottom:1px solid rgba(68,68,68,.1);cursor:pointer;transition:background-color .15s ease}.friend-item:hover{background-color:#00000005}.friend-item:active{background-color:#0000000a}.friend-item--last{border-bottom:none}.friend-item-left{display:flex;align-items:center;gap:8px;min-width:0;flex:1}.friend-avatar{position:relative;width:40px;height:40px;border-radius:100px;border:1px solid rgba(68,68,68,.1);overflow:hidden;flex-shrink:0}.friend-avatar img{width:100%;height:100%;object-fit:cover;display:block}.friend-avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#FFEEF7;color:#ff50ad;font-family:"M PLUS 1",sans-serif;font-weight:700;font-size:16px;line-height:1;-webkit-user-select:none;user-select:none}.friend-favorite-star{position:absolute;top:-4px;left:-4px;z-index:1;width:20px;height:20px;display:flex;align-items:center;justify-content:center;pointer-events:none}.friend-name{font-family:"M PLUS 1",sans-serif;font-weight:600;font-size:clamp(14px,4.07vw,16px);line-height:1.6em;letter-spacing:.04em;color:#4a4a4a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friend-item-chevron{width:48px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.add-friend-modal__content-panel:has(.qr-tab-content){padding:0}.qr-tab-content{display:flex;flex-direction:column;gap:16px;flex:1;min-height:0}.qr-tab-content__toggle{width:345px;max-width:100%;height:56px;padding:4px;display:flex;align-items:center;background:#F9F9F9;border-radius:100px;flex-shrink:0;align-self:center;box-sizing:border-box}.qr-tab-content__toggle-button{flex:1;height:100%;display:flex;align-items:center;justify-content:center;border:none;border-radius:100px;background:transparent;cursor:pointer;font-family:var(--font-family);font-weight:var(--text-r14-weight);font-size:var(--text-r14-size);line-height:var(--line-height-default);letter-spacing:var(--letter-spacing-default);color:#959595;transition:all .2s ease}.qr-tab-content__toggle-button--active{background:#FFFFFF;font-weight:var(--text-b14-weight, 700);color:#ff50ad;box-shadow:0 1px 3px #00000014}.qr-tab{display:flex;flex-direction:column;align-self:stretch;flex:1;min-height:0}.qr-tab__main-area{height:380px;flex:none;align-self:center;width:345px;max-width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:#F9F9F9;border-radius:var(--radius-modal);overflow:hidden;position:relative}.qr-tab__camera-area{width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:center;background:#1a1a1a;border-radius:var(--radius-modal);overflow:hidden}.qr-tab__camera-area video{width:100%;height:100%;object-fit:cover}.qr-tab__scan-frame{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:200px;height:200px;pointer-events:none}.qr-tab__scan-frame:before,.qr-tab__scan-frame:after,.qr-tab__scan-corner-bl:before,.qr-tab__scan-corner-br:before{content:"";position:absolute;width:28px;height:28px;border-color:var(--color-primary);border-style:solid}.qr-tab__scan-frame:before{top:0;left:0;border-width:3px 0 0 3px;border-radius:4px 0 0}.qr-tab__scan-frame:after{top:0;right:0;border-width:3px 3px 0 0;border-radius:0 4px 0 0}.qr-tab__scan-corner-bl,.qr-tab__scan-corner-br{position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none}.qr-tab__scan-corner-bl:before{bottom:0;left:0;border-width:0 0 3px 3px;border-radius:0 0 0 4px}.qr-tab__scan-corner-br:before{bottom:0;right:0;border-width:0 3px 3px 0;border-radius:0 0 4px}.qr-tab__scan-line{position:absolute;top:0;left:8px;right:8px;height:2px;background:linear-gradient(90deg,transparent 0%,var(--color-primary) 20%,var(--color-primary) 80%,transparent 100%);opacity:.8;animation:qr-scan-line 2.4s ease-in-out infinite}@keyframes qr-scan-line{0%,to{top:8px;opacity:.4}50%{top:calc(100% - 10px);opacity:.8}}.qr-tab__scan-frame--scanning{animation:qr-frame-pulse 2.4s ease-in-out infinite}@keyframes qr-frame-pulse{0%,to{opacity:.7}50%{opacity:1}}.qr-tab__qr-display-area{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:24px}.qr-tab__qr-image{display:flex;align-items:center;justify-content:center;padding:16px;background:var(--color-bg-white);border-radius:12px}.qr-tab__status-text{font-family:var(--font-family);font-weight:var(--text-r14-weight);font-size:var(--text-r14-size);line-height:var(--line-height-default);letter-spacing:var(--letter-spacing-default);color:var(--color-text-primary);text-align:center;margin:0}.qr-tab__status-text--error{color:#e53935}.qr-tab__status-text--muted{color:var(--color-text-secondary)}.qr-tab__permission-guide{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:32px 24px;text-align:center}.qr-tab__permission-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--color-primary-light);border-radius:var(--radius-circle);color:var(--color-primary)}.qr-tab__permission-title{font-family:var(--font-family);font-weight:var(--text-b16-weight);font-size:var(--text-b16-size);line-height:var(--line-height-default);letter-spacing:var(--letter-spacing-default);color:var(--color-text-primary);margin:0}.qr-tab__permission-description{font-family:var(--font-family);font-weight:var(--text-r14-weight);font-size:var(--text-r14-size);line-height:var(--line-height-default);letter-spacing:var(--letter-spacing-default);color:var(--color-text-secondary);margin:0;max-width:280px}.qr-tab__permission-button{margin-top:4px;padding:10px 24px;background:var(--color-primary);color:var(--color-bg-white);border:none;border-radius:var(--radius-button);cursor:pointer;font-family:var(--font-family);font-weight:var(--text-button-weight);font-size:var(--text-button-size);line-height:var(--text-button-line-height);letter-spacing:var(--letter-spacing-default);transition:opacity .2s ease}.qr-tab__permission-button:hover{opacity:.85}.qr-tab__result-card{display:flex;flex-direction:row;align-items:center;gap:12px;align-self:stretch;padding:12px 16px;background:var(--color-bg-white);border-radius:12px;box-shadow:0 2px 8px #0000000f;animation:qr-result-slide-up .3s ease-out}@keyframes qr-result-slide-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.qr-tab__result-avatar{width:var(--size-avatar);height:var(--size-avatar);border-radius:var(--radius-circle);border:1px solid var(--color-border);overflow:hidden;flex-shrink:0}.qr-tab__result-avatar img{width:100%;height:100%;object-fit:cover}.qr-tab__result-avatar-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--color-primary-light);color:var(--color-primary);font-family:var(--font-family);font-weight:700;font-size:16px;line-height:1;-webkit-user-select:none;user-select:none}.qr-tab__result-name{flex:1;font-family:var(--font-family);font-weight:var(--text-b16-weight);font-size:var(--text-b16-size);line-height:1.5em;color:var(--color-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qr-tab__result-add-button{background:var(--color-primary);color:var(--color-bg-white);border:none;border-radius:var(--radius-button);padding:8px 16px;font-family:var(--font-family);font-weight:var(--text-b16-weight);font-size:var(--text-r14-size);line-height:1.5em;cursor:pointer;flex-shrink:0;transition:opacity .2s ease,transform .2s ease}.qr-tab__result-add-button:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.qr-tab__result-add-button:active:not(:disabled){transform:translateY(0)}.qr-tab__result-add-button:disabled{opacity:.6;cursor:not-allowed}.qr-tab__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:32px}.qr-tab__loading-spinner{width:32px;height:32px;border:3px solid var(--color-primary-light);border-top-color:var(--color-primary);border-radius:50%;animation:qr-spinner .8s linear infinite}@keyframes qr-spinner{to{transform:rotate(360deg)}}.qr-display__main-area{width:345px;max-width:100%;height:380px;flex:none;align-self:center;background:#FFEEF7;border-radius:40px;overflow:hidden;position:relative}.qr-display__deco-circle{display:none}.qr-display__content{display:flex;flex-direction:column;align-items:center;justify-content:space-between;width:160px;height:100%;margin:0 auto;padding:16px 0;position:relative;z-index:1;box-sizing:border-box}.qr-display__center-group{display:flex;flex-direction:column;align-items:center;gap:16px;width:100%;flex-shrink:0}.qr-display__brand-text{font-family:var(--font-family);font-weight:var(--text-b12-weight, 700);font-size:var(--text-b12-size, 12px);line-height:var(--line-height-default);letter-spacing:var(--letter-spacing-default);color:#ffa7d6;mix-blend-mode:multiply}.qr-display__qr-wrapper{width:160px;height:160px;display:flex;align-items:center;justify-content:center;background:#FFFFFF;border-radius:20px;flex-shrink:0}.qr-display__profile{display:flex;flex-direction:column;align-items:center;gap:4px}.qr-display__avatar{width:40px;height:40px;border-radius:50%;border:1px solid rgba(68,68,68,.1);overflow:hidden;flex-shrink:0}.qr-display__avatar img{width:100%;height:100%;object-fit:cover}.qr-display__avatar-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--color-primary-light);color:var(--color-primary);font-family:var(--font-family);font-weight:700;font-size:14px;line-height:1;-webkit-user-select:none;user-select:none}.qr-display__name{font-family:var(--font-family);font-weight:var(--text-b16-weight);font-size:var(--text-b16-size);line-height:var(--line-height-default);letter-spacing:var(--letter-spacing-default);color:#4a4a4a;text-align:center}.qr-display__logo{width:108px;height:20px;object-fit:contain}.add-friend-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:3000;opacity:0;transition:opacity .3s ease-out}.add-friend-modal-overlay--active{opacity:1}.add-friend-modal{position:fixed;bottom:0;left:50%;transform:translate(-50%) translateY(100%);width:393px;max-width:100%;height:668px;max-height:calc(100vh - 90px);background:#FFFFFF;border-radius:40px 40px 0 0;box-shadow:0 0 40px #0000001a;display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:24px;padding:40px 24px 24px;transition:transform .3s ease-out}.add-friend-modal--active{transform:translate(-50%) translateY(0)}.add-friend-modal-overlay:not(.add-friend-modal-overlay--active){transition:opacity .2s ease-in}.add-friend-modal-overlay:not(.add-friend-modal-overlay--active) .add-friend-modal{transition:transform .2s ease-in}.add-friend-modal__tabs{display:flex;flex-direction:row;justify-content:stretch;align-self:stretch;gap:0}.add-friend-modal__tab{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:0 16px;background:none;border:none;cursor:pointer;transition:opacity .2s ease}.add-friend-modal__tab:hover{opacity:.8}.add-friend-modal__tab-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;color:var(--color-text-secondary)}.add-friend-modal__tab--active .add-friend-modal__tab-icon{color:var(--color-primary)}.add-friend-modal__tab-label{font-family:var(--font-family);font-weight:var(--text-r16-weight);font-size:var(--text-r16-size);line-height:var(--line-height-default);letter-spacing:var(--letter-spacing-default);color:var(--color-text-secondary);transition:color .2s ease,font-weight .2s ease}.add-friend-modal__tab--active .add-friend-modal__tab-label{font-weight:var(--text-b16-weight);color:var(--color-primary)}.add-friend-modal__content-wrapper{flex:1;min-height:0;align-self:stretch;overflow-x:hidden}.add-friend-modal__content-slider{display:flex;height:100%;transition:transform .3s ease}.add-friend-modal__content-panel{flex:0 0 100%;display:flex;flex-direction:column;align-self:stretch;gap:24px;padding:16px 0;overflow-y:auto;overflow-x:hidden}.add-friend-modal__placeholder{font-family:"M PLUS 1",sans-serif;font-weight:400;font-size:14px;line-height:1.6em;color:#959595;text-align:center;margin:0}.add-friend-modal__close-button{width:48px;height:48px;border-radius:100px;background:#FF50AD;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:opacity .2s ease,transform .2s ease}.add-friend-modal__close-button:hover{opacity:.9;transform:scale(1.05)}.add-friend-modal__close-button:active{transform:scale(.95)}.search-tab{display:flex;flex-direction:column;align-self:stretch;gap:24px}.search-tab__input-wrapper{display:flex;flex-direction:row;align-items:center;gap:8px;padding:12px 16px;background:#F8F8F8;border-radius:10px;align-self:stretch}.search-tab__search-icon{flex-shrink:0}.search-tab__input{flex:1;background:none;border:none;outline:none;font-family:"M PLUS 1",sans-serif;font-weight:400;font-size:14px;line-height:1.5em;letter-spacing:.04em;color:#4a4a4a}.search-tab__input::placeholder{color:#959595}.search-tab__input:disabled{opacity:.6}.search-tab__result{display:flex;flex-direction:row;justify-content:stretch;align-self:stretch;gap:10px;padding:24px}.search-tab__status{flex:1;font-family:"M PLUS 1",sans-serif;font-weight:400;font-size:14px;line-height:1.5em;letter-spacing:.04em;color:#4a4a4a;text-align:center;margin:0}.search-tab__error{flex:1;font-family:"M PLUS 1",sans-serif;font-weight:400;font-size:14px;line-height:1.5em;letter-spacing:.04em;color:#e53935;text-align:center;margin:0}.search-tab__success{flex:1;font-family:"M PLUS 1",sans-serif;font-weight:400;font-size:14px;line-height:1.5em;letter-spacing:.04em;color:#43a047;text-align:center;margin:0}.search-tab__user-card{display:flex;flex-direction:row;align-items:center;gap:12px;align-self:stretch;flex:1}.search-tab__user-avatar{width:40px;height:40px;border-radius:100px;border:1px solid rgba(68,68,68,.1);overflow:hidden;flex-shrink:0}.search-tab__user-avatar-img{width:100%;height:100%;object-fit:cover}.search-tab__user-avatar-placeholder{width:100%;height:100%;background:#D9D9D9}.search-tab__user-avatar-img--fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#FFEEF7;color:#ff50ad;font-family:"M PLUS 1",sans-serif;font-weight:700;font-size:16px;line-height:1;-webkit-user-select:none;user-select:none}.search-tab__user-name{flex:1;font-family:"M PLUS 1",sans-serif;font-weight:600;font-size:16px;line-height:1.5em;color:#4a4a4a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-tab__add-button{background:#FF50AD;color:#fff;border:none;border-radius:8px;padding:8px 16px;font-family:"M PLUS 1",sans-serif;font-weight:600;font-size:14px;line-height:1.5em;cursor:pointer;flex-shrink:0;transition:opacity .2s ease,transform .2s ease}.search-tab__add-button:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.search-tab__add-button:active:not(:disabled){transform:translateY(0)}.search-tab__add-button:disabled{opacity:.6;cursor:not-allowed}.invite-tab{display:flex;flex-direction:column;align-self:stretch;gap:24px}.invite-tab__card{display:flex;flex-direction:column;width:100%;border-radius:16px;overflow:hidden}.invite-tab__card-top{position:relative;display:flex;gap:10px;padding:16px 0 16px 24px;background:linear-gradient(90deg,#FF50AD 0%,#C37BFF 100%);border-radius:16px 16px 0 0;overflow:hidden;min-height:84px}.invite-tab__card-text{font-family:var(--font-family);font-weight:700;font-size:16px;line-height:1.6;letter-spacing:.04em;color:#fff;white-space:pre-line;z-index:1}.invite-tab__card-image{position:absolute;right:0;top:0;width:143px;height:84px;object-fit:cover;pointer-events:none}.invite-tab__card-bottom{display:flex;align-items:center;justify-content:center;height:48px;padding:8px 24px;background:#FFEEF7;border-radius:0 0 16px 16px;border:none;cursor:pointer;transition:opacity .15s ease}.invite-tab__card-bottom:hover{opacity:.85}.invite-tab__card-bottom span{font-family:var(--font-family);font-weight:700;font-size:14px;line-height:1.6;letter-spacing:.04em;color:#ff50ad;text-align:center}.invite-tab__notice{margin:0;font-family:var(--font-family);font-weight:var(--text-r14-weight);font-size:12px;line-height:1.6em;letter-spacing:var(--letter-spacing-default);color:var(--color-text-secondary);text-align:left}.invite-tab__section{display:flex;flex-direction:column;gap:8px;width:100%}.invite-tab__label{font-family:var(--font-family);font-weight:700;font-size:var(--text-b12-size);line-height:var(--line-height-default);letter-spacing:var(--letter-spacing-default);color:#4a4a4a;text-align:left}.invite-tab__id-row{display:flex;gap:8px;width:100%}.invite-tab__field{flex:1;min-width:0;display:flex;flex-direction:row;align-items:center;padding:0 16px;background:var(--color-bg-input);border-radius:var(--radius-input);min-height:48px}.invite-tab__field-text{flex:1;font-family:var(--font-family);font-weight:var(--text-r14-weight);font-size:var(--text-r14-size);line-height:var(--line-height-default);letter-spacing:var(--letter-spacing-default);color:var(--color-text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.invite-tab__field-text--error{color:#e53935;font-size:12px}.invite-tab__copy-button{width:48px;height:48px;border-radius:100px;background:#FFEEF7;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:opacity .15s ease}.invite-tab__copy-button:hover{opacity:.85}@media (max-width: 393px){.add-friend-modal{width:100%}}@media (max-height: 700px){.add-friend-modal{height:calc(100vh - 60px);max-height:calc(100vh - 60px);padding:24px 16px 16px;gap:16px}.add-friend-modal__content-panel{gap:16px;padding:8px 0}}.friends-page{width:100%;height:100%;background:linear-gradient(180deg,#FFF8FB 0%,#FFFFFF 40%);display:flex;flex-direction:column;margin-top:0;overflow-y:auto;overflow-x:hidden}.friends-header{display:flex;align-items:center;gap:10px;padding:24px;width:100%}.friends-title{font-family:var(--font-family, "M PLUS 1", sans-serif);font-weight:var(--text-page-title-weight, 600);font-size:var(--text-page-title-size, 20px);line-height:var(--line-height-default, 1.6);letter-spacing:var(--letter-spacing-default, .04em);color:var(--color-text-primary, #4A4A4A);margin:0;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friends-header-buttons{display:flex;align-items:center;gap:8px;flex-shrink:0}.add-friend-button{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 16px;background:var(--color-primary-light, #FFEEF7);border:1.5px solid rgba(255,80,173,.15);border-radius:var(--radius-button, 8px);cursor:pointer;transition:background .2s ease,border-color .2s ease,box-shadow .2s ease,transform .15s ease;flex-shrink:0;color:var(--color-primary, #FF50AD)}.add-friend-button:hover{background:#FFE4F2;border-color:#ff50ad4d;box-shadow:0 2px 8px #ff50ad1f}.add-friend-button:focus-visible{outline:2px solid var(--color-primary, #FF50AD);outline-offset:2px}.add-friend-button:active{background:#FFDAEC;transform:scale(.97);box-shadow:none}.add-friend-button .add-btn-icon{width:16px;height:16px;display:flex;align-items:center;justify-content:center}.add-friend-button span{font-family:var(--font-family, "M PLUS 1", sans-serif);font-weight:var(--text-button-weight, 700);font-size:var(--text-button-size, 14px);line-height:var(--text-button-line-height, 1);letter-spacing:var(--letter-spacing-default, .04em);color:inherit}.friends-search-section{display:flex;justify-content:center;width:100%}.friends-search-bar{display:flex;align-items:center;gap:8px;width:345px;max-width:calc(100% - 48px);padding:12px 16px;background:#F8F8F8;border:none;border-radius:10px}.friends-search-bar .search-icon{width:16px;height:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.friends-search-bar input{flex:1;border:none;background:transparent;outline:none;font-family:"M PLUS 1",sans-serif;font-weight:400;font-size:14px;line-height:1.5;letter-spacing:.04em;color:#4a4a4a}.friends-search-bar input::placeholder{color:#959595}.friends-content{display:flex;flex-direction:column;width:100%;flex:1;min-height:0}.friends-list{display:flex;flex-direction:column;width:100%;padding:16px 24px}.friend-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;margin-bottom:6px;background:linear-gradient(135deg,#FFFFFF 0%,#FFF5FA 100%);border:1px solid rgba(255,80,173,.08);border-radius:12px;cursor:pointer;transition:all .2s ease;opacity:0;transform:translateY(8px);animation:friendRowFadeIn .35s ease forwards}.friend-row:nth-child(1){animation-delay:0s}.friend-row:nth-child(2){animation-delay:.06s}.friend-row:nth-child(3){animation-delay:.12s}.friend-row:nth-child(4){animation-delay:.18s}.friend-row:nth-child(5){animation-delay:.24s}.friend-row:nth-child(6){animation-delay:.3s}.friend-row:nth-child(7){animation-delay:.36s}.friend-row:nth-child(8){animation-delay:.42s}.friend-row:nth-child(9){animation-delay:.48s}.friend-row:nth-child(10){animation-delay:.54s}@keyframes friendRowFadeIn{to{opacity:1;transform:translateY(0)}}.friend-row:hover{background:linear-gradient(135deg,#FFF0F7 0%,#FFE8F3 100%);border-color:#ff50ad2e;box-shadow:0 2px 8px #ff50ad14}.friend-row:active{background:linear-gradient(135deg,#FFE8F3 0%,#FFDCEC 100%);transform:scale(.99)}.friend-row-left{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.friend-row-avatar{position:relative;width:44px;height:44px;flex-shrink:0}.friend-row-avatar img{width:44px;height:44px;border-radius:50%;border:2px solid rgba(255,80,173,.12);object-fit:cover;transition:border-color .2s ease}.friend-row:hover .friend-row-avatar img{border-color:#ff50ad47}.friend-row-text{display:flex;flex-direction:column;gap:1px;min-width:0}.friend-row-name{font-family:"M PLUS 1",sans-serif;font-weight:800;font-size:15px;line-height:1.4;letter-spacing:.02em;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friend-row-id{font-family:"M PLUS 1",sans-serif;font-weight:300;font-size:11px;line-height:1.3;letter-spacing:.03em;color:#a0a0a0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friend-row-chevron{width:36px;height:36px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:silver;border-radius:8px;transition:all .2s ease}.friend-row:hover .friend-row-chevron{color:#ff50ad;background:rgba(255,80,173,.06)}.friends-empty{display:flex;align-items:center;justify-content:center;padding:40px 24px}.friends-empty p{font-family:"M PLUS 1",sans-serif;font-weight:400;font-size:14px;line-height:1.5;letter-spacing:.04em;color:#959595;text-align:center}.friends-error{padding:12px 24px;font-family:"M PLUS 1",sans-serif;font-size:14px;color:#ff50ad;text-align:center}@media (max-width: 360px){.friends-header{padding:20px 16px}.friends-header-buttons{gap:6px}.add-friend-button{padding:7px 12px;font-size:13px}.friends-search-bar{max-width:calc(100% - 32px)}.friends-list{padding:12px 16px}.friend-row{padding:8px 10px;gap:10px}.friend-row-avatar,.friend-row-avatar img{width:40px;height:40px}.friend-row-name{font-size:14px}.friend-row-id{font-size:10px}}.friend-chat-container{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;overflow:hidden}.friend-chat-back-button{position:absolute;top:60px;left:12px;z-index:10;background:rgba(255,255,255,.9);border:none;border-radius:8px;padding:8px 16px;cursor:pointer;display:flex;align-items:center;gap:8px;font-family:Inter,sans-serif;font-size:clamp(11px,3.56vw,14px);color:#364153;transition:all .2s ease}.friend-chat-back-button:hover{background:rgba(255,255,255,1);transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.friend-chat-back-button:active{transform:translateY(0)}.friend-chat-background{position:absolute;top:0;left:0;right:0;bottom:72px;background-size:130%;background-position:center;background-repeat:no-repeat;display:flex;flex-direction:column;align-items:center;justify-content:center}.friend-avatar-container{position:absolute;bottom:200px;width:256px;height:290.13px;display:flex;align-items:center;justify-content:center;z-index:0}.friend-avatar-image{width:100%;height:100%;object-fit:contain}.friend-avatar-container.has-messages{bottom:auto;top:80px}.friend-chat-action-buttons-right{position:absolute;top:60px;right:16px;z-index:100;display:flex;flex-direction:column;gap:8px;align-items:flex-end;pointer-events:auto;isolation:isolate}.friend-chat-request-button{display:flex;flex-direction:column;align-items:center;gap:2px;background:none;border:none;cursor:pointer;padding:0;width:48px;filter:drop-shadow(0px 2px 1px rgba(0,0,0,.25))}.friend-chat-request-button-circle{width:48px;height:48px;border-radius:50%;overflow:hidden;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(180deg,#FF50AD 0%,#C37BFF 100%) border-box;border:3px solid transparent;display:flex;align-items:center;justify-content:center}.friend-chat-request-button-image{width:42px;height:42px;object-fit:cover;border-radius:50%}.friend-chat-request-button-label{font-family:"M PLUS 1",sans-serif;font-weight:700;font-size:10px;line-height:1.5em;color:#ff50ad;-webkit-text-stroke:2px #FFFFFF;paint-order:stroke fill;text-align:center;white-space:nowrap}.friend-chat-request-button:active .friend-chat-request-button-circle{transform:scale(.95)}.friend-chat-content{position:absolute;top:70%;bottom:10px;left:12px;right:12px;background:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:40px 40px 14px 14px;box-shadow:0 0 20px #0000001a;display:flex;flex-direction:column;padding:24px 16px 16px;gap:16px;align-items:center;z-index:2;overflow:hidden;transition:top .4s ease}.friend-chat-content.has-messages{top:38%;overflow-x:hidden;overflow-y:auto}@media (max-width: 360px){.friend-chat-back-button{left:8px;padding:6px 12px}.friend-avatar-container{width:200px;height:226px}}@media (min-width: 361px) and (max-width: 480px){.friend-chat-back-button{left:10px;padding:7px 14px}.friend-avatar-container{width:220px;height:250px}}.chat-content{position:absolute;bottom:10px;left:12px;right:12px;height:auto;background:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:40px 40px 14px 14px;box-shadow:0 0 20px #0000001a;display:flex;flex-direction:column;padding:24px 16px 16px;gap:16px;align-items:center;z-index:2;overflow:hidden}.chat-input-container{display:flex;flex-direction:row;align-items:center;gap:8px;width:100%;align-self:stretch}.chat-input-field{flex:1;display:flex;flex-direction:row;align-items:flex-end;gap:8px;padding:8px 8px 8px 16px;background:#ffffff;border:1px solid rgba(51,51,51,.1);border-radius:30px;min-height:48px;max-height:136px;overflow-y:auto}.chat-input{flex:1;border:none;outline:none;background:transparent;font-family:"M PLUS 1",sans-serif;font-weight:400;font-size:16px;line-height:1.5em;letter-spacing:.04em;color:#333;min-height:32px;max-height:120px;resize:none;overflow-y:auto;word-wrap:break-word;white-space:pre-wrap}.chat-input::placeholder{color:#99a1af}.chat-mic-button{width:32px;height:32px;border-radius:100px;background:#ffffff;border:1px solid #ff50ad;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:all .2s ease}.chat-mic-button:hover:not(:disabled){background:#fce7f3;transform:scale(1.05)}.chat-mic-button:active:not(:disabled){transform:scale(.95)}.chat-mic-button.listening{background:#fce7f3;border-color:#f6339a;animation:chat-pulse 1.5s ease-in-out infinite}.chat-mic-button.stop{background:#fce7f3;border-color:#f6339a;color:#f6339a;animation:none}.chat-mic-button.send-mode{background:#ff50ad;border-color:#ff50ad;color:#fff}.chat-mic-button.send-mode:hover:not(:disabled){background:#e6469c;border-color:#e6469c}.chat-mic-button:disabled{opacity:.5;cursor:not-allowed}@keyframes chat-pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.chat-panel.has-messages{height:60%;max-height:60%}.chat-avatar{transition:top .4s ease,bottom .4s ease,width .4s ease,height .4s ease}.chat-avatar.has-messages{width:180px;height:204px}@media (max-width: 360px){.chat-avatar.has-messages{width:140px;height:158px}}@media (min-width: 361px) and (max-width: 480px){.chat-avatar.has-messages{width:154px;height:175px}}.chat-history{width:100%;flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:8px;padding:4px 0;min-height:0}.chat-history:before{content:"";flex:1 1 auto}.chat-message{padding:8px 12px;border-radius:12px;font-family:"M PLUS 1",sans-serif;font-size:14px;line-height:1.5;max-width:85%;word-break:break-word}.chat-message.user{background:#ffe4f0;color:#333;margin-left:auto;border-bottom-right-radius:4px}.chat-message.ai{background:#f0f0f0;color:#333;margin-right:auto;border-bottom-left-radius:4px}.chat-message.ai.error{background:#ffebee;color:#c62828;font-size:13px}.chat-welcome-card{background:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:16px;padding:20px;box-shadow:0 4px 6px -4px #0000001a,0 10px 15px -3px #0000001a;width:100%;text-align:center}.chat-welcome-main{font-family:"M PLUS 1",sans-serif;font-weight:700;font-size:clamp(14px,4.5vw,18px);line-height:1.5;color:#364153;white-space:pre-line}.chat-welcome-sub{font-family:"M PLUS 1",sans-serif;font-weight:400;font-size:clamp(12px,3.8vw,15px);line-height:1.5;color:#6a7282;margin-top:8px}.chat-thinking{display:none;align-items:center;justify-content:center;gap:8px;padding:0;min-height:0;width:100%;pointer-events:none;transition:min-height .2s ease,padding .2s ease}.chat-thinking.visible{display:flex;padding:12px 20px;min-height:44px;background:linear-gradient(135deg,rgba(255,80,173,.1) 0%,rgba(195,123,255,.1) 100%);border-radius:20px}.chat-thinking-text{font-family:"M PLUS 1",sans-serif;font-weight:500;font-size:clamp(11px,3.56vw,14px);line-height:1.5em;letter-spacing:.04em;color:#ff50ad}.chat-thinking-dots{display:flex;gap:4px}.chat-thinking-dots span{width:6px;height:6px;border-radius:50%;background:#ff50ad;animation:chat-thinking-bounce 1.4s infinite ease-in-out both}.chat-thinking-dots span:nth-child(1){animation-delay:-.32s}.chat-thinking-dots span:nth-child(2){animation-delay:-.16s}.chat-thinking-dots span:nth-child(3){animation-delay:0s}@keyframes chat-thinking-bounce{0%,80%,to{transform:scale(.6);opacity:.5}40%{transform:scale(1);opacity:1}}.secret-room-container{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;overflow:hidden;background:#FFFFFF}.secret-room-level-card{position:absolute;top:16px;left:50%;transform:translate(-50%);z-index:10;width:calc(100% - 24px);max-width:361px;min-height:70px;background:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:16px;padding:8px 16px 16px;box-shadow:0 4px 6px -4px #0000001a,0 10px 15px -3px #0000001a;display:flex;flex-direction:column;gap:4px}.secret-room-level-card .level-info{display:flex;justify-content:space-between;align-items:center;width:100%}.secret-room-level-card .level-header{display:flex;align-items:center;gap:4px}.secret-room-level-card .level-text{font-family:Inter,sans-serif;font-weight:400;font-size:clamp(11px,3.56vw,14px);line-height:1.5;letter-spacing:.04em;color:#333}.secret-room-level-card .level-number{font-family:Inter,sans-serif;font-weight:700;font-size:clamp(12px,4.07vw,16px);line-height:1.5;letter-spacing:.04em;color:#ff50ad}.secret-room-level-card .exp-text{font-family:Inter,sans-serif;font-weight:400;font-size:clamp(9px,3.05vw,12px);line-height:1.5;letter-spacing:.04em;color:#6a7282;text-align:right}.secret-room-level-card .exp-bar{width:100%;height:8px;background:rgba(51,51,51,.2);border-radius:100px;overflow:hidden}.secret-room-level-card .exp-progress{width:0%;height:100%;background:linear-gradient(90deg,#FF50AD 0%,#C37BFF 100%);border-radius:100px;transition:width .3s ease}.secret-room-background{position:absolute;top:0;left:0;right:0;bottom:0;background-size:cover;background-position:center;background-repeat:no-repeat;display:flex;flex-direction:column;align-items:center;justify-content:center}.secret-room-character-container{position:absolute;top:133.73px;left:50%;transform:translate(-50%);width:256px;height:290.13px;display:flex;align-items:center;justify-content:center;z-index:1}.secret-room-character-container.has-messages{top:70px}.secret-room-character-image{width:100%;height:100%;object-fit:contain}.secret-room-container.chat-active .secret-room-level-card{display:none}.secret-room-action-buttons-left{position:absolute;top:93px;left:16px;z-index:100;pointer-events:auto;isolation:isolate}.secret-room-feedback-icon{width:50px;height:55px;object-fit:contain;cursor:pointer;flex-shrink:0;pointer-events:auto}.secret-room-action-buttons-right{position:absolute;top:93px;right:16px;display:flex;flex-direction:column;gap:8px;align-items:flex-end;z-index:100;pointer-events:auto;isolation:isolate}.secret-room-mission-icon,.secret-room-back-icon{width:50px;height:55px;object-fit:contain;cursor:pointer;flex-shrink:0;pointer-events:auto}.secret-room-content{position:absolute;bottom:0;left:0;right:0;top:65%;width:100%;min-height:120px;background:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:40px 40px 0 0;box-shadow:0 0 20px #0000001a;display:flex;flex-direction:column;align-items:center;gap:16px;padding:24px 16px 16px;z-index:10;overflow:hidden}@supports selector(:has(*)){.secret-room-content{transition:top .4s ease}.secret-room-content:has(.chat-history){top:40%;overflow-x:hidden;overflow-y:auto}.secret-room-content:has(.chat-welcome-card) .chat-input-container{margin-top:auto}}.secret-room-history{width:100%;flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:8px;padding:4px 0;min-height:0}.secret-room-history:before{content:"";flex:1 1 auto}.secret-room-message{padding:8px 12px;border-radius:12px;font-family:"M PLUS 1",sans-serif;font-size:14px;line-height:1.5;max-width:85%;word-break:break-word}.secret-room-message.user{background:#FFE4F0;color:#333;margin-left:auto;border-bottom-right-radius:4px}.secret-room-message.ai{background:#F0F0F0;color:#333;margin-right:auto;border-bottom-left-radius:4px}.secret-room-message.ai.error{background:#FFEBEE;color:#c62828;font-size:13px}@keyframes secretRoomFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.secret-room-content .chat-welcome-card{animation:secretRoomFadeIn .5s ease-in}.secret-room-plus-button{width:48px;height:48px;border-radius:100px;background:rgba(255,80,173,.1);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:all .2s ease}.secret-room-plus-button:hover{background:rgba(255,80,173,.2)}@media (max-width: 360px){.secret-room-level-card{top:12px;left:50%;transform:translate(-50%);width:calc(100% - 16px);padding:6px 12px 12px}.secret-room-content{padding:16px 16px 24px;gap:16px}.secret-room-character-container{width:200px;height:226px;top:120px;left:50%;transform:translate(-50%)}.secret-room-character-container.has-messages{top:60px}.secret-room-action-buttons-left{top:85px;left:12px}.secret-room-action-buttons-right{top:85px;right:12px}.secret-room-feedback-icon,.secret-room-mission-icon,.secret-room-back-icon{width:45px;height:50px}.secret-room-thinking{max-width:calc(100% - 32px)}}@media (min-width: 361px) and (max-width: 480px){.secret-room-level-card{top:14px;left:50%;transform:translate(-50%);width:calc(100% - 20px);padding:7px 14px 14px}.secret-room-character-container{width:220px;height:250px;top:130px;left:50%;transform:translate(-50%)}.secret-room-character-container.has-messages{top:66px}.secret-room-action-buttons-left{top:90px;left:14px}.secret-room-action-buttons-right{top:90px;right:14px}.secret-room-feedback-icon,.secret-room-mission-icon,.secret-room-back-icon{width:48px;height:53px}.secret-room-thinking{max-width:calc(100% - 40px)}}.secret-room-plus-button:disabled{opacity:.5;cursor:not-allowed}.secret-room-plus-button.uploading{opacity:1}.secret-room-upload-spinner{width:20px;height:20px;border:2px solid rgba(255,80,173,.2);border-top-color:#ff50ad;border-radius:50%;animation:uploadSpin .8s linear infinite}@keyframes uploadSpin{to{transform:rotate(360deg)}}.secret-room-upload-error-message{position:fixed;bottom:320px;left:50%;transform:translate(-50%);background:#ef4444;color:#fff;padding:12px 40px 12px 16px;border-radius:8px;font-family:"M PLUS 1",sans-serif;font-size:clamp(11px,3.56vw,14px);line-height:1.5;box-shadow:0 4px 12px #ef44444d;z-index:1000;max-width:90%;text-align:center;animation:slideUp .3s ease-out}.secret-room-upload-error-close{position:absolute;top:50%;right:12px;transform:translateY(-50%);background:transparent;border:none;color:#fff;font-size:clamp(14px,4.58vw,18px);cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;opacity:.8;transition:opacity .2s ease}.secret-room-upload-error-close:hover{opacity:1}@keyframes slideUp{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.secret-room-upload-success-toast{position:fixed;bottom:280px;left:50%;transform:translate(-50%);z-index:1000;background:#84cc16;color:#fff;padding:8px 16px;border-radius:20px;display:flex;align-items:center;gap:6px;font-family:"M PLUS 1",sans-serif;font-weight:500;font-size:clamp(10px,3.31vw,13px);box-shadow:0 2px 8px #84cc164d;animation:toastSlideUp .3s ease-out}.secret-room-upload-success-toast svg{width:16px;height:16px;color:#fff}.self-analysis{width:100%;min-height:100%;background:linear-gradient(180deg,rgba(254,240,249,1) 0%,rgba(245,234,255,1) 100%);overflow-y:auto;padding-bottom:100px}.self-analysis-header{display:flex;justify-content:space-between;align-items:flex-start;padding:16px 24px;position:relative}.header-title-section{display:flex;flex-direction:column;gap:0}.header-title{font-family:"M PLUS 1",sans-serif;font-weight:700;font-size:clamp(15px,5.09vw,20px);line-height:1.5;letter-spacing:.04em;color:#000;margin:0}.header-subtitle{font-family:"M PLUS 1",sans-serif;font-weight:400;font-size:clamp(11px,3.56vw,14px);line-height:1.5;letter-spacing:.04em;color:#000;margin:0}.share-icon-button{width:48px;height:48px;border-radius:100px;background:rgba(255,80,173,.1);border:1px solid #FFFFFF;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:#ff50ad}.share-icon-button:hover{background:rgba(255,80,173,.2)}.share-menu{position:absolute;top:70px;right:24px;background:#FFFFFF;border-radius:12px;box-shadow:0 4px 20px #00000026;padding:8px;z-index:100;min-width:160px}.share-menu-item{display:flex;align-items:center;gap:8px;width:100%;padding:12px 16px;border:none;background:transparent;font-family:"M PLUS 1",sans-serif;font-size:clamp(11px,3.56vw,14px);color:#333;cursor:pointer;border-radius:8px;transition:background .2s ease}.share-menu-item:hover{background:rgba(255,80,173,.1)}.share-icon-x{font-weight:700;font-size:clamp(12px,4.07vw,16px)}.share-icon-line{font-weight:700;font-size:clamp(9px,3.05vw,12px);background:#06C755;color:#fff;padding:2px 4px;border-radius:4px}.analyst-badge{display:flex;align-items:center;gap:12px;padding:0 24px;margin-bottom:16px}.analyst-badge-bar{width:4px;height:80px;background:#FF50AD;border-radius:10px;flex-shrink:0}.analyst-badge-content{display:flex;flex-direction:column;gap:4px}.analyst-label{font-family:"M PLUS 1",sans-serif;font-weight:700;font-size:clamp(9px,3.05vw,12px);line-height:1.5;letter-spacing:.04em;color:#a2a2a2}.analyst-name{font-family:"M PLUS 1",sans-serif;font-weight:700;font-size:clamp(15px,5.09vw,20px);line-height:1.5;letter-spacing:.04em;color:#333}.analyst-level{font-family:"M PLUS 1",sans-serif;font-weight:700;font-size:clamp(9px,3.05vw,12px);line-height:1.5;letter-spacing:.04em;color:#333}.self-analysis-character{display:flex;justify-content:center;align-items:center;padding:0 24px;margin-bottom:24px}.self-analysis-character .character-image{width:240px;height:275px;object-fit:contain}.self-analysis-content{display:flex;flex-direction:column;gap:40px;padding:40px 24px;background:linear-gradient(180deg,rgba(254,240,249,1) 0%,rgba(245,234,255,1) 100%);border-radius:40px 40px 0 0;box-shadow:0 0 40px #0000001a}.analysis-section{display:flex;flex-direction:column;gap:8px}.section-title{font-family:"M PLUS 1",sans-serif;font-weight:700;font-size:clamp(12px,4.07vw,16px);line-height:1.5;letter-spacing:.04em;color:#333;margin:0}.catchcopy-card{background:#FFFFFF;border-radius:20px;padding:24px;display:flex;flex-direction:column;gap:4px}.catchcopy-title{font-family:"M PLUS 1",sans-serif;font-weight:700;font-size:clamp(12px,4.07vw,16px);line-height:1.5;letter-spacing:.04em;color:#ff50ad;margin:0}.catchcopy-description{font-family:"M PLUS 1",sans-serif;font-weight:400;font-size:clamp(11px,3.56vw,14px);line-height:1.6;letter-spacing:.04em;color:#000;margin:0}.balance-card{background:#FFFFFF;border-radius:20px;padding:24px;display:flex;flex-direction:column;gap:16px}.balance-slider-container{display:flex;flex-direction:column;gap:8px}.balance-slider-label{font-family:"M PLUS 1",sans-serif;font-weight:700;font-size:clamp(11px,3.56vw,14px);line-height:1.5;letter-spacing:.04em;color:#000}.balance-slider-track-container{display:flex;flex-direction:column;gap:4px}.balance-slider-track{position:relative;width:100%;height:12px;background:rgba(51,51,51,.1);border-radius:100px;overflow:visible}.balance-slider-fill{position:absolute;left:0;top:0;height:100%;background:linear-gradient(90deg,#FF50AD 0%,#C37BFF 100%);border-radius:100px;transition:width .3s ease}.balance-slider-thumb{position:absolute;top:50%;transform:translate(-50%,-50%);width:24px;height:20px;background:#74B9F9;border:2px solid #FFFFFF;border-radius:50%;box-shadow:0 2px 4px #0003;transition:left .3s ease}.balance-slider-labels{display:flex;justify-content:space-between;align-items:center}.balance-label-left,.balance-label-right{font-family:"M PLUS 1",sans-serif;font-weight:700;font-size:clamp(9px,3.05vw,12px);line-height:1.5;letter-spacing:.04em}.balance-label-left{color:#ff50ad}.balance-label-right{color:#c37bff}.personality-card{background:#FFFFFF;border-radius:20px;padding:24px;display:flex;flex-direction:column;gap:16px}.personality-item{display:flex;flex-direction:column;gap:4px}.personality-item-title{font-family:"M PLUS 1",sans-serif;font-weight:700;font-size:clamp(12px,4.07vw,16px);line-height:1.5;letter-spacing:.04em;color:#ff50ad;margin:0}.personality-item-description{font-family:"M PLUS 1",sans-serif;font-weight:400;font-size:clamp(11px,3.56vw,14px);line-height:1.6;letter-spacing:.04em;color:#000;margin:0}.interests-card{background:#FFFFFF;border-radius:20px;padding:24px;display:flex;flex-direction:column;gap:16px}.interest-item{display:flex;flex-direction:column;gap:4px}.interest-item-title{font-family:"M PLUS 1",sans-serif;font-weight:700;font-size:clamp(12px,4.07vw,16px);line-height:1.5;letter-spacing:.04em;color:#ff50ad;margin:0}.interest-item-description{font-family:"M PLUS 1",sans-serif;font-weight:400;font-size:clamp(11px,3.56vw,14px);line-height:1.6;letter-spacing:.04em;color:#000;margin:0}.manual-card{background:#FFFFFF;border-radius:20px;padding:24px;display:flex;flex-direction:column;gap:16px}.manual-item{display:flex;flex-direction:column;gap:4px}.manual-item-title{font-family:"M PLUS 1",sans-serif;font-weight:700;font-size:clamp(12px,4.07vw,16px);line-height:1.5;letter-spacing:.04em;color:#ff50ad;margin:0}.manual-item-description{font-family:"M PLUS 1",sans-serif;font-weight:400;font-size:clamp(11px,3.56vw,14px);line-height:1.6;letter-spacing:.04em;color:#000;margin:0}.share-button{display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 24px;height:48px;background:#FF50AD;border:none;border-radius:16px;cursor:pointer;transition:all .2s ease;font-family:"M PLUS 1",sans-serif;font-weight:700;font-size:clamp(12px,4.07vw,16px);line-height:1.5;letter-spacing:.04em;color:#fff;align-self:center}.share-button span{color:#fff!important}.share-button:hover{background:#E8479A}.share-button-icon{width:24px;height:24px;color:#fff}.self-analysis-start{display:flex;justify-content:center;padding:0 24px;margin-bottom:24px}.start-analysis-button{padding:12px 24px;border-radius:16px;font-family:"M PLUS 1",sans-serif;font-weight:700;font-size:clamp(12px,4.07vw,16px);cursor:pointer;transition:all .2s ease;border:none;background:#FF50AD;color:#fff;min-width:200px}.start-analysis-button:hover:not(:disabled){background:#E8479A}.start-analysis-button:disabled{opacity:.6;cursor:not-allowed}.self-analysis-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:40px 20px}.loading-spinner{width:48px;height:48px;border:4px solid rgba(255,80,173,.2);border-top-color:#ff50ad;border-radius:50%;animation:spin 1s linear infinite}.loading-text{font-family:"M PLUS 1",sans-serif;font-weight:400;font-size:clamp(11px,3.56vw,14px);line-height:1.43;color:#333;margin:0}.self-analysis-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;background:rgba(239,68,68,.1);border-radius:12px;border:1px solid rgba(239,68,68,.3);margin:0 24px 24px}.error-text{font-family:"M PLUS 1",sans-serif;font-weight:400;font-size:clamp(11px,3.56vw,14px);line-height:1.43;color:#dc2626;margin:0;text-align:center}@media (max-width: 360px){.self-analysis-header{padding:12px 16px}.analyst-badge{padding:0 16px}.self-analysis-character .character-image{width:200px;height:230px}.self-analysis-content{padding:32px 16px;gap:32px}.catchcopy-card,.balance-card,.personality-card,.interests-card,.manual-card{padding:20px}.share-button{padding:8px 16px}}@media (min-width: 361px) and (max-width: 480px){.self-analysis-header{padding:14px 20px}.analyst-badge{padding:0 20px}.self-analysis-character .character-image{width:220px;height:252px}.self-analysis-content{padding:36px 20px;gap:36px}}.regenerate-button{display:flex;align-items:center;justify-content:center;padding:8px 24px;height:48px;background:transparent;border:2px solid #FF50AD;border-radius:16px;cursor:pointer;transition:all .2s ease;font-family:"M PLUS 1",sans-serif;font-weight:700;font-size:clamp(12px,4.07vw,16px);line-height:1.5;letter-spacing:.04em;color:#ff50ad;align-self:center;margin-top:16px}.regenerate-button:hover:not(:disabled){background:rgba(255,80,173,.1)}.regenerate-button:disabled{opacity:.6;cursor:not-allowed}.signup-complete-toast{position:absolute;top:11.34px;left:50%;transform:translate(-50%);z-index:3000;animation:slideDown .3s ease-out;max-width:calc(100% - 32px);width:600px}@keyframes slideDown{0%{transform:translate(-50%) translateY(-20px);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}.signup-complete-content{background:#ffffff;border-radius:12px;padding:16px 20px;display:flex;align-items:center;gap:12px;box-shadow:0 4px 12px #00000026;border:1px solid #e5e7eb}.signup-complete-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.signup-complete-text{flex:1}.signup-complete-message{font-family:Inter,sans-serif;font-weight:500;font-size:clamp(11px,3.56vw,14px);line-height:1.5;color:#0a0a0a;margin:0}@media (max-width: 480px){.signup-complete-toast{width:calc(100% - 32px)}}.mbti-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--color-overlay);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);z-index:1000;opacity:0;transition:opacity .3s ease-out}.mbti-modal-overlay--active{opacity:1}.mbti-modal-content{position:fixed;bottom:0;left:50%;transform:translate(-50%) translateY(100%);width:393px;max-width:100%;height:658px;max-height:calc(100vh - 100px);background:var(--color-bg-white);border-radius:var(--radius-modal) var(--radius-modal) 0 0;box-shadow:var(--shadow-modal);display:flex;flex-direction:column;padding:40px 24px 0;transition:transform .3s ease-out}.mbti-modal-content--active{transform:translate(-50%) translateY(0)}.mbti-modal-overlay:not(.mbti-modal-overlay--active){transition:opacity .2s ease-in}.mbti-modal-overlay:not(.mbti-modal-overlay--active) .mbti-modal-content{transition:transform .2s ease-in}.mbti-modal-title{font-family:var(--font-family);font-size:20px;font-weight:700;color:var(--color-text-primary);letter-spacing:var(--letter-spacing-default);line-height:1.5;margin:0 0 24px;text-align:center;flex-shrink:0}.mbti-modal-list{display:flex;flex-wrap:wrap;gap:8px;overflow-y:auto;flex:1;min-height:0;padding-right:4px;align-content:flex-start}.mbti-type-radio-input{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.mbti-type-item{display:flex;flex-direction:row;align-items:center;gap:8px;padding:12px 16px;background:var(--color-bg-white);border:1px solid var(--color-border);border-radius:8px;cursor:pointer;transition:border-color .15s ease,background .15s ease}.mbti-type-item:hover{border-color:#44444440}.mbti-type-radio-circle{width:16px;height:16px;border-radius:50%;border:2px solid rgba(68,68,68,.2);background:var(--color-bg-white);flex-shrink:0;transition:border-color .15s ease,background .15s ease;box-sizing:border-box}.mbti-type-label{font-family:var(--font-family);font-weight:700;font-size:14px;color:var(--color-text-primary);letter-spacing:var(--letter-spacing-default);line-height:1.6;white-space:nowrap}.mbti-type-item--selected{border-color:var(--color-primary);background:var(--color-primary-light)}.mbti-type-item--selected .mbti-type-radio-circle{border-color:var(--color-primary);background:var(--color-primary);box-shadow:inset 0 0 0 3px var(--color-bg-white)}.mbti-modal-error{font-family:var(--font-family);font-size:13px;color:#ef4444;text-align:center;margin:0;flex-shrink:0}.mbti-modal-actions{display:flex;flex-direction:column;gap:8px;padding:24px 0;flex-shrink:0}.mbti-modal-save-button{width:100%;height:48px;border:none;border-radius:16px;background:var(--color-primary);font-family:var(--font-family);font-weight:700;font-size:16px;color:var(--color-bg-white);cursor:pointer;transition:opacity .2s ease}.mbti-modal-save-button:hover:not(:disabled){opacity:.9}.mbti-modal-save-button:disabled{opacity:.5;cursor:not-allowed}.mbti-modal-cancel-button{width:100%;height:48px;border:none;border-radius:16px;background:transparent;font-family:var(--font-family);font-weight:700;font-size:16px;color:var(--color-primary);cursor:pointer;transition:background .2s ease}.mbti-modal-cancel-button:hover:not(:disabled){background:rgba(255,80,173,.05)}@media (max-width: 393px){.mbti-modal-content{width:100%}}@media (max-height: 700px){.mbti-modal-content{height:calc(100vh - 60px);max-height:calc(100vh - 60px);padding:24px 16px 0}}@keyframes marching-ants{0%{background-position:0 0,0 100%,0 0,100% 0}to{background-position:20px 0,-20px 100%,0 -20px,100% 20px}}:root{--rc-drag-handle-size: 12px;--rc-drag-handle-mobile-size: 24px;--rc-drag-handle-bg-colour: rgba(0, 0, 0, .2);--rc-drag-bar-size: 6px;--rc-border-color: rgba(255, 255, 255, .7);--rc-focus-color: #0088ff}.ReactCrop{position:relative;display:inline-block;cursor:crosshair;max-width:100%}.ReactCrop *,.ReactCrop *:before,.ReactCrop *:after{box-sizing:border-box}.ReactCrop--disabled,.ReactCrop--locked{cursor:inherit}.ReactCrop__child-wrapper{overflow:hidden;max-height:inherit}.ReactCrop__child-wrapper>img,.ReactCrop__child-wrapper>video{display:block;max-width:100%;max-height:inherit}.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>img,.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>video{touch-action:none}.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__crop-selection{touch-action:none}.ReactCrop__crop-mask{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;width:calc(100% + .5px);height:calc(100% + .5px)}.ReactCrop__crop-selection{position:absolute;top:0;left:0;transform:translateZ(0);cursor:move}.ReactCrop--disabled .ReactCrop__crop-selection{cursor:inherit}.ReactCrop--circular-crop .ReactCrop__crop-selection{border-radius:50%}.ReactCrop--circular-crop .ReactCrop__crop-selection:after{pointer-events:none;content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border:1px solid var(--rc-border-color);opacity:.3}.ReactCrop--no-animate .ReactCrop__crop-selection{outline:1px dashed white}.ReactCrop__crop-selection:not(.ReactCrop--no-animate .ReactCrop__crop-selection){animation:marching-ants 1s;background-image:linear-gradient(to right,#fff 50%,#444 50%),linear-gradient(to right,#fff 50%,#444 50%),linear-gradient(to bottom,#fff 50%,#444 50%),linear-gradient(to bottom,#fff 50%,#444 50%);background-size:10px 1px,10px 1px,1px 10px,1px 10px;background-position:0 0,0 100%,0 0,100% 0;background-repeat:repeat-x,repeat-x,repeat-y,repeat-y;color:#fff;animation-play-state:running;animation-timing-function:linear;animation-iteration-count:infinite}.ReactCrop__crop-selection:focus{outline:2px solid var(--rc-focus-color);outline-offset:-1px}.ReactCrop--invisible-crop .ReactCrop__crop-mask,.ReactCrop--invisible-crop .ReactCrop__crop-selection{display:none}.ReactCrop__rule-of-thirds-vt:before,.ReactCrop__rule-of-thirds-vt:after,.ReactCrop__rule-of-thirds-hz:before,.ReactCrop__rule-of-thirds-hz:after{content:"";display:block;position:absolute;background-color:#fff6}.ReactCrop__rule-of-thirds-vt:before,.ReactCrop__rule-of-thirds-vt:after{width:1px;height:100%}.ReactCrop__rule-of-thirds-vt:before{left:33.3333333333%}.ReactCrop__rule-of-thirds-vt:after{left:66.6666666667%}.ReactCrop__rule-of-thirds-hz:before,.ReactCrop__rule-of-thirds-hz:after{width:100%;height:1px}.ReactCrop__rule-of-thirds-hz:before{top:33.3333333333%}.ReactCrop__rule-of-thirds-hz:after{top:66.6666666667%}.ReactCrop__drag-handle{position:absolute;width:var(--rc-drag-handle-size);height:var(--rc-drag-handle-size);background-color:var(--rc-drag-handle-bg-colour);border:1px solid var(--rc-border-color)}.ReactCrop__drag-handle:focus{background:var(--rc-focus-color)}.ReactCrop .ord-nw{top:0;left:0;transform:translate(-50%,-50%);cursor:nw-resize}.ReactCrop .ord-n{top:0;left:50%;transform:translate(-50%,-50%);cursor:n-resize}.ReactCrop .ord-ne{top:0;right:0;transform:translate(50%,-50%);cursor:ne-resize}.ReactCrop .ord-e{top:50%;right:0;transform:translate(50%,-50%);cursor:e-resize}.ReactCrop .ord-se{bottom:0;right:0;transform:translate(50%,50%);cursor:se-resize}.ReactCrop .ord-s{bottom:0;left:50%;transform:translate(-50%,50%);cursor:s-resize}.ReactCrop .ord-sw{bottom:0;left:0;transform:translate(-50%,50%);cursor:sw-resize}.ReactCrop .ord-w{top:50%;left:0;transform:translate(-50%,-50%);cursor:w-resize}.ReactCrop__disabled .ReactCrop__drag-handle{cursor:inherit}.ReactCrop__drag-bar{position:absolute}.ReactCrop__drag-bar.ord-n{top:0;left:0;width:100%;height:var(--rc-drag-bar-size);transform:translateY(-50%)}.ReactCrop__drag-bar.ord-e{right:0;top:0;width:var(--rc-drag-bar-size);height:100%;transform:translate(50%)}.ReactCrop__drag-bar.ord-s{bottom:0;left:0;width:100%;height:var(--rc-drag-bar-size);transform:translateY(50%)}.ReactCrop__drag-bar.ord-w{top:0;left:0;width:var(--rc-drag-bar-size);height:100%;transform:translate(-50%)}.ReactCrop--new-crop .ReactCrop__drag-bar,.ReactCrop--new-crop .ReactCrop__drag-handle,.ReactCrop--fixed-aspect .ReactCrop__drag-bar,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-n,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-e,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-s,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-w{display:none}@media (pointer: coarse){.ReactCrop .ord-n,.ReactCrop .ord-e,.ReactCrop .ord-s,.ReactCrop .ord-w{display:none}.ReactCrop__drag-handle{width:var(--rc-drag-handle-mobile-size);height:var(--rc-drag-handle-mobile-size)}}.image-crop-container{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;flex-direction:column;align-items:center;justify-content:flex-end;z-index:3000;animation:image-crop-fade-in .2s ease}.image-crop-content{background:#ffffff;border-radius:40px 40px 0 0;padding:40px 24px 24px;width:100%;max-width:393px;height:calc(100vh - 80px);display:flex;flex-direction:column;gap:24px;overflow-y:auto;box-sizing:border-box;animation:image-crop-slide-up .3s cubic-bezier(.4,0,.2,1)}.image-crop-title{font-family:"M PLUS 1",Inter,sans-serif;font-size:20px;font-weight:600;line-height:1.5;color:#4a4a4a;margin:0;text-align:center}.image-crop-description{font-family:"M PLUS 1",Inter,sans-serif;font-size:14px;font-weight:400;line-height:1.5;color:#4a4a4a;margin:0;text-align:center}.image-crop-wrapper{display:flex;justify-content:center;align-items:center;min-height:200px;flex:1}.image-crop-actions{display:flex;justify-content:space-between;align-items:center;margin-top:auto}.image-crop-skip-button,.image-crop-complete-button{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;padding:0;border-radius:50%;border:none;cursor:pointer;transition:all .2s ease;flex-shrink:0}.image-crop-skip-button{background:#FFEEF7;color:#ff50ad}.image-crop-skip-button:hover{background:#FFD9EC}.image-crop-complete-button{background:#FF50AD;color:#fff}.image-crop-complete-button:hover:not(:disabled){background:#E60076}.image-crop-complete-button:disabled{background:#F9F9F9;color:#bdbdbd;cursor:not-allowed}.image-crop-skip-icon,.image-crop-complete-icon{display:block}.ReactCrop{max-width:100%;overflow:hidden}.ReactCrop__crop-selection{border:2px dashed #FF50AD;border-image:none;box-shadow:0 0 0 9999em #0003}.ReactCrop__drag-handle{width:12px;height:12px;background:#FF50AD;border:none;border-radius:50%;box-shadow:0 1px 3px #00000026}.ReactCrop__drag-handle:after{display:none}.ReactCrop__drag-handle.ord-nw{top:0;left:0;margin-top:-6px;margin-left:-6px}.ReactCrop__drag-handle.ord-ne{top:0;right:0;margin-top:-6px;margin-right:-6px}.ReactCrop__drag-handle.ord-sw{bottom:0;left:0;margin-bottom:-6px;margin-left:-6px}.ReactCrop__drag-handle.ord-se{bottom:0;right:0;margin-bottom:-6px;margin-right:-6px}.ReactCrop__drag-handle.ord-n,.ReactCrop__drag-handle.ord-e,.ReactCrop__drag-handle.ord-s,.ReactCrop__drag-handle.ord-w{display:none}@keyframes image-crop-fade-in{0%{opacity:0}to{opacity:1}}@keyframes image-crop-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.settings-page{width:100%;height:100%;min-height:100%;display:flex;flex-direction:column;align-items:center;padding:20px;background:#FFFFFF;overflow-y:auto;overflow-x:hidden}.settings-container{width:100%;max-width:361px;display:flex;flex-direction:column;gap:24px}.settings-title{font-family:Inter,sans-serif;font-weight:500;font-size:clamp(14px,4.58vw,18px);line-height:1.56;letter-spacing:-.024em;color:#0a0a0a;margin:0;text-align:center}.settings-section{display:flex;flex-direction:column;gap:12px}.settings-section-title{font-family:Inter,sans-serif;font-weight:500;font-size:clamp(12px,4.07vw,16px);line-height:1.5;letter-spacing:-.02em;color:#364153;margin:0}.account-info-button{width:100%;padding:12px 24px;background:linear-gradient(90deg,rgba(251,100,182,1) 0%,rgba(194,122,255,1) 100%);border:none;border-radius:8px;font-family:Inter,sans-serif;font-weight:500;font-size:clamp(12px,4.07vw,16px);line-height:1.5;color:#fff;cursor:pointer;transition:opacity .2s ease,transform .1s ease;box-shadow:0 1px 2px -1px #0000001a,0 1px 3px #0000001a}.account-info-button:hover{opacity:.9;transform:translateY(-1px)}.account-info-button:active{transform:translateY(0);opacity:.8}.account-info-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.bunbun-generate-button{width:100%;padding:12px 24px;background:linear-gradient(90deg,rgba(251,100,182,1) 0%,rgba(194,122,255,1) 100%);border:none;border-radius:8px;font-family:Inter,sans-serif;font-weight:500;font-size:clamp(12px,4.07vw,16px);line-height:1.5;color:#fff;cursor:pointer;transition:opacity .2s ease,transform .1s ease;box-shadow:0 1px 2px -1px #0000001a,0 1px 3px #0000001a}.bunbun-generate-button:hover{opacity:.9;transform:translateY(-1px)}.bunbun-generate-button:active{transform:translateY(0);opacity:.8}.bunbun-generate-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.contact-button{width:100%;padding:12px 24px;background:linear-gradient(90deg,rgba(251,100,182,1) 0%,rgba(194,122,255,1) 100%);border:none;border-radius:8px;font-family:Inter,sans-serif;font-weight:500;font-size:clamp(12px,4.07vw,16px);line-height:1.5;color:#fff;cursor:pointer;transition:opacity .2s ease,transform .1s ease;box-shadow:0 1px 2px -1px #0000001a,0 1px 3px #0000001a}.contact-button:hover{opacity:.9;transform:translateY(-1px)}.contact-button:active{transform:translateY(0);opacity:.8}.contact-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.legal-info-button{width:100%;padding:12px 24px;background:linear-gradient(90deg,rgba(251,100,182,1) 0%,rgba(194,122,255,1) 100%);border:none;border-radius:8px;font-family:Inter,sans-serif;font-weight:500;font-size:clamp(12px,4.07vw,16px);line-height:1.5;color:#fff;cursor:pointer;transition:opacity .2s ease,transform .1s ease;box-shadow:0 1px 2px -1px #0000001a,0 1px 3px #0000001a}.legal-info-button:hover{opacity:.9;transform:translateY(-1px)}.legal-info-button:active{transform:translateY(0);opacity:.8}.legal-info-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.mute-toggle-row{display:flex;align-items:center;justify-content:space-between;width:100%;padding:12px 24px;background:#FFFFFF;border:1px solid #E5E7EB;border-radius:8px;cursor:pointer;transition:background .2s ease}.mute-toggle-row:hover{background:#F9FAFB}.mute-toggle-label{font-family:Inter,sans-serif;font-weight:500;font-size:clamp(12px,4.07vw,16px);line-height:1.5;color:#364153}.mute-toggle-switch{width:44px;height:24px;border-radius:12px;background:#D1D5DB;position:relative;transition:background .2s ease;flex-shrink:0}.mute-toggle-switch.active{background:#FF50AD}.mute-toggle-thumb{width:20px;height:20px;border-radius:50%;background:#FFFFFF;position:absolute;top:2px;left:2px;transition:transform .2s ease;box-shadow:0 1px 3px #00000026}.mute-toggle-switch.active .mute-toggle-thumb{transform:translate(20px)}.settings-file-input{display:none}.avatar-image-adjust-button{width:100%;padding:12px 24px;background:linear-gradient(90deg,rgba(251,100,182,1) 0%,rgba(194,122,255,1) 100%);border:none;border-radius:8px;font-family:Inter,sans-serif;font-weight:500;font-size:clamp(12px,4.07vw,16px);line-height:1.5;color:#fff;cursor:pointer;transition:opacity .2s ease,transform .1s ease;box-shadow:0 1px 2px -1px #0000001a,0 1px 3px #0000001a}.avatar-image-adjust-button:hover{opacity:.9;transform:translateY(-1px)}.avatar-image-adjust-button:active{transform:translateY(0);opacity:.8}.avatar-image-adjust-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.exp-adjust-button{width:100%;padding:12px 24px;background:linear-gradient(90deg,rgba(251,100,182,1) 0%,rgba(194,122,255,1) 100%);border:none;border-radius:8px;font-family:Inter,sans-serif;font-weight:500;font-size:clamp(12px,4.07vw,16px);line-height:1.5;color:#fff;cursor:pointer;transition:opacity .2s ease,transform .1s ease;box-shadow:0 1px 2px -1px #0000001a,0 1px 3px #0000001a}.exp-adjust-button:hover{opacity:.9;transform:translateY(-1px)}.exp-adjust-button:active{transform:translateY(0);opacity:.8}.exp-adjust-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.minigame-button{width:100%;padding:12px 24px;background:linear-gradient(90deg,rgba(251,100,182,1) 0%,rgba(194,122,255,1) 100%);border:none;border-radius:8px;font-family:Inter,sans-serif;font-weight:500;font-size:clamp(12px,4.07vw,16px);line-height:1.5;color:#fff;cursor:pointer;transition:opacity .2s ease,transform .1s ease;box-shadow:0 1px 2px -1px #0000001a,0 1px 3px #0000001a}.minigame-button:hover{opacity:.9;transform:translateY(-1px)}.minigame-button:active{transform:translateY(0);opacity:.8}.minigame-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.clear-history-button{width:100%;padding:12px 24px;background:linear-gradient(90deg,rgba(251,100,182,1) 0%,rgba(194,122,255,1) 100%);border:none;border-radius:8px;font-family:Inter,sans-serif;font-weight:500;font-size:clamp(12px,4.07vw,16px);line-height:1.5;color:#fff;cursor:pointer;transition:opacity .2s ease,transform .1s ease;box-shadow:0 1px 2px -1px #0000001a,0 1px 3px #0000001a}.clear-history-button:hover{opacity:.9;transform:translateY(-1px)}.clear-history-button:active{transform:translateY(0);opacity:.8}.clear-history-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.minigame-list{display:flex;flex-direction:column;gap:12px}.coming-soon-message{font-family:Inter,sans-serif;font-weight:400;font-size:clamp(12px,4.07vw,16px);line-height:1.5;color:#364153;margin:0;text-align:center;padding:20px 0}.exp-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;z-index:3000;padding:20px}.exp-modal-content{background:#ffffff;border-radius:16px;padding:24px;max-width:90%;width:100%;max-width:400px;display:flex;flex-direction:column;gap:20px;box-shadow:0 4px 20px #00000026}.exp-modal-title{font-family:Inter,sans-serif;font-size:clamp(15px,5.09vw,20px);font-weight:600;color:#364153;margin:0;text-align:center}.exp-info{display:flex;flex-direction:column;gap:8px;padding:12px;background:#F9FAFB;border-radius:8px}.exp-current,.exp-level{font-family:Inter,sans-serif;font-weight:400;font-size:clamp(11px,3.56vw,14px);line-height:1.5;color:#364153;margin:0}.exp-adjust-container{display:flex;flex-direction:column;gap:12px}.exp-input{width:100%;padding:12px 16px;border:1px solid #E5E7EB;border-radius:8px;font-family:Inter,sans-serif;font-weight:400;font-size:clamp(12px,4.07vw,16px);line-height:1.5;color:#0a0a0a;background:#FFFFFF;box-sizing:border-box}.exp-input:focus{outline:none;border-color:#fb64b680;box-shadow:0 0 0 3px #fb64b61a}.exp-input:disabled{background:#F3F4F6;color:#9ca3af;cursor:not-allowed}.exp-input::placeholder{color:#9ca3af}.exp-modal-actions{display:flex;gap:12px;justify-content:center}.exp-modal-cancel-button,.exp-modal-update-button{flex:1;padding:12px 24px;border-radius:12px;font-family:Inter,sans-serif;font-size:clamp(11px,3.56vw,14px);font-weight:500;cursor:pointer;transition:all .2s ease;border:none}.exp-modal-cancel-button{background:#f8fafc;color:#64748b;border:1px solid #e2e8f0}.exp-modal-cancel-button:hover:not(:disabled){background:#f1f5f9;color:#475569}.exp-modal-update-button{background:linear-gradient(90deg,rgba(251,100,182,1) 0%,rgba(194,122,255,1) 100%);color:#fff;box-shadow:0 1px 2px -1px #0000001a,0 1px 3px #0000001a}.exp-modal-update-button:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.exp-modal-update-button:active:not(:disabled){transform:translateY(0);opacity:.8}.exp-modal-cancel-button:disabled,.exp-modal-update-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.prompt-version-select{width:100%;padding:12px 16px;background:#FFFFFF;border:1px solid #E5E7EB;border-radius:8px;font-family:Inter,sans-serif;font-weight:400;font-size:clamp(12px,4.07vw,16px);line-height:1.5;color:#0a0a0a;cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23364153' d='M6 8L2 4h8z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;background-size:12px;transition:border-color .2s ease,box-shadow .2s ease}.prompt-version-select:focus{outline:none;border-color:#fb64b680;box-shadow:0 0 0 3px #fb64b61a}.prompt-version-select:hover{border-color:#fb64b64d}@media (max-width: 360px){.settings-page{padding:16px}.settings-container{gap:20px}.settings-section{gap:10px}.account-info-button,.bunbun-generate-button,.avatar-image-adjust-button,.contact-button,.legal-info-button,.exp-adjust-button,.minigame-button,.clear-history-button{padding:10px 20px;border-radius:6px}.prompt-version-select{padding:10px 14px}.exp-modal-content{padding:16px;max-width:95%}.exp-input{padding:10px 14px}.exp-modal-actions{flex-direction:column}.exp-modal-cancel-button,.exp-modal-update-button{width:100%}}@media (min-width: 361px) and (max-width: 480px){.settings-page{padding:18px}.settings-container{max-width:100%}.account-info-button,.bunbun-generate-button,.avatar-image-adjust-button,.contact-button,.legal-info-button,.exp-adjust-button,.minigame-button,.clear-history-button{padding:11px 22px}.prompt-version-select{padding:11px 15px}.exp-modal-content{padding:20px}.exp-input{padding:11px 15px}}.settings-mbti-section{padding:12px 0}.settings-mbti-row{display:flex;align-items:center;gap:12px}.settings-mbti-label{font-size:15px;font-weight:600;color:#1e2939;flex-shrink:0}.settings-mbti-value{font-size:15px;color:#6b7280;flex:1}.settings-mbti-edit-button{padding:6px 16px;border:1.5px solid #C37BFF;border-radius:100px;background:#FFFFFF;color:#c37bff;font-size:13px;font-weight:600;cursor:pointer;flex-shrink:0}.settings-mbti-edit-button:hover:not(:disabled){background:#C37BFF;color:#fff}.settings-mbti-edit-button:disabled{opacity:.5;cursor:not-allowed}.settings-withdrawal-section{margin-top:8px;padding-top:24px;border-top:1px solid #F3F4F6}.withdrawal-button{width:100%;padding:12px 24px;background:transparent;border:1px solid #FECACA;border-radius:8px;font-family:Inter,sans-serif;font-weight:500;font-size:clamp(12px,4.07vw,16px);line-height:1.5;color:#dc2626;cursor:pointer;transition:all .2s ease}.withdrawal-button:hover:not(:disabled){background:#FEF2F2;border-color:#fca5a5}.withdrawal-button:active:not(:disabled){background:#FEE2E2}.withdrawal-button:disabled{opacity:.5;cursor:not-allowed}.account-info-page{width:100%;min-height:100%;display:flex;flex-direction:column;align-items:center;padding:20px;background:#FFFFFF}.account-info-container{width:100%;max-width:361px;display:flex;flex-direction:column;gap:24px}.account-info-header{display:flex;align-items:center;gap:16px}.account-info-title{font-family:Inter,sans-serif;font-weight:500;font-size:clamp(14px,4.58vw,18px);line-height:1.56;letter-spacing:-.024em;color:#0a0a0a;margin:0}.account-info-content{display:flex;flex-direction:column;gap:24px}.account-info-section{display:flex;flex-direction:column;gap:8px}.account-info-section-title{font-family:Inter,sans-serif;font-weight:500;font-size:clamp(11px,3.56vw,14px);line-height:1.43;letter-spacing:-.02em;color:#6a7282;margin:0}.account-info-value{font-family:Inter,sans-serif;font-weight:400;font-size:clamp(12px,4.07vw,16px);line-height:1.5;letter-spacing:-.02em;color:#0a0a0a;margin:0;padding:12px 16px;background:rgba(255,255,255,.9);border:1px solid #E5E7EB;border-radius:8px}.account-info-loading,.account-info-empty{font-family:Inter,sans-serif;font-weight:400;font-size:clamp(11px,3.56vw,14px);line-height:1.43;color:#6a7282;text-align:center;padding:24px}.contact-page{width:100%;min-height:100%;display:flex;flex-direction:column;align-items:center;padding:20px;background:#FFFFFF}.contact-container{width:100%;max-width:361px;display:flex;flex-direction:column;gap:24px}.contact-header{display:flex;flex-direction:column;gap:12px}.contact-back-link{background:none;border:none;color:#fb64b6;font-family:Inter,sans-serif;font-size:clamp(11px,3.56vw,14px);cursor:pointer;padding:0;text-align:left;width:fit-content}.contact-back-link:hover{text-decoration:underline}.contact-title{font-family:Inter,sans-serif;font-weight:500;font-size:clamp(14px,4.58vw,18px);line-height:1.56;letter-spacing:-.024em;color:#0a0a0a;margin:0;text-align:center}.contact-error{background:#FEE2E2;border:1px solid #EF4444;border-radius:8px;padding:12px;color:#dc2626;font-family:Inter,sans-serif;font-size:clamp(11px,3.56vw,14px)}.contact-form{display:flex;flex-direction:column;gap:20px}.contact-field{display:flex;flex-direction:column;gap:8px}.contact-label{font-family:Inter,sans-serif;font-weight:500;font-size:clamp(11px,3.56vw,14px);color:#364153;display:flex;justify-content:space-between;align-items:center}.contact-char-count{font-weight:400;font-size:clamp(9px,3.05vw,12px);color:#6b7280}.contact-select{width:100%;padding:12px;border:1px solid #D1D5DB;border-radius:8px;font-family:Inter,sans-serif;font-size:clamp(11px,3.56vw,14px);color:#0a0a0a;background:#FFFFFF;cursor:pointer}.contact-select:focus{outline:none;border-color:#fb64b6;box-shadow:0 0 0 2px #fb64b633}.contact-input{width:100%;padding:12px;border:1px solid #D1D5DB;border-radius:8px;font-family:Inter,sans-serif;font-size:clamp(11px,3.56vw,14px);color:#0a0a0a;background:#FFFFFF}.contact-input:focus{outline:none;border-color:#fb64b6;box-shadow:0 0 0 2px #fb64b633}.contact-input::placeholder{color:#9ca3af}.contact-textarea{width:100%;padding:12px;border:1px solid #D1D5DB;border-radius:8px;font-family:Inter,sans-serif;font-size:clamp(11px,3.56vw,14px);color:#0a0a0a;resize:vertical;min-height:150px}.contact-textarea:focus{outline:none;border-color:#fb64b6;box-shadow:0 0 0 2px #fb64b633}.contact-textarea::placeholder{color:#9ca3af}.contact-confirm-button{width:100%;padding:12px 24px;background:linear-gradient(90deg,rgba(251,100,182,1) 0%,rgba(194,122,255,1) 100%);border:none;border-radius:8px;font-family:Inter,sans-serif;font-weight:500;font-size:clamp(12px,4.07vw,16px);line-height:1.5;color:#fff;cursor:pointer;transition:opacity .2s ease,transform .1s ease;box-shadow:0 1px 2px -1px #0000001a,0 1px 3px #0000001a}.contact-confirm-button:hover{opacity:.9;transform:translateY(-1px)}.contact-confirm-button:active{transform:translateY(0);opacity:.8}.contact-confirm-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.contact-success{display:flex;flex-direction:column;align-items:center;gap:16px;padding:40px 20px}.contact-success-message{font-family:Inter,sans-serif;font-weight:500;font-size:clamp(14px,4.58vw,18px);color:#0a0a0a;margin:0;text-align:center}.contact-success-submessage{font-family:Inter,sans-serif;font-size:clamp(11px,3.56vw,14px);color:#6b7280;margin:0;text-align:center}.contact-back-button{width:100%;padding:12px 24px;background:linear-gradient(90deg,rgba(251,100,182,1) 0%,rgba(194,122,255,1) 100%);border:none;border-radius:8px;font-family:Inter,sans-serif;font-weight:500;font-size:clamp(12px,4.07vw,16px);line-height:1.5;color:#fff;cursor:pointer;transition:opacity .2s ease,transform .1s ease;box-shadow:0 1px 2px -1px #0000001a,0 1px 3px #0000001a;margin-top:20px}.contact-back-button:hover{opacity:.9;transform:translateY(-1px)}.contact-back-button:active{transform:translateY(0);opacity:.8}.contact-confirmation-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px}.contact-confirmation-popup{background:#FFFFFF;border-radius:16px;padding:24px;width:100%;max-width:361px;max-height:80vh;overflow-y:auto;box-shadow:0 4px 20px #00000026}.contact-confirmation-title{font-family:Inter,sans-serif;font-weight:500;font-size:clamp(14px,4.58vw,18px);color:#0a0a0a;margin:0 0 20px;text-align:center}.contact-confirmation-content{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.contact-confirmation-field{display:flex;flex-direction:column;gap:4px}.contact-confirmation-label{font-family:Inter,sans-serif;font-weight:500;font-size:clamp(11px,3.56vw,14px);color:#6b7280}.contact-confirmation-value{font-family:Inter,sans-serif;font-size:clamp(11px,3.56vw,14px);color:#0a0a0a}.contact-confirmation-text{font-family:Inter,sans-serif;font-size:clamp(11px,3.56vw,14px);color:#0a0a0a;margin:0;white-space:pre-wrap;word-break:break-word;background:#F9FAFB;padding:12px;border-radius:8px;max-height:200px;overflow-y:auto}.contact-confirmation-buttons{display:flex;gap:12px}.contact-confirmation-cancel{flex:1;padding:12px 24px;background:#FFFFFF;border:1px solid #D1D5DB;border-radius:8px;font-family:Inter,sans-serif;font-weight:500;font-size:clamp(11px,3.56vw,14px);color:#364153;cursor:pointer;transition:background .2s ease}.contact-confirmation-cancel:hover{background:#F9FAFB}.contact-confirmation-cancel:disabled{opacity:.5;cursor:not-allowed}.contact-confirmation-submit{flex:1;padding:12px 24px;background:linear-gradient(90deg,rgba(251,100,182,1) 0%,rgba(194,122,255,1) 100%);border:none;border-radius:8px;font-family:Inter,sans-serif;font-weight:500;font-size:clamp(11px,3.56vw,14px);color:#fff;cursor:pointer;transition:opacity .2s ease}.contact-confirmation-submit:hover{opacity:.9}.contact-confirmation-submit:disabled{opacity:.5;cursor:not-allowed}.terms-page{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;padding:20px;background:#FFFFFF;overflow-y:auto;overflow-x:hidden}.terms-container{width:100%;max-width:361px;display:flex;flex-direction:column;gap:24px}.terms-header{display:flex;flex-direction:column;gap:12px}.terms-back-link{background:none;border:none;color:#fb64b6;font-family:Inter,sans-serif;font-size:clamp(11px,3.56vw,14px);cursor:pointer;padding:0;text-align:left;width:fit-content}.terms-back-link:hover{text-decoration:underline}.terms-title{font-family:Inter,sans-serif;font-weight:500;font-size:clamp(14px,4.58vw,18px);line-height:1.56;letter-spacing:-.024em;color:#0a0a0a;margin:0;text-align:center}.terms-tabs{display:flex;gap:0;border-bottom:2px solid #F0F0F0}.terms-tab{flex:1;padding:10px 0;background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;font-family:Inter,sans-serif;font-size:clamp(11px,3.56vw,14px);font-weight:500;color:#9ca3af;cursor:pointer;transition:color .2s ease,border-color .2s ease}.terms-tab.active{color:#fb64b6;border-bottom-color:#fb64b6}.terms-tab:hover:not(.active){color:#6b7280}.terms-content{display:flex;flex-direction:column;gap:20px}.terms-last-updated{font-family:Inter,sans-serif;font-size:clamp(9px,3.05vw,12px);color:#6b7280;margin:0;text-align:right}.terms-section{display:flex;flex-direction:column;gap:8px}.terms-section-title{font-family:Inter,sans-serif;font-weight:600;font-size:clamp(12px,4.07vw,16px);color:#0a0a0a;margin:0}.terms-text{font-family:Inter,sans-serif;font-size:clamp(11px,3.56vw,14px);line-height:1.6;color:#364153;margin:0}.terms-list{font-family:Inter,sans-serif;font-size:clamp(11px,3.56vw,14px);line-height:1.6;color:#364153;margin:0;padding-left:20px}.terms-list li{margin-bottom:4px}.terms-list li:last-child{margin-bottom:0}.terms-list a{color:#fb64b6;text-decoration:none}.terms-list a:hover{text-decoration:underline}.terms-section-subtitle{font-family:Inter,sans-serif;font-weight:600;font-size:clamp(11px,3.56vw,14px);color:#0a0a0a;margin:8px 0 4px}.terms-note{background:#F9F9F9;border-radius:8px;padding:12px;border-left:3px solid #FB64B6}.terms-contact-info{background:#F9F9F9;border-radius:8px;padding:12px 16px}.terms-contact-info .terms-text{margin:0;line-height:1.8}.terms-contact-info a{color:#fb64b6;text-decoration:none}.terms-contact-info a:hover{text-decoration:underline}.terms-footer{margin-top:16px;text-align:right}.terms-footer .terms-text{margin:0;color:#959595;font-size:clamp(9px,3.05vw,12px)}.terms-back-button{width:100%;padding:12px 24px;background:linear-gradient(90deg,rgba(251,100,182,1) 0%,rgba(194,122,255,1) 100%);border:none;border-radius:8px;font-family:Inter,sans-serif;font-weight:500;font-size:clamp(12px,4.07vw,16px);line-height:1.5;color:#fff;cursor:pointer;transition:opacity .2s ease,transform .1s ease;box-shadow:0 1px 2px -1px #0000001a,0 1px 3px #0000001a;margin-top:20px}.terms-back-button:hover{opacity:.9;transform:translateY(-1px)}.terms-back-button:active{transform:translateY(0);opacity:.8}.minigame-list-page{width:100%;min-height:100%;display:flex;flex-direction:column;align-items:center;padding:20px;background:#FFFFFF}.minigame-list-container{width:100%;max-width:361px;display:flex;flex-direction:column;gap:24px}.minigame-list-header{display:flex;align-items:center;gap:16px}.minigame-list-title{font-family:Inter,sans-serif;font-weight:500;font-size:clamp(14px,4.58vw,18px);line-height:1.56;letter-spacing:-.024em;color:#0a0a0a;margin:0}.minigame-list-content{display:flex;flex-direction:column;gap:24px}.minigame-list-section{display:flex;flex-direction:column;gap:12px}.minigame-item-button{width:100%;padding:12px 24px;background:linear-gradient(90deg,rgba(251,100,182,1) 0%,rgba(194,122,255,1) 100%);border:none;border-radius:8px;font-family:Inter,sans-serif;font-weight:500;font-size:clamp(12px,4.07vw,16px);line-height:1.5;color:#fff;cursor:pointer;transition:opacity .2s ease,transform .1s ease;box-shadow:0 1px 2px -1px #0000001a,0 1px 3px #0000001a}.minigame-item-button:hover{opacity:.9;transform:translateY(-1px)}.minigame-item-button:active{transform:translateY(0);opacity:.8}.lateral-thinking-game-page{width:100%;min-height:100%;display:flex;flex-direction:column;align-items:center;padding:20px;background:#FFFFFF}.lateral-thinking-game-container{width:100%;max-width:361px;display:flex;flex-direction:column;gap:16px}.lateral-thinking-game-header{display:flex;align-items:center;gap:12px}.back-button{background:none;border:none;font-family:Inter,sans-serif;font-weight:400;font-size:clamp(11px,3.56vw,14px);line-height:1.43;color:#364153;cursor:pointer;padding:8px;transition:opacity .2s ease}.back-button:hover{opacity:.7}.lateral-thinking-game-title{font-family:Inter,sans-serif;font-weight:500;font-size:clamp(14px,4.58vw,18px);line-height:1.56;letter-spacing:-.024em;color:#0a0a0a;margin:0;flex:1}.question-counter{font-family:Inter,sans-serif;font-weight:500;font-size:clamp(11px,3.56vw,14px);color:#f6339a;background:#FFF0F7;padding:4px 12px;border-radius:12px}.lateral-thinking-game-content{display:flex;flex-direction:column;gap:16px}.error-message{display:flex;align-items:center;justify-content:space-between;background:#FEE2E2;color:#dc2626;padding:12px 16px;border-radius:8px;font-family:Inter,sans-serif;font-size:clamp(11px,3.56vw,14px)}.error-close-button{background:none;border:none;color:#dc2626;font-size:clamp(14px,4.58vw,18px);cursor:pointer;padding:0;margin-left:8px}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;gap:16px}.loading-spinner{width:40px;height:40px;border:3px solid #F3F4F6;border-top-color:#f6339a;border-radius:50%;animation:spin 1s linear infinite}.loading-container p{font-family:Inter,sans-serif;font-size:clamp(11px,3.56vw,14px);color:#6b7280;margin:0}.avatar-section{display:flex;flex-direction:column;align-items:center;gap:12px}.avatar-image-container{width:120px;height:120px;border-radius:50%;overflow:hidden;background:#F3F4F6;display:flex;align-items:center;justify-content:center}.avatar-image{width:100%;height:100%;object-fit:cover}.avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#F6339A 0%,#FF6B9D 100%);color:#fff;font-family:Inter,sans-serif;font-size:clamp(11px,3.56vw,14px);font-weight:500}.avatar-speech-bubble{background:#F3F4F6;border-radius:16px;padding:16px;max-width:100%;position:relative}.avatar-speech-bubble:before{content:"";position:absolute;top:-8px;left:50%;transform:translate(-50%);border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid #F3F4F6}.avatar-speech-bubble p{font-family:Inter,sans-serif;font-size:clamp(11px,3.56vw,14px);line-height:1.6;color:#1f2937;margin:0;word-break:break-word}.chat-history-container{display:flex;flex-direction:column;gap:12px;max-height:200px;overflow-y:auto;padding:8px;background:#FAFAFA;border-radius:12px}.chat-message{padding:10px 14px;border-radius:12px;max-width:85%}.chat-message p{font-family:Inter,sans-serif;font-size:clamp(11px,3.56vw,14px);line-height:1.5;margin:0;word-break:break-word}.user-message{background:#F6339A;color:#fff;align-self:flex-end;border-bottom-right-radius:4px}.avatar-message{background:#E5E7EB;color:#1f2937;align-self:flex-start;border-bottom-left-radius:4px}.transcript-container{background:#FFF7ED;border:1px solid #FDBA74;border-radius:12px;padding:12px 16px}.listening-indicator{display:flex;align-items:center;gap:8px;color:#ea580c;font-family:Inter,sans-serif;font-size:clamp(11px,3.56vw,14px)}.listening-dot{width:8px;height:8px;background:#EA580C;border-radius:50%;animation:pulse 1.4s ease-in-out infinite}.listening-dot:nth-child(2){animation-delay:.2s}.listening-dot:nth-child(3){animation-delay:.4s}@keyframes pulse{0%,to{opacity:.4;transform:scale(.8)}50%{opacity:1;transform:scale(1)}}.transcript-text{font-family:Inter,sans-serif;font-size:clamp(11px,3.56vw,14px);color:#9a3412;margin:8px 0 0}.processing-indicator{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;color:#6b7280;font-family:Inter,sans-serif;font-size:clamp(11px,3.56vw,14px)}.processing-spinner{width:20px;height:20px;border:2px solid #E5E7EB;border-top-color:#f6339a;border-radius:50%;animation:spin 1s linear infinite}.action-buttons-container{display:flex;align-items:center;justify-content:center;gap:12px;padding:16px 0;flex-wrap:wrap}.mic-button{width:56px;height:56px;border-radius:50%;background:#F6339A;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;box-shadow:0 4px 12px #f6339a4d}.mic-button:hover:not(:disabled){background:#E0298A;transform:scale(1.05)}.mic-button:disabled{background:#D1D5DB;cursor:not-allowed;box-shadow:none}.mic-button.listening{background:#DC2626;animation:pulse-mic 1.5s ease-in-out infinite}@keyframes pulse-mic{0%,to{box-shadow:0 0 #dc262666}50%{box-shadow:0 0 0 12px #dc262600}}.hint-button{padding:12px 24px;border-radius:24px;background:#FEF3C7;border:1px solid #FCD34D;color:#92400e;font-family:Inter,sans-serif;font-weight:500;font-size:clamp(11px,3.56vw,14px);cursor:pointer;transition:all .2s ease}.hint-button:hover:not(:disabled){background:#FDE68A}.hint-button:disabled{opacity:.5;cursor:not-allowed}.give-up-button{padding:12px 24px;border-radius:24px;background:#FEE2E2;border:1px solid #FCA5A5;color:#991b1b;font-family:Inter,sans-serif;font-weight:500;font-size:clamp(11px,3.56vw,14px);cursor:pointer;transition:all .2s ease}.give-up-button:hover:not(:disabled){background:#FECACA}.give-up-button:disabled{opacity:.5;cursor:not-allowed}.game-over-message{text-align:center;width:100%;margin-bottom:12px}.correct-message{font-family:Inter,sans-serif;font-weight:600;font-size:clamp(14px,4.58vw,18px);color:#059669;margin:0}.game-over-text{font-family:Inter,sans-serif;font-weight:500;font-size:clamp(12px,4.07vw,16px);color:#6b7280;margin:0}.replay-button{padding:14px 32px;border-radius:24px;background:linear-gradient(135deg,#F6339A 0%,#FF6B9D 100%);border:none;color:#fff;font-family:Inter,sans-serif;font-weight:600;font-size:clamp(12px,4.07vw,16px);cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #f6339a4d}.replay-button:hover{transform:translateY(-2px);box-shadow:0 6px 16px #f6339a66}.coming-soon-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;z-index:3000;padding:20px}.coming-soon-modal-content{background:#ffffff;border-radius:16px;padding:24px;max-width:90%;width:50%;max-width:300px;display:flex;flex-direction:column;gap:20px;box-shadow:0 4px 20px #00000026}.coming-soon-modal-title{font-family:Inter,sans-serif;font-size:clamp(15px,5.09vw,20px);font-weight:600;color:#364153;margin:0;text-align:center}.coming-soon-modal-message{font-family:Inter,sans-serif;font-weight:400;font-size:clamp(12px,4.07vw,16px);line-height:1.5;color:#364153;margin:0;text-align:center}.coming-soon-modal-actions{display:flex;gap:12px;justify-content:center}.coming-soon-modal-close-button{flex:1;padding:12px 24px;border-radius:12px;font-family:Inter,sans-serif;font-size:clamp(11px,3.56vw,14px);font-weight:500;cursor:pointer;transition:all .2s ease;border:none;background:linear-gradient(90deg,rgba(251,100,182,1) 0%,rgba(194,122,255,1) 100%);color:#fff;box-shadow:0 1px 2px -1px #0000001a,0 1px 3px #0000001a}.coming-soon-modal-close-button:hover{opacity:.9;transform:translateY(-1px)}.coming-soon-modal-close-button:active{transform:translateY(0);opacity:.8}@media (max-width: 360px){.coming-soon-modal-content{padding:16px;max-width:95%}.coming-soon-modal-close-button{width:100%}}@media (min-width: 361px) and (max-width: 480px){.coming-soon-modal-content{padding:20px}}.secret-room-lock-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;z-index:3000;padding:20px}.secret-room-lock-modal-content{background:#ffffff;border-radius:16px;padding:24px;max-width:300px;width:90%;display:flex;flex-direction:column;align-items:center;gap:16px;box-shadow:0 4px 20px #00000026}.secret-room-lock-modal-icon{font-size:48px;line-height:1}.secret-room-lock-modal-title{font-family:Inter,sans-serif;font-size:clamp(15px,5.09vw,20px);font-weight:600;color:#364153;margin:0;text-align:center;line-height:1.4}.secret-room-lock-modal-message{font-family:Inter,sans-serif;font-weight:400;font-size:clamp(12px,4.07vw,16px);line-height:1.5;color:#364153;margin:0;text-align:center}.secret-room-lock-modal-level{font-family:Inter,sans-serif;font-weight:400;font-size:clamp(12px,4.07vw,16px);color:#6a7282;text-align:center}.secret-room-lock-modal-level-number{font-weight:700;color:#ff50ad;font-size:clamp(14px,4.58vw,18px)}.secret-room-lock-modal-actions{display:flex;width:100%;justify-content:center;margin-top:4px}.secret-room-lock-modal-close-button{flex:1;padding:12px 24px;border-radius:12px;font-family:Inter,sans-serif;font-size:clamp(11px,3.56vw,14px);font-weight:500;cursor:pointer;transition:all .2s ease;border:none;background:linear-gradient(90deg,rgba(251,100,182,1) 0%,rgba(194,122,255,1) 100%);color:#fff;box-shadow:0 1px 2px -1px #0000001a,0 1px 3px #0000001a}.secret-room-lock-modal-close-button:hover{opacity:.9;transform:translateY(-1px)}.secret-room-lock-modal-close-button:active{transform:translateY(0);opacity:.8}@media (max-width: 360px){.secret-room-lock-modal-content{padding:16px;max-width:95%}}@media (min-width: 361px) and (max-width: 480px){.secret-room-lock-modal-content{padding:20px}}.home-tutorial-popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;z-index:3000;padding:20px}.home-tutorial-popup-content{background:#ffffff;border-radius:16px;padding:32px 24px 24px;max-width:90%;width:320px;display:flex;flex-direction:column;align-items:center;gap:16px;box-shadow:0 4px 20px #00000026}.home-tutorial-popup-icon{font-size:48px;line-height:1}.home-tutorial-popup-title{font-family:Inter,sans-serif;font-size:20px;font-weight:600;color:#364153;margin:0;text-align:center}.home-tutorial-popup-message{font-family:Inter,sans-serif;font-weight:400;font-size:16px;line-height:1.6;color:#364153;margin:0;text-align:center}.home-tutorial-popup-pagination{display:flex;gap:8px;justify-content:center;margin:4px 0}.home-tutorial-popup-dot{width:8px;height:8px;border-radius:50%;background:#D1D5DB;transition:background .3s ease}.home-tutorial-popup-dot.active{background:linear-gradient(90deg,rgba(251,100,182,1) 0%,rgba(194,122,255,1) 100%)}.home-tutorial-popup-actions{display:flex;gap:12px;justify-content:center;width:100%}.home-tutorial-popup-skip-button{flex:1;padding:12px 24px;border-radius:12px;font-family:Inter,sans-serif;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border:1px solid #D1D5DB;background:#ffffff;color:#6b7280}.home-tutorial-popup-skip-button:hover{background:#F9FAFB}.home-tutorial-popup-skip-button:active{background:#F3F4F6}.home-tutorial-popup-next-button{flex:1;padding:12px 24px;border-radius:12px;font-family:Inter,sans-serif;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none;background:linear-gradient(90deg,rgba(251,100,182,1) 0%,rgba(194,122,255,1) 100%);color:#fff;box-shadow:0 1px 2px -1px #0000001a,0 1px 3px #0000001a}.home-tutorial-popup-next-button:hover{opacity:.9;transform:translateY(-1px)}.home-tutorial-popup-next-button:active{transform:translateY(0);opacity:.8}.home-tutorial-popup-close-button{flex:1;padding:12px 24px;border-radius:12px;font-family:Inter,sans-serif;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none;background:linear-gradient(90deg,rgba(251,100,182,1) 0%,rgba(194,122,255,1) 100%);color:#fff;box-shadow:0 1px 2px -1px #0000001a,0 1px 3px #0000001a}.home-tutorial-popup-close-button:hover{opacity:.9;transform:translateY(-1px)}.home-tutorial-popup-close-button:active{transform:translateY(0);opacity:.8}@media (max-width: 360px){.home-tutorial-popup-content{padding:24px 16px 16px;width:95%}.home-tutorial-popup-icon{font-size:40px}.home-tutorial-popup-title{font-size:18px}.home-tutorial-popup-message{font-size:14px}.home-tutorial-popup-skip-button,.home-tutorial-popup-next-button,.home-tutorial-popup-close-button{padding:10px 16px;font-size:13px}}@media (min-width: 361px) and (max-width: 480px){.home-tutorial-popup-content{padding:28px 20px 20px}.home-tutorial-popup-message{font-size:15px}}.mission-page{height:100%;background:#F9FAFB;display:flex;flex-direction:column;margin:0;padding:0;overflow:hidden}.mission-header{display:flex;align-items:center;gap:8px;padding:0 24px 0 8px;height:56px;background:rgba(249,250,251,.9);position:sticky;top:0;z-index:100}.mission-header__back{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;border-radius:8px;transition:background .2s}.mission-header__back:hover{background:rgba(0,0,0,.05)}.mission-header__title{font-family:"M PLUS 1",sans-serif;font-weight:700;font-size:clamp(12px,4.07vw,16px);line-height:1.5;letter-spacing:.04em;color:#1e2939;margin:0}.mission-filter{display:flex;align-items:center;gap:4px;padding:8px 24px 16px}.mission-filter__tab{display:flex;align-items:center;justify-content:center;padding:4px 12px;border-radius:100px;background:rgba(68,68,68,.05);border:none;cursor:pointer;font-family:"M PLUS 1",sans-serif;font-weight:700;font-size:clamp(9px,3.05vw,12px);line-height:1.5;letter-spacing:.04em;color:#a1a1a1;transition:all .2s}.mission-filter__tab--active{background:rgba(195,123,255,.1);border:1px solid #C37BFF;color:#c37bff}.mission-filter__tab:hover:not(.mission-filter__tab--active){background:rgba(68,68,68,.1)}.mission-content{flex:1;display:flex;flex-direction:column;background:#E1BDFF;border-radius:40px 40px 0 0;overflow-y:auto;padding-bottom:0;min-height:0}.mission-section{padding:24px;display:flex;flex-direction:column;gap:8px}.mission-section--main{background:#C37BFF;border-radius:40px 40px 0 0}.mission-section__title{font-family:Inter,sans-serif;font-weight:700;font-size:clamp(11px,3.56vw,14px);line-height:1.5;letter-spacing:.04em;color:#fff;margin:0 0 8px}.mission-section__list{display:flex;flex-direction:column;gap:8px}.mission-card{background:#FFFFFF;border-radius:20px;padding:16px;display:flex;flex-direction:column;gap:8px;box-shadow:0 0 20px #0000000d;transition:opacity .2s}.mission-card--completed{background:rgba(255,255,255,.9)}.mission-card--completed .mission-card__title,.mission-card--completed .mission-card__footer{opacity:.6}.mission-card__header{display:flex;justify-content:space-between;align-items:center}.mission-card__exp-badge{display:inline-flex;align-items:center;justify-content:center;padding:2px 4px 1px;border:1px solid #FF50AD;border-radius:4px;font-family:Inter,sans-serif;font-weight:700;font-size:clamp(9px,3.05vw,12px);line-height:1.5;letter-spacing:.04em;color:#ff50ad}.mission-card__exp-badge--completed{opacity:.6}.mission-card__check-icon{display:flex;align-items:center;justify-content:center}.mission-card__content{display:flex;gap:8px;align-items:flex-start}.mission-card__icon{flex-shrink:0}.mission-card__info{flex:1;display:flex;flex-direction:column;gap:8px}.mission-card__title{font-family:"M PLUS 1",sans-serif;font-weight:700;font-size:clamp(11px,3.56vw,14px);line-height:1.5;letter-spacing:.04em;color:#444}.mission-card__title--completed{color:#a1a1a1}.mission-card__progress-bar{width:100%;height:8px;background:#ECECEC;border-radius:100px;overflow:hidden}.mission-card__progress-fill{height:100%;background:linear-gradient(90deg,#FF50AD 0%,#C37BFF 100%);border-radius:100px;transition:width .3s ease}.mission-card__claim-button{width:100%;padding:8px 0;background:linear-gradient(90deg,#FF50AD 0%,#C37BFF 100%);border:none;border-radius:100px;font-family:"M PLUS 1",sans-serif;font-weight:700;font-size:clamp(11px,3.56vw,14px);line-height:1.5;letter-spacing:.04em;color:#fff;cursor:pointer;transition:opacity .2s}.mission-card__claim-button:hover:not(:disabled){opacity:.85}.mission-card__claim-button:disabled{opacity:.5;cursor:not-allowed}.mission-card__footer{display:flex;align-items:center;gap:2px}.mission-card__footer--completed{opacity:.6}.mission-card__expires{font-family:"M PLUS 1",sans-serif;font-weight:500;font-size:clamp(9px,3.05vw,12px);line-height:1.5;letter-spacing:.04em;color:#a1a1a1}.mission-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;color:#fff}.mission-loading__spinner{width:32px;height:32px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}.mission-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;color:#fff;text-align:center;gap:16px}.mission-error button{padding:8px 24px;background:#FFFFFF;border:none;border-radius:100px;font-family:"M PLUS 1",sans-serif;font-weight:700;font-size:clamp(11px,3.56vw,14px);color:#c37bff;cursor:pointer;transition:opacity .2s}.mission-error button:hover{opacity:.8}.mission-empty{display:flex;align-items:center;justify-content:center;padding:48px 24px;color:#fff;text-align:center}@media (max-width: 390px){.mission-header{padding:0 16px 0 4px}.mission-filter{padding:8px 16px 16px;flex-wrap:wrap}.mission-section{padding:16px}.mission-card{padding:12px}}.friend-report-page{position:absolute;top:0;left:0;right:0;bottom:0;background:#FFFFFF;display:flex;flex-direction:column;z-index:200;overflow:hidden}.friend-report-header{display:flex;align-items:center;gap:8px;padding:0 8px;height:48px;background:rgba(255,255,255,.9);flex-shrink:0;padding-top:env(safe-area-inset-top,60px)}.friend-report-header__back{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;border-radius:8px;flex-shrink:0}.friend-report-header__title{font-family:"M PLUS 1",sans-serif;font-weight:700;font-size:16px;color:#4a4a4a;flex:1;text-align:center;margin:0;letter-spacing:.04em;line-height:1.6}.friend-report-header__spacer{width:48px;flex-shrink:0}.friend-report-content{flex:1;overflow-y:auto;padding:32px 0 40px;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.friend-report-content::-webkit-scrollbar{display:none}.friend-report-card{border:16px solid #E1BDFF;border-radius:40px;overflow:visible;position:relative}.friend-report-clip{position:absolute;top:-40px;left:50%;transform:translate(-50%);width:120px;height:48px;z-index:1;pointer-events:none}.friend-report-inner{display:flex;flex-direction:column;gap:24px;padding:24px}.friend-report-banner{background:linear-gradient(90deg,#FF50AD 0%,#C37BFF 100%);border-radius:20px;padding:16px;display:flex;align-items:center;justify-content:center}.friend-report-banner span{font-family:"M PLUS 1",sans-serif;font-weight:700;font-size:16px;color:#fff;letter-spacing:.04em;line-height:1.6;text-align:center}.friend-report-section{display:flex;flex-direction:column;gap:16px}.friend-report-section__header{display:flex;flex-direction:column;gap:4px}.friend-report-section__title{font-family:"M PLUS 1",sans-serif;font-weight:700;font-size:16px;color:#4a4a4a;margin:0;letter-spacing:.04em}.friend-report-section__subtitle{font-family:"M PLUS 1",sans-serif;font-weight:400;font-size:14px;color:#4a4a4a;margin:0;line-height:1.5}.friend-report-requests{display:flex;flex-direction:column;gap:8px}.friend-report-request-bubble{background:#F1F8FE;border-radius:30px 30px 0;padding:16px 24px;display:flex;flex-direction:row;align-items:center;cursor:pointer}.friend-report-request-bubble:hover{background:#E3F0FC}.friend-report-request-bubble:focus{outline:2px solid #4A90D9;outline-offset:2px}.friend-report-request-bubble span{font-family:"M PLUS 1",sans-serif;font-weight:700;font-size:12px;color:#4a4a4a;line-height:1.6;letter-spacing:.48px;flex:1;min-width:0}.friend-report-request-icon{width:48px;height:auto;object-fit:contain;flex-shrink:0}.friend-report-updates-wrapper{position:relative}.friend-report-updates{display:flex;flex-direction:column;gap:8px}.friend-report-date-divider{display:flex;align-items:center;gap:8px}.friend-report-date-divider__line{flex:1;height:1px;background:#CBCBCB}.friend-report-date-divider__text{font-family:"M PLUS 1",sans-serif;font-size:12px;color:#959595;white-space:nowrap}.friend-report-friend-card{background:#FFEEF7;border-radius:30px 30px 0;padding:16px 24px;width:100%;box-sizing:border-box;cursor:pointer}.friend-report-friend-card__header{display:flex;align-items:center;gap:4px;margin-bottom:4px}.friend-report-friend-card__avatar{width:20px;height:20px;border-radius:50%;overflow:hidden;flex-shrink:0;border:1px solid rgba(68,68,68,.1)}.friend-report-friend-card__avatar img{width:100%;height:100%;object-fit:cover}.friend-report-friend-card__avatar-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#FF50AD 0%,#C37BFF 100%);border-radius:50%}.friend-report-friend-card__name{font-family:"M PLUS 1",sans-serif;font-size:10px;color:#4a4a4a;font-weight:400;letter-spacing:.4px}.friend-report-friend-card__update{font-family:"M PLUS 1",sans-serif;font-weight:700;font-size:12px;color:#4a4a4a;margin:0;line-height:1.6;letter-spacing:.48px}.friend-report-show-more{display:flex;align-items:center;justify-content:center;width:100%;margin-top:8px}.friend-report-show-more__btn{display:flex;align-items:center;justify-content:center;gap:8px;background:none;border:none;border-radius:16px;padding:8px 24px;height:48px;color:#ff50ad;font-family:"M PLUS 1",sans-serif;font-weight:700;font-size:16px;cursor:pointer;letter-spacing:.04em;line-height:1.6}.friend-report-show-more__icon{width:20px;height:20px}.friend-report-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;display:flex;align-items:center;justify-content:center}.friend-report-modal{background:#FFFFFF;border-radius:20px;padding:40px 24px;width:calc(100% - 48px);max-width:345px;display:flex;flex-direction:column;gap:24px}.friend-report-modal__title{font-family:"M PLUS 1",sans-serif;font-weight:700;font-size:16px;color:#1e2939;text-align:center;margin:0;letter-spacing:.04em;line-height:1.5}.friend-report-modal__actions{display:flex;flex-direction:column;gap:8px}.friend-report-modal__btn{width:100%;height:48px;border-radius:16px;border:none;font-family:"M PLUS 1",sans-serif;font-weight:700;font-size:16px;cursor:pointer;letter-spacing:.04em}.friend-report-modal__btn--primary{background:#FF50AD;color:#fff}.friend-report-modal__btn--secondary{background:#FFEEF7;color:#ff50ad}.friend-report-loading,.friend-report-error{display:flex;align-items:center;justify-content:center;padding:40px 24px;font-family:"M PLUS 1",sans-serif;font-size:14px;color:#6b7280;text-align:center}.friend-report-error{color:#ef4444}.friend-report-empty{font-family:"M PLUS 1",sans-serif;font-size:13px;color:#9ca3af;text-align:center;padding:12px 0;margin:0}.sr-container{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;background:#FFFFFF}.sr-header{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;min-height:48px}.sr-back-button{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;border-radius:12px;transition:background .2s ease;flex-shrink:0}.sr-back-button:hover{background:#F5F5F5}.sr-title{font-family:"M PLUS 1",sans-serif;font-weight:700;font-size:16px;color:#4a4a4a;margin:0;text-align:center;flex:1}.sr-header-spacer{width:48px;flex-shrink:0}.sr-content{flex:1;padding:40px 24px 0;display:flex;flex-direction:column;gap:24px;overflow-y:auto}.sr-section{display:flex;flex-direction:column;gap:8px}.sr-section-header{display:flex;align-items:baseline;justify-content:space-between}.sr-section-label{font-family:"M PLUS 1",sans-serif;font-weight:700;font-size:14px;color:#4a4a4a}.sr-char-count{font-family:"M PLUS 1",sans-serif;font-weight:400;font-size:12px;color:#959595}.sr-friend-card{display:flex;align-items:center;gap:8px;padding:16px;background:#F9F9F9;border-radius:20px}.sr-friend-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;border:1px solid rgba(68,68,68,.1);flex-shrink:0}.sr-friend-avatar-placeholder{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#FFA7D6,#E1BDFF);border:1px solid rgba(68,68,68,.1);flex-shrink:0}.sr-friend-name{font-family:"M PLUS 1",sans-serif;font-weight:700;font-size:16px;color:#4a4a4a}.sr-textarea-wrapper{height:187px}.sr-textarea{width:100%;height:100%;background:#FFFFFF;border:1px solid rgba(68,68,68,.1);border-radius:10px;padding:16px;font-family:"M PLUS 1",sans-serif;font-weight:400;font-size:14px;color:#4a4a4a;outline:none;resize:none;transition:border-color .2s ease;box-sizing:border-box}.sr-textarea::placeholder{color:#959595}.sr-textarea:focus{border-color:#ff50ad}.sr-textarea:disabled{opacity:.6;cursor:not-allowed}.sr-error{font-family:"M PLUS 1",sans-serif;font-size:13px;color:#dc2626;text-align:center;padding:4px 0}.sr-footer{padding:16px 24px 32px;display:flex;justify-content:center}.sr-submit-button{width:345px;max-width:100%;height:48px;background:#FF50AD;border:none;border-radius:16px;font-family:"M PLUS 1",sans-serif;font-weight:700;font-size:16px;color:#fff;cursor:pointer;transition:opacity .2s ease,transform .15s ease}.sr-submit-button:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.sr-submit-button:active:not(:disabled){transform:translateY(0)}.sr-submit-button:disabled{opacity:.4;cursor:not-allowed}.sr-sent-message{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;padding:40px 24px}.sr-sent-text{font-family:"M PLUS 1",sans-serif;font-weight:700;font-size:18px;color:#ff50ad;margin:0}.sr-sent-back-button{padding:12px 40px;background:transparent;border:1px solid #FF50AD;border-radius:16px;font-family:"M PLUS 1",sans-serif;font-weight:700;font-size:14px;color:#ff50ad;cursor:pointer;transition:all .2s ease}.sr-sent-back-button:hover{background:rgba(255,80,173,.05)}.sr-confirm-content{flex:1;padding:24px;display:flex;flex-direction:column;gap:16px;overflow-y:auto}.sr-confirm-message{font-family:"M PLUS 1",sans-serif;font-weight:700;font-size:14px;color:#4a4a4a;margin:0}.sr-confirm-card{background:#F9F9F9;border-radius:20px;padding:24px;display:flex;flex-direction:column;gap:0;flex:1}.sr-confirm-section{display:flex;flex-direction:column;gap:12px;padding:0 0 20px}.sr-confirm-section--flex{flex:1;padding:20px 0 0}.sr-confirm-label{font-family:"M PLUS 1",sans-serif;font-weight:700;font-size:12px;color:#959595}.sr-confirm-friend-row{display:flex;align-items:center;gap:8px}.sr-confirm-divider{width:100%;height:1px;background:rgba(68,68,68,.1)}.sr-confirm-text{font-family:"M PLUS 1",sans-serif;font-weight:700;font-size:14px;color:#4a4a4a;margin:0;white-space:pre-wrap;word-break:break-word}.sr-confirm-footer{padding:16px 24px 32px;display:flex;flex-direction:column;align-items:center;gap:8px}.sr-edit-button{width:345px;max-width:100%;height:48px;background:#FFEEF7;border:none;border-radius:16px;font-family:"M PLUS 1",sans-serif;font-weight:700;font-size:16px;color:#ff50ad;cursor:pointer;transition:opacity .2s ease,transform .15s ease}.sr-edit-button:hover:not(:disabled){opacity:.85;transform:translateY(-1px)}.sr-edit-button:active:not(:disabled){transform:translateY(0)}.sr-edit-button:disabled{opacity:.4;cursor:not-allowed}.sr-toggle-group{display:flex;background:#F9F9F9;border-radius:12px;padding:4px;gap:4px}.sr-toggle-option{flex:1;height:40px;background:transparent;border:none;border-radius:9px;font-family:"M PLUS 1",sans-serif;font-weight:700;font-size:13px;color:#959595;cursor:pointer;transition:background .2s ease,color .2s ease}.sr-toggle-option:hover:not(.sr-toggle-option--active){background:rgba(255,80,173,.06);color:#ff50ad}.sr-toggle-option--active{background:#FFFFFF;color:#ff50ad;box-shadow:0 1px 4px #0000001a}@media (max-width: 360px){.sr-content{padding:24px 16px 0;gap:20px}.sr-header{padding:8px 16px}.sr-footer{padding:12px 16px 24px}.sr-textarea-wrapper{height:160px}.sr-confirm-content,.sr-confirm-card{padding:16px}.sr-confirm-footer{padding:12px 16px 24px}}.withdrawal-confirm-page{width:100%;height:100%;min-height:100%;display:flex;flex-direction:column;align-items:center;padding:20px;background:#FFFFFF;overflow-y:auto;overflow-x:hidden}.withdrawal-confirm-container{width:100%;max-width:361px;display:flex;flex-direction:column;gap:24px}.withdrawal-confirm-title{font-family:Inter,sans-serif;font-weight:500;font-size:clamp(14px,4.58vw,18px);line-height:1.56;letter-spacing:-.024em;color:#0a0a0a;margin:0;text-align:center}.withdrawal-confirm-notice{padding:16px;background:#FFF8F8;border:1px solid #FECACA;border-radius:8px}.withdrawal-confirm-notice-text{font-family:Inter,sans-serif;font-weight:400;font-size:clamp(12px,3.81vw,14px);line-height:1.7;color:#991b1b;margin:0}.withdrawal-confirm-section{display:flex;flex-direction:column;gap:8px}.withdrawal-confirm-label{font-family:Inter,sans-serif;font-weight:500;font-size:clamp(12px,4.07vw,16px);line-height:1.5;letter-spacing:-.02em;color:#364153;margin:0}.withdrawal-confirm-select{width:100%;padding:12px 16px;background:#FFFFFF;border:1px solid #E5E7EB;border-radius:8px;font-family:Inter,sans-serif;font-weight:400;font-size:clamp(12px,4.07vw,16px);line-height:1.5;color:#0a0a0a;cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23364153' d='M6 8L2 4h8z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;background-size:12px;transition:border-color .2s ease,box-shadow .2s ease;box-sizing:border-box}.withdrawal-confirm-select:focus{outline:none;border-color:#dc262680;box-shadow:0 0 0 3px #dc26261a}.withdrawal-confirm-select:hover:not(:disabled){border-color:#dc26264d}.withdrawal-confirm-select:disabled{background:#F3F4F6;color:#9ca3af;cursor:not-allowed}.withdrawal-confirm-error{padding:12px 16px;background:#FEF2F2;border:1px solid #FECACA;border-radius:8px;font-family:Inter,sans-serif;font-size:clamp(11px,3.56vw,14px);line-height:1.5;color:#dc2626;text-align:center}.withdrawal-confirm-actions{display:flex;gap:12px}.withdrawal-confirm-cancel-button{flex:1;padding:12px 24px;border-radius:8px;font-family:Inter,sans-serif;font-size:clamp(12px,4.07vw,16px);font-weight:500;cursor:pointer;transition:all .2s ease;background:#F8FAFC;color:#64748b;border:1px solid #E2E8F0}.withdrawal-confirm-cancel-button:hover:not(:disabled){background:#F1F5F9;color:#475569}.withdrawal-confirm-cancel-button:active:not(:disabled){background:#E2E8F0}.withdrawal-confirm-cancel-button:disabled{opacity:.5;cursor:not-allowed}.withdrawal-confirm-submit-button{flex:1;padding:12px 24px;border-radius:8px;font-family:Inter,sans-serif;font-size:clamp(12px,4.07vw,16px);font-weight:500;cursor:pointer;transition:all .2s ease;background:#DC2626;color:#fff;border:none;box-shadow:0 1px 2px -1px #0000001a,0 1px 3px #0000001a}.withdrawal-confirm-submit-button:hover:not(:disabled){background:#B91C1C;transform:translateY(-1px)}.withdrawal-confirm-submit-button:active:not(:disabled){background:#991B1B;transform:translateY(0)}.withdrawal-confirm-submit-button:disabled{opacity:.5;cursor:not-allowed;transform:none}@media (max-width: 360px){.withdrawal-confirm-page{padding:16px}.withdrawal-confirm-container{gap:20px}.withdrawal-confirm-actions{flex-direction:column}.withdrawal-confirm-cancel-button,.withdrawal-confirm-submit-button{padding:10px 20px}}@media (min-width: 361px) and (max-width: 480px){.withdrawal-confirm-page{padding:18px}.withdrawal-confirm-container{max-width:100%}}.main-content{position:absolute;top:0;left:0;right:0;bottom:72px;display:flex;flex-direction:column;align-items:center;padding-top:12px;padding-left:12px;padding-right:12px;overflow:hidden}.main-content>*{width:100%;max-width:100%}.main-content>.action-buttons-left,.main-content>.action-buttons-right{width:auto;max-width:none}.main-content>.signup-complete-toast{width:auto}.main-content:has(.friends-page){padding-top:0;align-items:stretch;background:#F9FAFB}.main-content:has(.self-analysis){padding-top:0;align-items:stretch;background:#FFFFFF}.main-content:has(.mission-page){padding-top:0;align-items:stretch;background:#F9FAFB}.home-top-section{width:100%;max-width:361px;display:flex;flex-direction:column;gap:8px;margin-bottom:8px}.level-card{width:100%;min-height:70px;background:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:16px;padding:8px 16px 16px;box-shadow:0 4px 6px -4px #0000001a,0 10px 15px -3px #0000001a;display:flex;flex-direction:column;gap:4px}.action-buttons-left{position:absolute;top:93px;left:16px;z-index:100;pointer-events:auto;isolation:isolate;display:flex;flex-direction:column;align-items:flex-start;gap:8px}.feedback-icon{width:50px;height:55px;object-fit:contain;cursor:pointer;flex-shrink:0;pointer-events:auto}.friend-report-wrapper{position:relative;display:inline-flex;align-items:flex-start;flex-shrink:0}.friend-report-home-btn{width:54px;height:56px;cursor:pointer;pointer-events:auto;object-fit:contain}.friend-report-badge{position:absolute;top:0;right:-4px;min-width:18px;height:18px;padding:0 4px;background:#FF3B30;border-radius:100px;font-family:Inter,sans-serif;font-weight:700;font-size:11px;line-height:18px;color:#fff;text-align:center;pointer-events:none;box-shadow:0 1px 3px #0003}.action-buttons-right{position:absolute;top:93px;right:16px;display:flex;flex-direction:column;gap:8px;align-items:flex-end;z-index:100;pointer-events:auto;isolation:isolate}.action-button{width:50px;min-height:56px;background:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:16px;border:none;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:4px;padding:8px 0 4px;cursor:pointer;box-shadow:0 4px 6px -4px #0000001a,0 10px 15px -3px #0000001a;transition:all .2s ease}.mission-icon-wrapper{position:relative;display:inline-flex;align-items:flex-start;flex-shrink:0}.mission-icon-button{background:none;border:none;padding:0;margin:0;cursor:pointer;pointer-events:auto;display:inline-flex;align-items:center;justify-content:center}.mission-icon{width:48px;height:58px;object-fit:contain;pointer-events:none}.mission-badge{position:absolute;top:0;right:-4px;min-width:18px;height:18px;padding:0 4px;background:#FF3B30;border-radius:100px;font-family:Inter,sans-serif;font-weight:700;font-size:11px;line-height:18px;color:#fff;text-align:center;pointer-events:none;box-shadow:0 1px 3px #0003}.secret-room-icon{width:50px;height:55px;object-fit:contain;cursor:pointer;flex-shrink:0;pointer-events:auto}.secret-room-icon-locked{position:relative;cursor:pointer;pointer-events:auto}.secret-room-icon-grayscale{opacity:.5;filter:grayscale(60%)}.secret-room-lock-badge{position:absolute;bottom:0;right:-2px;font-size:16px;line-height:1;pointer-events:none}.action-button:hover{background:rgba(255,255,255,1);transform:translateY(-1px)}.action-button:active{transform:translateY(0)}.action-icon-image{width:auto;height:auto;max-width:41.5px;max-height:49px;object-fit:contain;flex-shrink:0}.action-button span{font-family:"M PLUS 1",sans-serif;font-weight:700;font-size:clamp(8px,2.54vw,10px);line-height:1.5;text-align:center;color:#888}.character-container{position:absolute;top:150px;left:50%;transform:translate(-50%);width:256px;height:290px;display:flex;align-items:center;justify-content:center}.character-container.has-messages{top:96px}.character-image{width:100%;height:100%;object-fit:contain}.level-info{display:flex;justify-content:space-between;align-items:center;width:100%}.level-header{display:flex;align-items:center;gap:4px}.level-text{font-family:Inter,sans-serif;font-weight:400;font-size:clamp(11px,3.56vw,14px);line-height:1.5;letter-spacing:.04em;color:#333}.level-number{font-family:Inter,sans-serif;font-weight:700;font-size:clamp(12px,4.07vw,16px);line-height:1.5;letter-spacing:.04em;color:#ff50ad}.exp-text{font-family:Inter,sans-serif;font-weight:400;font-size:clamp(9px,3.05vw,12px);line-height:1.5;letter-spacing:.04em;color:#6a7282;text-align:right}.exp-bar{width:100%;height:8px;background:rgba(51,51,51,.2);border-radius:100px;overflow:hidden}.exp-progress{width:0%;height:100%;background:linear-gradient(90deg,#FF50AD 0%,#C37BFF 100%);border-radius:100px;transition:width .8s cubic-bezier(.4,0,.2,1)}.exp-text-animating{color:#ff50ad;font-weight:700}.level-up-effect{animation:level-up-glow 2s ease-out}.level-number-pulse{animation:level-number-bounce .5s ease-in-out 3}@keyframes level-up-glow{0%{box-shadow:0 0 #ff50ad99}30%{box-shadow:0 0 20px 8px #ff50ad80}60%{box-shadow:0 0 30px 12px #c37bff66}to{box-shadow:0 0 #ff50ad00}}@keyframes level-number-bounce{0%,to{transform:scale(1)}50%{transform:scale(1.3);color:#ff50ad}}.chat-mode-spacer{height:100px;flex-shrink:0}.page-placeholder{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#fdf2f8 0%,#fce7f3 100%);padding:40px 20px}.page-placeholder h2{font-family:Inter,sans-serif;font-weight:700;font-size:clamp(21px,7.12vw,28px);color:#364153;margin:0 0 16px;text-align:center}.page-placeholder p{font-family:Inter,sans-serif;font-size:clamp(12px,4.07vw,16px);color:#64748b;text-align:center;line-height:1.5;margin:0}@media (max-width: 360px){.main-content{bottom:64px;padding-top:8px;padding-left:8px;padding-right:8px}.home-top-section{max-width:100%}.action-buttons-left{top:85px;left:12px}.action-buttons-right{top:85px;right:12px}.level-card{padding:8px 12px 12px;border-radius:12px;gap:4px}.action-buttons-right{gap:6px}.action-button{width:45px;min-height:50px;padding:6px 0;gap:3px}.action-icon-image{width:30px;height:44px}.character-container{width:200px;height:226px;top:135px}.character-container.has-messages{top:86px}.character-image{width:100%;height:100%}.page-placeholder{padding:30px 16px}}@media (min-width: 361px) and (max-width: 480px){.main-content{bottom:68px;padding-top:10px;padding-left:10px;padding-right:10px}.level-card{max-width:100%}.character-container{width:220px;height:249px;top:142px}.character-container.has-messages{top:91px}}.tab-content{position:absolute;bottom:72px;left:0;right:0;height:auto}.tab-card{width:100%;height:100%;background:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:40px 40px 0 0;box-shadow:0 0 20px #0000001a;display:flex;flex-direction:column}.tab-list{display:none}.tab-button{flex:1;height:39.01px;border:none;background:transparent;border-radius:14px;font-family:Inter,sans-serif;font-weight:500;font-size:clamp(11px,3.56vw,14px);line-height:1.43;letter-spacing:-.01em;color:#6a7282;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.tab-button.active{background:#ffffff;color:#f6339a;box-shadow:0 1px 2px -1px #0000001a,0 1px 3px #0000001a}.tab-button:hover:not(.active){background:rgba(255,255,255,.3)}.tab-panel{flex:1;padding:20px 16px 16px;display:flex;flex-direction:column;gap:0;align-items:center}.tab-content.text-mode{height:auto}.tab-content.text-mode .tab-panel{padding:16px;gap:0}.chat-content{display:flex;flex-direction:column;gap:20px;height:100%;padding:8px 0}.chat-question{font-family:Inter,sans-serif;font-weight:400;font-size:clamp(12px,4.07vw,16px);line-height:1.5;letter-spacing:-.02em;color:#364153;text-align:center;height:24px;display:flex;align-items:center;justify-content:center}.voice-recognition-area{display:flex;flex-direction:column;align-items:center;gap:12px;flex:1;justify-content:center}.voice-button{width:63.99px;height:63.99px;border-radius:50%;border:.64px solid #fda5d5;background:#fdf2f8;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.voice-button:hover{background:#fce7f3;transform:scale(1.05)}.voice-button:active{transform:scale(.95)}.voice-button.listening{background:#fce7f3;border-color:#f6339a;animation:pulse 1.5s ease-in-out infinite}.voice-button.stop{background:#fce7f3;border-color:#f6339a;color:#f6339a;animation:none}.voice-button.stop:hover{background:#fce7f3;transform:scale(1.05)}.voice-button:disabled{opacity:.5;cursor:not-allowed}.confirmation-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000}.confirmation-content{background:white;border-radius:16px;padding:24px;max-width:400px;width:90%;box-shadow:0 10px 25px #0003}.confirmation-content h3{font-family:Inter,sans-serif;font-weight:600;font-size:clamp(14px,4.58vw,18px);color:#364153;margin:0 0 16px;text-align:center}.confirmation-text{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:16px;margin-bottom:20px;font-family:Inter,sans-serif;font-size:clamp(11px,3.56vw,14px);line-height:1.5;color:#364153;min-height:60px;white-space:pre-wrap}.confirmation-buttons{display:flex;gap:12px;justify-content:center}.cancel-button,.confirm-button{padding:12px 24px;border-radius:8px;font-family:Inter,sans-serif;font-weight:500;font-size:clamp(11px,3.56vw,14px);cursor:pointer;transition:all .2s ease;border:none;min-width:100px}.cancel-button{background:#f1f5f9;color:#64748b;border:1px solid #e2e8f0}.cancel-button:hover:not(:disabled){background:#e2e8f0}.confirm-button{background:#f6339a;color:#fff}.confirm-button:hover:not(:disabled){background:#e60076}.cancel-button:disabled,.confirm-button:disabled{opacity:.5;cursor:not-allowed}.success-notification{position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:1001;animation:slideDown .3s ease-out}.success-content{background:#10b981;color:#fff;padding:16px 24px;border-radius:8px;display:flex;align-items:center;gap:12px;box-shadow:0 4px 12px #10b9814d}.success-icon{font-size:clamp(15px,5.09vw,20px);font-weight:700}.success-message{font-family:Inter,sans-serif;font-weight:500;font-size:clamp(11px,3.56vw,14px)}@keyframes slideDown{0%{opacity:0;transform:translate(-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.cache-section{margin-top:20px;padding:16px;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0}.cache-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.cache-title{display:flex;align-items:center;gap:12px}.cache-header h4{font-family:Inter,sans-serif;font-weight:600;font-size:clamp(11px,3.56vw,14px);color:#364153;margin:0}.toggle-details-button{padding:4px 8px;border-radius:4px;font-family:Inter,sans-serif;font-weight:500;font-size:clamp(8px,2.8vw,11px);background:#f1f5f9;color:#64748b;border:1px solid #e2e8f0;cursor:pointer;transition:all .2s ease}.toggle-details-button:hover{background:#e2e8f0}.cache-actions{display:flex;gap:8px}.sync-button,.clear-button{padding:6px 12px;border-radius:6px;font-family:Inter,sans-serif;font-weight:500;font-size:clamp(9px,3.05vw,12px);cursor:pointer;transition:all .2s ease;border:none}.sync-button{background:#10b981;color:#fff}.sync-button:hover:not(:disabled){background:#059669}.clear-button{background:#ef4444;color:#fff}.clear-button:hover:not(:disabled){background:#dc2626}.sync-button:disabled,.clear-button:disabled{opacity:.5;cursor:not-allowed}.cache-list{display:flex;flex-direction:column;gap:8px}.cache-item{display:flex;justify-content:space-between;align-items:flex-start;padding:12px;background:white;border-radius:8px;border:1px solid #e2e8f0}.cache-content{flex:1;margin-right:12px}.cache-text{font-family:Inter,sans-serif;font-size:clamp(10px,3.31vw,13px);line-height:1.4;color:#364153;margin-bottom:4px;word-break:break-word}.cache-meta{font-family:Inter,sans-serif;font-size:clamp(8px,2.8vw,11px);color:#64748b}.delete-button{width:24px;height:24px;border-radius:50%;background:#f1f5f9;color:#64748b;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:clamp(11px,3.56vw,14px);transition:all .2s ease}.delete-button:hover{background:#ef4444;color:#fff}.cache-details{margin-bottom:16px;padding:12px;background:white;border-radius:8px;border:1px solid #e2e8f0}.cache-stats{display:flex;gap:16px;margin-bottom:12px;flex-wrap:wrap}.cache-stats .stat-item{display:flex;flex-direction:column;gap:2px;align-items:center;min-width:60px}.cache-stats .stat-label{font-family:Inter,sans-serif;font-size:clamp(8px,2.54vw,10px);color:#64748b;font-weight:500}.cache-stats .stat-value{font-family:Inter,sans-serif;font-size:clamp(12px,4.07vw,16px);font-weight:600;color:#364153}.cache-search{margin-top:8px}.search-input{width:100%;padding:8px 12px;border:1px solid #e2e8f0;border-radius:6px;font-family:Inter,sans-serif;font-size:clamp(9px,3.05vw,12px);background:#f8fafc;transition:all .2s ease}.search-input:focus{outline:none;border-color:#f6339a;background:white;box-shadow:0 0 0 3px #f6339a1a}.cache-meta{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.cache-time{font-family:Inter,sans-serif;font-size:clamp(8px,2.8vw,11px);color:#64748b}.cache-tab{font-family:Inter,sans-serif;font-size:clamp(8px,2.54vw,10px);padding:2px 6px;border-radius:4px;font-weight:500}.cache-tab.grow{background:#fce7f3;color:#be185d}.cache-tab.chat{background:#dbeafe;color:#1e40af}.cache-status{font-family:Inter,sans-serif;font-size:clamp(8px,2.54vw,10px);padding:2px 6px;border-radius:4px;background:#f0fdf4;color:#166534;font-weight:500}.no-results{text-align:center;padding:20px;font-family:Inter,sans-serif;font-size:clamp(9px,3.05vw,12px);color:#64748b;font-style:italic}.recognition-result{width:100%;max-width:321px;min-height:60px;background:rgba(249,250,251,.5);border-radius:10px;padding:12px 20px;display:flex;align-items:center;justify-content:center;font-family:Inter,sans-serif;font-weight:400;font-size:clamp(9px,3.05vw,12px);line-height:1.33;color:#99a1af;text-align:center;word-break:break-word}.home-tab-buttons{display:flex;align-items:center;width:100%;padding:0}.home-tab-button{flex:1;height:48px;border:none;background:transparent;border-radius:100px;font-family:"M PLUS 1",sans-serif;font-weight:600;font-size:14px;line-height:160%;letter-spacing:.04em;color:#959595;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.home-tab-button--active{background:#FFEEF7;color:#ff50ad}.grow-content{display:flex;flex-direction:column;gap:8px;width:100%;align-items:center;position:relative}.input-section{display:flex;flex-direction:column;gap:4px;width:100%}.grow-title{font-family:"M PLUS 1",sans-serif;font-weight:700;font-size:clamp(12px,4.07vw,16px);line-height:1.5em;letter-spacing:.04em;color:#333;text-align:center;width:100%}.grow-content .chat-input-field{padding:8px}.grow-content .chat-history{height:350px}.grow-content .chat-history:before{content:"";flex:1 1 auto}.grow-add-button{width:48px;height:48px;border-radius:100px;background:rgba(255,80,173,.1);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:all .2s ease}.grow-add-button:hover{background:rgba(255,80,173,.2)}.grow-add-button svg{width:24px;height:24px}.action-button{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 16px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;cursor:pointer;transition:all .2s ease;min-width:80px}.action-button:hover{background:#f1f5f9;transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.action-icon{font-size:clamp(18px,6.11vw,24px)}.action-button span{font-family:Inter,sans-serif;font-weight:500;font-size:clamp(9px,3.05vw,12px);color:#475569}.growth-stats{display:flex;flex-direction:column;gap:12px;margin-top:8px}.stat-item{display:flex;flex-direction:column;gap:4px}.stat-label{font-family:Inter,sans-serif;font-weight:500;font-size:clamp(9px,3.05vw,12px);color:#64748b}.stat-bar{width:100%;height:6px;background:#e2e8f0;border-radius:3px;overflow:hidden}.stat-fill{height:100%;background:linear-gradient(90deg,#f6339a 0%,#ad46ff 100%);border-radius:3px;transition:width .3s ease}.message-content{font-size:clamp(11px,3.56vw,14px);line-height:1.4;margin-bottom:5px}.message-time{font-size:clamp(9px,3.05vw,12px);color:#666;opacity:.8}.ai-response{margin-bottom:20px;padding:15px;background-color:#f8f9fa;border-radius:10px;border-left:4px solid #4caf50;text-align:left}.ai-response-content{font-size:clamp(11px,3.56vw,14px);line-height:1.5;color:#333}.ai-response-controls{display:flex;justify-content:center;margin-top:12px;gap:8px}.speak-button,.stop-speak-button{padding:8px 16px;border:none;border-radius:20px;font-family:Inter,sans-serif;font-size:clamp(9px,3.05vw,12px);font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:4px}.speak-button{background:#f6339a;color:#fff}.speak-button:hover{background:#e02d87;transform:translateY(-1px)}.stop-speak-button{background:#6b7280;color:#fff}.stop-speak-button:hover{background:#4b5563;transform:translateY(-1px)}.speak-button:disabled,.stop-speak-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.document-content{display:flex;flex-direction:column;gap:16px;height:100%;padding:8px 0}.document-description{font-family:Inter,sans-serif;font-weight:400;font-size:clamp(11px,3.56vw,14px);line-height:1.5;letter-spacing:-.02em;color:#364153;text-align:center}.drop-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:120px;border:2px dashed #d1d5db;border-radius:12px;background:#f9fafb;cursor:pointer;transition:all .2s ease;padding:16px}.drop-zone:hover{border-color:#f6339a;background:#fdf2f8}.drop-zone.dragging{border-color:#f6339a;background:#fce7f3;border-style:solid}.drop-zone.has-file{border-color:#10b981;background:#f0fdf4}.drop-zone-content{display:flex;flex-direction:column;align-items:center;gap:8px}.upload-icon{font-size:clamp(24px,8.14vw,32px)}.drop-zone-text{font-family:Inter,sans-serif;font-size:clamp(10px,3.31vw,13px);color:#6b7280;text-align:center;line-height:1.4}.file-types{font-family:Inter,sans-serif;font-size:clamp(8px,2.8vw,11px);color:#9ca3af}.selected-file-info{display:flex;align-items:center;gap:8px;padding:8px 12px;background:white;border-radius:8px;border:1px solid #e5e7eb}.file-icon{font-size:clamp(15px,5.09vw,20px)}.file-name{font-family:Inter,sans-serif;font-size:clamp(10px,3.31vw,13px);color:#364153;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clear-file-button{width:20px;height:20px;border-radius:50%;border:none;background:#f3f4f6;color:#6b7280;font-size:clamp(9px,3.05vw,12px);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.clear-file-button:hover{background:#ef4444;color:#fff}.upload-error{font-family:Inter,sans-serif;font-size:clamp(9px,3.05vw,12px);color:#ef4444;text-align:center;padding:8px;background:#fef2f2;border-radius:6px}.upload-success{font-family:Inter,sans-serif;font-size:clamp(9px,3.05vw,12px);color:#10b981;text-align:center;padding:8px;background:#f0fdf4;border-radius:6px}.upload-button{width:100%;padding:12px 24px;border:none;border-radius:8px;background:#f6339a;color:#fff;font-family:Inter,sans-serif;font-weight:500;font-size:clamp(11px,3.56vw,14px);cursor:pointer;transition:all .2s ease}.upload-button:hover:not(:disabled){background:#e02d87;transform:translateY(-1px)}.upload-button:disabled{opacity:.5;cursor:not-allowed;transform:none}@media (max-width: 360px){.tab-content{bottom:64px;height:auto}.tab-content.text-mode{height:auto}.tab-card{border-radius:12px}.tab-list{height:40px;padding:3px}.tab-button{height:34px;border-radius:10px}.tab-panel,.tab-content.text-mode .tab-panel{padding:12px 16px;gap:12px}.chat-question,.grow-question{height:auto;min-height:20px}.grow-add-button{width:44px;height:44px}.grow-content .chat-input-field{min-height:44px;padding:6px 6px 6px 12px}.voice-button{width:52px;height:52px}.recognition-result{max-width:100%;min-height:50px;padding:10px 16px}.confirmation-content{padding:20px;max-width:90%}.confirmation-text{padding:12px}.cancel-button,.confirm-button{padding:10px 20px;min-width:80px}.speak-button,.stop-speak-button{padding:6px 12px}}@media (min-width: 361px) and (max-width: 480px){.tab-content{bottom:68px;height:auto}.tab-content.text-mode{height:auto}.tab-list{height:44px}.tab-button{height:36px}.tab-panel,.tab-content.text-mode .tab-panel{padding:14px 20px;gap:14px}.grow-add-button{width:46px;height:46px}.grow-content .chat-input-field{min-height:46px;padding:7px 7px 7px 14px}.voice-button{width:58px;height:58px}.recognition-result{max-width:100%;min-height:55px;padding:10px 18px}}.input-area{display:flex;flex-direction:column;align-items:center;gap:12px;flex:1;justify-content:center;position:relative}.text-input-area{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%}.text-input-container{display:flex;align-items:center;gap:8px;width:100%;max-width:321px}.text-input-field{flex:1;height:44px;padding:12px 16px;border:1px solid #e2e8f0;border-radius:22px;font-family:Inter,sans-serif;font-size:clamp(11px,3.56vw,14px);line-height:1.4;color:#364153;background:#ffffff;outline:none;transition:all .2s ease}.text-input-field:focus{border-color:#f6339a;box-shadow:0 0 0 3px #f6339a1a}.text-input-field:disabled{background:#f8fafc;color:#99a1af;cursor:not-allowed}.text-input-field::placeholder{color:#99a1af}.send-button{width:44px;height:44px;border-radius:50%;border:none;background:#f6339a;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;flex-shrink:0}.send-button:hover:not(:disabled){background:#e60076;transform:scale(1.05)}.send-button:active:not(:disabled){transform:scale(.95)}.send-button:disabled{background:#e2e8f0;color:#99a1af;cursor:not-allowed}.generating-status{font-family:Inter,sans-serif;font-size:clamp(9px,3.05vw,12px);color:#99a1af;text-align:center}.input-mode-toggle{position:absolute;bottom:-8px;right:-15%;width:36px;height:36px;border-radius:50%;border:1px solid #e2e8f0;background:#ffffff;color:#6a7282;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #0000001a}.grow-content .input-mode-toggle{bottom:8px;right:24px}.input-mode-toggle:hover{background:#f8fafc;border-color:#f6339a;color:#f6339a}.input-mode-toggle:active{transform:scale(.95)}@media (max-width: 390px){.text-input-container{max-width:100%}.text-input-field{height:40px;padding:10px 14px}.send-button{width:40px;height:40px}.input-mode-toggle{width:32px;height:32px}}.grow-add-button.uploading{cursor:not-allowed;opacity:.7}.grow-add-button:disabled{cursor:not-allowed;opacity:.5}.upload-spinner{width:20px;height:20px;border:2px solid rgba(255,80,173,.3);border-top-color:#ff50ad;border-radius:50%;animation:spin .8s linear infinite}.upload-error-message{position:fixed;bottom:320px;left:50%;transform:translate(-50%);background:#ef4444;color:#fff;padding:12px 40px 12px 16px;border-radius:8px;font-family:"M PLUS 1",sans-serif;font-size:clamp(11px,3.56vw,14px);line-height:1.5;box-shadow:0 4px 12px #ef44444d;z-index:1000;max-width:90%;text-align:center;animation:slideUp .3s ease-out}.upload-error-close{position:absolute;top:50%;right:12px;transform:translateY(-50%);background:transparent;border:none;color:#fff;font-size:clamp(14px,4.58vw,18px);cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;opacity:.8;transition:opacity .2s ease}.upload-error-close:hover{opacity:1}.upload-success-toast{position:fixed;bottom:320px;left:50%;transform:translate(-50%);z-index:1000;background:#84cc16;color:#fff;padding:8px 16px;border-radius:20px;display:flex;align-items:center;gap:6px;font-family:"M PLUS 1",sans-serif;font-weight:500;font-size:clamp(10px,3.31vw,13px);box-shadow:0 2px 8px #84cc164d;animation:toastSlideUp .3s ease-out}.upload-success-toast svg{width:16px;height:16px;color:#fff}@keyframes toastSlideUp{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.chat-mode-hidden{display:none!important}.tab-content.grow-chat-active{height:60%}.tab-content.grow-chat-active .tab-panel{flex:1;min-height:0;overflow:hidden}.tab-content.grow-chat-active .grow-content{flex:1;min-height:0}.tab-content.grow-chat-active .grow-content .chat-history{flex:1;height:auto}.grow-chat-mode{gap:4px}.grow-back-button{align-self:flex-start;background:none;border:none;color:#c20062;font-family:"M PLUS 1",sans-serif;font-size:14px;font-weight:600;cursor:pointer;padding:4px 0;margin-bottom:4px}.grow-back-button:hover{opacity:.7}.bottom-navigation{position:absolute;bottom:0;left:0;right:0;height:72px;background:#ffffff;border-top:.64px solid #e5e7eb;padding:8px 16px;padding-bottom:calc(8px + env(safe-area-inset-bottom,0))}.nav-container{display:flex;align-items:center;gap:8px;height:100%;max-height:56px}.nav-button{display:flex;flex-direction:column;align-items:center;gap:4px;background:transparent;border:none;cursor:pointer;padding:8px 16px;transition:all .2s ease;position:relative;flex:1}.nav-button:hover{transform:translateY(-1px)}.nav-button.active{background:rgba(255,80,173,.1);border-radius:8px;padding:8px 16px}.nav-icon{width:22px;height:22px;display:flex;align-items:center;justify-content:center;position:relative;flex-shrink:0}.nav-text{font-family:Inter,sans-serif;font-weight:400;font-size:clamp(9px,3.05vw,12px);line-height:1.5em;letter-spacing:.04em;color:#333;text-align:center;white-space:nowrap}.nav-text.active{color:#ff50ad}.badge{position:absolute;top:-8px;right:-8px;width:16px;height:16px;background:#fb2c36;border:.64px solid rgba(0,0,0,0);border-radius:8px;display:flex;align-items:center;justify-content:center}.badge-text{font-family:Inter,sans-serif;font-weight:500;font-size:clamp(9px,3.05vw,12px);line-height:1.33;color:#fff}@media (max-width: 360px){.bottom-navigation{height:64px;padding:6px 8px 0}.nav-button{padding:6px 8px;gap:2px}.nav-button.active{padding:6px 12px}.nav-icon{width:20px;height:20px}.badge{width:14px;height:14px;top:-6px;right:-6px}}@media (min-width: 361px) and (max-width: 480px){.bottom-navigation{height:68px;padding:6px 12px 0}}.splash-screen{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;max-width:393px;height:100%;max-height:817px;background:linear-gradient(180deg,#fdf2f8 0%,#f0f9ff 100%);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeOut .5s ease-out 2.5s forwards;overflow:hidden;border-radius:20px;box-shadow:0 20px 40px #0000001a}.splash-content{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:20px;position:relative}.splash-images{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;gap:20px}.splash-logo{width:100%;max-width:200px;height:auto;object-fit:contain;display:block}.splash-image{width:100%;max-width:600px;height:auto;object-fit:contain;display:block}@media (max-width: 480px){.splash-screen{max-width:100%;max-height:100%;border-radius:0;box-shadow:none}.splash-content{padding:15px}.splash-logo{max-width:180px}.splash-image{max-width:100%}.splash-loader{margin-bottom:40px}.spinner{width:36px;height:36px}}@media (max-width: 360px){.splash-content{padding:10px}.splash-logo{max-width:150px}.splash-images{gap:16px}.splash-loader{margin-bottom:30px}.spinner{width:32px;height:32px;border-width:3px}}.splash-loader{display:flex;justify-content:center;align-items:center;margin-bottom:60px}.spinner{width:40px;height:40px;border:4px solid rgba(246,51,154,.2);border-top-color:#f6339a;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0;visibility:hidden}}.onboarding{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;z-index:5000;overflow:hidden;transition:background .5s ease}.onboarding-bg-1{background:linear-gradient(180deg,#FFD6EC 0%,#FFEEF7 35%,#FFFFFF 70%)}.onboarding-bg-2{background:linear-gradient(180deg,#FFD1E8 0%,#FFE8F5 40%,#FFFFFF 75%)}.onboarding-bg-3{background:linear-gradient(180deg,#FFCCE4 0%,#FFE4F2 35%,#FFFFFF 70%)}.onboarding-bg-4{background:linear-gradient(180deg,#FFC8E0 0%,#FFE0F0 30%,#FFFFFF 65%)}.onboarding-content{width:100%;max-width:393px;height:100%;display:flex;flex-direction:column;justify-content:flex-end;position:relative}.onboarding-slide-enter{animation:onbSlideIn .35s ease-out}.onboarding-slide-exit-next{animation:onbSlideOutLeft .3s ease-in forwards}.onboarding-slide-exit-prev{animation:onbSlideOutRight .3s ease-in forwards}@keyframes onbSlideIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes onbSlideOutLeft{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-40px)}}@keyframes onbSlideOutRight{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(40px)}}.onboarding-illust-anim{flex:1;min-height:0;display:flex;flex-direction:column}.onboarding-illust{flex:1;max-height:450px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden;padding-top:48px;min-height:0}.onboarding-illust-characters,.onboarding-illust-avatar,.onboarding-illust-conversation,.onboarding-illust-friends{padding-top:0;padding-bottom:0;justify-content:flex-end;overflow:visible}.onboarding-illust1-img,.onboarding-illust2-img,.onboarding-illust3-img,.onboarding-illust4-img{width:100%;max-width:393px;height:auto;aspect-ratio:786 / 788;object-fit:contain;position:relative;z-index:2;display:block;margin-bottom:-20px}.onboarding-illust1-img{margin-bottom:-40px}.onboarding-card{background:var(--color-bg-white, #FFFFFF);border-radius:40px 40px 0 0;padding:40px 24px 24px;display:flex;flex-direction:column;gap:24px;width:100%;flex-shrink:0}.onboarding-text-area{display:flex;flex-direction:column;align-items:center;gap:8px}.onboarding-title{font-family:var(--font-family, "M PLUS 1", sans-serif);font-weight:700;font-size:20px;text-align:center;margin:0;line-height:1.5;letter-spacing:.04em;background:linear-gradient(90deg,var(--color-primary, #FF50AD),#C37BFF);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.onboarding-body{font-family:var(--font-family, "M PLUS 1", sans-serif);font-size:14px;font-weight:700;color:var(--color-text-primary, #4A4A4A);text-align:center;line-height:1.6;letter-spacing:.04em;margin:0}.onboarding-nav{display:flex;align-items:center;justify-content:space-between;width:100%;padding-bottom:env(safe-area-inset-bottom,0px)}.onboarding-nav-btn-area{width:48px;height:48px;flex-shrink:0}.onboarding-nav-placeholder{width:48px;height:48px}.onboarding-dots{display:flex;gap:8px;justify-content:center;align-items:center}.onboarding-dot{width:8px;height:8px;border-radius:50%;background:#ECECEC;transition:all .3s ease}.onboarding-dot.active{background:var(--color-primary, #FF50AD);width:16px;border-radius:100px}.onboarding-nav-circle-btn{width:48px;height:48px;border-radius:50%;background:var(--color-primary, #FF50AD);border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s ease,transform .15s ease,box-shadow .2s ease}.onboarding-nav-circle-btn:hover{background:#E8479A;box-shadow:0 4px 12px #ff50ad4d}.onboarding-nav-circle-btn:active{transform:scale(.95)}.onboarding-nav-last{display:flex;gap:8px;align-items:center;width:100%;padding-bottom:env(safe-area-inset-bottom,0px)}.onboarding-start-btn{flex:1;height:48px;background:var(--color-primary, #FF50AD);border:none;border-radius:16px;color:#fff;font-family:var(--font-family, "M PLUS 1", sans-serif);font-weight:700;font-size:16px;line-height:1.6;letter-spacing:.04em;text-align:center;cursor:pointer;padding:8px 24px;transition:background .2s ease,transform .15s ease}.onboarding-start-btn:hover{background:#E8479A}.onboarding-start-btn:active{transform:scale(.98)}.onboarding-nav-circle-btn-outline{width:48px;height:48px;border-radius:50%;background:var(--color-primary-light, #FFEEF7);border:none;color:var(--color-primary, #FF50AD);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s ease,border-color .2s ease,transform .15s ease}.onboarding-nav-circle-btn-outline:hover{background:#FFE0F2}.onboarding-nav-circle-btn-outline:active{transform:scale(.95)}@media (max-width: 480px){.onboarding-content{max-width:100%}}@media (max-width: 360px){.onboarding-card{padding:32px 20px 20px}}@media (min-width: 769px){.onboarding{justify-content:center;align-items:center;background:#f8fafc;transition:none}.onboarding-content{max-width:393px;max-height:817px;border-radius:20px;overflow:hidden;box-shadow:0 0 40px #0000001a;transition:background .5s ease}.onboarding-bg-1 .onboarding-content{background:linear-gradient(180deg,#FFD6EC 0%,#FFEEF7 35%,#FFFFFF 70%)}.onboarding-bg-2 .onboarding-content{background:linear-gradient(180deg,#FFD1E8 0%,#FFE8F5 40%,#FFFFFF 75%)}.onboarding-bg-3 .onboarding-content{background:linear-gradient(180deg,#FFCCE4 0%,#FFE4F2 35%,#FFFFFF 70%)}.onboarding-bg-4 .onboarding-content{background:linear-gradient(180deg,#FFC8E0 0%,#FFE0F0 30%,#FFFFFF 65%)}}.tutorial-overlay{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;max-width:393px;height:100%;max-height:817px;background:linear-gradient(180deg,#FCE7F3 0%,#FAF5FF 50%,#DBEAFE 100%);display:flex;align-items:center;justify-content:center;z-index:4000;overflow:hidden;animation:fadeIn .3s ease-in;border-radius:20px;box-shadow:0 20px 40px #0000001a}.tutorial-container{width:100%;max-width:393px;height:100%;max-height:817px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:0;position:relative;overflow-y:auto}.tutorial-step-content{width:100%;display:flex;flex-direction:column;align-items:center;gap:24px;padding:60px 20px 20px;flex:1;justify-content:center;position:relative;min-height:0}.tutorial-card{width:100%;max-width:361px;background:rgba(255,255,255,.9);border-radius:16px;padding:24px;box-shadow:0 8px 20px #0000001a,0 20px 50px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.tutorial-text{font-family:Inter,sans-serif;font-weight:400;font-size:clamp(12px,4.07vw,16px);line-height:1.6;letter-spacing:-.02em;color:#364153;text-align:center;margin:0}.tutorial-input-container{width:100%;max-width:361px;position:relative;display:flex;align-items:center}.tutorial-input{width:100%;padding:12px 48px 12px 16px;border:1px solid #e2e8f0;border-radius:12px;font-family:Inter,sans-serif;font-size:clamp(11px,3.56vw,14px);line-height:1.5;color:#364153;background:#ffffff;transition:all .2s ease}.tutorial-input:focus{outline:none;border-color:#e60076;box-shadow:0 0 0 3px #e600761a}.tutorial-input::placeholder{color:#99a1af}.tutorial-textarea{width:100%;padding:12px 48px 12px 16px;border:1px solid #e2e8f0;border-radius:12px;font-family:Inter,sans-serif;font-size:clamp(11px,3.56vw,14px);line-height:1.5;color:#364153;background:#ffffff;resize:vertical;min-height:100px;transition:all .2s ease}.tutorial-input-container:has(.tutorial-textarea) .tutorial-mic-button{top:auto;bottom:12px}.tutorial-textarea:focus{outline:none;border-color:#e60076;box-shadow:0 0 0 3px #e600761a}.tutorial-textarea::placeholder{color:#99a1af}.tutorial-mic-button{position:absolute;right:12px;width:32px;height:32px;border-radius:50%;border:1px solid #fda5d5;background:#fdf2f8;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;padding:0;z-index:1}.tutorial-mic-button:hover{background:#fce7f3;transform:scale(1.05)}.tutorial-mic-button:active{transform:scale(.95)}.tutorial-mic-button.listening{background:#fce7f3;border-color:#e60076;animation:pulse 1.5s ease-in-out infinite}.tutorial-mic-button:disabled{opacity:.5;cursor:not-allowed}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.tutorial-upload-container{width:100%;max-width:361px;display:flex;flex-direction:column;align-items:center;gap:16px}.tutorial-file-input{display:none}.tutorial-upload-button{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;background:#ffffff;border:1px solid #e2e8f0;border-radius:12px;font-family:Inter,sans-serif;font-weight:500;font-size:clamp(11px,3.56vw,14px);color:#364153;cursor:pointer;transition:all .2s ease}.tutorial-upload-button:hover{background:#f8fafc;border-color:#e60076;color:#e60076}.tutorial-upload-button svg{color:currentColor}.tutorial-photo-preview{width:100%;max-width:200px;height:200px;border-radius:12px;overflow:hidden;border:1px solid #e2e8f0;background:#f8fafc;display:flex;align-items:center;justify-content:center}.tutorial-photo-preview img{width:100%;height:100%;object-fit:cover}.tutorial-file-info{font-family:Inter,sans-serif;font-size:clamp(9px,3.05vw,12px);color:#64748b;text-align:center;margin:0}.tutorial-photo-error{font-family:Inter,sans-serif;font-size:clamp(11px,3.56vw,14px);color:#dc2626;text-align:center;margin:8px 0 0}.tutorial-file-button{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;background:#ffffff;border:1px solid #e2e8f0;border-radius:12px;font-family:Inter,sans-serif;font-weight:500;font-size:clamp(11px,3.56vw,14px);color:#364153;cursor:pointer;transition:all .2s ease;margin-top:8px}.tutorial-file-button:hover{background:#f8fafc;border-color:#e60076;color:#e60076}.tutorial-file-button svg{color:currentColor}.tutorial-progress{display:flex;gap:8px;align-items:center;justify-content:center;margin:24px 0;padding:0 20px}.tutorial-progress-dot{width:8px;height:8px;border-radius:50%;background:#d1d5db;transition:all .3s ease}.tutorial-progress-dot.active{width:24px;height:8px;border-radius:4px;background:#FB64B6}.tutorial-navigation{width:100%;display:flex;justify-content:space-between;align-items:center;padding:20px;margin-top:auto}.tutorial-skip-button{padding:12px 24px;background:transparent;border:none;font-family:Inter,sans-serif;font-weight:500;font-size:clamp(11px,3.56vw,14px);color:#64748b;cursor:pointer;transition:all .2s ease}.tutorial-skip-button:hover{color:#364153}.tutorial-skip-button-top-right{position:absolute;top:20px;right:20px;padding:12px 24px;background:transparent;border:none;font-family:Inter,sans-serif;font-weight:500;font-size:clamp(11px,3.56vw,14px);color:#64748b;cursor:pointer;transition:all .2s ease;z-index:10}.tutorial-skip-button-top-right:hover{color:#364153}.tutorial-next-button{padding:12px 24px;background:#E60076;border:none;border-radius:12px;font-family:Inter,sans-serif;font-weight:500;font-size:clamp(11px,3.56vw,14px);color:#fff;cursor:pointer;transition:all .2s ease}.tutorial-next-button:hover{background:#d1006a;transform:translateY(-1px);box-shadow:0 4px 8px #e600764d}.tutorial-next-button:active{transform:translateY(0)}.tutorial-next-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.tutorial-next-button:disabled:hover{background:#E60076;transform:none;box-shadow:none}.tutorial-remaining-count{margin-top:12px;font-size:clamp(10px,3.2vw,12px);color:#999;text-align:center}.tutorial-retry-message{margin-top:12px;font-size:clamp(11px,3.56vw,14px);color:#666;text-align:center;animation:pulse 1.5s ease-in-out infinite}.tutorial-processing-message{margin-top:12px;font-size:clamp(11px,3.56vw,14px);color:#666;text-align:center}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.tutorial-loading-container{width:100%;max-width:361px;display:flex;flex-direction:column;align-items:center;gap:24px;padding:40px 20px}.tutorial-loading-spinner{width:48px;height:48px;border:4px solid #f3f4f6;border-top:4px solid #E60076;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.tutorial-error-message{width:100%;text-align:center;padding:16px;background:rgba(239,68,68,.1);border-radius:12px;border:1px solid rgba(239,68,68,.3)}.tutorial-error-message p{font-family:Inter,sans-serif;font-size:clamp(11px,3.56vw,14px);color:#dc2626;margin:0 0 12px}.tutorial-retry-button{padding:10px 20px;background:#ffffff;border:1px solid #dc2626;border-radius:8px;font-family:Inter,sans-serif;font-weight:500;font-size:clamp(11px,3.56vw,14px);color:#dc2626;cursor:pointer;transition:all .2s ease}.tutorial-retry-button:hover{background:#dc2626;color:#fff}.tutorial-image-preview-container{width:100%;max-width:345px;aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center;background:#FFFFFF;border-radius:40px;margin:0;overflow:hidden;box-shadow:0 0 20px #0000001a}.tutorial-step-content--complete{justify-content:flex-start;padding:80px 24px 24px;gap:24px}.tutorial-step-content--complete .tutorial-image-actions{margin-top:auto}.tutorial-generated-image{width:100%;height:100%;object-fit:contain}.tutorial-image-actions{width:100%;max-width:345px;display:flex;gap:8px;justify-content:center}.tutorial-regenerate-button{flex:1;height:48px;padding:0 16px;background:#FFEEF7;border:none;border-radius:16px;font-family:"M PLUS 1",sans-serif;font-weight:600;font-size:16px;color:#ff50ad;cursor:pointer;transition:all .2s ease}.tutorial-regenerate-button:hover{background:#fce7f3;transform:translateY(-1px);box-shadow:0 4px 8px #ff50ad33}.tutorial-regenerate-button:active{transform:translateY(0)}.tutorial-complete-button{flex:1;height:48px;padding:0 16px;background:#FF50AD;border:none;border-radius:16px;font-family:"M PLUS 1",sans-serif;font-weight:600;font-size:16px;color:#fff;cursor:pointer;transition:all .2s ease}.tutorial-complete-button:hover{background:#e6489b;transform:translateY(-1px);box-shadow:0 4px 8px #ff50ad4d}.tutorial-complete-button:active{transform:translateY(0)}.tutorial-confirmation-container{width:100%;max-width:345px;display:flex;flex-direction:column;background:#F9F9F9;border-radius:20px;overflow:hidden;padding:8px 0;box-sizing:border-box}.tutorial-confirmation-item{display:flex;align-items:center;justify-content:space-between;min-height:64px;padding:8px 0 8px 24px;background:transparent;border-bottom:1px solid rgba(68,68,68,.1);cursor:pointer;transition:background-color .2s ease}.tutorial-confirmation-item:last-child{border-bottom:none}.tutorial-confirmation-item:hover{background:rgba(68,68,68,.03)}.tutorial-confirmation-item:focus{outline:none}.tutorial-confirmation-item:focus-visible{outline:2px solid #FF50AD;outline-offset:-2px}.tutorial-confirmation-item--photo{min-height:116px}.tutorial-confirmation-label{font-family:"M PLUS 1",sans-serif;font-weight:400;font-size:14px;line-height:22.4px;letter-spacing:.56px;color:#4a4a4a}.tutorial-confirmation-value{flex:1;font-family:"M PLUS 1",sans-serif;font-weight:600;font-size:14px;line-height:22.4px;letter-spacing:.56px;color:#4a4a4a;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-right:4px}.tutorial-confirmation-photo{width:80px;height:100px;border-radius:10px;object-fit:cover;vertical-align:middle}.tutorial-confirmation-edit{display:flex;align-items:center;justify-content:center;width:48px;height:48px;flex-shrink:0}.tutorial-confirmation-edit-icon{display:block;width:20px;height:20px}.tutorial-confirmation-tags{font-family:Inter,sans-serif;font-weight:400;font-size:clamp(11px,3.56vw,14px);color:#364153;text-align:center}.tutorial-word-parts-container{width:100%;max-width:361px;display:flex;flex-direction:column;gap:16px}.tutorial-select-container{display:flex;gap:8px;align-items:stretch}.tutorial-select{flex:1;padding:12px 16px;border:1px solid #e2e8f0;border-radius:12px;font-family:Inter,sans-serif;font-size:clamp(11px,3.56vw,14px);line-height:1.5;color:#364153;background:#ffffff;transition:all .2s ease;cursor:pointer}.tutorial-select:focus{outline:none;border-color:#e60076;box-shadow:0 0 0 3px #e600761a}.tutorial-select option:disabled{color:#9ca3af;background:#f3f4f6}.tutorial-add-button{padding:12px 24px;background:#E60076;border:none;border-radius:12px;font-family:Inter,sans-serif;font-weight:500;font-size:clamp(11px,3.56vw,14px);color:#fff;cursor:pointer;transition:all .2s ease;white-space:nowrap}.tutorial-add-button:hover:not(:disabled){background:#d1006a;transform:translateY(-1px);box-shadow:0 2px 4px #e600764d}.tutorial-add-button:disabled{background:#d1d5db;color:#9ca3af;cursor:not-allowed;opacity:.6}.tutorial-selected-word-parts{width:100%;display:flex;flex-direction:column;gap:8px}.tutorial-selected-label{font-family:Inter,sans-serif;font-weight:500;font-size:clamp(9px,3.05vw,12px);color:#64748b;margin:0}.tutorial-selected-tags{display:flex;flex-wrap:wrap;gap:8px}.tutorial-selected-tag{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#fdf2f8;border:1px solid #fda5d5;border-radius:20px;font-family:Inter,sans-serif;font-size:clamp(11px,3.56vw,14px)}.tutorial-tag-text{color:#364153}.tutorial-tag-remove{background:transparent;border:none;color:#e60076;font-size:clamp(14px,4.58vw,18px);line-height:1;cursor:pointer;padding:0;width:18px;height:18px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.tutorial-tag-remove:hover{color:#d1006a;transform:scale(1.2)}.tutorial-hint{font-family:Inter,sans-serif;font-size:clamp(9px,3.05vw,12px);color:#94a3b8;text-align:center;margin:8px 0 0}@media (max-width: 480px){.tutorial-overlay{max-width:100%;max-height:100%;border-radius:0;box-shadow:none}.tutorial-container{max-width:100%;max-height:100%;padding:30px 16px 16px}.tutorial-card{padding:20px;max-width:100%}.tutorial-step-content{padding:40px 16px 0}.tutorial-step-content--complete{padding:80px 24px 24px}.tutorial-skip-button-top-right{top:16px;right:16px;padding:10px 20px}.tutorial-input-container,.tutorial-upload-container,.tutorial-word-parts-container,.tutorial-loading-container{max-width:100%}.tutorial-onboarding-slide-content{padding:32px 20px 90px}.tutorial-onboarding-logo{width:140px}.tutorial-onboarding-image-area{width:180px;height:160px}}@media (max-width: 360px){.tutorial-container{padding:20px 12px 12px}.tutorial-step-content{padding:30px 12px 0;gap:16px}.tutorial-card{padding:16px;border-radius:12px}.tutorial-text{line-height:1.5}.tutorial-input,.tutorial-textarea{padding:10px 40px 10px 12px}.tutorial-mic-button{width:28px;height:28px;right:10px}.tutorial-upload-button,.tutorial-file-button{padding:10px 16px}.tutorial-photo-preview{max-width:160px;height:160px}.tutorial-progress{margin:16px 0;gap:6px}.tutorial-progress-dot{width:6px;height:6px}.tutorial-progress-dot.active{width:18px;height:6px}.tutorial-navigation{padding:16px}.tutorial-skip-button,.tutorial-next-button{padding:10px 20px}.tutorial-select{padding:10px 12px}.tutorial-add-button{padding:10px 16px}}.tutorial-welcome{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background:#FFFFFF;display:flex;flex-direction:column;overflow:hidden;z-index:1}.tutorial-welcome-bg{position:absolute;top:-210px;left:0;right:0;padding:24px 24px 0;display:flex;flex-direction:column;gap:12px;opacity:.18;pointer-events:none;filter:blur(1px)}.tutorial-welcome-bg-level-card{background:rgba(255,255,255,.85);border-radius:20px;padding:16px 20px 12px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 2px 12px #00000014}.tutorial-welcome-bg-level-info{display:flex;align-items:center;gap:8px;margin-bottom:6px}.tutorial-welcome-bg-level-label{font-family:"M PLUS 1",sans-serif;font-size:13px;color:#4a4a4a}.tutorial-welcome-bg-level-num{font-family:"M PLUS 1",sans-serif;font-weight:800;font-size:22px;color:#ff50ad}.tutorial-welcome-bg-exp-row{margin-bottom:6px}.tutorial-welcome-bg-exp-text{font-family:"M PLUS 1",sans-serif;font-size:11px;color:#959595}.tutorial-welcome-bg-exp-track{height:8px;background:rgba(68,68,68,.1);border-radius:100px;overflow:hidden}.tutorial-welcome-bg-exp-fill{width:0%;height:100%;background:linear-gradient(90deg,#FF50AD 0%,#C37BFF 100%);border-radius:100px}.tutorial-welcome-bg-icons{display:flex;justify-content:space-around;padding:8px 0}.tutorial-welcome-bg-icon{display:flex;flex-direction:column;align-items:center;gap:6px}.tutorial-welcome-bg-icon img{width:56px;height:56px;object-fit:contain;border-radius:18px;padding:2px}.tutorial-welcome-bg-icon-active img{background:linear-gradient(#fff,#fff) padding-box,linear-gradient(180deg,#FF50AD 0%,#C37BFF 100%) border-box;border:2px solid transparent}.tutorial-welcome-bg-icon-locked img{background:#EFEFEF;filter:grayscale(100%) opacity(.6)}.tutorial-welcome-bg-icon span{font-family:"M PLUS 1",sans-serif;font-size:10px;color:#4a4a4a}.tutorial-welcome-content{flex:1;display:flex;flex-direction:column;align-items:center;padding:80px 24px 24px;gap:46px;position:relative;z-index:2}.tutorial-welcome-title{font-family:"M PLUS 1",sans-serif;font-weight:600;font-size:20px;line-height:1.5;color:#4a4a4a;text-align:center;margin:0}.tutorial-welcome-char-area{width:256px;height:256px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.tutorial-welcome-char-img{width:100%;height:100%;object-fit:contain}.tutorial-welcome-next-btn{width:100%;max-width:345px;height:48px;background:#FF50AD;border:none;border-radius:16px;font-family:"M PLUS 1",sans-serif;font-weight:600;font-size:16px;color:#fff;cursor:pointer;margin-top:auto;transition:opacity .2s ease,transform .15s ease}.tutorial-welcome-next-btn:hover{opacity:.9;transform:translateY(-1px)}.tutorial-welcome-next-btn:active{transform:translateY(0)}.tutorial-onboarding{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:0;z-index:2;overflow:hidden;transition:background .5s ease}.tutorial-onboarding-bg-1{background:linear-gradient(180deg,#FFD6EC 0%,#FFEEF7 35%,#FFFFFF 70%)}.tutorial-onboarding-bg-2{background:linear-gradient(180deg,#FFD1E8 0%,#FFE8F5 40%,#FFFFFF 75%)}.tutorial-onboarding-bg-3{background:linear-gradient(180deg,#FFCCE4 0%,#FFE4F2 35%,#FFFFFF 70%)}.tutorial-onboarding-bg-4{background:linear-gradient(180deg,#FFC8E0 0%,#FFE0F0 30%,#FFFFFF 65%)}.tutorial-onboarding-slide-content{flex:1;display:flex;flex-direction:column;align-items:center;width:100%;padding:48px 24px 100px;gap:0}.tutorial-onboarding-slide-enter{animation:onboardingSlideIn .35s ease-out}.tutorial-onboarding-slide-exit-next{animation:onboardingSlideOutLeft .3s ease-in forwards}.tutorial-onboarding-slide-exit-prev{animation:onboardingSlideOutRight .3s ease-in forwards}@keyframes onboardingSlideIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes onboardingSlideOutLeft{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-40px)}}@keyframes onboardingSlideOutRight{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(40px)}}.tutorial-onboarding-logo{width:160px;height:auto;margin-bottom:8px}.tutorial-onboarding-image-area{width:220px;height:200px;display:flex;align-items:center;justify-content:center;margin-bottom:16px;flex-shrink:0}.tutorial-onboarding-char-img{max-width:100%;max-height:100%;object-fit:contain}.tutorial-onboarding-text-area{display:flex;flex-direction:column;align-items:center;gap:12px;padding:0 8px;flex-shrink:0}.tutorial-onboarding-slide-title{font-family:var(--font-family, "M PLUS 1", sans-serif);font-weight:700;font-size:20px;color:var(--color-text-primary, #4A4A4A);text-align:center;margin:0;line-height:1.6;letter-spacing:.02em}.tutorial-onboarding-slide-body{font-family:var(--font-family, "M PLUS 1", sans-serif);font-size:14px;font-weight:400;color:var(--color-text-primary, #4A4A4A);text-align:center;line-height:1.8;letter-spacing:.02em;margin:0}.tutorial-onboarding-dots{display:flex;gap:8px;justify-content:center;margin-top:24px}.tutorial-onboarding-dot{width:8px;height:8px;border-radius:50%;background:rgba(255,80,173,.3);transition:all .3s ease}.tutorial-onboarding-dot.active{background:var(--color-primary, #FF50AD);width:24px;border-radius:4px}.tutorial-onboarding-start-btn{width:calc(100% - 48px);max-width:345px;height:56px;background:var(--color-primary, #FF50AD);border:none;border-radius:16px;font-family:var(--font-family, "M PLUS 1", sans-serif);font-weight:700;font-size:18px;color:#fff;cursor:pointer;transition:background .2s ease,transform .15s ease,box-shadow .2s ease}.tutorial-onboarding-start-btn:hover{background:#E8479A;box-shadow:0 4px 16px #ff50ad4d}.tutorial-onboarding-start-btn:active{transform:scale(.98);box-shadow:none}.tutorial-nav-circle-btn{width:48px;height:48px;border-radius:50%;background:var(--color-primary, #FF50AD);border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;position:absolute;bottom:28px;right:24px;z-index:2;transition:background .2s ease,transform .15s ease,box-shadow .2s ease}.tutorial-nav-circle-btn:hover{background:#E8479A;box-shadow:0 4px 12px #ff50ad4d}.tutorial-nav-circle-btn:active{transform:scale(.95)}.tutorial-nav-circle-btn-outline{width:48px;height:48px;border-radius:50%;background:#ffeef7;border:none;color:var(--color-primary, #FF50AD);cursor:pointer;display:flex;align-items:center;justify-content:center;position:absolute;bottom:28px;left:24px;z-index:2;transition:background .2s ease,transform .15s ease}.tutorial-nav-circle-btn-outline:hover{background:#ffd6ef}.tutorial-nav-circle-btn-outline:active{transform:scale(.95)}.tutorial-nav-circle-btn:disabled{background:#f9f9f9;color:#cbcbcb;opacity:1;cursor:not-allowed}.tutorial-nav-circle-btn-outline:disabled{opacity:.4;cursor:not-allowed}.tutorial-nav-circle-btn:disabled:hover{background:#f9f9f9;box-shadow:none;transform:none}.tutorial-nav-circle-btn-outline:disabled:hover{box-shadow:none;transform:none}.tutorial-progress-ring{position:absolute;top:20px;right:20px;width:48px;height:48px;display:flex;align-items:center;justify-content:center}.tutorial-progress-text{position:absolute;font-family:"M PLUS 1",sans-serif;font-size:13px;font-weight:700;color:#e60076}.tutorial-animal-chip-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;width:100%}.tutorial-animal-chip{padding:10px 4px;border:2px solid #e2e8f0;border-radius:20px;background:#fff;font-size:13px;text-align:center;cursor:pointer;transition:all .15s;display:flex;align-items:center;justify-content:center;gap:4px}.tutorial-animal-chip.selected{border-color:#e60076;background:#fdf2f8;color:#e60076;font-weight:600}.tutorial-upload-preview-box{width:200px;height:200px;border:2px dashed #fda5d5;border-radius:16px;display:flex;align-items:center;justify-content:center;background:#fdf2f8;overflow:hidden;cursor:pointer}.tutorial-upload-preview-box img{width:100%;height:100%;object-fit:cover}.tutorial-upload-silhouette{width:100%;height:auto;display:block}.tutorial-upload-select-btn{width:100%;max-width:345px;height:48px;background:#FF50AD;border:none;border-radius:16px;font-family:"M PLUS 1",sans-serif;font-weight:700;font-size:16px;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center}.tutorial-confirm-title{font-family:"M PLUS 1",sans-serif;font-weight:600;font-size:20px;line-height:30px;letter-spacing:.8px;color:#4a4a4a;text-align:left;width:100%;max-width:345px;margin:0}.tutorial-generate-btn{width:100%;max-width:345px;height:48px;background:#FF50AD;border:none;border-radius:16px;font-family:"M PLUS 1",sans-serif;font-weight:600;font-size:16px;line-height:25.6px;letter-spacing:.64px;color:#fff;cursor:pointer;margin-top:22px}.tutorial-generating-title{font-family:"M PLUS 1",sans-serif;font-weight:600;font-size:20px;line-height:30px;color:#4a4a4a;text-align:center;margin:0}.tutorial-step-content--generating{justify-content:flex-start;align-items:center;padding:80px 24px 24px;gap:24px}.tutorial-generating-illustration{position:relative;width:256px;height:256px;display:flex;align-items:center;justify-content:center}.tutorial-generating-image-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.tutorial-generating-magnifier-wrap{position:absolute;width:171px;height:177px;animation:magnifier-loop 3.2s ease-in-out infinite;pointer-events:none}.tutorial-generating-magnifier-lens{position:absolute;top:30px;left:22px;width:81px;height:81px;border-radius:50%;background:rgba(241,248,254,.2);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);z-index:1}.tutorial-generating-magnifier{position:relative;display:block;z-index:2}@keyframes magnifier-loop{0%,to{top:-10px;left:-10px}25%{top:-10px;left:calc(100% - 161px)}50%{top:calc(100% - 167px);left:-10px}75%{top:calc(100% - 167px);left:calc(100% - 161px)}}.tutorial-generating-progress-track{width:200px;height:8px;background:#E8E8E8;border-radius:100px;overflow:hidden}.tutorial-generating-progress-bar{height:100%;border-radius:100px;background:linear-gradient(90deg,#FF50AD 0%,#C37BFF 100%);transition:width .5s ease}.tutorial-generating-cancel-btn{width:100%;max-width:345px;height:48px;background:#FF50AD;border:none;border-radius:16px;font-family:"M PLUS 1",sans-serif;font-weight:600;font-size:16px;color:#fff;cursor:pointer;transition:opacity .2s ease;margin-top:auto}.tutorial-generating-cancel-btn:hover{opacity:.85}.tutorial-generating-error{width:100%;max-width:361px;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}.tutorial-generating-error p{font-family:"M PLUS 1",sans-serif;font-weight:400;font-size:14px;line-height:1.6;color:#4a4a4a;margin:0}.tutorial-generating-error-button{padding:10px 24px;background:#FFFFFF;border:1px solid rgba(68,68,68,.2);border-radius:12px;font-family:"M PLUS 1",sans-serif;font-weight:600;font-size:14px;color:#4a4a4a;cursor:pointer;transition:background .2s ease}.tutorial-generating-error-button:hover{background:#F5F5F5}.tutorial-onboarding-start-btn{position:absolute;bottom:40px;left:24px;right:24px;width:auto;max-width:none}.tutorial-complete-title{font-family:"M PLUS 1",sans-serif;font-weight:600;font-size:20px;line-height:30px;letter-spacing:.04em;color:#4a4a4a;margin:0;text-align:center}.tutorial-chip-check{color:#ec4899;font-size:12px;font-weight:700}.tutorial-container{padding-bottom:80px}.tutorial-container:has(.tutorial-step-content--generating),.tutorial-container:has(.tutorial-step-content--complete){padding-bottom:0}.tutorial-overlay--nickname{background:#ffffff}.tutorial-step-nickname{background:#ffffff;justify-content:flex-start;padding-top:80px;gap:32px}.tutorial-step-nickname .tutorial-progress-ring{position:static;margin:0 auto}.tutorial-nickname-title{font-family:"M PLUS 1",sans-serif;font-weight:600;font-size:20px;line-height:1.5;color:#4a4a4a;text-align:center;margin:0}.tutorial-nickname-input-container{max-width:345px}.tutorial-nickname-input{height:54px;padding:0 16px;border-radius:16px;border:1px solid #E5E7EB;font-family:"M PLUS 1",sans-serif;font-size:14px;color:#4a4a4a;box-sizing:border-box}.tutorial-nickname-input::placeholder{color:#959595;font-family:"M PLUS 1",sans-serif;font-weight:400;font-size:14px}.tutorial-nickname-input:focus{outline:none;border-color:#ec4899;box-shadow:0 0 0 3px #ec48991a}.tutorial-step-birthday{background:#ffffff;justify-content:flex-start;padding-top:80px;gap:40px}.tutorial-birthday-header{display:flex;flex-direction:column;align-items:center;gap:24px;width:100%}.tutorial-step-birthday .tutorial-progress-ring{position:static;margin:0 auto}.tutorial-birthday-title{font-family:"M PLUS 1",sans-serif;font-weight:600;font-size:20px;line-height:1.5;letter-spacing:.8px;color:#4a4a4a;text-align:center;margin:0}.tutorial-birthday-digit-row{position:relative;display:flex;align-items:center;justify-content:center;gap:12px}.tutorial-birthday-digit-group{display:flex;align-items:center;gap:8px}.tutorial-birthday-slot{width:20px;display:flex;flex-direction:column;align-items:center;gap:2px;cursor:text}.tutorial-birthday-slot.focused{background:#f9f9f9;border-radius:2px}.tutorial-birthday-slot-text{font-family:"M PLUS 1",sans-serif;font-weight:600;font-size:20px;line-height:38px;height:38px;letter-spacing:.8px;color:#4a4a4a;text-align:center;min-width:20px}.tutorial-birthday-slot-underline{width:100%;height:1px;background:rgba(68,68,68,.1)}.tutorial-birthday-digit-sep{font-family:"M PLUS 1",sans-serif;font-weight:600;font-size:20px;color:#cbcbcb;text-align:center;-webkit-user-select:none;user-select:none;line-height:1.5}.tutorial-birthday-hidden-input{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;color:transparent;caret-color:transparent;background:transparent;border:none;outline:none;font-size:20px;width:100%;height:100%;-webkit-text-fill-color:transparent}.tutorial-step-gender{background:#ffffff;justify-content:flex-start;padding-top:80px;gap:40px}.tutorial-gender-header{display:flex;flex-direction:column;align-items:center;gap:24px;width:100%}.tutorial-step-gender .tutorial-progress-ring{position:static;margin:0 auto}.tutorial-gender-title{font-family:"M PLUS 1",sans-serif;font-weight:600;font-size:20px;line-height:1.5;letter-spacing:.8px;color:#4a4a4a;text-align:center;margin:0}.tutorial-gender-options{display:flex;flex-direction:column;gap:8px;width:100%;max-width:345px}.tutorial-gender-option{display:flex;align-items:center;gap:16px;width:100%;padding:16px;background:#ffffff;border:1px solid rgba(68,68,68,.1);border-radius:8px;cursor:pointer;transition:background .15s ease,border-color .15s ease;text-align:left;box-sizing:border-box}.tutorial-gender-option:hover{background:#fdf2f8;border-color:#ff50ad4d}.tutorial-gender-option.selected{background:#ffeef7;border:2px solid #ff50ad;padding:15px}.tutorial-gender-radio{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;border:1.5px solid #cbcbcb;background:#ffffff;transition:border-color .15s ease,background .15s ease;box-sizing:border-box}.tutorial-gender-radio.selected{border-color:#ff50ad;background:#ff50ad}.tutorial-gender-option-label{font-family:"M PLUS 1",sans-serif;font-weight:600;font-size:14px;line-height:1.6;letter-spacing:.56px;color:#4a4a4a}.tutorial-step-animal{background:#ffffff;justify-content:flex-start;padding-top:80px;gap:40px}.tutorial-animal-header{display:flex;flex-direction:column;align-items:center;gap:24px;width:100%}.tutorial-step-animal .tutorial-progress-ring{position:static;margin:0 auto}.tutorial-animal-title{font-family:"M PLUS 1",sans-serif;font-weight:600;font-size:20px;line-height:1.5;letter-spacing:.8px;color:#4a4a4a;text-align:center;margin:0}.tutorial-animal-options{display:flex;flex-wrap:wrap;gap:8px;width:100%;max-width:345px}.tutorial-animal-option{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#ffffff;border:1px solid rgba(68,68,68,.1);border-radius:8px;cursor:pointer;transition:background .15s ease,border-color .15s ease;box-sizing:border-box}.tutorial-animal-option:hover{background:#fdf2f8;border-color:#ff50ad4d}.tutorial-animal-option.selected{background:#ffeef7;border:2px solid #ff50ad;padding:11px 15px}.tutorial-animal-radio{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;border:1.5px solid #cbcbcb;background:#ffffff;transition:border-color .15s ease,background .15s ease;box-sizing:border-box}.tutorial-animal-radio.selected{border-color:#ff50ad;background:#ff50ad}.tutorial-animal-option-label{font-family:"M PLUS 1",sans-serif;font-weight:600;font-size:14px;line-height:1.6;letter-spacing:.56px;color:#4a4a4a}.tutorial-step-wordpart{background:#ffffff;justify-content:flex-start;padding-top:80px;gap:40px}.tutorial-wordpart-header{display:flex;flex-direction:column;align-items:center;gap:24px;width:100%}.tutorial-step-wordpart .tutorial-progress-ring{position:static;margin:0 auto}.tutorial-wordpart-title{font-family:"M PLUS 1",sans-serif;font-weight:600;font-size:20px;line-height:1.5;letter-spacing:.8px;color:#4a4a4a;text-align:center;margin:0}.tutorial-wordpart-options{display:flex;flex-wrap:wrap;gap:8px;width:100%;max-width:345px}.tutorial-wordpart-option{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#ffffff;border:1px solid rgba(68,68,68,.1);border-radius:8px;cursor:pointer;transition:background .15s ease,border-color .15s ease;box-sizing:border-box}.tutorial-wordpart-option:hover{background:#fdf2f8;border-color:#ff50ad4d}.tutorial-wordpart-option.selected{background:#ffeef7;border:2px solid #ff50ad;padding:11px 15px}.tutorial-wordpart-radio{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;border:1.5px solid #cbcbcb;background:#ffffff;transition:border-color .15s ease,background .15s ease;box-sizing:border-box}.tutorial-wordpart-radio.selected{border-color:#ff50ad;background:#ff50ad}.tutorial-wordpart-option-label{font-family:"M PLUS 1",sans-serif;font-weight:600;font-size:14px;line-height:1.6;letter-spacing:.56px;color:#4a4a4a}.tutorial-step-photo{background:#ffffff;justify-content:flex-start;padding-top:80px;gap:40px}.tutorial-photo-header{display:flex;flex-direction:column;align-items:center;gap:24px;width:100%}.tutorial-step-photo .tutorial-progress-ring{position:static;margin:0 auto}.tutorial-photo-title{font-family:"M PLUS 1",sans-serif;font-weight:600;font-size:20px;line-height:1.5;letter-spacing:.8px;color:#4a4a4a;text-align:center;margin:0}.tutorial-photo-body{display:flex;flex-direction:column;align-items:center;gap:16px;width:100%;max-width:345px}.tutorial-step-photo .tutorial-upload-preview-box{box-sizing:border-box;width:100%;max-width:200px;aspect-ratio:5 / 6;height:auto;border:2px dashed #FFA7D6;border-radius:20px;background:#FAFAFA;display:flex;align-items:flex-end;justify-content:center;overflow:hidden;cursor:pointer}.tutorial-step-photo .tutorial-upload-preview-box.has-image{border-color:transparent;background:transparent}.tutorial-step-photo .tutorial-upload-preview-box img{width:100%;height:100%;object-fit:cover}.login-overlay{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;max-width:393px;height:100%;max-height:817px;background:var(--color-bg-white, #FFFFFF);display:flex;align-items:flex-start;justify-content:center;z-index:2000;overflow-y:auto;animation:fadeIn .3s ease-in;border-radius:20px}.login-container{width:100%;max-width:393px;min-height:100%;padding:80px 24px 0;display:flex;flex-direction:column;align-items:center;box-sizing:border-box}.login-logo{margin-bottom:24px;display:flex;justify-content:center}.login-logo-image{width:214px;height:auto;object-fit:contain}.login-title{font-family:var(--font-family, "M PLUS 1", sans-serif);font-weight:var(--text-page-title-weight, 700);font-size:var(--text-page-title-size, 20px);line-height:1.2;color:var(--color-text-primary, #4A4A4A);margin:0 0 32px;text-align:center;letter-spacing:var(--letter-spacing-default, .04em)}.login-form{width:100%;flex:1;display:flex;flex-direction:column;gap:16px}.login-error{padding:12px 16px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;font-family:var(--font-family, "M PLUS 1", sans-serif);font-size:12px;line-height:1.5;color:#dc2626;text-align:center}.login-input-group{display:flex;flex-direction:column;gap:8px}.login-label{font-family:var(--font-family, "M PLUS 1", sans-serif);font-weight:var(--text-b12-weight, 700);font-size:var(--text-b12-size, 12px);line-height:var(--line-height-default, 1.6em);color:var(--color-text-primary, #4A4A4A);letter-spacing:var(--letter-spacing-default, .04em)}.login-input{width:100%;height:53px;padding:0 16px;border:1px solid var(--color-border, rgba(68, 68, 68, .1));border-radius:8px;font-family:var(--font-family, "M PLUS 1", sans-serif);font-size:var(--text-r14-size, 14px);line-height:var(--line-height-default, 1.6em);letter-spacing:var(--letter-spacing-default, .04em);color:var(--color-text-primary, #4A4A4A);background:var(--color-bg-white, #FFFFFF);transition:border-color .2s ease;box-sizing:border-box}.login-input--email{background:var(--color-bg-input, #F8F8F8)}.login-input:focus{outline:none;border-color:var(--color-primary, #FF50AD);box-shadow:0 0 0 2px #ff50ad1a}.login-input[readonly]:focus{border-color:var(--color-border, rgba(68, 68, 68, .1));box-shadow:none}.login-input::placeholder{color:var(--color-text-secondary, #959595)}.login-password-container{position:relative;display:flex;align-items:center}.login-password-container .login-input{padding-right:48px}.login-password-toggle{position:absolute;right:12px;background:none;border:none;padding:4px;cursor:pointer;color:var(--color-text-secondary, #959595);display:flex;align-items:center;justify-content:center;transition:color .2s ease}.login-password-toggle:hover{color:var(--color-text-primary, #4A4A4A)}.login-button{width:100%;max-width:345px;height:48px;background:var(--color-primary, #FF50AD);border:none;border-radius:16px;font-family:var(--font-family, "M PLUS 1", sans-serif);font-weight:var(--text-button-weight, 700);font-size:16px;line-height:var(--text-button-line-height, 1em);color:#fff;cursor:pointer;transition:opacity .2s ease;margin-top:auto;margin-bottom:20px}.login-button:hover{opacity:.85}.login-button:active{opacity:.75}.login-button:disabled{opacity:.5;cursor:not-allowed}.login-footer{margin-top:20px;margin-bottom:40px;text-align:center}.login-signup-link{background:none;border:none;color:var(--color-text-secondary, #959595);font-family:var(--font-family, "M PLUS 1", sans-serif);font-size:12px;cursor:pointer;text-decoration:underline;padding:0;transition:color .2s ease}.login-signup-link:hover{color:var(--color-text-primary, #4A4A4A)}.login-back-link{background:none;border:none;color:var(--color-text-secondary, #959595);font-family:var(--font-family, "M PLUS 1", sans-serif);font-size:12px;cursor:pointer;text-decoration:underline;padding:0;transition:color .2s ease}.login-back-link:hover{color:var(--color-text-primary, #4A4A4A)}@media (max-width: 480px){.login-overlay{max-width:100%;max-height:100%;border-radius:0}.login-container{padding-top:60px}}@media (max-width: 360px){.login-container{padding:48px 16px 0}.login-logo-image{width:180px}.login-title{margin-bottom:24px}}.signup-overlay{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;max-width:393px;height:100%;max-height:817px;background:var(--color-bg-white, #FFFFFF);display:flex;align-items:flex-start;justify-content:center;z-index:2000;overflow-y:auto;animation:fadeIn .3s ease-in;border-radius:20px}.signup-container{width:100%;max-width:393px;min-height:100%;padding:80px 24px 0;display:flex;flex-direction:column;align-items:center;box-sizing:border-box}.signup-logo{margin-bottom:24px;display:flex;justify-content:center}.signup-logo-image{width:214px;height:auto;object-fit:contain}.signup-title{font-family:var(--font-family, "M PLUS 1", sans-serif);font-weight:var(--text-page-title-weight, 700);font-size:var(--text-page-title-size, 20px);line-height:1.2;color:var(--color-text-primary, #4A4A4A);margin:0 0 32px;text-align:center;letter-spacing:var(--letter-spacing-default, .04em)}.signup-form{width:100%;flex:1;display:flex;flex-direction:column;gap:16px}.signup-error{padding:12px 16px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;font-family:var(--font-family, "M PLUS 1", sans-serif);font-size:12px;line-height:1.5;color:#dc2626;text-align:center}.signup-input-group{display:flex;flex-direction:column;gap:8px}.signup-label{font-family:var(--font-family, "M PLUS 1", sans-serif);font-weight:var(--text-b12-weight, 700);font-size:var(--text-b12-size, 12px);line-height:var(--line-height-default, 1.6em);color:var(--color-text-primary, #4A4A4A);letter-spacing:var(--letter-spacing-default, .04em)}.signup-input{width:100%;height:53px;padding:0 16px;border:1px solid var(--color-border, rgba(68, 68, 68, .1));border-radius:8px;font-family:var(--font-family, "M PLUS 1", sans-serif);font-size:var(--text-r14-size, 14px);line-height:var(--line-height-default, 1.6em);letter-spacing:var(--letter-spacing-default, .04em);color:var(--color-text-primary, #4A4A4A);background:var(--color-bg-white, #FFFFFF);transition:border-color .2s ease;box-sizing:border-box}.signup-input--email{background:var(--color-bg-input, #F8F8F8)}.signup-input:focus{outline:none;border-color:var(--color-primary, #FF50AD);box-shadow:0 0 0 2px #ff50ad1a}.signup-input[readonly]:focus{border-color:var(--color-border, rgba(68, 68, 68, .1));box-shadow:none}.signup-input::placeholder{color:var(--color-text-secondary, #959595)}.signup-input:disabled{opacity:.5;cursor:not-allowed}.signup-password-container{position:relative;display:flex;align-items:center}.signup-password-container .signup-input{padding-right:48px}.signup-password-toggle{position:absolute;right:12px;background:none;border:none;padding:4px;cursor:pointer;color:var(--color-text-secondary, #959595);display:flex;align-items:center;justify-content:center;transition:color .2s ease}.signup-password-toggle:hover:not(:disabled){color:var(--color-text-primary, #4A4A4A)}.signup-password-toggle:disabled{opacity:.5;cursor:not-allowed}.signup-bottom{margin-top:auto;width:100%;display:flex;flex-direction:column;align-items:center;gap:16px;padding-bottom:40px}.signup-terms{font-family:var(--font-family, "M PLUS 1", sans-serif);font-size:12px;line-height:var(--line-height-default, 1.6em);letter-spacing:var(--letter-spacing-default, .04em);color:var(--color-text-primary, #4A4A4A);text-align:center}.signup-terms-link{font-family:var(--font-family, "M PLUS 1", sans-serif);font-size:12px;color:var(--color-primary, #FF50AD);text-decoration:none}.signup-button{width:100%;max-width:345px;height:48px;background:var(--color-primary, #FF50AD);border:none;border-radius:16px;font-family:var(--font-family, "M PLUS 1", sans-serif);font-weight:var(--text-button-weight, 700);font-size:16px;line-height:var(--text-button-line-height, 1em);color:#fff;cursor:pointer;transition:opacity .2s ease}.signup-button:hover:not(:disabled){opacity:.85}.signup-button:active:not(:disabled){opacity:.75}.signup-button:disabled{opacity:.5;cursor:not-allowed}.signup-back-link{background:none;border:none;color:var(--color-text-secondary, #959595);font-family:var(--font-family, "M PLUS 1", sans-serif);font-size:12px;cursor:pointer;text-decoration:underline;padding:0;transition:color .2s ease}.signup-back-link:hover:not(:disabled){color:var(--color-text-primary, #4A4A4A)}.signup-back-link:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 480px){.signup-overlay{max-width:100%;max-height:100%;border-radius:0}.signup-container{padding-top:60px}}@media (max-width: 360px){.signup-container{padding:48px 16px 0}.signup-logo-image{width:180px}.signup-title{margin-bottom:24px}}.email-input-overlay{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;max-width:393px;height:100%;max-height:817px;background:var(--color-bg-white, #FFFFFF);display:flex;align-items:flex-start;justify-content:center;z-index:2000;overflow-y:auto;animation:fadeIn .3s ease-in;border-radius:20px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.email-input-container{width:100%;max-width:393px;min-height:100%;padding:80px 24px 0;display:flex;flex-direction:column;align-items:center;box-sizing:border-box}.email-input-logo{margin-bottom:24px;display:flex;justify-content:center}.email-input-logo-image{width:214px;height:auto;object-fit:contain}.email-input-title{font-family:var(--font-family, "M PLUS 1", sans-serif);font-weight:var(--text-page-title-weight, 700);font-size:var(--text-page-title-size, 20px);line-height:1.5;color:var(--color-text-primary, #4A4A4A);margin:0 0 40px;text-align:center;letter-spacing:var(--letter-spacing-default, .04em)}.email-input-form{width:100%;flex:1;display:flex;flex-direction:column;align-items:center;gap:16px}.email-input-bottom{margin-top:auto;width:100%;display:flex;flex-direction:column;align-items:center;gap:16px;padding-bottom:99px}.email-input-error{width:100%;padding:12px 16px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;font-family:var(--font-family, "M PLUS 1", sans-serif);font-size:12px;line-height:1.5;color:#dc2626;text-align:center;box-sizing:border-box}.email-input-group{width:100%}.email-input-field{width:100%;height:53px;padding:0 16px;border:1px solid var(--color-border, rgba(68, 68, 68, .1));border-radius:8px;font-family:var(--font-family, "M PLUS 1", sans-serif);font-size:var(--text-r14-size, 14px);line-height:var(--line-height-default, 1.6em);letter-spacing:var(--letter-spacing-default, .04em);color:var(--color-text-primary, #4A4A4A);background:var(--color-bg-white, #FFFFFF);transition:border-color .2s ease;box-sizing:border-box}.email-input-field:focus{outline:none;border-color:var(--color-primary, #FF50AD);box-shadow:0 0 0 2px #ff50ad1a}.email-input-field::placeholder{color:var(--color-text-secondary, #959595)}.email-input-field:disabled{opacity:.6;cursor:not-allowed}.email-input-terms{width:100%;font-family:var(--font-family, "M PLUS 1", sans-serif);font-size:12px;line-height:1.6;color:var(--color-text-secondary, #959595);text-align:center}.email-input-terms-link{color:var(--color-primary, #FF50AD);text-decoration:underline;cursor:pointer}.email-input-terms-link:hover{opacity:.8}.email-input-button{width:100%;max-width:345px;height:48px;background:var(--color-primary, #FF50AD);border:none;border-radius:16px;font-family:var(--font-family, "M PLUS 1", sans-serif);font-weight:var(--text-button-weight, 700);font-size:16px;line-height:1.6em;color:#fff;cursor:pointer;transition:opacity .2s ease}.email-input-button:hover{opacity:.85}.email-input-button:active{opacity:.75}.email-input-button:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 480px){.email-input-overlay{max-width:100%;max-height:100%;border-radius:0}.email-input-container{padding-top:60px}}@media (max-width: 360px){.email-input-container{padding:48px 16px 0}.email-input-logo-image{width:180px}.email-input-title{margin-bottom:24px}}.invite-handler-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:4000;display:flex;align-items:center;justify-content:center;animation:invite-overlay-fade-in .3s ease-out}@keyframes invite-overlay-fade-in{0%{opacity:0}to{opacity:1}}.invite-handler-card{width:320px;max-width:calc(100vw - 48px);background:#FFFFFF;border-radius:20px;box-shadow:0 4px 40px #0000001f;padding:32px 24px;animation:invite-card-slide-up .3s ease-out}@keyframes invite-card-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.invite-handler__loading{display:flex;flex-direction:column;align-items:center;gap:16px;padding:24px 0}.invite-handler__spinner{width:40px;height:40px;border:3px solid #F0F0F0;border-top-color:#ff50ad;border-radius:50%;animation:invite-spin .8s linear infinite}@keyframes invite-spin{to{transform:rotate(360deg)}}.invite-handler__content{display:flex;flex-direction:column;align-items:center;gap:16px}.invite-handler__heading{font-family:"M PLUS 1",sans-serif;font-weight:600;font-size:18px;line-height:1.5em;letter-spacing:.04em;color:#4a4a4a;text-align:center;margin:0}.invite-handler__message{font-family:"M PLUS 1",sans-serif;font-weight:400;font-size:14px;line-height:1.6em;letter-spacing:.04em;color:#959595;text-align:center;margin:0}.invite-handler__error-message{font-family:"M PLUS 1",sans-serif;font-weight:400;font-size:14px;line-height:1.6em;letter-spacing:.04em;color:#e53935;text-align:center;margin:0}.invite-handler__avatar{width:80px;height:80px;border-radius:50%;border:2px solid rgba(68,68,68,.1);object-fit:cover}.invite-handler__avatar--fallback{display:flex;align-items:center;justify-content:center;background:#FFEEF7;color:#ff50ad;font-family:"M PLUS 1",sans-serif;font-weight:700;font-size:32px;line-height:1;-webkit-user-select:none;user-select:none}.invite-handler__user-name{font-family:"M PLUS 1",sans-serif;font-weight:600;font-size:20px;line-height:1.5em;letter-spacing:.04em;color:#4a4a4a;text-align:center;margin:0}.invite-handler__primary-button{width:100%;padding:14px 24px;background:#FF50AD;color:#fff;border:none;border-radius:12px;font-family:"M PLUS 1",sans-serif;font-weight:600;font-size:16px;line-height:1.5em;letter-spacing:.04em;cursor:pointer;transition:opacity .2s ease,transform .2s ease;margin-top:8px}.invite-handler__primary-button:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.invite-handler__primary-button:active:not(:disabled){transform:translateY(0)}.invite-handler__primary-button:disabled{opacity:.6;cursor:not-allowed}.invite-handler__secondary-button{width:100%;padding:12px 24px;background:none;color:#959595;border:none;font-family:"M PLUS 1",sans-serif;font-weight:400;font-size:14px;line-height:1.5em;letter-spacing:.04em;cursor:pointer;transition:opacity .2s ease}.invite-handler__secondary-button:hover{opacity:.7}@media (max-width: 360px){.invite-handler-card{padding:24px 16px}}.public-analysis{min-height:100vh;background:var(--background-color, #f5f5f5)}.public-analysis-cta{margin-top:32px;padding:24px 16px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:16px;text-align:center}.public-analysis-cta-text{color:#fff;font-size:16px;font-weight:600;margin-bottom:16px}.public-analysis-cta-button{display:inline-block;padding:12px 32px;background:#fff;color:#764ba2;font-size:15px;font-weight:700;border-radius:24px;text-decoration:none;transition:opacity .2s}.public-analysis-cta-button:hover{opacity:.85}.cancel-withdrawal-page{width:100%;height:100%;min-height:100%;display:flex;flex-direction:column;align-items:center;padding:20px;background:#FFFFFF;overflow-y:auto;overflow-x:hidden}.cancel-withdrawal-container{width:100%;max-width:361px;display:flex;flex-direction:column;gap:24px}.cancel-withdrawal-title{font-family:Inter,sans-serif;font-weight:500;font-size:clamp(14px,4.58vw,18px);line-height:1.56;letter-spacing:-.024em;color:#0a0a0a;margin:0;text-align:center}.cancel-withdrawal-info{display:flex;flex-direction:column;gap:16px}.cancel-withdrawal-message{font-family:Inter,sans-serif;font-weight:400;font-size:clamp(12px,4.07vw,16px);line-height:1.7;color:#364153;margin:0;text-align:center}.cancel-withdrawal-details{display:flex;flex-direction:column;gap:10px;padding:16px;background:#F9FAFB;border-radius:8px;border:1px solid #E5E7EB}.cancel-withdrawal-detail-row{display:flex;align-items:baseline;gap:8px}.cancel-withdrawal-detail-label{font-family:Inter,sans-serif;font-weight:500;font-size:clamp(11px,3.56vw,13px);color:#6b7280;flex-shrink:0}.cancel-withdrawal-detail-value{font-family:Inter,sans-serif;font-weight:400;font-size:clamp(11px,3.56vw,13px);color:#374151}.cancel-withdrawal-remaining{display:flex;align-items:baseline;gap:4px;margin-top:4px;padding-top:10px;border-top:1px solid #E5E7EB}.cancel-withdrawal-remaining-days{font-family:Inter,sans-serif;font-size:clamp(13px,4.07vw,16px);color:#dc2626}.cancel-withdrawal-remaining-days strong{font-weight:700;font-size:clamp(16px,5.09vw,20px)}.cancel-withdrawal-remaining-label{font-family:Inter,sans-serif;font-weight:400;font-size:clamp(11px,3.56vw,13px);color:#6b7280}.cancel-withdrawal-error{padding:12px 16px;background:#FEF2F2;border:1px solid #FECACA;border-radius:8px;font-family:Inter,sans-serif;font-size:clamp(11px,3.56vw,14px);line-height:1.5;color:#dc2626;text-align:center}.cancel-withdrawal-actions{display:flex;flex-direction:column;gap:12px}.cancel-withdrawal-restore-button{width:100%;padding:12px 24px;border-radius:8px;font-family:Inter,sans-serif;font-size:clamp(12px,4.07vw,16px);font-weight:500;cursor:pointer;transition:all .2s ease;background:linear-gradient(90deg,rgba(251,100,182,1) 0%,rgba(194,122,255,1) 100%);color:#fff;border:none;box-shadow:0 1px 2px -1px #0000001a,0 1px 3px #0000001a}.cancel-withdrawal-restore-button:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.cancel-withdrawal-restore-button:active:not(:disabled){opacity:.8;transform:translateY(0)}.cancel-withdrawal-restore-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.cancel-withdrawal-keep-button{width:100%;padding:12px 24px;border-radius:8px;font-family:Inter,sans-serif;font-size:clamp(12px,4.07vw,16px);font-weight:400;cursor:pointer;transition:all .2s ease;background:transparent;color:#9ca3af;border:none;text-decoration:underline;text-underline-offset:2px}.cancel-withdrawal-keep-button:hover:not(:disabled){color:#6b7280}.cancel-withdrawal-keep-button:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 360px){.cancel-withdrawal-page{padding:16px}.cancel-withdrawal-container{gap:20px}.cancel-withdrawal-restore-button,.cancel-withdrawal-keep-button{padding:10px 20px}}@media (min-width: 361px) and (max-width: 480px){.cancel-withdrawal-page{padding:18px}.cancel-withdrawal-container{max-width:100%}}.level-up-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--color-overlay);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fade-in .2s ease}.level-up-modal{background:var(--color-bg-white);border-radius:20px;padding:40px 24px;width:calc(100% - 48px);max-width:345px;display:flex;flex-direction:column;align-items:center;gap:24px;box-shadow:var(--shadow-modal);animation:slide-up .3s cubic-bezier(.4,0,.2,1)}.level-up-modal-badge{font-family:var(--font-family);font-weight:700;font-size:24px;line-height:1.5;letter-spacing:var(--letter-spacing-default);background:linear-gradient(90deg,#FF50AD 0%,#C37BFF 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.level-up-modal-message{font-family:var(--font-family);font-weight:700;font-size:16px;line-height:1.6;letter-spacing:var(--letter-spacing-default);color:var(--color-text-primary);text-align:center;white-space:pre-line;margin:0}.level-up-modal-buttons{display:flex;flex-direction:column;gap:8px;width:100%}.level-up-modal-confirm{width:100%;height:48px;border-radius:16px;border:none;background:var(--color-primary);font-family:var(--font-family);font-weight:700;font-size:16px;color:#fff;cursor:pointer;transition:opacity .2s ease}.level-up-modal-confirm:hover{opacity:.9}.level-up-modal-confirm:active{opacity:.8}.level-up-modal-later{width:100%;height:48px;border-radius:16px;border:none;background:transparent;font-family:var(--font-family);font-weight:700;font-size:16px;color:var(--color-primary);cursor:pointer;transition:opacity .2s ease}.level-up-modal-later:hover{opacity:.7}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.app-container{position:relative;width:100%;height:100%;overflow:hidden}.app-container--home{background-image:url(/assets/room_background-be0f5718.png);background-size:cover;background-position:center;background-repeat:no-repeat}.app-container--home.app-container--chat-mode{background-position:center -80px}.app-container--friend{background:#F9FAFB!important;background-image:none!important}.app-container--invite,.app-container--profile{background:#FFFFFF}.app-container--friend-chat{background-image:url(/assets/bunbun-room-friend-e9973e76.jpg);background-size:cover;background-position:center;background-repeat:no-repeat}.auth-legal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:2100;background:#FFFFFF}:root{--color-primary: #FF50AD;--color-primary-light: #FFEEF7;--color-text-primary: #4A4A4A;--color-text-secondary: #959595;--color-placeholder: #D9D9D9;--color-bg-input: #F8F8F8;--color-star: #FFD900;--color-bg-white: #FFFFFF;--color-overlay: rgba(0, 0, 0, .1);--color-border: rgba(68, 68, 68, .1);--font-family: "M PLUS 1", sans-serif;--text-page-title-size: 20px;--text-page-title-weight: 600;--text-b16-size: 16px;--text-b16-weight: 600;--text-r16-size: 16px;--text-r16-weight: 400;--text-r14-size: 14px;--text-r14-weight: 400;--text-b12-size: 12px;--text-b12-weight: 600;--text-button-size: 14px;--text-button-weight: 700;--text-button-line-height: 1em;--text-nav-active-size: 10px;--text-nav-active-weight: 700;--text-nav-inactive-size: 10px;--text-nav-inactive-weight: 400;--line-height-default: 1.6em;--line-height-nav: 1.5em;--letter-spacing-default: .04em;--radius-modal: 40px;--radius-button: 8px;--radius-button-round: 100px;--radius-input: 10px;--radius-circle: 100px;--size-avatar: 40px;--size-close-button: 48px;--shadow-modal: 0px 0px 40px rgba(0, 0, 0, .1);--backdrop-blur: blur(10px)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8fafc}#root{width:100%;height:100vh;display:flex;justify-content:center;align-items:center}.app-container{width:100%;max-width:393px;height:100%;max-height:817px;position:relative;overflow:hidden;border-radius:20px;box-shadow:0 20px 40px #0000001a}@media (max-width: 480px){.app-container{max-width:100%;max-height:100%;border-radius:0;box-shadow:none}}@media (max-width: 360px){.app-container{max-width:100%;max-height:100%}}@media (min-width: 481px) and (max-width: 768px){.app-container{max-width:480px;max-height:100%;border-radius:20px}}@media (min-width: 769px){.app-container{max-width:393px;max-height:817px}}