@import"https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;600;700;900&family=Merriweather:wght@300;400;700&family=Noto+Serif:wght@400;600;700&family=Noto+Sans+KR:wght@300;400;500;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px;scroll-restoration:manual}body{font-family:"Noto Serif",Georgia,serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;position:relative}#root{min-height:100vh;position:relative;overflow-anchor:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.fade-in{animation:fadeIn .6s ease-out}.slide-in-left{animation:slideInLeft .5s ease-out}.slide-in-right{animation:slideInRight .5s ease-out}.pulse{animation:pulse 2s infinite}.story-text{font-family:Merriweather,"Noto Serif",serif;font-size:1.125rem;line-height:1.9;color:#3c2414;text-align:justify;text-justify:inter-word;-webkit-hyphens:auto;hyphens:auto;word-spacing:.05em;letter-spacing:.01em}.story-text p{margin-bottom:1.5rem;text-indent:2rem}.story-text p:first-child{text-indent:0}.story-text p:first-child:first-letter{font-size:3.5rem;font-weight:700;line-height:1;float:left;margin:0 .5rem .2rem 0;font-family:Playfair Display,serif;color:#8b4513}.chat-container{display:flex;flex-direction:column;gap:1rem}.chat-message{max-width:85%;padding:1rem 1.5rem;border-radius:16px;position:relative;animation:fadeIn .4s ease-out}.chat-message.user{align-self:flex-end;background:linear-gradient(135deg,#8b4513,sienna);color:#fff;border-bottom-right-radius:4px}.chat-message.assistant{align-self:flex-start;background:#faf7f2;border:1px solid #EDE7DC;color:#3c2414;border-bottom-left-radius:4px}.chat-message.system{align-self:center;background:#ede7dc;color:#5d4e37;font-style:italic;max-width:70%;text-align:center}.character-card{background:linear-gradient(180deg,#faf7f2,#f5f1e8);border:1px solid #EDE7DC;border-radius:12px;padding:1rem;transition:all .3s ease}.character-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #3c241426}.character-avatar{width:80px;height:80px;border-radius:50%;border:3px solid #8B4513;object-fit:cover;transition:transform .3s ease}.character-avatar:hover{transform:scale(1.1)}.relationship-bar{height:10px;background:#d7cfc0;border-radius:5px;overflow:hidden;position:relative;border:1px solid #6B3410;box-shadow:inset 0 1px 3px #0003}.relationship-bar-fill{height:100%;transition:width 1s ease-out;border-radius:4px;position:relative;overflow:hidden;box-shadow:0 1px 2px #00000026}.relationship-bar-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#fff0,#fff6,#fff0);animation:shimmer 2s infinite}.trust-bar .relationship-bar-fill{background:linear-gradient(90deg,#1b5e20,#2e7d32)}.attraction-bar .relationship-bar-fill{background:linear-gradient(90deg,#b71c1c,#d32f2f)}.affection-bar .relationship-bar-fill{background:linear-gradient(90deg,#4a148c,#6a1b9a)}.loading-dots{display:inline-flex;gap:6px;align-items:center;justify-content:center}.loading-dots span{width:10px;height:10px;border-radius:50%;background:#6b3410;animation:pulse-enhanced 1.2s infinite ease-in-out;box-shadow:0 2px 4px #0003}.loading-dots span:nth-child(1){animation-delay:0s}.loading-dots span:nth-child(2){animation-delay:.2s}.loading-dots span:nth-child(3){animation-delay:.4s}@keyframes pulse-enhanced{0%,80%,to{transform:scale(.8);opacity:.6}40%{transform:scale(1.2);opacity:1}}.skeleton{background:linear-gradient(90deg,#ede7dc,#faf7f2,#ede7dc);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:4px}.page-transition-enter{opacity:0;transform:translate(20px)}.page-transition-enter-active{opacity:1;transform:translate(0);transition:all .3s ease-out}.page-transition-exit{opacity:1;transform:translate(0)}.page-transition-exit-active{opacity:0;transform:translate(-20px);transition:all .3s ease-in}*:focus-visible{outline:3px solid #C41E3A!important;outline-offset:2px!important;border-radius:4px}.skip-to-content{position:absolute;top:-40px;left:6px;background:#6b3410;color:#fff;padding:8px;text-decoration:none;border-radius:4px;font-weight:600;z-index:1000}.skip-to-content:focus{top:6px}.btn-high-contrast{background-color:#0f0a06!important;color:#fff!important;border:2px solid #6B3410!important;font-weight:600!important}.btn-high-contrast:hover{background-color:#6b3410!important;border-color:#c41e3a!important;transform:translateY(-2px);box-shadow:0 4px 12px #00000040}@media (max-width: 768px){html{font-size:14px}.story-text{font-size:1rem;line-height:1.7}.chat-message{max-width:95%}.character-avatar{width:60px;height:60px}button{min-height:44px!important;min-width:44px!important}.loading-dots span{width:12px;height:12px}}.high-contrast{filter:contrast(150%)!important}.high-contrast *{background-color:var(--bg-contrast, inherit)!important;color:var(--text-contrast, inherit)!important;border-color:var(--border-contrast, inherit)!important}.high-contrast button{--bg-contrast: #000000;--text-contrast: #FFFFFF;--border-contrast: #FFFFFF;font-weight:700!important}.high-contrast .MuiPaper-root{--bg-contrast: #FFFFFF;--text-contrast: #000000;--border-contrast: #000000;border:2px solid #000000!important}.high-contrast .MuiTextField-root .MuiOutlinedInput-root fieldset{border-width:3px!important;border-color:#000!important}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.loading-dots span{animation:none!important;opacity:1!important}}@media print{body{background:#fff;color:#000}.no-print{display:none}}