.character-detail{min-height:100vh;background:#fff;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Hiragino Sans,sans-serif}.character-header{position:relative;width:100%;height:auto;min-height:400px;overflow:hidden}@media(min-width:768px){.character-detail{display:flex;flex-direction:column;align-items:center}.character-header{width:440px;height:auto;min-height:600px;margin:0 auto}.character-image{object-fit:contain;object-position:center;background:#000}}.character-image-wrapper{position:relative;width:100%;height:100%}.character-image{width:100%;height:100%;object-fit:cover;object-position:center top}.header-overlay{position:absolute;bottom:0;left:0;right:0;height:120px;background:linear-gradient(to top,rgba(0,0,0,.95),transparent)}.logo{position:absolute;top:8px;left:8px;max-width:120px;height:auto}.character-content{padding:20px 20px 0;max-width:400px;margin:0 auto;background:#fff;color:#000;min-height:100vh}@media(min-width:768px){.character-content{width:400px;padding:32px 20px 0}}.first-line-bubble{position:absolute;bottom:20px;left:20px;right:20px;background:#fff;color:#000;border-radius:16px;padding:16px 20px;box-shadow:0 4px 16px #0000004d;font-size:18px;line-height:1.6;white-space:pre-wrap;box-sizing:border-box;text-align:center}@media(min-width:768px){.first-line-bubble{left:50%;right:auto;transform:translate(-50%);max-width:520px;width:calc(100% - 40px)}}.first-line-bubble:before{content:"";position:absolute;top:-8px;left:50%;transform:translate(-50%);width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid #fff}.character-name{font-size:28px;font-weight:700;margin:0 0 8px;letter-spacing:.5px;background:transparent;color:#000;padding:0;border-radius:0;box-shadow:none}@media(min-width:768px){.character-name{font-size:32px;margin:0 0 12px}}.character-basic-info{display:flex;gap:12px;font-size:16px;font-weight:700;margin-bottom:20px}@media(min-width:768px){.character-basic-info{gap:16px;margin-bottom:24px}}.character-basic-info span{display:flex;align-items:center;gap:4px}.character-basic-info .separator{color:#362948;opacity:.2}.character-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.character-tags .tag{padding:6px 12px;background:#f8f3fa;border-radius:16px;font-size:12px;color:#333;font-weight:500}.story-section{margin-top:24px}@media(min-width:768px){.story-section{margin-top:32px}}.story-title{font-size:20px;font-weight:700;margin:0 0 12px;color:#000}@media(min-width:768px){.story-title{font-size:20px;margin:0 0 16px}}.story-content{font-size:14px;line-height:1.8;white-space:pre-wrap;color:#333}@media(min-width:768px){.story-content{font-size:15px;line-height:1.9}}.chat-scene-section{position:relative;margin:24px -20px 0;padding:40px 20px;overflow:hidden;min-height:1000px;display:flex;flex-direction:column}@media(min-width:768px){.chat-scene-section{max-width:none;align-self:stretch}}.chat-scene-background{position:absolute;inset:0;background-size:200%;background-position:center 25%;filter:blur(2px);z-index:0}.chat-scene-background:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#00000080,#000000b3)}.chat-scene-content{position:relative;z-index:2;color:#fff;display:flex;flex-direction:column;flex:1}.chat-scene-title{font-size:20px;font-weight:700;margin:0 0 20px;color:#fff}@media(min-width:768px){.chat-scene-title{font-size:20px;margin:0 0 24px}}.chat-scene-text{font-size:14px;line-height:1.8;white-space:pre-wrap;color:#e0e0e0;margin-bottom:20px}@media(min-width:768px){.chat-scene-text{font-size:15px;line-height:1.9;margin-bottom:24px}}.chat-scene-message{background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;padding:16px 20px;font-size:14px;line-height:1.7;white-space:pre-wrap;color:#fff;border:1px solid rgba(255,255,255,.2)}@media(min-width:768px){.chat-scene-message{padding:20px 24px;font-size:15px;line-height:1.8}}.bottom-image{width:100%;max-width:100%;height:auto;display:block;margin-top:100px;margin-bottom:100px;align-self:flex-end}@media(min-width:768px){.bottom-image{max-width:520px;align-self:center}}.loading,.error{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#0a0a0a;color:#fff}.float-button{position:fixed;bottom:0;left:0;right:0;width:100%;max-width:600px;margin:0 auto;z-index:1000;transition:opacity .3s ease,transform .3s ease}.float-button img{width:100%;display:block}.float-button.visible{opacity:1;transform:translateY(0)}.float-button.hidden{opacity:0;transform:translateY(20px);pointer-events:none}@media(min-width:768px){.float-button{left:50%;right:auto;max-width:440px;width:440px}.float-button.visible{transform:translate(-50%)}.float-button.hidden{transform:translate(-50%,20px)}}.short-url-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.loading,.error{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#0a0a0a;color:#fff;font-size:18px}.error{color:#ff6b6b}.ogp-content{max-width:600px;width:100%;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 20px 60px #0000004d;animation:fadeIn .5s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.ogp-image-wrapper{width:100%;height:0;padding-bottom:52.5%;position:relative;overflow:hidden;background:#f0f0f0}.ogp-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.ogp-text{padding:32px 24px}.ogp-title{font-size:28px;font-weight:700;color:#1a1a1a;margin:0 0 16px;line-height:1.3}.ogp-description{font-size:16px;color:#666;line-height:1.6;margin:0}.redirect-message{padding:20px 24px 32px;text-align:center;color:#999;font-size:14px}.redirect-message p{margin:0;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media(min-width:768px){.short-url-container{padding:40px}.ogp-content{max-width:800px}.ogp-text{padding:40px 32px}.ogp-title{font-size:32px}.ogp-description{font-size:18px}.redirect-message{padding:24px 32px 40px}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#213547;background-color:#fff}body{margin:0;min-width:320px;min-height:100vh}h1{font-size:2em;line-height:1.1}