@import"https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;700&family=Comfortaa:wght@400;700&display=swap";:root{--bg-gradient: linear-gradient(180deg, #fff0fa 0%, #f5e6ff 50%, #fdf2f8 100%);--primary: #d946a8;--primary-light: #f472b6;--primary-deep: #a855f7;--accent-gradient: linear-gradient(135deg, #ec4899 0%, #a855f7 100%);--accent-gradient-soft: linear-gradient(135deg, #fce7f3 0%, #e9d5ff 100%);--text-strong: #4a1d5a;--text-mid: #6b3d7e;--text-soft: #9d6db8;--text-faint: #b88dc7;--card-bg: #ffffff;--card-shadow: 0 4px 24px rgba(217,70,168,.08), 0 1px 4px rgba(168,85,247,.06);--card-shadow-hover: 0 8px 32px rgba(217,70,168,.18), 0 2px 8px rgba(168,85,247,.12);--border-soft: rgba(217,70,168,.12);--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--bg-gradient);background-attachment:fixed;font-family:Noto Sans SC,-apple-system,system-ui,sans-serif;overflow-x:hidden;color:var(--text-strong);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;overscroll-behavior-y:none}body{min-height:100vh;min-height:100dvh}.app-root{max-width:500px;margin:0 auto;background:var(--bg-gradient);background-attachment:fixed;min-height:100vh;min-height:100dvh;position:relative;padding-top:var(--safe-top);box-shadow:0 0 60px #d946a814}@media (max-width: 500px){.app-root{box-shadow:none;max-width:100%}}input,textarea,select{font-size:16px!important;-webkit-appearance:none;-moz-appearance:none;appearance:none}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-thumb{background:#d946a840;border-radius:4px}::-webkit-scrollbar-track{background:transparent}*{-webkit-overflow-scrolling:touch}.status-bar{padding:12px 16px 8px;display:flex;justify-content:space-between;font-size:12px;color:#9d6db8}.time{font-weight:600;color:#4a1d5a}.main-header{padding:8px 16px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px}.day-badge{background:#fff;padding:6px 14px;border-radius:30px;font-size:13px;font-weight:700;color:#a855f7}.sea-badge{background:#d946a81f;padding:6px 14px;border-radius:30px;font-size:12px;color:#f9a8d4}.risk-badge{display:inline-flex;gap:6px;padding:4px 10px;border-radius:20px;font-size:10px;margin:0 16px 8px}.risk-high{background:#f472b640;border:1px solid #f472b6;color:#f9a8d4}.risk-mid{background:#fbbf2440;border:1px solid #fb923c;color:#fcd34d}.risk-low{background:#a855f740;border:1px solid #a855f7;color:#c4b5fd}.story-card{background:#ffffffd9;backdrop-filter:blur(20px) saturate(1.4);-webkit-backdrop-filter:blur(20px) saturate(1.4);border-radius:24px;margin:12px 16px;padding:20px;border:1px solid var(--border-soft);box-shadow:var(--card-shadow)}.story-text{color:var(--text-strong);font-size:14px;line-height:1.75;white-space:pre-wrap}.kakao-block{background:#fef3c7;border-left:3px solid #fbbf24;padding:10px 12px;margin:12px 0;border-radius:12px}.forum-block{background:#fce7f3;border-left:3px solid #c026d3;padding:10px 12px;margin:12px 0;border-radius:12px}.choices-container{padding:8px 16px calc(90px + var(--safe-bottom))}.choice-btn{width:100%;text-align:left;background:#fff;border:1px solid var(--border-soft);border-radius:18px;padding:14px 16px;margin-bottom:10px;cursor:pointer;color:var(--text-strong);font-size:14px;font-family:inherit;box-shadow:0 2px 12px #d946a80f;transition:all .2s}.choice-btn:active{transform:scale(.98)}.choice-btn:hover{background:#fdf4ff;border-color:var(--primary);box-shadow:var(--card-shadow-hover)}.choice-label{display:inline-block;width:28px;height:28px;background:var(--accent-gradient);border-radius:10px;text-align:center;line-height:28px;font-weight:700;color:#fff;font-size:13px;margin-right:12px;box-shadow:0 2px 6px #d946a84d}.bottom-tabs{position:fixed;bottom:0;left:0;right:0;max-width:500px;margin:0 auto;background:#ffffffd9;backdrop-filter:blur(20px) saturate(1.5);-webkit-backdrop-filter:blur(20px) saturate(1.5);border-top:1px solid var(--border-soft);display:flex;justify-content:space-around;padding:8px 12px calc(8px + var(--safe-bottom));z-index:40}.tab-btn{background:none;border:none;color:var(--text-soft);font-size:11px;padding:6px 10px;cursor:pointer;border-radius:16px;display:flex;flex-direction:column;align-items:center;gap:3px;font-family:inherit;transition:all .2s;min-width:44px;min-height:44px}.tab-btn span:first-child{font-size:20px}.tab-btn.active{color:#fff;background:var(--accent-gradient);box-shadow:0 4px 12px #d946a84d}.sidebar-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#4a1d5a73;z-index:1000;display:flex}.sidebar{width:85%;max-width:320px;background:#fff;height:100%;overflow-y:auto;animation:slideIn .2s ease}@keyframes slideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}.sidebar-header{padding:20px;border-bottom:1px solid var(--border-soft);background:var(--accent-gradient)}.sidebar-header h2{color:#fff;font-size:18px}.sidebar-section{padding:16px;border-bottom:1px solid rgba(217,70,168,.06)}.sidebar-section h4{color:#a855f7;font-size:12px;margin-bottom:12px}.sidebar-item{display:flex;justify-content:space-between;padding:8px 0;font-size:13px;color:#4a1d5a;border-bottom:1px solid rgba(217,70,168,.06)}.sidebar-value{color:#d946a8;font-weight:700}.heart-sidebar{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:12px;cursor:pointer}.heart-sidebar-bar{flex:1;height:4px;background:#fce7f3;border-radius:4px;overflow:hidden}.phone-panel{position:fixed;bottom:calc(60px + var(--safe-bottom));left:0;right:0;max-width:500px;margin:0 auto;background:#fffffff5;backdrop-filter:blur(20px) saturate(1.5);-webkit-backdrop-filter:blur(20px) saturate(1.5);border-radius:28px 28px 0 0;border-top:1px solid var(--border-soft);max-height:70vh;max-height:70dvh;overflow-y:auto;z-index:200;animation:slideUp .25s cubic-bezier(.2,.9,.3,1.2);box-shadow:0 -12px 32px #d946a81f}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.phone-header{padding:16px;border-bottom:1px solid rgba(217,70,168,.12);display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;background:#fff}.phone-header h3{color:#4a1d5a;font-size:16px}.phone-close{background:none;border:none;color:#9d6db8;font-size:24px;cursor:pointer}.phone-apps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding:20px}.phone-app{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px;background:linear-gradient(135deg,#fce7f3,#e9d5ff);border-radius:18px;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px #d946a814}.phone-app:active{transform:scale(.94)}.phone-app:hover{transform:translateY(-2px);box-shadow:0 4px 16px #d946a833}.phone-app-icon{font-size:28px}.phone-app-name{font-size:10px;color:var(--text-strong);font-weight:500}.graph-container{width:100%;height:340px;position:relative;margin:16px 0}canvas{width:100%;height:100%;background:linear-gradient(135deg,#fdf4ff,#fce7f3);border-radius:24px;cursor:pointer;box-shadow:inset 0 0 32px #d946a80f}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#4a1d5a8c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1500;display:flex;align-items:center;justify-content:center}.modal-content{width:92%;max-width:450px;max-height:88vh;max-height:88dvh;background:#fff;border-radius:28px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 24px 80px #4a1d5a40;margin-bottom:var(--safe-bottom)}.modal-header{padding:16px;border-bottom:1px solid var(--border-soft);display:flex;justify-content:space-between;align-items:center;background:var(--accent-gradient)}.modal-header h3{color:#fff;font-size:16px}.modal-close{background:#ffffff40;border:none;color:#fff;font-size:22px;cursor:pointer;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;line-height:1}.weverse-tabs{display:flex;gap:20px;padding:12px 16px;border-bottom:1px solid rgba(217,70,168,.1)}.weverse-tab{background:none;border:none;color:#9d6db8;font-size:14px;padding:8px 0;cursor:pointer;position:relative}.weverse-tab.active{color:#d946a8;font-weight:700}.weverse-tab.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:#d946a8}.weverse-post{background:#fff;border-radius:20px;padding:16px;margin-bottom:12px;box-shadow:0 2px 12px #d946a814;border:1px solid rgba(217,70,168,.06)}.post-author{display:flex;align-items:center;gap:10px;margin-bottom:12px}.post-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#ec4899,#a855f7);display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff}.post-name{font-weight:700;color:#4a1d5a}.post-time{font-size:10px;color:#b88dc7}.post-content{color:#4a1d5a;font-size:14px;line-height:1.5;margin-bottom:12px;white-space:pre-wrap}.post-stats{display:flex;gap:16px;color:#b88dc7;font-size:12px}.feed-actions{display:flex;gap:8px;margin-top:10px;padding-top:8px;border-top:1px solid rgba(217,70,168,.08)}.feed-act{flex:1;background:#fdf4ff;border:1px solid rgba(217,70,168,.08);border-radius:12px;padding:7px 6px;font-size:12px;color:#9d6db8;cursor:pointer}.feed-act:hover{background:#fae8ff;color:#4a1d5a}.compose-fab{width:100%;padding:12px;margin-bottom:14px}.dm-chat-container{display:flex;flex-direction:column;height:500px}.dm-messages-area{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px}.dm-message{max-width:80%}.dm-message.me{align-self:flex-end}.dm-message.other{align-self:flex-start}.dm-bubble{padding:10px 14px;border-radius:18px;font-size:14px;line-height:1.45;word-wrap:break-word}.dm-message.me .dm-bubble{background:var(--accent-gradient);color:#fff;border-bottom-right-radius:4px;box-shadow:0 2px 8px #d946a840}.dm-message.other .dm-bubble{background:#fff;color:var(--text-strong);border-bottom-left-radius:4px;box-shadow:0 2px 8px #a855f71a;border:1px solid var(--border-soft)}.dm-time{font-size:10px;color:var(--text-faint);margin-top:4px;text-align:right}.dm-read{font-size:10px;color:#10b981;margin-left:8px}.dm-actions{display:flex;gap:8px;flex-wrap:wrap;padding:12px;border-top:1px solid var(--border-soft);background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.dm-action-btn{background:#fce7f3;border:1px solid var(--border-soft);border-radius:30px;padding:8px 14px;font-size:12px;color:var(--text-strong);cursor:pointer;font-family:inherit;transition:all .2s}.dm-action-btn:active{transform:scale(.95);background:#fbcfe8}.dm-input-area{display:flex;gap:10px;padding:10px 12px calc(10px + var(--safe-bottom));border-top:1px solid var(--border-soft);background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);align-items:center}.dm-input{flex:1;background:#fdf4ff;border:1px solid var(--border-soft);border-radius:30px;padding:12px 18px;color:var(--text-strong);font-size:14px;outline:none;font-family:inherit}.dm-input:focus{border-color:var(--primary);background:#fff}.youtube-video{background:#fff;border-radius:20px;padding:16px;margin-bottom:12px;box-shadow:0 2px 12px #d946a814;border:1px solid rgba(217,70,168,.06)}.youtube-thumb{width:100%;height:120px;background:linear-gradient(135deg,#fce7f3,#e9d5ff);border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:12px}.youtube-title{font-weight:700;color:#4a1d5a;margin-bottom:8px}.youtube-stats{display:flex;gap:16px;color:#b88dc7;font-size:11px}.insta-post{background:#fff;border-radius:20px;padding:16px;margin-bottom:12px;box-shadow:0 2px 12px #d946a814;border:1px solid rgba(217,70,168,.06)}.insta-header{display:flex;align-items:center;gap:10px;margin-bottom:12px}.insta-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#ec4899,#a855f7);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700}.insta-image{background:linear-gradient(135deg,#fce7f3,#e9d5ff);border-radius:16px;height:200px;display:flex;align-items:center;justify-content:center;color:#b88dc7;font-size:12px;margin-bottom:12px}.tweet{background:#fff;border-radius:20px;padding:16px;margin-bottom:12px;box-shadow:0 2px 12px #d946a814;border:1px solid rgba(217,70,168,.06)}.tweet-header{display:flex;align-items:center;gap:10px;margin-bottom:12px}.tweet-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#ec4899,#a855f7);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700}.tweet-name{font-weight:700;color:#4a1d5a}.tweet-stats{display:flex;gap:20px;color:#b88dc7;font-size:12px}.tiktok-video{background:#fff;border-radius:20px;padding:16px;margin-bottom:12px;display:flex;gap:12px;box-shadow:0 2px 12px #d946a814;border:1px solid rgba(217,70,168,.06)}.tiktok-thumb{width:80px;height:80px;background:linear-gradient(135deg,#fce7f3,#e9d5ff);border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:24px}.forum-header{display:flex;gap:16px;padding:12px 16px;border-bottom:1px solid rgba(217,70,168,.1)}.forum-tab{background:none;border:none;color:#9d6db8;font-size:14px;padding:8px 0;cursor:pointer}.forum-tab.active{color:#c026d3;font-weight:700;border-bottom:2px solid #c026d3}.forum-post{background:#fff;border-radius:16px;padding:16px;margin-bottom:12px;cursor:pointer;box-shadow:0 2px 12px #d946a814;border:1px solid rgba(217,70,168,.06)}.forum-title{font-weight:700;color:#4a1d5a;margin-bottom:6px}.forum-stats{font-size:11px;color:#b88dc7;margin-top:8px;display:flex;gap:12px}.comment-item{padding:12px 0;border-bottom:1px solid rgba(217,70,168,.06)}.comment-user{font-weight:700;font-size:12px;margin-bottom:4px}.comment-text{font-size:13px;color:#6b3d7e;line-height:1.5}.threads-post{background:#fff;border-radius:20px;padding:16px;margin-bottom:12px;border-left:3px solid #c4b5fd;box-shadow:0 2px 12px #d946a814;border:1px solid rgba(217,70,168,.06)}.jiefu-post{background:#fff;border-radius:16px;padding:14px;margin-bottom:12px;border-left:3px solid #d946a8;box-shadow:0 2px 12px #d946a814;border:1px solid rgba(217,70,168,.06)}.cpost{background:#fff;border-radius:16px;padding:16px;margin-bottom:12px;box-shadow:0 2px 12px #d946a814;border:1px solid rgba(217,70,168,.06)}.cpost-title{font-weight:700;color:#a855f7;margin-bottom:8px}.famous-event{background:#d946a81a;border-radius:16px;padding:12px;margin-bottom:12px;border:1px solid rgba(217,70,168,.3)}.paid-dm-user{display:flex;align-items:center;gap:12px;padding:12px;background:#fff;border-radius:16px;margin-bottom:8px;cursor:pointer;box-shadow:0 2px 12px #d946a814;border:1px solid rgba(217,70,168,.06)}.paid-dm-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#ec4899,#a855f7);display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff}.paid-dm-name{font-weight:700;color:#4a1d5a}.paid-dm-badge{background:#a855f7;color:#fff;font-size:10px;padding:2px 8px;border-radius:20px;margin-left:8px}.sea-warning{background:#fbbf2433;border:1px solid #fb923c;border-radius:16px;padding:12px;margin:12px 16px;text-align:center;color:#fcd34d;font-size:12px}.high-heart-event{background:linear-gradient(135deg,#f472b6,#c084fc);border-radius:16px;padding:12px;margin:12px 16px;text-align:center;color:#fff;animation:pulse 1s infinite}@keyframes pulse{0%{opacity:.8}50%{opacity:1}to{opacity:.8}}@keyframes crisis-pulse{0%,to{box-shadow:inset 0 0 30px 5px #d946a840}50%{box-shadow:inset 0 0 80px 18px #d946a88c}}.crisis-mode{animation:crisis-pulse 1.8s ease-in-out infinite;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;z-index:100;border-radius:inherit}@keyframes dm-bounce{0%,to{transform:scale(1)}25%{transform:scale(1.15) rotate(-3deg)}50%{transform:scale(1.05) rotate(2deg)}75%{transform:scale(1.12) rotate(-1deg)}}.dm-incoming{animation:dm-bounce .6s ease-out}@keyframes unlock-flash{0%{box-shadow:0 0 #a855f799;transform:scale(1)}50%{box-shadow:0 0 0 20px #a855f700;transform:scale(1.08)}to{box-shadow:0 0 #a855f700;transform:scale(1)}}.unlock-pop{animation:unlock-flash .9s ease-out}@keyframes modal-slide-in{0%{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-anim{animation:modal-slide-in .28s cubic-bezier(.2,.9,.3,1.2)}.create-character-step{background:#fff;border-radius:24px;padding:20px;margin:16px}.create-input{width:100%;background:#fdf2f8;border:1px solid #f3d5ed;border-radius:12px;padding:12px;color:#4a1d5a;margin-bottom:12px}.role-btn{padding:10px;border-radius:12px;background:#fff;border:1px solid #f3d5ed;color:#fff;cursor:pointer;text-align:center}.role-btn.active{background:#d946a8;border-color:#d946a8}.btn-primary{background:var(--accent-gradient);color:#fff;border:none;border-radius:40px;padding:11px 22px;font-weight:700;cursor:pointer;font-family:inherit;box-shadow:0 4px 16px #d946a859;transition:all .2s}.btn-primary:active{transform:scale(.96)}.btn-secondary{background:#fce7f3;color:var(--text-strong);border:none;border-radius:40px;padding:9px 17px;cursor:pointer;font-size:12px;font-family:inherit;transition:all .2s}.btn-secondary:active{transform:scale(.96)}.btn-primary:disabled,.btn-secondary:disabled,.login-btn:disabled{opacity:.55;cursor:not-allowed}.login-card{border:1px solid var(--border-soft);box-shadow:0 24px 80px #d946a82e;background:#fff;border-radius:28px}.login-btn{width:100%;background:var(--accent-gradient);color:#fff;border:none;border-radius:40px;padding:13px 20px;font-weight:700;cursor:pointer;font-family:inherit;box-shadow:0 4px 16px #d946a859}.switch-btn{font-size:13px}.save-slot-card{border:1px solid rgba(217,70,168,.1)}.save-slot-card:hover{border-color:#d946a880}.loading-spinner{display:flex;flex-direction:column;align-items:center;padding:30px;gap:12px}.spinner{width:28px;height:28px;border:3px solid #d946a8;border-top-color:transparent;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-text{color:#f472b6;font-size:12px;padding:8px;margin:8px;background:#d946a81a;border-radius:12px}.streaming-text{border-right:2px solid #d946a8;animation:blink .7s infinite;display:inline-block}@keyframes blink{0%,to{border-color:transparent}50%{border-color:#d946a8}}textarea,input{width:100%;background:#fff;border:1px solid #f3d5ed;border-radius:16px;padding:12px;color:#4a1d5a;font-size:14px;margin-bottom:12px}