:root{--bg: #0a0a18;--bg-2: #10101f;--card: #14142a;--border: #252545;--border-lt: #333360;--accent: #7c6bff;--accent-dim: rgba(124, 107, 255, .16);--accent-mint: #00e5c3;--accent-mint-dim: rgba(0, 229, 195, .14);--text: #e8e8f8;--text-dim: #6868a0;--user-bg: #1e1c4a;--ai-bg: #14142a;--shadow: 0 8px 32px rgba(0, 0, 0, .6)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);color:var(--text);line-height:1.5}*{scrollbar-width:none}*::-webkit-scrollbar{display:none}.app-layout{display:flex;min-height:100dvh}.app-content{flex:1;min-width:0;display:flex;flex-direction:column}@media(min-width:769px){.app-content{margin-left:220px}}@media(max-width:768px){.app-content:not(.is-chat){padding-bottom:calc(60px + env(safe-area-inset-bottom,0px))}}.app-toast{position:fixed;bottom:80px;left:50%;transform:translate(-50%);z-index:900;background:#1e1c4af5;border:1px solid var(--border-lt);color:var(--text);font-size:.84rem;padding:.65rem 1.2rem;border-radius:20px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 4px 20px #00000080;white-space:nowrap;animation:toast-in .25s cubic-bezier(.4,0,.2,1)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.session-ended-overlay{position:fixed;inset:0;z-index:1200;background:#050514bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;animation:se-fade-in .2s ease}@keyframes se-fade-in{0%{opacity:0}to{opacity:1}}.session-ended-box{background:var(--card);border:1px solid var(--border-lt);border-radius:20px;padding:2.2rem 2rem 1.8rem;max-width:320px;width:90%;display:flex;flex-direction:column;align-items:center;gap:.75rem;text-align:center;box-shadow:0 20px 60px #0009;animation:se-slide-up .25s cubic-bezier(.34,1.56,.64,1)}@keyframes se-slide-up{0%{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.session-ended-icon{font-size:2.4rem;line-height:1}.session-ended-title{font-size:1.1rem;font-weight:800;color:var(--text)}.session-ended-desc{font-size:.85rem;color:var(--text-dim);line-height:1.6;margin:.1rem 0 .4rem}.session-ended-btn{margin-top:.4rem;width:100%;padding:.75rem;border-radius:12px;border:none;background:var(--accent);color:#fff;font-size:.95rem;font-weight:700;cursor:pointer;font-family:inherit;transition:opacity .15s}.session-ended-btn:hover{opacity:.88}.home-screen{height:calc(100dvh - 56px);background:radial-gradient(ellipse at 50% 0%,#1a1060,#0a0a18 55%);padding:0 0 4rem;overflow-y:auto}@media(min-width:769px){.home-screen{height:100dvh}}.home-header{text-align:center;padding:3rem 1rem 2rem}.home-logo{font-size:2.5rem;color:var(--accent);margin-bottom:.6rem}.home-header h1{font-size:1.7rem;font-weight:800;color:var(--text);margin-bottom:.4rem;letter-spacing:-.01em}.home-header p{font-size:.9rem;color:var(--text-dim)}@media(max-width:640px){.home-header{padding:2rem 1rem 1.5rem}.home-logo{font-size:2rem}.home-header h1{font-size:1.4rem}.home-header p{font-size:.84rem}}.home-main-banner{position:relative;width:calc(100% - 2rem);max-width:640px;margin:0 auto 1.25rem;border-radius:20px;overflow:hidden;min-height:158px;display:flex;align-items:stretch;border:1px solid rgba(124,107,255,.3)}.home-main-banner-bg{position:absolute;inset:0;background:linear-gradient(135deg,#372396e6,#0f0c32f0 55%,#003c4bcc);z-index:0}.home-main-banner-bg:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 75% 30%,rgba(124,107,255,.35) 0%,transparent 50%),radial-gradient(circle at 10% 80%,rgba(0,229,195,.18) 0%,transparent 45%)}.banner-arrow{position:relative;z-index:3;flex-shrink:0;width:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;color:#ffffff73;transition:color .15s,background .15s;-webkit-tap-highlight-color:transparent}.banner-arrow:hover{color:#ffffffe6;background:#ffffff0f}.banner-arrow svg{width:20px;height:20px}.home-main-banner-inner{position:relative;z-index:2;flex:1;display:flex;align-items:center;gap:.75rem;padding:1.1rem .25rem 1.8rem;cursor:pointer;transition:opacity .25s;min-width:0}.home-main-banner-inner.fading{opacity:0}.home-main-banner-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:.4rem}.home-main-banner-tag{font-size:.72rem;font-weight:700;color:var(--accent);letter-spacing:.04em}.home-main-banner-title{font-size:1.08rem;font-weight:800;color:#fff;line-height:1.45;letter-spacing:-.015em;margin:0}.home-main-banner-cta{font-size:.75rem;font-weight:600;color:var(--accent-mint);opacity:.9;margin-top:.1rem}.home-main-banner-dots{position:absolute;bottom:.7rem;left:50%;transform:translate(-50%);z-index:3;display:flex;gap:.3rem;align-items:center}.home-main-banner-dot{width:5px;height:5px;border-radius:50%;background:#ffffff40;transition:background .3s,width .3s}.home-main-banner-dot.active{background:var(--accent);width:14px;border-radius:999px}.home-main-banner-chars{flex-shrink:0;display:flex;gap:.4rem;align-items:center;align-self:center}.banner-char-img{width:72px;height:96px;border-radius:12px;object-fit:cover;object-position:top;border:1px solid rgba(255,255,255,.12);background:linear-gradient(160deg,#7c6bff40,#00e5c326)}.home-main-banner-char-emoji{font-size:2.8rem;line-height:1;padding-bottom:.25rem}@media(max-width:480px){.home-main-banner{min-height:138px}.home-main-banner-title{font-size:.96rem}.banner-char-img{width:60px;height:82px;border-radius:10px}.banner-arrow{display:none}.home-main-banner{padding-left:28px;padding-right:28px}}.home-section-label{width:calc(100% - 2rem);max-width:640px;margin:0 auto .75rem;font-size:.82rem;color:var(--text-dim);font-weight:600;letter-spacing:.02em}.home-category-grid{width:calc(100% - 2rem);max-width:640px;margin:0 auto 1.5rem;display:grid;grid-template-columns:repeat(3,1fr);gap:.65rem}@media(max-width:360px){.home-category-grid{grid-template-columns:repeat(2,1fr)}}.home-category-card{display:flex;flex-direction:column;align-items:flex-start;gap:.3rem;padding:1rem .9rem .85rem;background:#ffffff0a;border:1px solid var(--border);border-radius:16px;cursor:pointer;transition:background .15s,border-color .15s,transform .1s;text-align:left;-webkit-tap-highlight-color:transparent}.home-category-card:hover,.home-category-card:active{background:#7c6bff1a;border-color:#7c6bff59;transform:translateY(-1px)}.home-category-all{border-style:dashed;border-color:#ffffff1f}.home-category-all:hover{border-style:solid;border-color:#c8a84b66;background:#c8a84b0f}.home-category-emoji{font-size:1.3rem;line-height:1;color:var(--accent);margin-bottom:.15rem}.home-category-label{font-size:.88rem;font-weight:700;color:var(--text);white-space:nowrap}.home-category-desc{font-size:.7rem;color:var(--text-dim);line-height:1.35}.worry-select{width:calc(100% - 2rem);max-width:640px;margin:0 auto 1.25rem;text-align:center}.worry-select-label{font-size:.82rem;color:var(--text-dim);margin-bottom:.7rem;font-weight:500}.worry-select-grid{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center}.worry-btn{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.65rem .9rem;background:#ffffff0a;border:1px solid var(--border);border-radius:14px;cursor:pointer;transition:all .15s;min-width:72px;flex:1;max-width:110px;-webkit-tap-highlight-color:transparent}@media(max-width:480px){.worry-select-grid{flex-wrap:nowrap;gap:.35rem}.worry-btn{min-width:0;padding:.55rem .4rem;border-radius:12px}.worry-btn-emoji{font-size:1.15rem}.worry-btn-label{font-size:.62rem}}.worry-btn:hover,.worry-btn.active{border-color:var(--accent);background:#7c6bff1f}.worry-btn.active .worry-btn-label{color:var(--accent)}.worry-btn-emoji{font-size:1.3rem;line-height:1}.worry-btn-label{font-size:.72rem;color:var(--text-dim);white-space:nowrap;font-weight:500}.char-category-list{display:flex;flex-direction:column;gap:2.2rem;padding:0 0 2rem}.char-category{display:flex;flex-direction:column;align-items:center;margin:0 auto;overflow:visible}@media(max-width:700px){.char-category{width:100%;overflow-x:visible}}.char-category-header{display:flex;flex-direction:column;gap:.2rem;margin-bottom:.85rem;width:100%;max-width:calc(960px + 4.25rem);padding:0 1.5rem;box-sizing:border-box}.char-category-title{display:flex;align-items:center;gap:.45rem}.char-category-emoji{font-size:1rem}.char-category-label{font-size:1rem;font-weight:700;color:var(--text);letter-spacing:.01em}.char-category-desc{font-size:.75rem;color:var(--text-dim)}@media(max-width:700px){.char-category-list{padding:0 0 2rem;gap:1.8rem}.char-category-header{max-width:100%;padding:0 .75rem}.char-category-label{font-size:.92rem}.char-category-desc{font-size:.72rem}}.fortune-promo{width:calc(100% - 2rem);max-width:640px;margin:0 auto 1.25rem;background:linear-gradient(135deg,#7c6bff1a,#00e5c312);border:1px solid rgba(124,107,255,.3);border-radius:18px;padding:1rem 1rem .9rem}.fortune-promo-header{display:flex;align-items:center;gap:.4rem;margin-bottom:.85rem}.fortune-promo-icon{color:var(--accent);font-size:.85rem}.fortune-promo-title{font-size:.75rem;font-weight:700;color:var(--accent);letter-spacing:.04em;text-transform:uppercase}.fortune-promo-chars{display:flex;gap:.65rem}.fortune-promo-char{flex:1;display:flex;flex-direction:column;align-items:center;gap:.3rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:.8rem .5rem .7rem;min-width:0}.fortune-promo-avatar{width:56px;height:56px;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,#7c6bff66,#00e5c34d);display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:800;color:var(--text);flex-shrink:0}.fortune-promo-avatar img{width:100%;height:100%;object-fit:cover}.fortune-promo-char-name{font-size:.88rem;font-weight:700;color:var(--text);text-align:center}.fortune-promo-char-mbti{font-size:.7rem;color:var(--accent);font-weight:600;text-align:center}.fortune-promo-buttons{display:flex;gap:.35rem;margin-top:.35rem;width:100%}.fortune-promo-btn{flex:1;padding:.38rem .3rem;background:#7c6bff26;border:1px solid rgba(124,107,255,.3);border-radius:8px;color:var(--text);font-size:.68rem;font-weight:600;cursor:pointer;text-align:center;transition:background .15s;white-space:nowrap}.fortune-promo-btn:hover{background:#7c6bff47}.fortune-promo-btn.monthly{background:#00e5c31a;border-color:#00e5c34d}.fortune-promo-btn.monthly:hover{background:#00e5c338}.fortune-promo-fallback{display:flex;flex-direction:column;gap:.6rem;width:100%}.fortune-promo-fallback .fortune-banner{margin:0;width:100%;max-width:100%}.fortune-banner{display:flex;align-items:center;gap:.85rem;background:linear-gradient(135deg,#7c6bff1f,#00e5c314);border:1px solid rgba(124,107,255,.35);border-radius:14px;padding:.85rem 1.1rem;width:calc(100% - 2rem);max-width:640px;margin:0 auto 1.25rem;cursor:pointer;text-align:left;color:var(--text)}.fortune-banner-icon{font-size:1.4rem;color:var(--accent);flex-shrink:0}.fortune-banner-text{flex:1;display:flex;flex-direction:column;gap:.1rem}.fortune-banner-text strong{font-size:.95rem;font-weight:800}.fortune-banner-text span{font-size:.72rem;color:var(--text-dim)}.fortune-banner-arrow{font-size:1.2rem;color:var(--accent);flex-shrink:0}.attendance-banner{display:flex;align-items:center;gap:.75rem;width:calc(100% - 2rem);max-width:520px;margin:0 auto .75rem;padding:.85rem 1.1rem;background:var(--card);border:1px solid var(--border);border-radius:14px;cursor:pointer;transition:opacity .2s;text-align:left}.attendance-banner:hover:not(:disabled){opacity:.85}.attendance-banner.attended{opacity:.5;cursor:default}.attendance-banner-icon{font-size:1.4rem;flex-shrink:0}.attendance-banner-text{flex:1;display:flex;flex-direction:column;gap:.1rem}.attendance-banner-text strong{font-size:.9rem;font-weight:700;color:var(--text)}.attendance-banner-text span{font-size:.75rem;color:var(--text-dim)}.attendance-banner-badge{background:var(--accent-mint);color:#0a0a18;font-size:.72rem;font-weight:800;padding:.2rem .55rem;border-radius:20px;flex-shrink:0}.monthly-banner{background:linear-gradient(135deg,#00e5c314,#7c6bff0f);border-color:#00e5c34d}.monthly-banner .fortune-banner-arrow{color:var(--accent-mint)}.char-filter-sentinel{height:1px;margin:0;padding:0;visibility:hidden}.char-filter-bar{position:sticky;top:0;z-index:40;display:flex;flex-direction:column;gap:.45rem;padding:.65rem 0 .5rem;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;transition:background .2s,backdrop-filter .2s,box-shadow .2s;margin-bottom:.25rem;align-items:center}.char-filter-bar.is-stuck{background:#0a081ceb;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 2px 16px #00000073}.char-filter-row{display:flex;align-items:center;gap:.4rem;overflow-x:auto;scrollbar-width:none;width:100%;max-width:calc(960px + 4.25rem);padding:0 1.5rem;box-sizing:border-box}.char-filter-row::-webkit-scrollbar{display:none}.char-filter-row.tag-row{gap:.3rem}.filter-divider{width:1px;height:14px;background:#ffffff26;flex-shrink:0;margin:0 .15rem}.char-filter-pill{display:inline-flex;align-items:center;gap:.32rem;padding:.28rem .78rem;border-radius:999px;font-size:.8rem;font-weight:600;white-space:nowrap;cursor:pointer;border:1.5px solid rgba(255,255,255,.1);background:#ffffff0a;color:var(--text-dim);transition:background .15s,border-color .15s,color .15s;flex-shrink:0;letter-spacing:.01em}.char-filter-pill:hover{background:#ffffff14;color:var(--text)}.char-filter-pill.active{background:#c8a84b24;border-color:#c8a84b99;color:var(--accent)}.char-filter-pill.category{padding:.22rem .65rem;font-size:.77rem;font-weight:500}.char-filter-pill.category.active{background:#00e5c31a;border-color:#00e5c380;color:var(--accent-mint)}.char-filter-pill.tag{padding:.18rem .6rem;font-size:.73rem;font-weight:400;border-style:dashed}.char-filter-pill.tag.active{background:#b48cff1f;border-color:#b48cff80;border-style:solid;color:#c8a8f5}.filter-pill-dot{width:5px;height:5px;border-radius:50%;flex-shrink:0}.filter-pill-dot.male{background:#7c9fff}.filter-pill-dot.female{background:#ff7cc3}@media(max-width:1100px){.char-filter-row{max-width:calc(800px + 3.4rem)}}@media(max-width:900px){.char-filter-row{max-width:calc(640px + 2.55rem)}}@media(max-width:700px){.char-filter-bar{padding:.55rem 0 .4rem}.char-filter-row{max-width:100%;padding:0 .75rem}.char-filter-pill{font-size:.76rem;padding:.24rem .65rem}.char-filter-pill.category{font-size:.73rem;padding:.18rem .55rem}.char-filter-pill.tag{font-size:.7rem;padding:.15rem .5rem}}.fortune-overlay{position:fixed;inset:0;background:#000000bf;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:flex-end;justify-content:center;z-index:1000;padding:0}@media(min-width:540px){.fortune-overlay{align-items:center}}.fortune-modal{background:var(--card);border:1px solid var(--border-lt);border-radius:20px 20px 0 0;width:100%;max-width:520px;max-height:82dvh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 -8px 40px #7c6bff26}@media(min-width:540px){.fortune-modal{border-radius:20px;max-height:85dvh}}.fortune-header{display:flex;align-items:center;justify-content:space-between;padding:.85rem 1rem .7rem;border-bottom:1px solid var(--border);flex-shrink:0}.fortune-header-left{display:flex;align-items:center;gap:.75rem}.fortune-star{font-size:1.3rem;color:var(--accent)}.fortune-title{font-size:1.1rem;font-weight:800;color:var(--text)}.fortune-date{font-size:.75rem;color:var(--text-dim);margin-top:.1rem}.fortune-close{background:none;border:1px solid var(--border);color:var(--text-dim);width:32px;height:32px;border-radius:50%;font-size:.8rem;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;flex-shrink:0}.fortune-seen-badge{background:#7c6bff1a;color:var(--accent);font-size:.72rem;text-align:center;padding:.4rem;border-bottom:1px solid var(--border);flex-shrink:0}.fortune-char-row{display:flex;align-items:center;gap:.6rem;padding:.6rem 1rem .4rem;flex-shrink:0}.fortune-char-avatar{width:36px;height:36px;border-radius:50%;background:var(--accent-dim, rgba(124, 107, 255, .15));border:2px solid var(--accent);flex-shrink:0;display:flex;align-items:center;justify-content:center;overflow:hidden}.fortune-char-avatar-img{width:100%;height:100%;object-fit:cover}.fortune-char-avatar-initials{font-size:.72rem;font-weight:800;color:var(--accent);letter-spacing:-.02em}.fortune-char-name{font-size:.9rem;font-weight:700;color:var(--text);display:flex;align-items:center;gap:.5rem}.fortune-char-badge{font-size:.62rem;background:var(--accent-dim);color:var(--accent);padding:.15rem .45rem;border-radius:20px;font-weight:700}.fortune-content{flex:1;overflow-y:auto;padding:.75rem 1rem 1rem}.fortune-text{font-size:.85rem;line-height:1.7;color:var(--text)}.fortune-md-heading{font-size:.88rem;font-weight:800;color:var(--accent);margin:.8rem 0 .3rem}.fortune-md-quote{background:#7c6bff12;border-left:3px solid var(--accent);padding:.45rem .75rem;border-radius:0 8px 8px 0;font-size:.83rem;color:var(--text);margin:.4rem 0}.fortune-md-para{font-size:.84rem;line-height:1.7;color:var(--text);margin:.25rem 0}.fortune-cursor{display:inline-block;width:2px;height:1em;background:var(--accent);margin-left:2px;vertical-align:middle;animation:blink .8s step-end infinite}@keyframes blink{50%{opacity:0}}.fortune-error{color:#ff6b6b;font-size:.88rem}.fortune-sections{display:flex;flex-direction:column;gap:.75rem}.fortune-section{border-radius:14px;padding:.85rem 1rem;position:relative;overflow:hidden}.fortune-section:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;border-radius:14px 0 0 14px}.fortune-section-general{background:#7c6bff14;border:1px solid rgba(124,107,255,.22)}.fortune-section-general:before{background:#7c6bff}.fortune-section-love{background:#ff6b9d14;border:1px solid rgba(255,107,157,.22)}.fortune-section-love:before{background:#ff6b9d}.fortune-section-money{background:#ffc43d14;border:1px solid rgba(255,196,61,.25)}.fortune-section-money:before{background:#ffc43d}.fortune-section-health{background:#00e5c314;border:1px solid rgba(0,229,195,.22)}.fortune-section-health:before{background:#00e5c3}.fortune-section-keyword{background:#7c6bff0d;border:1px solid rgba(124,107,255,.18);border-style:dashed}.fortune-section-keyword:before{background:var(--accent-mint, #00e5c3)}.fortune-section-header{display:flex;align-items:center;gap:.45rem;margin-bottom:.5rem}.fortune-section-icon{font-size:1.05rem;line-height:1}.fortune-section-title{font-size:.8rem;font-weight:800;letter-spacing:.02em;color:var(--text)}.fortune-section-general .fortune-section-title{color:#9b8cff}.fortune-section-love .fortune-section-title{color:#ff6b9d}.fortune-section-money .fortune-section-title{color:#d4a017}.fortune-section-health .fortune-section-title{color:#00c4a7}.fortune-section-keyword .fortune-section-title{color:var(--accent)}.fortune-section-body{font-size:.84rem;line-height:1.7;color:var(--text);margin:0;white-space:pre-wrap}.fortune-keyword-tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.15rem}.fortune-keyword-tag{background:#7c6bff24;color:var(--accent);font-size:.78rem;font-weight:700;padding:.28rem .65rem;border-radius:20px;border:1px solid rgba(124,107,255,.28)}.fortune-loading{display:flex;gap:.4rem;padding:1.5rem 0;justify-content:center}.fortune-loading-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);animation:loading-bounce 1.2s ease-in-out infinite}.fortune-loading-dot:nth-child(2){animation-delay:.2s}.fortune-loading-dot:nth-child(3){animation-delay:.4s}@keyframes loading-bounce{0%,80%,to{transform:scale(.7);opacity:.4}40%{transform:scale(1);opacity:1}}.fortune-footer{padding:.6rem 1rem .9rem;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-shrink:0}.fortune-footer-note{font-size:.7rem;color:var(--text-dim)}.fortune-close-btn{background:var(--accent);color:#fff;border:none;padding:.5rem 1.4rem;border-radius:10px;font-size:.88rem;font-weight:700;cursor:pointer;flex-shrink:0}.chat-wrap{position:relative;display:flex;flex-direction:column;height:100dvh;background:var(--bg);overflow:hidden}.chat-menu-btn{display:flex;flex-direction:column;justify-content:center;gap:4px;width:36px;height:36px;padding:6px;background:none;border:none;cursor:pointer;border-radius:8px;margin-right:6px;flex-shrink:0;transition:background .15s}.chat-menu-btn:hover{background:var(--border)}.chat-menu-btn span{display:block;width:100%;height:2px;background:var(--text);border-radius:2px}@media(min-width:769px){.chat-menu-btn{display:none}}.chat-header{background:var(--bg-2);border-bottom:1px solid var(--border);padding:.7rem 1rem;flex-shrink:0}.header-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:.55rem}.header-char{display:flex;align-items:center;gap:.75rem}.header-char-avatar{width:44px;height:44px;border-radius:50%;overflow:hidden;border:2px solid var(--accent);flex-shrink:0}.header-char-avatar img{width:100%;height:100%;object-fit:cover;object-position:top}.header-char-info{display:flex;flex-direction:column;gap:.18rem}.header-char-name{font-size:.95rem;font-weight:700;color:var(--text);display:flex;align-items:center;gap:.45rem}.header-mbti-badge{font-size:.62rem;font-weight:800;letter-spacing:.07em;background:#c8a84b2e;color:var(--accent);border:1px solid rgba(200,168,75,.35);padding:.1rem .38rem;border-radius:5px}.shared-badge{font-size:.62rem;font-weight:700;letter-spacing:0;background:#6b5fb533;color:#a89fe0;border:1px solid rgba(107,95,181,.4);padding:.1rem .42rem;border-radius:5px}.header-char-sub{font-size:.72rem;color:var(--text-dim)}.header-right{display:flex;align-items:center;gap:.55rem}.birth-tag{font-size:.73rem;color:var(--text-dim);background:#c8a84b17;border:1px solid var(--border);padding:.18rem .55rem;border-radius:20px}.reset-btn{font-size:.73rem;color:var(--text-dim);background:none;border:1px solid var(--border);border-radius:6px;padding:.22rem .65rem;cursor:pointer;font-family:inherit;transition:all .15s}.reset-btn:hover{color:var(--text);border-color:var(--border-lt)}.partner-btn{font-size:.73rem;color:var(--text-dim);background:none;border:1px solid var(--border);border-radius:6px;padding:.22rem .65rem;cursor:pointer;font-family:inherit;transition:all .15s}.partner-btn:hover{color:var(--text);border-color:var(--border-lt)}.partner-btn.partner-btn-active{color:#f9a8d4;border-color:#f9a8d480;background:#f9a8d414}.home-btn{font-size:.8rem;font-weight:700;color:var(--accent);background:#c8a84b1a;border:1px solid rgba(200,168,75,.4);border-radius:6px;padding:.28rem .7rem;cursor:pointer;font-family:inherit;transition:all .15s}.home-btn:hover{background:#7c6bff33;border-color:var(--accent)}.end-session-btn{font-size:.73rem;font-weight:600;color:#f87171;background:#dc3c3c1a;border:1px solid rgba(220,60,60,.35);border-radius:6px;padding:.22rem .65rem;cursor:pointer;font-family:inherit;transition:all .15s}.end-session-btn:hover{background:#dc3c3c33;border-color:#dc3c3c99;color:#fca5a5}.end-confirm-overlay{position:absolute;inset:0;z-index:200;background:#0a0a18d1;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:1.5rem}.end-confirm-box{background:var(--card);border:1px solid var(--border-lt);border-radius:18px;padding:2rem 1.75rem 1.5rem;max-width:360px;width:100%;display:flex;flex-direction:column;align-items:center;gap:.8rem;animation:swm-fade-in .18s ease}.end-confirm-icon{font-size:2rem;line-height:1}.end-confirm-title{font-size:1.05rem;font-weight:700;color:var(--text)}.end-confirm-desc{font-size:.84rem;color:var(--text-dim);text-align:center;line-height:1.6;margin:0}.end-confirm-actions{display:flex;gap:.6rem;width:100%;margin-top:.4rem}.end-confirm-back{flex:1;padding:.72rem 0;border-radius:10px;border:1px solid var(--border-lt);background:var(--bg-2);color:var(--text);font-size:.9rem;font-weight:600;cursor:pointer;font-family:inherit;transition:all .15s}.end-confirm-back:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.end-confirm-back:disabled{opacity:.45;cursor:not-allowed}.end-confirm-ok{flex:1;padding:.72rem 0;border-radius:10px;border:none;background:#dc3c3c26;color:#f87171;font-size:.9rem;font-weight:600;cursor:pointer;font-family:inherit;transition:all .15s}.end-confirm-ok:hover:not(:disabled){background:#dc3c3c47;color:#fca5a5}.end-confirm-ok:disabled{opacity:.45;cursor:not-allowed}.partner-away-bar{display:flex;align-items:center;justify-content:space-between;gap:.8rem;padding:.65rem 1rem;background:#c88c2814;border-top:1px solid rgba(200,140,40,.18);border-bottom:1px solid rgba(200,140,40,.18);flex-shrink:0}.partner-away-text{font-size:.84rem;color:var(--text-dim);flex:1}.partner-away-action-btn{padding:.38rem .9rem;border-radius:8px;border:1px solid rgba(200,140,40,.35);background:#c88c281f;color:var(--accent);font-size:.82rem;font-weight:600;cursor:pointer;font-family:inherit;white-space:nowrap;transition:background .15s}.partner-away-action-btn:hover{background:#c88c2838}.mode-toggle{display:flex;gap:.2rem;background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:.15rem}.mode-btn{font-size:.72rem;font-family:inherit;background:none;border:none;border-radius:6px;padding:.22rem .6rem;color:var(--text-dim);cursor:pointer;transition:all .15s;white-space:nowrap}.mode-btn:hover:not(:disabled){color:var(--text)}.mode-btn.active{background:var(--accent);color:#0c0c1e;font-weight:600}.mode-btn:disabled{opacity:.45;cursor:default}.messages-area{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;touch-action:pan-y;padding:1.2rem 1rem;display:flex;flex-direction:column;gap:.75rem;scrollbar-width:thin;scrollbar-color:var(--border) transparent;min-height:0}.message-row{display:flex;gap:.55rem;width:100%}.message-row.user{flex-direction:row-reverse;align-self:flex-end;max-width:80%}.message-row.assistant{align-self:flex-start;max-width:88%}.avatar{width:40px;height:52px;border-radius:8px;background:var(--accent-dim);border:1px solid var(--accent);display:flex;align-items:center;justify-content:center;font-size:.8rem;color:var(--accent);flex-shrink:0;margin-top:2px;overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover;object-position:top}.bubble-stack{display:flex;flex-direction:column;gap:.18rem;align-items:flex-start}.message-row.user .bubble-stack{align-items:flex-end}.sender-name{font-size:.7rem;color:var(--text-dim);font-weight:500;padding:0 .25rem}.bubble{padding:.7rem .95rem;border-radius:14px;color:var(--text);word-break:keep-all;overflow-wrap:break-word}.message-row.user .bubble{background:var(--user-bg);border:1px solid #353578;border-radius:14px 14px 4px}.message-row.user .bubble.partner{background:#0e2c2e;border:1px solid #1e5c60;border-radius:14px 14px 4px}.message-row.assistant .bubble{background:var(--ai-bg);border:1px solid var(--border);border-radius:14px 14px 14px 4px}.pillars-section{margin-top:.4rem}.pillars-toggle{display:flex;align-items:center;gap:.35rem;background:none;border:1px solid var(--border);border-radius:6px;padding:.22rem .65rem;cursor:pointer;font-family:inherit;transition:all .15s}.pillars-toggle:hover{border-color:var(--accent)}.pillars-toggle-label{font-size:.72rem;color:var(--text-dim)}.pillars-toggle-arrow{font-size:.85rem;color:var(--text-dim);transform:rotate(90deg);transition:transform .2s;display:inline-block}.pillars-toggle-arrow.open{transform:rotate(-90deg)}.pillars-row{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.5rem}.suggestions{display:flex;flex-wrap:nowrap;gap:.4rem;padding:.5rem 1rem .4rem;background:var(--bg-2);border-top:1px solid var(--border);overflow-x:auto;flex-shrink:0;scrollbar-width:none;-ms-overflow-style:none}.suggestions::-webkit-scrollbar{display:none}.suggestion-btn{font-size:.76rem;color:var(--text-dim);background:none;border:1px solid var(--border);border-radius:20px;padding:.28rem .7rem;cursor:pointer;font-family:inherit;transition:all .15s}.suggestion-btn:hover{background:var(--accent-dim);border-color:var(--accent);color:var(--accent)}.input-area{display:flex;gap:.55rem;padding:.75rem 1rem;background:var(--bg-2);border-top:1px solid var(--border);align-items:center;flex-shrink:0}textarea{flex:1;background:var(--card);border:1px solid var(--border);border-radius:10px;color:var(--text);padding:.6rem .85rem;font-size:16px;font-family:inherit;line-height:1.55;resize:none;outline:none;transition:border-color .18s;overflow-y:auto;min-height:0}textarea:focus{border-color:var(--accent)}textarea:disabled{opacity:.45}textarea::placeholder{color:var(--text-dim)}.send-btn{padding:.62rem 1.1rem;background:linear-gradient(135deg,#a07830,#c8a84b);border:none;border-radius:10px;color:#0c0c1e;font-size:.88rem;font-weight:700;cursor:pointer;font-family:inherit;transition:opacity .18s;white-space:nowrap;min-width:54px}.send-btn:hover:not(:disabled){opacity:.85}.send-btn:disabled{opacity:.38;cursor:not-allowed}.spin{display:inline-block;animation:spin 1s linear infinite}.typing-indicator{display:flex;align-items:center;gap:5px;padding:.75rem 1rem;min-width:56px}.typing-indicator span{width:7px;height:7px;background:var(--text-dim, #888);border-radius:50%;animation:typing-bounce 1.2s ease-in-out infinite}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing-bounce{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-6px);opacity:1}}@media(max-width:640px){.chat-header{padding:.55rem .75rem}.header-top{margin-bottom:.4rem}.header-char-avatar{width:36px;height:36px}.header-char-name{font-size:.85rem}.header-char-sub{font-size:.68rem}.birth-tag,.reset-btn{display:none}.home-btn{font-size:.75rem;padding:.22rem .55rem}.mode-btn{font-size:.68rem;padding:.18rem .45rem}.header-right{gap:.35rem}.messages-area{padding:.85rem .65rem;gap:.6rem}.message-row.user,.message-row.assistant{max-width:95%}.bubble{font-size:.84rem;padding:.6rem .8rem}.avatar{width:32px;height:42px}.suggestion-btn{font-size:.73rem;padding:.25rem .6rem;white-space:nowrap;flex-shrink:0}.input-area{padding:.6rem .65rem;gap:.4rem}textarea{font-size:16px;padding:.55rem .7rem}.send-btn{padding:.55rem .9rem;font-size:.84rem;min-width:46px}}.pillars-row{display:flex;gap:.45rem}.pillar-card{flex:1;text-align:center;background:var(--card);border:1px solid var(--border);border-radius:9px;padding:.38rem .25rem;min-width:0}.pillar-label{font-size:.62rem;color:var(--text-dim);letter-spacing:.04em;margin-bottom:.15rem}.pillar-hanja{font-size:1.1rem;font-weight:700;color:var(--accent);letter-spacing:.05em}.pillar-gapja{font-size:.75rem;color:var(--text);margin:.08rem 0}.pillar-ohaeng{font-size:.65rem}.ohaeng-sep{color:var(--border-lt);margin:0 1px}@media(max-width:640px){.pillar-hanja{font-size:.92rem}}.md-body{line-height:1.75;font-size:.9rem;word-break:keep-all;overflow-wrap:break-word}.md-body>*:first-child{margin-top:0}.md-body>*:last-child{margin-bottom:0}.md-body p{margin:.45em 0}.md-body h1{font-size:1.05rem;font-weight:700;color:var(--accent);margin:.9em 0 .35em;border-bottom:1px solid var(--border);padding-bottom:.25em}.md-body h2{font-size:.95rem;font-weight:700;color:var(--accent);margin:.8em 0 .3em}.md-body h3{font-size:.88rem;font-weight:600;color:var(--text);margin:.7em 0 .25em}.md-body strong{color:var(--text);font-weight:700}.md-body em{color:var(--text-dim);font-style:italic}.md-body hr{border:none;border-top:1px solid var(--border);margin:.7em 0}.md-body blockquote{border-left:3px solid var(--accent);margin:.5em 0;padding:.3em .75em;background:#c8a84b12;border-radius:0 6px 6px 0;color:var(--text);font-style:italic}.md-body ul,.md-body ol{padding-left:1.35em;margin:.35em 0;display:block;list-style-type:disc;background-color:transparent;border:none;border-radius:0;gap:unset;overflow:visible}.md-body ol{list-style-type:decimal}.md-body li{margin:.2em 0;padding:0;background-color:transparent}.md-body li:hover{background:transparent}.md-body code{background:var(--bg);border:1px solid var(--border);border-radius:4px;padding:.1em .35em;font-size:.82em;font-family:monospace;color:var(--accent)}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}.cursor{display:inline-block;width:2px;height:.9em;background:var(--accent);margin-left:2px;vertical-align:middle;animation:blink .8s step-end infinite}.pbm-backdrop{position:fixed;inset:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.pbm-modal{background:var(--bg-card, #1e1e2e);border:1px solid var(--border, rgba(255,255,255,.12));border-radius:16px;padding:1.5rem;width:100%;max-width:360px;position:relative;box-shadow:0 8px 40px #00000080}.pbm-close{position:absolute;top:.75rem;right:.75rem;background:none;border:none;color:var(--text-dim, #888);font-size:1rem;cursor:pointer;padding:.25rem .4rem}.pbm-close:hover{color:var(--text, #fff)}.pbm-title{font-size:1.05rem;font-weight:700;color:var(--text, #fff);margin-bottom:.3rem}.pbm-sub{font-size:.8rem;color:var(--text-dim, #888);margin:0 0 1rem}.pbm-row{display:flex;gap:.5rem;margin-bottom:.6rem}.pbm-input{flex:1;background:var(--bg, #13131f);border:1px solid var(--border, rgba(255,255,255,.15));border-radius:8px;color:var(--text, #fff);padding:.55rem .7rem;font-size:.9rem;outline:none;min-width:0}.pbm-input:focus{border-color:var(--accent, #a78bfa)}.pbm-input-sm{flex:0 0 72px}.pbm-input::-webkit-inner-spin-button,.pbm-input::-webkit-outer-spin-button{-webkit-appearance:none}.pbm-input[type=number]{-moz-appearance:textfield}.pbm-toggle-row{align-items:center;margin-top:.4rem}.pbm-toggle-group{display:flex;gap:0;border:1px solid var(--border, rgba(255,255,255,.15));border-radius:8px;overflow:hidden}.pbm-toggle-btn{background:transparent;border:none;color:var(--text-dim, #888);padding:.45rem .8rem;font-size:.85rem;cursor:pointer;transition:background .15s,color .15s}.pbm-toggle-btn.active{background:var(--accent, #a78bfa);color:#fff}.pbm-error{font-size:.8rem;color:#f87171;margin:.4rem 0 0}.pbm-confirm-btn{width:100%;margin-top:1rem;padding:.7rem;background:var(--accent, #a78bfa);color:#fff;border:none;border-radius:10px;font-size:.95rem;font-weight:600;cursor:pointer;transition:opacity .15s}.pbm-confirm-btn:disabled{opacity:.5;cursor:not-allowed}.pbm-confirm-btn:not(:disabled):hover{opacity:.85}.app-header{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:0 24px;height:56px;background:var(--bg-2);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.header-left{display:flex;align-items:center}.header-logo{display:flex;align-items:center;gap:8px;background:none;border:none;cursor:pointer;padding:4px 8px;border-radius:8px;transition:background .15s}.header-logo:hover{background:var(--border)}.header-logo-icon{font-size:1.4rem;line-height:1}.header-logo-text{font-size:1rem;font-weight:700;color:var(--text);letter-spacing:-.02em}.header-right{display:flex;align-items:center;gap:8px}.header-username{font-size:.875rem;color:var(--text-dim);margin-right:4px}.header-btn{padding:6px 16px;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;border:1px solid transparent;transition:all .15s;white-space:nowrap}.header-btn--ghost{background:none;border-color:var(--border);color:var(--text)}.header-btn--ghost:hover{background:var(--border)}.header-btn--primary{background:var(--accent);color:#fff;border-color:var(--accent)}.header-btn--primary:hover{opacity:.88}.header-points{display:flex;align-items:center;gap:4px;padding:4px 12px;border-radius:20px;font-size:.875rem;font-weight:600;background:var(--bg-3, #2a2a3a);border:1px solid var(--border);color:var(--text);cursor:pointer;transition:all .15s}.header-points:hover{border-color:var(--accent);color:var(--accent)}.header-points--low{border-color:#e55;color:#e55;animation:pulse-low 1.5s ease-in-out infinite}@keyframes pulse-low{0%,to{opacity:1}50%{opacity:.65}}@media(max-width:640px){.app-header{padding:0 14px;height:50px}.header-username{display:none}.header-btn{padding:5px 11px;font-size:.82rem}.header-points{padding:4px 9px;font-size:.82rem}.header-logo-text{font-size:.9rem}.header-btn--ghost,.header-btn--primary{display:none}}@media(min-width:769px){.app-header{display:none}}.header-menu-btn{display:flex;flex-direction:column;justify-content:center;gap:4px;width:36px;height:36px;padding:6px;background:none;border:none;cursor:pointer;border-radius:8px;margin-right:4px;transition:background .15s}.header-menu-btn:hover{background:var(--border)}.header-menu-btn span{display:block;width:100%;height:2px;background:var(--text);border-radius:2px;transition:background .15s}.sidebar{position:fixed;top:0;left:0;z-index:200;width:220px;height:100dvh;background:var(--bg-2);border-right:1px solid var(--border);display:flex;flex-direction:column;overflow-y:auto;transition:transform .25s cubic-bezier(.4,0,.2,1)}@media(max-width:768px){.sidebar{transform:translate(-100%);box-shadow:4px 0 24px #0006}.sidebar--open{transform:translate(0)}}@media(min-width:769px){.sidebar{transform:none!important}}.sidebar-overlay{position:fixed;inset:0;z-index:199;background:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.sidebar-logo{display:flex;align-items:center;gap:8px;padding:0 16px;height:56px;border-bottom:1px solid var(--border);cursor:pointer;flex-shrink:0}.sidebar-logo-icon{font-size:1.3rem;color:var(--accent)}.sidebar-logo-text{font-size:.95rem;font-weight:700;color:var(--text);letter-spacing:-.02em}.sidebar-nav{flex:1;overflow-y:auto;padding:8px 0}.sidebar-section{margin-top:4px}.sidebar-section-label{font-size:.68rem;font-weight:600;color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em;padding:8px 16px 4px}.sidebar-item{display:flex;align-items:center;gap:10px;width:100%;padding:9px 16px;background:none;border:none;color:var(--text-dim);font-size:.875rem;text-align:left;cursor:pointer;border-radius:0;transition:background .15s,color .15s}.sidebar-item:hover{background:var(--border);color:var(--text)}.sidebar-item--active{background:rgba(var(--accent-rgb, 180, 140, 80),.12);color:var(--accent);font-weight:600}.sidebar-item--active:hover{background:rgba(var(--accent-rgb, 180, 140, 80),.18);color:var(--accent)}.sidebar-item--logout{color:#e05555}.sidebar-item--logout:hover{background:#e055551a;color:#e05555}.sidebar-badge{margin-left:auto;background:var(--accent, #c9a84c);color:#1a1208;font-size:.7rem;font-weight:700;border-radius:10px;padding:1px 7px;min-width:20px;text-align:center}.sidebar-item-icon{font-size:1rem;flex-shrink:0;width:20px;text-align:center}.sidebar-item--chat{align-items:flex-start;padding-top:8px;padding-bottom:8px}.sidebar-item-chat-info{display:flex;flex-direction:column;gap:2px;min-width:0}.sidebar-item-chat-name{font-size:.875rem;color:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-item-chat-mbti{font-size:.7rem;color:var(--text-dim);font-weight:400}.sidebar-item--active .sidebar-item-chat-mbti{color:var(--accent);opacity:.7}.sidebar-footer{border-top:1px solid var(--border);padding:8px 0;flex-shrink:0}.capacitor .sidebar-footer{padding-bottom:60px}.auth-page{height:calc(100dvh - 56px);overflow-y:auto;display:flex;align-items:center;justify-content:center;padding:32px 16px;background:var(--bg)}@media(min-width:769px){.auth-page{height:100dvh}}.auth-card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:40px 36px;width:100%;max-width:420px;box-shadow:var(--shadow)}.auth-header{text-align:center;margin-bottom:32px}.auth-icon{font-size:2.5rem;margin-bottom:12px;line-height:1}.auth-title{font-size:1.5rem;font-weight:700;color:var(--text);margin:0 0 8px}.auth-subtitle{font-size:.875rem;color:var(--text-dim);margin:0}.auth-form{display:flex;flex-direction:column;gap:16px}.auth-field{display:flex;flex-direction:column;gap:6px}.auth-label{font-size:.875rem;font-weight:500;color:var(--text)}.auth-input{padding:10px 14px;background:var(--bg);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:.9375rem;transition:border-color .15s;outline:none;width:100%;box-sizing:border-box}.auth-input:focus{border-color:var(--accent)}.auth-input::placeholder{color:var(--text-dim);opacity:.6}.auth-error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;padding:10px 14px;font-size:.875rem;color:#f87171}.auth-error-hint{margin:6px 0 0;font-size:.8125rem;opacity:.8}.auth-submit{padding:12px;background:var(--accent);color:#fff;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:opacity .15s;margin-top:4px}.auth-submit:hover:not(:disabled){opacity:.88}.auth-submit:disabled{opacity:.45;cursor:not-allowed}.auth-footer{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:24px}.auth-footer-text{font-size:.875rem;color:var(--text-dim)}.auth-link{background:none;border:none;color:var(--accent);font-size:.875rem;font-weight:600;cursor:pointer;padding:0;text-decoration:underline;text-underline-offset:2px}.auth-divider{display:flex;align-items:center;gap:12px;margin:20px 0 16px}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--border)}.auth-divider-text{font-size:.8125rem;color:var(--text-dim);white-space:nowrap}.auth-kakao-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px;background:#fee500;color:#3c1e1e;border:none;border-radius:10px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:background .15s}.auth-kakao-btn:hover:not(:disabled){background:#fdd000}.auth-kakao-btn:disabled{opacity:.45;cursor:not-allowed}.auth-kakao-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;background:#3c1e1e;color:#fee500;border-radius:4px;font-size:.75rem;font-weight:700}.auth-google-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px;background:#fff;color:#3c4043;border:1px solid #dadce0;border-radius:10px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:background .15s;margin-top:8px}.auth-google-btn:hover:not(:disabled){background:#f7f8f8}.auth-google-btn:disabled{opacity:.45;cursor:not-allowed}.auth-google-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;background:#4285f4;color:#fff;border-radius:4px;font-size:.75rem;font-weight:700}.auth-card--wide{max-width:640px}.signup-steps{display:flex;align-items:center;justify-content:center;gap:0;margin-bottom:28px}.signup-step{display:flex;align-items:center;gap:6px;font-size:.875rem;color:var(--text-dim);opacity:.5;transition:opacity .2s}.signup-step.active{color:var(--accent);opacity:1;font-weight:600}.signup-step.done{color:var(--accent);opacity:.7}.signup-step-num{width:24px;height:24px;border-radius:50%;background:var(--border);display:inline-flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700}.signup-step.active .signup-step-num,.signup-step.done .signup-step-num{background:var(--accent);color:#fff}.signup-step-line{width:48px;height:1px;background:var(--border);margin:0 8px}.auth-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.auth-date-row{display:grid;grid-template-columns:2fr 1fr 1fr;gap:8px}.auth-gender{display:flex;gap:8px}.auth-gender-btn{flex:1;padding:9px 8px;background:var(--bg);border:1px solid var(--border);border-radius:8px;color:var(--text-dim);font-size:.875rem;cursor:pointer;transition:all .15s}.auth-gender-btn.selected{background:var(--accent-dim);border-color:var(--accent);color:var(--accent);font-weight:600}.signup-mbti-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}@media(max-width:500px){.signup-mbti-grid{grid-template-columns:repeat(2,1fr)}}.signup-mbti-card{padding:10px 8px;background:var(--bg);border:1px solid var(--border);border-radius:10px;cursor:pointer;text-align:center;transition:all .15s;display:flex;flex-direction:column;gap:2px}.signup-mbti-card:hover{border-color:var(--accent);background:var(--bg-2)}.signup-mbti-card.selected{border-color:var(--accent);background:var(--accent-dim)}.signup-mbti-type{font-size:.875rem;font-weight:800;color:var(--accent);letter-spacing:.04em}.signup-mbti-name{font-size:.7rem;color:var(--text);font-weight:500;line-height:1.3}.signup-mbti-tag{font-size:.65rem;color:var(--text-dim)}.auth-btn-row{display:grid;grid-template-columns:1fr 2fr;gap:10px;margin-top:4px}.auth-submit--secondary{background:var(--bg-2);color:var(--text);border:1px solid var(--border)}.auth-submit--secondary:hover:not(:disabled){background:var(--border);opacity:1}.signup-loading{display:flex;flex-direction:column;align-items:center;gap:12px;padding:16px;background:var(--bg-2);border-radius:10px;text-align:center;color:var(--text-dim);font-size:.9rem}.signup-loading-spinner{width:28px;height:28px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}.signup-success{text-align:center;padding:20px 0}.signup-success-icon{font-size:3rem;color:var(--accent);margin-bottom:16px}.signup-success h2{font-size:1.5rem;font-weight:700;margin:0 0 12px;color:var(--text)}.signup-success p{color:var(--text-dim);margin:0 0 24px;line-height:1.6}.auth-input--center{text-align:center;letter-spacing:.3em;font-size:1.25rem;font-weight:700}.auth-link--block{display:block;text-align:center;margin-top:4px}.auth-info{background:#6366f11a;border:1px solid rgba(99,102,241,.3);border-radius:8px;padding:10px 14px;font-size:.875rem;color:var(--accent)}.points-page{height:calc(100dvh - 56px);overflow-y:auto;display:flex;justify-content:center;padding:32px 16px;padding-bottom:calc(80px + env(safe-area-inset-bottom,0px));background:var(--bg-1)}@media(max-width:768px){.points-page{height:calc(100dvh - 116px - env(safe-area-inset-bottom,0px))}}@media(min-width:769px){.points-page{height:100dvh}}.points-card{width:100%;max-width:480px}.points-hero{background:linear-gradient(135deg,#1a1a2e,#16213e 60%,#0f3460);border-radius:20px;padding:28px 24px 24px;text-align:center;margin-bottom:16px;position:relative;border:1px solid var(--border)}.points-back{position:absolute;top:16px;left:16px;background:none;border:none;color:var(--text-dim);cursor:pointer;font-size:.85rem;padding:4px 8px;border-radius:6px;transition:color .15s}.points-back:hover{color:var(--text)}.points-balance-label{font-size:.8rem;color:var(--text-dim);margin-bottom:8px;text-transform:uppercase;letter-spacing:.08em}.points-balance-amount{display:flex;align-items:baseline;justify-content:center;gap:6px;margin-bottom:6px}.points-star{font-size:1.8rem}.points-balance-num{font-size:3.5rem;font-weight:800;color:var(--text);line-height:1}.points-balance-unit{font-size:1.2rem;color:var(--text-dim);font-weight:600}.points-balance-note{font-size:.8rem;color:var(--text-dim);margin:0}.points-tabs{display:flex;gap:0;background:var(--bg-2);border-radius:12px;padding:4px;margin-bottom:20px;border:1px solid var(--border)}.points-tab{flex:1;padding:10px;border:none;background:none;border-radius:9px;font-size:.875rem;font-weight:500;color:var(--text-dim);cursor:pointer;transition:all .15s}.points-tab.active{background:var(--accent);color:#fff;font-weight:600}.charge-packages{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px}.charge-pack{display:flex;flex-direction:column;align-items:center;gap:4px;padding:16px 12px;border-radius:14px;border:1.5px solid var(--border);background:var(--bg-2);cursor:pointer;transition:all .15s}.charge-pack:hover{border-color:var(--accent)}.charge-pack.selected{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,var(--bg-2))}.charge-pack-points{font-size:1.1rem;font-weight:700;color:var(--text)}.charge-pack-bonus{font-size:.72rem;background:var(--accent);color:#fff;padding:1px 6px;border-radius:10px;font-weight:600}.charge-pack-price{font-size:.85rem;color:var(--text-dim);margin-top:2px}.toss-widget-area{margin-bottom:12px;border-radius:12px;overflow:hidden}.charge-btn{width:100%;padding:14px;border-radius:12px;border:none;background:var(--border);color:var(--text-dim);font-size:1rem;font-weight:600;cursor:not-allowed;transition:all .2s;margin-bottom:10px}.charge-btn.active{background:var(--accent);color:#fff;cursor:pointer}.charge-btn.active:hover{opacity:.9}.charge-note{text-align:center;font-size:.78rem;color:var(--text-dim);margin:0}.history-loading,.history-empty{text-align:center;color:var(--text-dim);padding:40px 0;font-size:.9rem}.points-history .history-list{list-style:none!important;padding:0!important;margin:0!important;display:flex!important;flex-direction:column!important;gap:0!important;background:transparent!important}.points-history .history-item{display:flex!important;flex-direction:row!important;justify-content:space-between!important;align-items:center!important;padding:14px 4px!important;border-bottom:1px solid var(--border)!important;background:transparent!important;box-shadow:none!important;border-radius:0!important}.points-history .history-item-left{display:flex!important;flex-direction:column!important;gap:3px}.points-history .history-item-desc{font-size:.9rem;color:var(--text)!important;font-weight:500}.points-history .history-item-date{font-size:.75rem;color:var(--text-dim)!important}.points-history .history-item-amount{display:flex!important;flex-direction:column!important;align-items:flex-end!important;gap:3px;font-size:1rem;font-weight:700}.points-history .history-item-amount.plus{color:#4caf7d!important}.points-history .history-item-amount.minus{color:var(--text)!important}.points-history .history-item-balance{font-size:.72rem;color:var(--text-dim)!important;font-weight:400}.points-invite{padding:1rem 1.25rem;display:flex;flex-direction:column;gap:1rem}.invite-desc{font-size:.88rem;color:var(--text)}.invite-desc ul{margin:.5rem 0 0 1.2rem;display:flex;flex-direction:column;gap:.3rem}.invite-desc li{color:var(--text-dim)}.invite-desc strong{color:var(--accent-mint)}.invite-code-box{display:flex;align-items:center;gap:.75rem;background:var(--bg);border:1px solid var(--border-lt);border-radius:12px;padding:.9rem 1rem}.invite-code-label{font-size:.75rem;color:var(--text-dim);white-space:nowrap}.invite-code-value{flex:1;font-size:1.3rem;font-weight:900;letter-spacing:.15em;color:var(--accent);font-family:monospace}.invite-copy-btn{background:var(--accent-dim);color:var(--accent);border:none;border-radius:8px;padding:.4rem .9rem;font-size:.82rem;font-weight:700;cursor:pointer;flex-shrink:0;transition:background .2s}.invite-copy-btn.copied{background:var(--accent-mint-dim);color:var(--accent-mint)}.invite-note{font-size:.72rem;color:var(--text-dim)}.history-page{height:calc(100dvh - 56px);background:var(--bg);overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}@media(min-width:769px){.history-page{height:100dvh}}.history-header{display:flex;align-items:center;gap:1rem;padding:1.5rem 1.5rem 1rem;border-bottom:1px solid var(--border);position:sticky;top:0;background:var(--bg);z-index:10}.history-back-btn{background:none;border:1px solid var(--border);color:var(--text-dim);padding:.4rem .9rem;border-radius:8px;font-size:.85rem;cursor:pointer;transition:all .15s;white-space:nowrap}.history-back-btn:hover{border-color:var(--accent);color:var(--accent)}.history-title-wrap{display:flex;align-items:baseline;gap:.6rem}.history-title{font-size:1.3rem;font-weight:800;color:var(--text)}.history-count{font-size:.8rem;color:var(--text-dim)}.history-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:5rem 1rem;color:var(--text-dim)}.history-empty-icon{font-size:3rem}.history-empty p{font-size:1rem}.history-empty-btn{background:var(--accent);color:#000;border:none;padding:.6rem 1.4rem;border-radius:10px;font-size:.9rem;font-weight:700;cursor:pointer;margin-top:.5rem}.history-content{display:flex;flex-direction:column;gap:1.5rem;padding:1rem 1.5rem 4rem;max-width:900px;margin:0 auto}.history-tabs{display:flex;gap:.4rem;background:var(--card);border:1px solid var(--border);border-radius:12px;padding:.25rem}.history-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:.35rem;padding:.55rem .6rem;border:none;border-radius:9px;background:transparent;color:var(--text-dim);font-size:.82rem;font-weight:600;cursor:pointer;font-family:inherit;transition:all .15s}.history-tab:hover{color:var(--text);background:#ffffff0a}.history-tab.active{background:var(--accent);color:#000;font-weight:700}.history-tab-count{font-size:.7rem;font-weight:700;opacity:.7}.history-tab.active .history-tab-count{opacity:1}.history-section-title{font-size:.8rem;font-weight:700;color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em;margin-bottom:1rem}.history-list{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}@media(min-width:600px){.history-list{grid-template-columns:repeat(6,1fr)}}@media(max-width:360px){.history-list{grid-template-columns:repeat(3,1fr)}}.history-card{display:flex;flex-direction:column;background:var(--card);border:1px solid var(--border);border-radius:10px;overflow:hidden;cursor:pointer;transition:border-color .15s,transform .15s}.history-card:hover{border-color:var(--accent);transform:translateY(-2px)}.history-card--shared{cursor:default;border-left:3px solid rgba(107,95,181,.6)}.history-card--shared:hover{border-color:#6b5fb573;border-left-color:#6b5fb5cc;background:#6b5fb50a;transform:none}.history-card-avatar{width:100%;aspect-ratio:1/1.4;overflow:hidden;background:var(--border);position:relative}.history-card-avatar img{width:100%;height:100%;object-fit:cover;object-position:top}.history-card-avatar-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:1.4rem;color:var(--text-dim);background:linear-gradient(135deg,#1a1a2e,#16213e)}.history-card-date-badge{position:absolute;bottom:.25rem;left:0;right:0;text-align:center;background:#000000a6;color:var(--text-dim);font-size:.52rem;padding:.12rem 0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.history-card-body{padding:.35rem .4rem .4rem;display:flex;flex-direction:column;gap:.1rem}.history-card-top{display:flex;align-items:center;gap:.25rem}.history-card-name{font-size:.7rem;font-weight:700;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-card-mbti{font-size:.52rem;color:var(--text-dim);background:var(--border);padding:.05rem .25rem;border-radius:3px;flex-shrink:0}.history-card-title{font-size:.6rem;color:var(--accent);font-style:italic;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-card-preview{font-size:.58rem;color:var(--text-dim);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.35}.history-card-meta{display:flex;align-items:center;gap:.2rem;font-size:.55rem;color:var(--text-dim);margin-top:.05rem}.history-card-arrow{display:none}.history-card-shared-row{display:flex;align-items:center;gap:.35rem;margin:.1rem 0}.history-shared-badge{font-size:.52rem;font-weight:700;background:#6b5fb526;color:#a89fe0;border:1px solid rgba(107,95,181,.3);padding:.1rem .35rem;border-radius:4px;flex-shrink:0}.history-reinvite-btn{flex-shrink:0;align-self:center;padding:.4rem .7rem;border-radius:8px;border:1px solid rgba(107,95,181,.5);background:#6b5fb51f;color:#a89fe0;font-size:.72rem;font-weight:700;cursor:pointer;font-family:inherit;transition:all .15s;white-space:nowrap}.history-reinvite-btn:hover{background:#6b5fb540;border-color:#6b5fb5cc;color:#c4bbf0}@media(max-width:768px){.history-list{display:flex;flex-direction:column;gap:.5rem}.history-card{flex-direction:row;align-items:center;gap:.85rem;padding:.75rem .85rem;border-radius:14px;overflow:visible}.history-card--shared{border-left:3px solid rgba(107,95,181,.6)}.history-card-avatar{width:44px;min-width:44px;height:44px;aspect-ratio:unset;border-radius:50%;flex-shrink:0;overflow:hidden}.history-card-date-badge{display:none}.history-card-body{flex:1;padding:0;gap:.15rem;justify-content:center}.history-card-name{font-size:.9rem}.history-card-mbti{font-size:.65rem;padding:.1rem .35rem}.history-card-title{font-size:.75rem}.history-card-preview{font-size:.75rem;-webkit-line-clamp:1;line-clamp:1}.history-card-meta{font-size:.65rem}.history-shared-badge{font-size:.65rem;padding:.12rem .4rem}.history-card-arrow{display:flex;align-items:center;color:var(--text-dim);font-size:1rem;flex-shrink:0}}.history-char-grid{display:flex;flex-direction:column;gap:.6rem}.history-char-card{display:flex;align-items:center;gap:1rem;background:var(--card);border:1px solid var(--border);border-radius:14px;padding:.85rem 1.1rem}.history-char-avatar{width:44px;height:44px;border-radius:50%;overflow:hidden;background:var(--border);flex-shrink:0}.history-char-avatar img{width:100%;height:100%;object-fit:cover;object-position:top}.history-char-info{flex:1;min-width:0}.history-char-name{font-size:.95rem;font-weight:700;color:var(--text)}.history-char-tag{font-size:.75rem;color:var(--text-dim)}.history-char-count{font-size:.75rem;color:var(--accent);margin-top:.15rem}.history-char-resume{background:var(--accent);color:#000;border:none;padding:.4rem .9rem;border-radius:8px;font-size:.82rem;font-weight:700;cursor:pointer;flex-shrink:0;transition:opacity .15s}.history-char-resume:hover{opacity:.85}@media(max-width:640px){.history-header{padding:1rem}.history-content{padding:1rem 1rem 4rem}.history-title{font-size:1.1rem}}.admin-page{display:flex;flex-direction:column;height:100dvh;background:var(--bg, #0e0c07);color:var(--text, #e8dfc8);font-family:inherit}.admin-header{display:flex;align-items:center;gap:1rem;padding:.875rem 1.5rem;border-bottom:1px solid rgba(201,168,76,.2);background:#ffffff05;flex-shrink:0}.admin-back-btn{background:none;border:1px solid rgba(201,168,76,.3);color:var(--accent, #c9a84c);padding:.35rem .75rem;border-radius:6px;cursor:pointer;font-size:.85rem;white-space:nowrap}.admin-back-btn:hover{background:#c9a84c14}.admin-title{font-size:1.1rem;font-weight:700;color:var(--accent, #c9a84c);margin:0;flex:1}.admin-tabs{display:flex;gap:.25rem;flex:1}.admin-tab{background:none;border:1px solid rgba(201,168,76,.25);color:#c9a84c99;padding:.35rem 1rem;border-radius:6px;cursor:pointer;font-size:.85rem;transition:all .15s}.admin-tab:hover{background:#c9a84c0f;color:var(--accent, #c9a84c)}.admin-tab--active{background:#c9a84c1f;border-color:var(--accent, #c9a84c);color:var(--accent, #c9a84c);font-weight:600}.admin-reports-section{display:contents}.admin-btn{padding:.4rem .9rem;border-radius:6px;border:none;cursor:pointer;font-size:.82rem;font-weight:600;transition:opacity .15s}.admin-btn:disabled{opacity:.5;cursor:not-allowed}.admin-btn--add{background:var(--accent, #c9a84c);color:#1a1208}.admin-btn--seed{background:#ffffff14;color:var(--text, #e8dfc8);border:1px solid rgba(255,255,255,.1)}.admin-btn--save{background:var(--accent, #c9a84c);color:#1a1208;padding:.5rem 1.5rem;font-size:.9rem}.admin-seed-result{padding:.5rem 1.5rem;background:#c9a84c14;font-size:.8rem;color:var(--accent, #c9a84c);border-bottom:1px solid rgba(201,168,76,.15);word-break:break-all}.admin-fortune-section{padding:1rem 1.5rem;background:#7c6bff0f;border-bottom:1px solid rgba(124,107,255,.2)}.admin-fortune-title{font-size:.9rem;font-weight:700;margin:0 0 .3rem;color:var(--accent, #7c6bff)}.admin-fortune-desc{font-size:.75rem;color:#888;margin:0 0 .6rem}.admin-fortune-row{display:flex;flex-direction:column;gap:.5rem}.admin-fortune-tags{display:flex;flex-wrap:wrap;gap:.4rem;min-height:28px}.admin-fortune-tag{display:inline-flex;align-items:center;gap:.3rem;background:#7c6bff26;border:1px solid rgba(124,107,255,.3);border-radius:20px;padding:.2rem .6rem;font-size:.8rem;font-weight:600;color:var(--accent, #7c6bff)}.admin-fortune-tag-del{background:none;border:none;color:var(--accent, #7c6bff);cursor:pointer;font-size:.9rem;line-height:1;padding:0}.admin-fortune-add{display:flex;gap:.5rem;align-items:center}.admin-fortune-input{max-width:180px}.admin-body{display:flex;flex:1;min-height:0;overflow:hidden}.admin-list{width:420px;flex-shrink:0;overflow-y:auto;border-right:1px solid rgba(255,255,255,.07)}.admin-loading,.admin-empty{padding:2rem 1.5rem;color:var(--text-dim, #8a7a5a);text-align:center;font-size:.9rem}.admin-table{width:100%;border-collapse:collapse;font-size:.83rem}.admin-table th{padding:.5rem .75rem;text-align:left;color:var(--text-dim, #8a7a5a);border-bottom:1px solid rgba(255,255,255,.07);font-weight:600;position:sticky;top:0;background:var(--bg, #0e0c07)}.admin-row{cursor:pointer;border-bottom:1px solid rgba(255,255,255,.04);transition:background .1s}.admin-row:hover{background:#ffffff0a}.admin-row--selected{background:#c9a84c14}.admin-row--inactive{opacity:.45}.admin-row td{padding:.55rem .75rem}.admin-cell-id{font-weight:700;color:var(--accent, #c9a84c);font-size:.75rem;width:42px;white-space:nowrap}.admin-toggle{font-size:.72rem;padding:.2rem .5rem;border-radius:10px;border:1px solid rgba(255,255,255,.2);background:#ffffff0d;color:var(--text-dim, #8a7a5a);cursor:pointer;white-space:nowrap}.admin-toggle--on{border-color:#4caf50;color:#4caf50;background:#4caf5014}.admin-del-btn{background:none;border:none;cursor:pointer;font-size:.9rem;opacity:.4;transition:opacity .15s}.admin-del-btn:hover{opacity:1}.admin-panel{flex:1;display:flex;flex-direction:column;min-width:0;overflow:hidden}.admin-panel-header{padding:.875rem 1.25rem;border-bottom:1px solid rgba(255,255,255,.07);flex-shrink:0}.admin-panel-title{margin:0;font-size:1rem;font-weight:700;color:var(--accent, #c9a84c)}.admin-panel-id-row{display:flex;align-items:center;gap:.75rem}.admin-panel-id-label{font-size:.82rem;color:var(--text-dim, #8a7a5a);white-space:nowrap}.admin-input--id{width:160px;text-transform:lowercase;font-weight:700;color:var(--accent, #c9a84c)}.admin-panel-fields{flex:1;overflow-y:auto;padding:1rem 1.25rem;display:flex;flex-direction:column;gap:.75rem}.admin-field{display:flex;flex-direction:column;gap:.25rem}.admin-label{font-size:.75rem;color:var(--text-dim, #8a7a5a);font-weight:600}.admin-input{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:var(--text, #e8dfc8);padding:.4rem .6rem;font-size:.83rem;font-family:inherit;width:100%;box-sizing:border-box;transition:border-color .15s}.admin-input:focus{outline:none;border-color:#c9a84c66}.admin-textarea{resize:vertical;min-height:80px;line-height:1.5}.admin-panel-footer{display:flex;align-items:center;gap:1rem;padding:.875rem 1.25rem;border-top:1px solid rgba(255,255,255,.07);flex-shrink:0}.admin-msg{flex:1;font-size:.83rem;color:var(--accent, #c9a84c)}@media(max-width:768px){.admin-list{width:100%;border-right:none}.admin-body{flex-direction:column}.admin-panel{position:fixed;inset:0;z-index:50;background:var(--bg, #0e0c07);border-top:1px solid rgba(201,168,76,.2)}}.tag-input-wrap{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center;padding:.4rem .6rem;background:#ffffff0a;border:1px solid rgba(201,168,76,.25);border-radius:6px;min-height:2.4rem;cursor:text}.tag-chip{display:inline-flex;align-items:center;gap:.25rem;background:#c9a84c2e;border:1px solid rgba(201,168,76,.4);border-radius:4px;padding:.15rem .5rem;font-size:.78rem;color:#e8dfc8}.tag-chip-del{background:none;border:none;color:#c9a84c;cursor:pointer;padding:0;font-size:.9rem;line-height:1}.tag-input-inner{flex:1;min-width:8rem;background:none;border:none;outline:none;color:#e8dfc8;font-size:.85rem}.img-upload-wrap{display:flex;flex-direction:column;gap:.5rem}.img-preview{width:100%;max-height:140px;object-fit:cover;border-radius:6px;border:1px solid rgba(201,168,76,.25)}.img-delete-btn{position:absolute;top:4px;right:4px;width:22px;height:22px;border-radius:50%;border:none;background:#dc3232d9;color:#fff;font-size:.9rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}.img-delete-btn:hover{background:#c81e1e}.img-upload-row{display:flex;align-items:center;gap:.5rem}.admin-btn--upload{background:#c9a84c1f;border:1px solid rgba(201,168,76,.4);color:#c9a84c;padding:.35rem .8rem;border-radius:6px;font-size:.82rem;cursor:pointer;white-space:nowrap}.admin-btn--upload:disabled{opacity:.5;cursor:default}.report-page{max-width:680px;margin:0 auto;padding:24px 16px 80px;color:var(--text-main, #e8e0d8);font-family:"Noto Serif KR",serif}.report-selector{display:flex;flex-direction:column;gap:24px;align-items:center;padding-top:16px}.report-selector h2{font-size:1.4rem;font-weight:700;color:var(--text-main, #e8e0d8);text-align:center;margin:0}.report-selector .desc{font-size:.9rem;color:var(--text-dim, #b0a090);text-align:center;line-height:1.6;margin:0}.report-char-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;width:100%}.report-char-card{background:var(--card-bg, #1e1a16);border:2px solid transparent;border-radius:12px;padding:12px 8px;display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;transition:border-color .2s,transform .15s}.report-char-card:hover{border-color:var(--accent, #7c6bff);transform:translateY(-2px)}.report-char-card.selected{border-color:var(--accent, #7c6bff);background:#c9a84c14}.report-char-card img{width:64px;height:64px;object-fit:cover;border-radius:50%;border:2px solid var(--border, #3a3020)}.report-char-card .char-mbti{font-size:.65rem;font-weight:700;letter-spacing:.05em;color:var(--accent, #7c6bff);text-transform:uppercase}.report-char-card .char-name{font-size:.8rem;color:var(--text-main, #e8e0d8);font-family:Noto Sans KR,sans-serif}.report-cost-box{background:var(--card-bg, #1e1a16);border:1px solid var(--border, #3a3020);border-radius:12px;padding:16px 24px;width:100%;text-align:center}.report-cost-box .cost-label{font-size:.8rem;color:var(--text-dim, #b0a090);margin-bottom:4px;font-family:Noto Sans KR,sans-serif}.report-cost-box .cost-value{font-size:1.1rem;font-weight:700;color:var(--accent, #7c6bff)}.report-generate-btn{width:100%;max-width:320px;padding:14px 0;background:linear-gradient(135deg,#7c6bff,#a0782c);color:#1a1408;font-size:1rem;font-weight:700;border:none;border-radius:12px;cursor:pointer;font-family:Noto Sans KR,sans-serif;transition:opacity .2s,transform .15s}.report-generate-btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.report-generate-btn:disabled{opacity:.5;cursor:not-allowed}.report-loading{display:flex;flex-direction:column;align-items:center;gap:20px;padding:60px 16px;text-align:center}.report-loading .loading-char{width:100px;height:100px;object-fit:cover;border-radius:50%;border:3px solid var(--accent, #7c6bff);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(.97)}}.report-loading p{color:var(--text-dim, #b0a090);font-size:.95rem;font-family:Noto Sans KR,sans-serif;line-height:1.6}.report-result{display:flex;flex-direction:column;gap:0}.report-cover{display:flex;flex-direction:column;align-items:center;gap:16px;padding:32px 16px 40px;border-bottom:1px solid var(--border, #3a3020);margin-bottom:8px}.report-cover-img{width:140px;height:220px;object-fit:contain;object-position:top center;border-radius:12px;border:2px solid var(--accent, #7c6bff);box-shadow:0 8px 32px #00000080}.report-cover-ilju{font-size:1.5rem;font-weight:700;color:var(--accent, #7c6bff);letter-spacing:.1em}.report-cover-title{font-size:1.1rem;color:var(--text-main, #e8e0d8);text-align:center;line-height:1.5;max-width:320px}.report-cover-meta{font-size:.8rem;color:var(--text-dim, #b0a090);font-family:Noto Sans KR,sans-serif}.report-cover-char{font-size:.85rem;color:var(--text-dim, #b0a090);font-family:Noto Sans KR,sans-serif}.report-section{padding:28px 16px;border-bottom:1px solid rgba(201,168,76,.1)}.report-section:last-child{border-bottom:none}.report-section-header{display:flex;align-items:center;gap:10px;margin-bottom:16px}.report-section-icon{font-size:1.3rem}.report-section-label{font-size:.7rem;font-weight:700;letter-spacing:.1em;color:var(--accent, #7c6bff);text-transform:uppercase;font-family:Noto Sans KR,sans-serif}.report-section-title{font-size:1rem;font-weight:700;color:var(--text-main, #e8e0d8);margin-top:2px}.report-section-body{font-size:.92rem;line-height:1.9;color:var(--text-sub, #c8bfb0);white-space:pre-wrap;word-break:keep-all}.report-closing{background:linear-gradient(135deg,#c9a84c14,#c9a84c08);border:1px solid rgba(201,168,76,.2);border-radius:12px;padding:24px;margin:8px 16px 16px;text-align:center}.report-closing-text{font-size:.95rem;line-height:1.8;color:var(--text-sub, #c8bfb0);margin-bottom:20px}.report-chat-cta{display:inline-block;padding:12px 28px;background:linear-gradient(135deg,#7c6bff,#a0782c);color:#1a1408;font-size:.9rem;font-weight:700;border:none;border-radius:10px;cursor:pointer;font-family:Noto Sans KR,sans-serif;text-decoration:none;transition:opacity .2s}.report-chat-cta:hover{opacity:.85}.report-error{padding:24px;background:#b43c3c1a;border:1px solid rgba(180,60,60,.3);border-radius:12px;color:#e88080;font-size:.9rem;font-family:Noto Sans KR,sans-serif;text-align:center;line-height:1.6}.report-back-btn{display:flex;align-items:center;gap:6px;background:none;border:none;color:var(--text-dim, #b0a090);font-size:.85rem;cursor:pointer;padding:0 0 16px;font-family:Noto Sans KR,sans-serif;transition:color .2s}.report-back-btn:hover{color:var(--accent, #7c6bff)}.report-login-required{display:flex;flex-direction:column;align-items:center;gap:16px;padding:60px 16px;text-align:center;color:var(--text-dim, #b0a090);font-family:Noto Sans KR,sans-serif}.report-login-required button{padding:12px 28px;background:linear-gradient(135deg,#7c6bff,#a0782c);color:#1a1408;font-size:.9rem;font-weight:700;border:none;border-radius:10px;cursor:pointer}@media(max-width:480px){.report-char-grid{grid-template-columns:repeat(4,1fr);gap:8px}.report-char-card img{width:52px;height:52px}.report-cover-img{width:110px;height:170px;object-fit:contain}}.chars-page{height:calc(100dvh - 56px);background:radial-gradient(ellipse at 50% 0%,#1a1060,#0a0a18 55%);padding:0 0 5rem;overflow-y:auto;overflow-x:hidden}@media(min-width:769px){.chars-page{height:100dvh}}.chars-page-nav{display:flex;align-items:center;gap:.6rem;padding:.85rem 1rem;position:sticky;top:0;z-index:50;background:#0a081ce0;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.06)}.chars-page-back{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;color:var(--text);cursor:pointer;flex-shrink:0;transition:background .15s}.chars-page-back:hover{background:#ffffff1a}.chars-page-back svg{width:16px;height:16px}.chars-page-title{flex:1;font-size:1.05rem;font-weight:700;color:var(--text);letter-spacing:-.01em;margin:0}.chars-page-reset{font-size:.78rem;font-weight:600;color:var(--text-dim);background:none;border:1px solid rgba(255,255,255,.1);border-radius:999px;padding:.25rem .75rem;cursor:pointer;flex-shrink:0;transition:color .15s,border-color .15s}.chars-page-reset:hover{color:var(--text);border-color:#ffffff40}.chars-filter-sentinel{height:1px;visibility:hidden}.chars-filter-bar{position:sticky;top:55px;z-index:40;display:flex;flex-direction:column;gap:0;background:transparent;transition:background .2s,box-shadow .2s}.chars-filter-bar.is-stuck{background:#0a081cf0;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 2px 16px #00000080}.chars-filter-row{display:flex;align-items:center;gap:0;width:100%;border-bottom:1px solid rgba(255,255,255,.05);min-height:40px}.chars-filter-label{flex-shrink:0;width:60px;font-size:.72rem;font-weight:700;color:var(--text-dim);letter-spacing:.02em;padding:0 0 0 1rem;text-align:left}.chars-filter-pills{flex:1;display:flex;align-items:center;gap:.35rem;padding:.45rem 1rem .45rem .5rem;min-width:0}.chars-filter-pills.scrollable{overflow-x:auto;scrollbar-width:none;flex-wrap:nowrap}.chars-filter-pills.scrollable::-webkit-scrollbar{display:none}.chars-filter-pill{display:inline-flex;align-items:center;gap:.28rem;padding:.22rem .7rem;border-radius:999px;font-size:.78rem;font-weight:600;white-space:nowrap;cursor:pointer;border:1.5px solid rgba(255,255,255,.09);background:#ffffff0a;color:var(--text-dim);transition:background .15s,border-color .15s,color .15s;flex-shrink:0}.chars-filter-pill:hover{background:#ffffff14;color:var(--text)}.chars-filter-pill.active{background:#7c6bff26;border-color:#7c6bff80;color:var(--accent)}.chars-filter-pill.category.active{background:#00e5c31a;border-color:#00e5c373;color:var(--accent-mint)}.chars-filter-pill.tag.active{background:#e8604a1f;border-color:#e8604a73;color:#e8604a}.chars-filter-pills.mbti-dims{flex-wrap:nowrap;gap:.55rem;padding:.5rem 1rem .5rem .5rem;overflow-x:auto;scrollbar-width:none}.chars-filter-pills.mbti-dims::-webkit-scrollbar{display:none}.mbti-dim-group{display:flex;align-items:center;flex-shrink:0}.chars-filter-pill.mbti-dim{font-size:.8rem;font-weight:800;letter-spacing:.06em;padding:.22rem .7rem;border-radius:0;min-width:36px;justify-content:center}.mbti-dim-group .chars-filter-pill.mbti-dim:first-child{border-radius:999px 0 0 999px}.mbti-dim-group .chars-filter-pill.mbti-dim:last-child{border-radius:0 999px 999px 0;margin-left:-1.5px}.chars-filter-pill.mbti-dim.active{background:#c8a84b2e;border-color:#c8a84ba6;color:#c8a84b;position:relative;z-index:1}.mbti-dims-result{display:inline-flex;align-items:center;gap:.25rem;padding:.2rem .6rem;border-radius:999px;font-size:.72rem;font-weight:700;letter-spacing:.06em;white-space:nowrap;cursor:pointer;border:1.5px solid rgba(200,168,75,.35);background:#c8a84b14;color:#c8a84bb3;flex-shrink:0;transition:background .15s,color .15s}.mbti-dims-result:hover{background:#c8a84b26;color:#c8a84b}.pill-dot{width:5px;height:5px;border-radius:50%;flex-shrink:0}.pill-dot.male{background:#7c9fff}.pill-dot.female{background:#ff7cc3}.chars-empty{text-align:center;padding:4rem 1rem;color:var(--text-dim);display:flex;flex-direction:column;align-items:center;gap:1rem}.chars-empty p{font-size:.95rem}.chars-empty button{padding:.5rem 1.2rem;border-radius:999px;border:1px solid rgba(255,255,255,.15);background:#ffffff0f;color:var(--text);font-size:.84rem;cursor:pointer}.char-category-list{display:flex;flex-direction:column;gap:2rem;padding:1rem 0 2rem}.char-category{display:flex;flex-direction:column;align-items:center;margin:0 auto}@media(min-width:1401px){.char-category{width:calc(1120px + 5.1rem)}}@media(max-width:1400px)and (min-width:1101px){.char-category{width:calc(960px + 4.25rem)}}@media(max-width:1100px)and (min-width:901px){.char-category{width:calc(800px + 3.4rem)}}@media(max-width:900px)and (min-width:701px){.char-category{width:calc(640px + 2.55rem)}}@media(max-width:700px){.char-category{width:100%}}.char-category-header{display:flex;flex-direction:column;gap:.15rem;margin-bottom:.75rem;width:100%;max-width:calc(960px + 4.25rem);padding:0 1.5rem;box-sizing:border-box}@media(max-width:1100px){.char-category-header{max-width:calc(800px + 3.4rem)}}@media(max-width:900px){.char-category-header{max-width:calc(640px + 2.55rem)}}@media(max-width:700px){.char-category-header{max-width:100%;padding:0 .75rem}}.char-category-label{font-size:.95rem;font-weight:700;color:var(--text);letter-spacing:.01em}.char-category-desc{font-size:.72rem;color:var(--text-dim)}@media(max-width:700px){.chars-filter-label{width:50px;font-size:.68rem}.chars-filter-pill{font-size:.74rem;padding:.18rem .6rem}.chars-filter-pill.mbti{font-size:.68rem;padding:.16rem .45rem;min-width:38px}.char-category-list{gap:1.6rem}}@media(max-width:768px){.chars-page{height:calc(100dvh - 116px - env(safe-area-inset-bottom,0px));overflow:hidden;display:flex;flex-direction:column;padding:0}.chars-page-nav{position:static;flex-shrink:0}.chars-filter-sentinel{display:none}.chars-filter-bar{position:static;flex-shrink:0;background:#0a081cf0;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.char-category-list{flex:1;min-height:0;overflow-y:auto;overflow-x:clip;padding-bottom:1.5rem}.char-grid{min-width:0;width:100%;box-sizing:border-box}}.char-grid{display:flex;flex-direction:row;flex-wrap:nowrap;gap:.85rem;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;padding:0 1.5rem;margin:0 auto;width:100%;max-width:100%}@media(max-width:700px){.char-grid{padding:0 .75rem;gap:.6rem;width:100%;max-width:none;justify-content:flex-start}}.char-grid-spacer{display:none}@media(max-width:700px){.char-grid-spacer{display:block;min-width:.75rem;flex-shrink:0}}.char-card{position:relative;border-radius:14px;overflow:hidden;cursor:pointer;width:160px;height:230px;flex-shrink:0;border:1.5px solid var(--border);background:var(--card);transition:transform .22s,border-color .22s,box-shadow .22s}@media(max-width:700px){.char-card{width:130px;height:190px}.char-card-overlay{padding:.35rem .35rem 1.6rem}.char-card-badge{font-size:.55rem;padding:.12rem .3rem}.char-card-bottom{gap:.06rem}.char-card-name{font-size:.7rem}.char-card-tag,.char-card-specialty{display:none}.char-card-tags{top:auto;bottom:.35rem;right:auto;left:.35rem;flex-direction:row;flex-wrap:wrap;gap:.18rem}.char-card-hashtag{font-size:.52rem;padding:.1rem .28rem}}.char-card:hover{transform:translateY(-4px) scale(1.02);border-color:var(--accent);box-shadow:0 8px 28px #c8a84b38}.char-card.selected{border-color:var(--accent);box-shadow:0 0 0 3px #c8a84b4d}.char-card-img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block}.char-card-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,transparent 40%,rgba(0,0,0,.82) 100%);display:flex;flex-direction:column;justify-content:flex-end;padding:.55rem .55rem .45rem}.char-card-badge{align-self:flex-start;background:#c8a84be0;color:#0c0c1e;font-size:.65rem;font-weight:800;letter-spacing:.08em;padding:.18rem .45rem;border-radius:6px}.char-card-bottom{display:flex;flex-direction:column;gap:.15rem}.char-card-name{font-size:.82rem;font-weight:700;color:#fff}.char-card-tag{font-size:.7rem;color:#ffffffa6}.char-card-specialty{font-size:.65rem;color:var(--accent);font-weight:600;margin-top:.1rem;letter-spacing:.01em}.char-card-history-badge{position:absolute;top:.45rem;right:.45rem;z-index:10;background:#1e5ac8d1;color:#fff;font-size:.6rem;font-weight:700;padding:.15rem .4rem;border-radius:20px;letter-spacing:.02em;white-space:nowrap}.char-card-like{position:absolute;top:.45rem;left:.45rem;z-index:10;display:flex;align-items:center;gap:.2rem;background:#00000061;border:none;border-radius:20px;padding:.22rem .46rem;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:transform .15s}.char-card-like:hover{transform:scale(1.18)}.char-card-like.liked{background:#e8365d2e}.char-card-like-count{font-size:.65rem;font-weight:700;color:#fff;line-height:1}.char-card-tags{position:absolute;right:.42rem;bottom:.42rem;z-index:5;display:flex;flex-direction:column;align-items:flex-end;gap:.3rem;pointer-events:none}.char-card-hashtag{background:#00000085;color:#ffffffe0;font-size:.58rem;font-weight:600;padding:.15rem .38rem;border-radius:20px;letter-spacing:.01em;white-space:nowrap;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.12)}@keyframes skeleton-shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.char-card-skeleton{border-radius:14px;overflow:hidden;width:160px;height:230px;border:1.5px solid var(--border);background:var(--card);display:flex;flex-direction:column}@media(max-width:700px){.char-card-skeleton{width:100%;height:auto;aspect-ratio:160 / 230}}.skeleton-img{flex:1;background:linear-gradient(90deg,#1e1e32 25%,#2a2a44,#1e1e32 75%);background-size:400px 100%;animation:skeleton-shimmer 1.4s ease-in-out infinite}.skeleton-body{padding:.55rem .65rem .65rem;display:flex;flex-direction:column;gap:.35rem}.skeleton-line{border-radius:4px;background:linear-gradient(90deg,#1e1e32 25%,#2a2a44,#1e1e32 75%);background-size:400px 100%;animation:skeleton-shimmer 1.4s ease-in-out infinite}.skeleton-name{height:.75rem;width:65%}.skeleton-tag{height:.6rem;width:45%;opacity:.6}.modal-backdrop{position:fixed;inset:0;background:#000000b8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:100;padding:1rem}.birth-modal{background:var(--card);border:1px solid var(--border-lt);border-radius:24px;box-shadow:0 24px 80px #000000d9;width:100%;max-width:860px;height:620px;overflow:hidden;display:flex;position:relative}.modal-close{position:absolute;top:1rem;right:1.1rem;background:none;border:none;color:var(--text-dim);font-size:1.15rem;cursor:pointer;padding:.25rem .6rem;border-radius:8px;transition:color .15s,background .15s;z-index:1}.modal-close:hover{color:var(--text);background:#ffffff0f}.modal-close:hover{color:var(--text)}.modal-char{width:340px;flex-shrink:0;position:relative;border-radius:24px 0 0 24px;overflow:hidden;padding:1.25rem 1rem 1.25rem 1.25rem;background:var(--bg)}.modal-char img{position:absolute;top:1.25rem;left:1rem;right:1rem;width:calc(100% - 2rem);height:82%;object-fit:contain;object-position:top center;display:block;border-radius:16px;box-shadow:0 10px 30px #00000080}.modal-char-info{position:absolute;bottom:1.25rem;left:1.25rem;right:1.25rem;padding:1rem 1rem .9rem;background:linear-gradient(transparent,#000000eb);border-radius:0 0 16px 16px;display:flex;flex-direction:column;gap:.25rem}.modal-mbti-badge{display:inline-block;background:#c8a84bf2;color:#0c0c1e;font-size:.72rem;font-weight:800;letter-spacing:.1em;padding:.2rem .55rem;border-radius:6px;align-self:flex-start;margin-bottom:.15rem}.modal-char-name{font-size:1rem;font-weight:700;color:#fff;line-height:1.1}.modal-char-tag{font-size:.8rem;color:#ffffffa6}.modal-form{flex:1;padding:2.4rem 2.5rem 2.2rem;display:flex;flex-direction:column;gap:1.4rem;overflow-y:auto}.field-group label{display:block;font-size:.82rem;font-weight:600;color:var(--accent);letter-spacing:.05em;margin-bottom:.55rem}.field-optional{font-size:.68rem;font-weight:400;color:var(--text-dim);letter-spacing:0;text-transform:none}.topic-input{width:100%;background:var(--bg);border:1px solid var(--border);border-radius:10px;color:var(--text);padding:.7rem 1rem;font-size:15px;font-family:inherit;outline:none;transition:border-color .15s,box-shadow .15s}.topic-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #c8a84b1f}.topic-input:focus{border-color:var(--accent)}.topic-input::placeholder{color:var(--text-dim);font-size:.82rem}.field-row{display:flex;gap:.5rem}.field-year{flex:1.6!important}input[type=number],select{flex:1;background:var(--bg-2);border:1px solid var(--border);border-radius:8px;color:var(--text);padding:.55rem .7rem;font-size:.88rem;font-family:inherit;outline:none;transition:border-color .18s;-webkit-appearance:none;appearance:none}input[type=number]:focus,select:focus{border-color:var(--accent)}select option{background:var(--bg-2)}.gender-row{display:flex;gap:.55rem}.gender-btn{flex:1;padding:.55rem;border:1px solid var(--border);border-radius:8px;background:var(--bg-2);color:var(--text-dim);cursor:pointer;font-size:.88rem;font-family:inherit;transition:all .18s}.gender-btn:hover{border-color:var(--accent);color:var(--text)}.gender-btn.active{border-color:var(--accent);background:var(--accent-dim);color:var(--accent);font-weight:600}.mode-select-row{display:flex;gap:.6rem}.mode-card-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:.2rem;padding:.75rem .5rem;border:1px solid var(--border);border-radius:10px;background:var(--bg-2);color:var(--text-dim);cursor:pointer;font-family:inherit;transition:all .18s}.mode-card-btn:hover{border-color:var(--accent);color:var(--text)}.mode-card-btn.active{border-color:var(--accent);background:var(--accent-dim);color:var(--accent)}.mode-card-emoji{font-size:1.3rem}.mode-card-title{font-size:.88rem;font-weight:600}.mode-card-desc{font-size:.72rem;color:inherit;opacity:.75}.advanced-toggle{background:none;border:none;color:var(--text-dim);font-size:.75rem;cursor:pointer;padding:0;text-align:left;font-family:inherit}.advanced-toggle:hover{color:var(--text)}.action-row{display:flex;gap:.5rem;margin-top:.25rem}.submit-btn{flex:1;padding:.95rem 1rem;background:linear-gradient(135deg,#b88a3a,#e0c16e);border:none;border-radius:12px;color:#11131f;font-size:1rem;font-weight:700;cursor:pointer;font-family:inherit;letter-spacing:-.01em;transition:all .15s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 14px #b88a3a40}.submit-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 22px #b88a3a59}.submit-btn:active:not(:disabled){transform:translateY(0)}.submit-btn:disabled{opacity:.5;cursor:not-allowed}.resume-banner{display:flex;align-items:center;justify-content:space-between;gap:.75rem;background:#1e5ac81f;border:1px solid rgba(30,90,200,.35);border-radius:12px;padding:.65rem .95rem;margin-bottom:.2rem}.resume-banner-info{display:flex;align-items:center;gap:.45rem;font-size:.78rem;color:var(--text-dim)}.resume-icon{font-size:1rem}.resume-btn{flex-shrink:0;background:#1e5ac8bf;color:#fff;border:none;border-radius:8px;padding:.35rem .85rem;font-size:.78rem;font-weight:700;cursor:pointer;transition:opacity .18s}.resume-btn:hover{opacity:.85}.modal-mobile-header{display:none}@media(max-width:640px){.modal-backdrop{padding:0;align-items:flex-end;padding-bottom:calc(60px + env(safe-area-inset-bottom,0px))}.birth-modal{border-radius:24px 24px 0 0;max-width:100%;height:auto;max-height:calc(100dvh - 60px - env(safe-area-inset-bottom,0px));flex-direction:column}.modal-char{display:none}.modal-mobile-header{display:flex;align-items:flex-end;gap:.75rem;padding:0 1.5rem;background:var(--bg);border-radius:24px 24px 0 0;position:relative;overflow:hidden;height:160px;flex-shrink:0}.modal-mobile-img{height:160px;width:auto;object-fit:contain;object-position:bottom;flex-shrink:0;position:relative;z-index:1;align-self:flex-end;border-radius:14px}.modal-mobile-info{position:relative;z-index:1;display:flex;flex-direction:column;gap:.25rem;padding-bottom:1rem}.modal-mobile-info .modal-mbti-badge{align-self:flex-start}.modal-mobile-info .modal-char-name{font-size:1.05rem}.modal-form{padding:1.4rem 1.5rem 1.6rem;overflow-y:auto;max-height:calc(100dvh - 220px - env(safe-area-inset-bottom,0px))}.modal-close{top:.75rem;right:.75rem}.field-row{flex-wrap:wrap}.field-year{flex:1 1 100%!important}}.char-intro-block{background:#ffffff09;border:1px solid var(--border);border-radius:14px;padding:1rem 1.15rem;display:flex;flex-direction:column;gap:.55rem}.char-intro-text{font-size:.9rem;color:var(--text);line-height:1.6;margin:0;font-style:italic;letter-spacing:-.01em}.char-style-tags{display:flex;gap:.4rem;flex-wrap:wrap}.char-style-tag{font-size:.68rem;background:#c8a84b26;border:1px solid rgba(200,168,75,.35);color:var(--accent);border-radius:20px;padding:.15rem .55rem;font-weight:600}.char-tone{font-size:.72rem;color:var(--text-dim);margin:0}.char-specialty-block{background:#ffffff08;border:1px solid var(--border);border-radius:14px;padding:.95rem 1.15rem;display:flex;flex-direction:column;gap:.45rem}.char-specialty-label{font-size:.72rem;color:var(--text-dim);font-weight:600;letter-spacing:.06em;text-transform:uppercase}.char-specialty-primary{font-size:.98rem;font-weight:700;color:var(--accent)}.char-specialty-tags{display:flex;gap:.35rem;flex-wrap:wrap;margin-top:.15rem}.char-specialty-tag{font-size:.66rem;background:#c8a84b1a;border:1px solid rgba(200,168,75,.25);color:#c8a84bd9;border-radius:20px;padding:.12rem .5rem}.modal-char-specialty{font-size:.65rem;color:var(--accent);font-weight:600;margin-top:.1rem;opacity:.9}.profile-summary-block{display:flex;align-items:center;gap:.65rem;background:#ffffff09;border:1px solid var(--border);border-radius:12px;padding:.7rem 1rem;font-size:.85rem}.profile-summary-label{color:var(--text-dim);flex-shrink:0}.profile-summary-value{color:var(--text);font-weight:600;flex:1}.profile-summary-empty{color:var(--text-dim);flex:1;font-size:.78rem}.profile-edit-link{flex-shrink:0;background:none;border:1px solid var(--border-lt);border-radius:6px;color:var(--accent);font-size:.72rem;padding:.18rem .55rem;cursor:pointer;font-family:inherit;transition:border-color .15s}.profile-edit-link:hover{border-color:var(--accent)}.report-cta-btn{width:100%;margin-top:.5rem;padding:.65rem 1rem;border-radius:10px;border:1px solid var(--accent);background:transparent;color:var(--accent);font-size:.85rem;font-weight:600;cursor:pointer;transition:all .15s}.report-cta-btn:hover{background:#a5b4fc1a;margin-top:.15rem;padding:.75rem 1rem;border-radius:12px;border:1px solid rgba(200,168,75,.45);background:transparent;color:#c8a84bf2;font-size:.92rem;font-weight:600;cursor:pointer;transition:all .15s;display:flex;align-items:center;justify-content:center;gap:.4rem}.report-cta-btn:hover{background:#c8a84b14;border-color:var(--accent)}.together-btn{flex:1;padding:.95rem 1rem;border-radius:12px;border:none;background:linear-gradient(135deg,#4e3ec8,#8b7ef8);color:#e8e8f8;font-size:1rem;font-weight:700;cursor:pointer;font-family:inherit;transition:all .15s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 14px #7c6bff47}.together-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 22px #7c6bff6b;filter:brightness(1.08)}.together-btn:active:not(:disabled){transform:translateY(0)}.together-btn:disabled{opacity:.5;cursor:not-allowed}.rel-picker{display:flex;flex-direction:column;gap:.6rem}.rel-picker-label{font-size:.78rem;color:var(--text-dim);font-weight:600;letter-spacing:.04em}.rel-picker-row{display:flex;gap:.5rem}.rel-btn{flex:1;padding:.55rem .4rem;border:1px solid var(--border);border-radius:9px;background:var(--bg-2);color:var(--text-dim);font-size:.82rem;font-weight:600;cursor:pointer;font-family:inherit;transition:all .15s}.rel-btn:hover{border-color:#c8a84b80;color:var(--text)}.rel-btn.active{border-color:var(--accent);background:#c8a84b1f;color:var(--accent)}.together-confirm-btn{width:100%;padding:.75rem 1rem;border-radius:10px;border:none;background:linear-gradient(135deg,#4a3f8a,#6b5fb5);color:#fff;font-size:.92rem;font-weight:700;cursor:pointer;font-family:inherit;transition:all .15s}.together-confirm-btn:hover:not(:disabled){opacity:.88;transform:translateY(-1px)}.together-confirm-btn:disabled{opacity:.45;cursor:not-allowed}.report-modal{background:var(--card);border:1px solid var(--border-lt);border-radius:20px;box-shadow:0 20px 60px #000000d9;width:100%;max-width:820px;height:560px;overflow:hidden;display:flex;position:relative;color:var(--text)}.report-modal-left{width:280px;background:linear-gradient(180deg,rgba(255,255,255,.03),transparent);border-right:1px solid var(--border-lt);display:flex;flex-direction:column;align-items:center;padding:1.25rem 1rem;position:relative}.report-char-img{width:100%;flex:1;min-height:0;object-fit:contain;object-position:top center;border-radius:16px;margin-bottom:1rem}.report-char-meta{text-align:center;width:100%}.report-mbti{font-size:.75rem;letter-spacing:1.5px;color:var(--accent, #a5b4fc);font-weight:600;margin-bottom:.25rem}.report-char-name{font-size:1.35rem;font-weight:700;margin-bottom:.1rem}.report-char-label{font-size:.8rem;color:var(--text-dim)}.report-modal-right{flex:1;padding:1.5rem 1.75rem 1.25rem;display:flex;flex-direction:column;overflow-y:auto}.report-modal-loading,.report-modal-error,.report-modal-empty{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-dim);font-size:.95rem}.report-product-header{margin-bottom:.75rem}.report-badge{display:inline-block;font-size:.7rem;padding:2px 9px;border-radius:999px;background:#ffffff1a;color:#f4d35e;margin-bottom:.4rem}.report-title{font-size:1.15rem;line-height:1.3;margin:0 0 .35rem;font-weight:700}.report-tagline{font-size:.85rem;color:var(--text-dim);line-height:1.35;margin:0}.report-price-row{display:flex;align-items:baseline;gap:.6rem;margin:.6rem 0 1rem}.report-price{font-size:1.5rem;font-weight:700;color:#f4d35e}.report-pages{font-size:.75rem;color:var(--text-dim)}.report-sections-label{font-size:.72rem;text-transform:uppercase;letter-spacing:1px;color:var(--text-dim);margin-bottom:.4rem}.report-sections{flex:1;overflow-y:auto;padding-right:.25rem;margin-bottom:.75rem}.report-section-item{display:flex;gap:.65rem;padding:.55rem 0;border-bottom:1px solid rgba(255,255,255,.06)}.report-section-item:last-child{border-bottom:none}.report-sec-icon{font-size:1.1rem;width:1.6rem;flex-shrink:0;margin-top:1px}.report-sec-title{font-size:.88rem;font-weight:600;line-height:1.2}.report-sec-desc{font-size:.72rem;color:var(--text-dim);line-height:1.3;margin-top:1px}.report-actions{margin-top:auto;padding-top:.5rem;border-top:1px solid rgba(255,255,255,.08)}.report-buy-btn{width:100%;padding:.85rem;border-radius:12px;border:none;background:linear-gradient(90deg,#f4d35e,#f0b429);color:#222;font-weight:700;font-size:.95rem;cursor:pointer;transition:transform .1s,box-shadow .1s}.report-buy-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 14px #f4d35e59}.report-buy-btn:disabled{opacity:.6;cursor:not-allowed}.report-note{font-size:.7rem;color:var(--text-dim);text-align:center;margin-top:.5rem;line-height:1.3}@media(max-width:640px){.report-modal{flex-direction:column;height:auto;max-height:92vh}.report-modal-left{width:100%;flex-direction:row;padding:1rem;border-right:none;border-bottom:1px solid var(--border-lt)}.report-char-img{width:90px;max-height:140px;object-fit:contain;object-position:top center;margin-bottom:0;margin-right:1rem;border:none;border-radius:12px;padding:.5rem .75rem;box-sizing:content-box}.report-char-meta{text-align:left}.report-modal-right{padding:1rem 1.25rem}}.shared-waiting-modal{background:var(--card);border:1px solid var(--border-lt);border-radius:20px;box-shadow:0 24px 80px #000000d9;width:100%;max-width:440px;padding:2rem 2rem 1.75rem;position:relative;display:flex;flex-direction:column;gap:1.2rem}.swm-title{font-size:1.15rem;font-weight:700;color:var(--accent);text-align:center;margin-top:.5rem}.swm-desc{font-size:.85rem;color:var(--text-dim);text-align:center;margin:0;line-height:1.5}.swm-link-box{display:flex;align-items:center;gap:.5rem;background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:.65rem .75rem}.swm-link-text{flex:1;font-size:.78rem;color:var(--text-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.swm-copy-btn{flex-shrink:0;background:#c8a84b26;border:1px solid rgba(200,168,75,.4);border-radius:7px;color:var(--accent);font-size:.78rem;font-weight:600;padding:.3rem .75rem;cursor:pointer;transition:background .15s}.swm-copy-btn:hover{background:#c8a84b40}.swm-kakao-btn{width:100%;padding:.8rem;background:#fee500;border:none;border-radius:10px;color:#3a1c00;font-size:.95rem;font-weight:700;cursor:pointer;font-family:inherit;transition:opacity .15s}.swm-kakao-btn:hover{opacity:.88}.swm-waiting{display:flex;align-items:center;justify-content:center;gap:.6rem;font-size:.85rem;color:var(--text-dim)}.swm-spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(200,168,75,.3);border-top-color:var(--accent);border-radius:50%;animation:swm-spin .8s linear infinite;flex-shrink:0}@keyframes swm-spin{to{transform:rotate(360deg)}}.swm-expire-note{font-size:.72rem;color:var(--text-dim);text-align:center;margin:0;opacity:.6}.swm-cancel-confirm{display:flex;flex-direction:column;align-items:center;gap:.85rem;padding:1rem .5rem .5rem;animation:swm-fade-in .18s ease}@keyframes swm-fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.swm-cancel-icon{font-size:2rem;line-height:1}.swm-cancel-title{font-size:1.05rem;font-weight:700;color:var(--text);text-align:center}.swm-cancel-desc{font-size:.84rem;color:var(--text-dim);text-align:center;line-height:1.6;margin:0}.swm-cancel-actions{display:flex;gap:.6rem;width:100%;margin-top:.4rem}.swm-back-btn{flex:1;padding:.72rem 0;border-radius:10px;border:1px solid var(--border-lt);background:var(--bg-2);color:var(--text);font-size:.9rem;font-weight:600;cursor:pointer;font-family:inherit;transition:all .15s}.swm-back-btn:hover{border-color:var(--accent);color:var(--accent)}.swm-confirm-cancel-btn{flex:1;padding:.72rem 0;border-radius:10px;border:none;background:#dc3c3c26;color:#f87171;font-size:.9rem;font-weight:600;cursor:pointer;font-family:inherit;transition:all .15s}.swm-confirm-cancel-btn:hover{background:#dc3c3c47;color:#fca5a5}@media(max-width:480px){.shared-waiting-modal{padding:1.5rem 1.25rem;max-width:100%;border-radius:20px 20px 0 0}}.recovery-banner{position:fixed;top:0;left:0;right:0;z-index:500;display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.65rem 1.1rem;background:linear-gradient(135deg,#4e3ec8f2,#6b5fb5f2);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid rgba(139,126,248,.4);animation:rb-slide-down .25s cubic-bezier(.4,0,.2,1)}@keyframes rb-slide-down{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.recovery-banner-text{font-size:.84rem;color:#e8e8f8;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recovery-banner-text strong{font-weight:700;color:#fff}.recovery-banner-actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.recovery-enter-btn{padding:.32rem .85rem;border-radius:7px;border:1px solid rgba(255,255,255,.5);background:#ffffff26;color:#fff;font-size:.82rem;font-weight:700;cursor:pointer;font-family:inherit;transition:all .15s}.recovery-enter-btn:hover{background:#ffffff47;border-color:#fffc}.recovery-dismiss-btn{width:26px;height:26px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:none;background:#ffffff1f;color:#ffffffb3;font-size:.75rem;cursor:pointer;transition:all .15s;flex-shrink:0}.recovery-dismiss-btn:hover{background:#ffffff40;color:#fff}.pe-backdrop{position:fixed;inset:0;background:#000000bf;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:200;padding:1rem}.pe-modal{background:var(--card);border:1px solid var(--border-lt);border-radius:18px;box-shadow:0 20px 60px #000c;width:100%;max-width:420px;padding:2rem 2rem 1.75rem;position:relative;display:flex;flex-direction:column;gap:1rem}.pe-close{position:absolute;top:.85rem;right:.9rem;background:none;border:none;color:var(--text-dim);font-size:1rem;cursor:pointer;padding:.2rem .5rem;border-radius:6px;transition:color .15s}.pe-close:hover{color:var(--text)}.pe-title{font-size:1.15rem;font-weight:800;color:var(--text);margin:0}.pe-sub{font-size:.8rem;color:var(--text-dim);margin:-.5rem 0 0}.pe-group{display:flex;flex-direction:column;gap:.45rem}.pe-group label{font-size:.78rem;font-weight:600;color:var(--text-dim);letter-spacing:.04em}.pe-row{display:flex;gap:.5rem;flex-wrap:wrap}.pe-year{width:90px;padding:.45rem .6rem;background:var(--bg);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:.88rem}.pe-name-input{width:100%;padding:.45rem .6rem;background:var(--bg);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:.88rem}.pe-row select{padding:.45rem .6rem;background:var(--bg);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:.88rem}.pe-gender-btn{flex:1;padding:.45rem .8rem;background:var(--bg);border:1px solid var(--border);border-radius:8px;color:var(--text-dim);font-size:.85rem;cursor:pointer;font-family:inherit;transition:all .15s}.pe-gender-btn.active{background:var(--accent);border-color:var(--accent);color:#0c0c1e;font-weight:700}.pe-advanced-toggle{background:none;border:none;color:var(--text-dim);font-size:.75rem;cursor:pointer;padding:0;font-family:inherit;text-align:left}.pe-error{color:#e85c5c;font-size:.8rem;margin:0}.pe-save-btn{width:100%;padding:.75rem;background:var(--accent);border:none;border-radius:10px;color:#0c0c1e;font-size:.95rem;font-weight:800;cursor:pointer;font-family:inherit;transition:opacity .18s;margin-top:.25rem}.pe-save-btn:hover:not(:disabled){opacity:.88}.pe-save-btn:disabled{opacity:.45;cursor:not-allowed}.profile-page{height:calc(100dvh - 56px);overflow-y:auto;background:var(--bg-1);padding:1.75rem 1rem 2rem;box-sizing:border-box}@media(max-width:768px){.profile-page{height:calc(100dvh - 116px - env(safe-area-inset-bottom,0px))}}@media(min-width:769px){.profile-page{height:100dvh}}.profile-page-inner{max-width:420px;width:100%;margin:0 auto;display:flex;flex-direction:column;gap:1rem}.bottom-tab-bar{display:flex;align-items:flex-end;justify-content:space-around;position:fixed;bottom:0;left:0;right:0;z-index:200;height:60px;padding:0 4px env(safe-area-inset-bottom,0);background:#0a081cf0;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid rgba(124,107,255,.15);box-shadow:0 -4px 24px #00000080}.btb-tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:6px 0 8px;background:none;border:none;cursor:pointer;color:var(--text-dim);transition:color .15s;-webkit-tap-highlight-color:transparent;outline:none}.btb-tab.btb-active{color:var(--accent)}.btb-tab:active{opacity:.7}.btb-icon{width:22px;height:22px;display:flex;align-items:center;justify-content:center}.btb-icon svg{width:100%;height:100%}.btb-label{font-size:.65rem;font-weight:500;letter-spacing:-.01em}.btb-featured{flex:1;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;align-self:stretch;gap:3px;padding-bottom:8px;color:#c4b5ff}.btb-featured-btn{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#7c6bff,#a855f7);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #7c6bff99;transition:transform .15s,box-shadow .15s}.btb-featured-btn svg{width:22px;height:22px;color:#fff}.btb-featured:active .btb-featured-btn{transform:scale(.92);box-shadow:0 2px 8px #7c6bff80}.btb-featured .btb-label{margin-top:20px;color:#c4b5ff;font-weight:600}@media(min-width:769px){.bottom-tab-bar{display:none}}.payment-result-page{height:100dvh;display:flex;align-items:center;justify-content:center;padding:24px;background:var(--bg-1)}.payment-result-card{width:100%;max-width:400px;text-align:center;background:var(--bg-2);border:1px solid var(--border);border-radius:20px;padding:48px 32px}.payment-result-icon{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;font-size:2rem;font-weight:700}.payment-result-icon.success{background:#4caf7d26;color:#4caf7d}.payment-result-icon.error{background:#ff6b6b26;color:#ff6b6b}.payment-result-icon.spinner{border:3px solid var(--border);border-top-color:var(--accent);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.payment-result-title{font-size:1.4rem;font-weight:700;color:var(--text);margin:0 0 8px}.payment-result-charged{font-size:2.2rem;font-weight:800;color:#4caf7d;margin:12px 0}.payment-result-desc{font-size:.9rem;color:var(--text-dim);margin:0 0 24px;line-height:1.5}.payment-result-code{font-size:.75rem;color:var(--text-dim);margin:-16px 0 24px;opacity:.6}.payment-result-btn{width:100%;padding:14px;border-radius:12px;border:none;background:var(--accent);color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:opacity .2s}.payment-result-btn:hover{opacity:.9}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:Apple SD Gothic Neo,Noto Sans KR,Malgun Gothic,system-ui,sans-serif;background:#0c0c1e;color:#ddddf5;height:100dvh;overflow:hidden;overflow-x:hidden;max-width:100vw}#root{height:100dvh;overflow:hidden;overflow-x:hidden;max-width:100vw}main{display:flex;flex-direction:column;align-items:stretch}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s;color:#fff}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:none}ul{padding-inline-start:0;margin-block-start:0;margin-block-end:0;list-style-type:none;display:flex;flex-direction:column;margin:8px 0;border:1px solid black;gap:1px;background-color:#000;border-radius:8px;overflow:auto}li{background-color:#fff;padding:8px}li:hover{background:#dadbf9}a{font-weight:800;text-decoration:none}