*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--primary:#f8a4d8;--primary-dark:#e87dc0;--primary-light:#fdd5ec;--secondary:#a4d8f8;--secondary-dark:#7dc0e8;--accent:#ffc26f;--accent-dark:#f0a840;--danger:#ff6b6b;--danger-dark:#e84545;--bg:#fefbff;--bg-chat:#f5f0fa;--text:#2d2535;--text-light:#7a6f85;--text-lighter:#a89cb5;--white:#fff;--shadow:0 4px 24px #643c781a;--shadow-lg:0 8px 40px #643c7826;--radius:16px;--radius-sm:10px;--radius-full:9999px;--font:"M PLUS Rounded 1c","Hiragino Sans","Hiragino Kaku Gothic ProN",sans-serif;--transition:.2s cubic-bezier(.4,0,.2,1)}html{-webkit-text-size-adjust:100%;font-size:16px}body{font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;min-height:100dvh;overflow-x:hidden}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes bounce{0%,80%,to{transform:translateY(0)}40%{transform:translateY(-6px)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@font-face{font-family:Zen Maru Gothic;src:url(/font/Zen_Maru_Gothic/ZenMaruGothic-Medium.ttf)format("truetype");font-weight:500;font-style:normal}@font-face{font-family:Zen Maru Gothic;src:url(/font/Zen_Maru_Gothic/ZenMaruGothic-Bold.ttf)format("truetype");font-weight:700;font-style:normal}body{background:#eff2f6;font-family:Zen Maru Gothic,sans-serif}.top-screen{background:#eff2f6;flex-direction:column;align-items:center;min-height:100dvh;padding-top:80px;display:flex;position:relative;overflow-x:hidden}.top-content{text-align:center;z-index:10;flex-direction:column;align-items:center;width:100%;display:flex}.top-logo-group{flex-direction:column;align-items:center;margin-bottom:50px;display:flex}.top-logo-mark-wrapper{width:135px;height:auto;margin-bottom:25px;position:relative}.top-logo-mark{width:135px;display:block}@keyframes wanderEye{0%,to{transform:translate(-50%,-50%)}20%{transform:translate(calc(-50% - 5px),calc(-50% - 8px))}40%{transform:translate(calc(6px - 50%),calc(-50% - 7px))}60%{transform:translate(calc(8px - 50%),calc(2px - 50%))}80%{transform:translate(calc(-50% - 7px),calc(4px - 50%))}}.top-logo-eye{width:30px;height:30px;animation:6s infinite alternate wanderEye;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.top-logo-text{width:245px;display:block}.top-tagline{letter-spacing:.2em;color:#23283d;margin-bottom:50px;font-size:20px;font-weight:700;line-height:35px}.text-red{color:#ff191c}.top-sub{letter-spacing:.1em;color:#23283d;margin-bottom:40px;font-size:14px;font-weight:500}@keyframes jelly{0%,15%,to{transform:scale(1)}2%{transform:scaleX(1.05)scaleY(.95)}5%{transform:scaleX(.95)scaleY(1.05)}8%{transform:scaleX(1.02)scaleY(.98)}11%{transform:scaleX(.98)scaleY(1.02)}13%{transform:scaleX(1.01)scaleY(.99)}}.btn-cta{cursor:pointer;background-color:#ff191c;border:none;border-radius:45px;justify-content:center;align-items:center;width:298px;height:90px;margin-bottom:40px;font-family:Zen Maru Gothic,sans-serif;transition:all .2s;animation:3s ease-in-out infinite jelly;display:flex}.btn-cta:hover{box-shadow:0 6px 20px #ff191c66}.btn-cta-inner{justify-content:center;align-items:center;display:flex}.btn-cta-icon{width:46px;height:39px;margin-right:15px}.btn-cta span{color:#fff;letter-spacing:0;font-size:18px;font-weight:700}.top-share-btn{cursor:pointer;letter-spacing:.2em;color:#23283d;background:0 0;border:none;margin-bottom:10px;padding:0 0 10px;font-family:Zen Maru Gothic,sans-serif;font-size:16px;display:inline-block;position:relative}.top-share-btn:after{content:"";background-color:#a8b5c7;width:100%;height:1px;position:absolute;bottom:0;left:0}.top-notices-box{text-align:left;background:#f5f9ff;border-radius:12px;width:298px;margin-top:40px;padding:20px}.notice-item{letter-spacing:0;color:#808392;align-items:flex-start;margin:0;font-size:12px;line-height:22px;display:flex}.notice-mark{flex-shrink:0;margin-right:8px}.notice-item+.notice-item{margin-top:8px}.top-copyright{color:#808392;letter-spacing:.05em;margin-top:30px;margin-bottom:30px;font-size:12px}.camera-screen{color:var(--white);z-index:100;background:#000;flex-direction:column;display:flex;position:fixed;inset:0;overflow:hidden}.camera-header{padding:max(16px,env(safe-area-inset-top))20px 16px;z-index:20;background:linear-gradient(#00000080,#0000);justify-content:space-between;align-items:center;display:flex;position:absolute;top:0;left:0;right:0}.btn-back{color:var(--white);-webkit-backdrop-filter:blur(8px);border-radius:var(--radius-full);cursor:pointer;transition:background var(--transition);background:#0006;border:none;padding:10px 18px;font-family:Zen Maru Gothic,sans-serif;font-size:14px;font-weight:700}.btn-back:hover{background:#ff191c99}.btn-switch-camera{color:var(--white);-webkit-backdrop-filter:blur(8px);border-radius:var(--radius-full);cursor:pointer;transition:background var(--transition);background:#0006;border:none;padding:10px 18px;font-family:Zen Maru Gothic,sans-serif;font-size:14px;font-weight:700}.camera-preview,.captured-preview{z-index:10;background:#000;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;inset:0}.camera-video,.captured-preview img{object-fit:cover;width:100%;height:100%}.camera-fallback{z-index:10;background:#111;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;display:flex}.camera-controls{padding:32px 20px max(40px,env(safe-area-inset-bottom));z-index:20;background:linear-gradient(#0000,#0009);flex-direction:column;align-items:center;gap:24px;display:flex;position:absolute;bottom:0;left:0;right:0}.btn-shutter{border:5px solid var(--white);cursor:pointer;width:80px;height:80px;transition:all var(--transition);background:0 0;border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex}.shutter-inner{background:var(--white);width:60px;height:60px;transition:all var(--transition);border-radius:50%}.btn-shutter:active .shutter-inner{background:#ff191c;transform:scale(.9)}.btn-gallery{color:var(--white);-webkit-backdrop-filter:blur(8px);border-radius:var(--radius-full);cursor:pointer;transition:background var(--transition);background:#ffffff26;border:1px solid #fff3;padding:12px 28px;font-family:Zen Maru Gothic,sans-serif;font-size:15px;font-weight:700}.btn-confirm{color:#fff;border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition);background:#ff191c;border:none;padding:18px 48px;font-family:Zen Maru Gothic,sans-serif;font-size:18px;font-weight:700;box-shadow:0 4px 24px #ff191c66}.btn-confirm:hover{transform:scale(1.05);box-shadow:0 6px 32px #ff191c99}.loading-screen{background:#eff2f6;justify-content:center;align-items:center;min-height:100dvh;padding:24px;display:flex;position:relative;overflow:hidden}.loading-logo{z-index:0;opacity:0;position:absolute}@keyframes slideInFromTopLeft{0%{opacity:0;transform:translate(-100%,-100%)}to{opacity:1;transform:translate(0)}}@keyframes slideInFromTopRight{0%{opacity:0;transform:translate(100%,-100%)}to{opacity:1;transform:translate(0)}}@keyframes slideInFromRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes slideInFromBottomLeft{0%{opacity:0;transform:translate(-100%,100%)}to{opacity:1;transform:translate(0)}}@keyframes slideInFromBottomRight{0%{opacity:0;transform:translate(100%,100%)}to{opacity:1;transform:translate(0)}}@keyframes sway{0%{transform:translate(0)}25%{transform:translate(10px)}75%{transform:translate(-10px)}to{transform:translate(0)}}.logo-red{width:252px;animation:.7s cubic-bezier(.2,.8,.2,1) forwards slideInFromTopLeft,5s ease-in-out .7s infinite alternate sway;top:40px;left:-50px}.logo-orange{width:176px;animation:.7s cubic-bezier(.2,.8,.2,1) .1s forwards slideInFromTopRight,4.5s ease-in-out .8s infinite alternate sway;top:0;right:-60px}.logo-pink{width:140px;animation:.7s cubic-bezier(.2,.8,.2,1) .2s forwards slideInFromRight,6s ease-in-out .9s infinite alternate sway;top:35%;right:-50px}.logo-green{width:176px;animation:.7s cubic-bezier(.2,.8,.2,1) .3s forwards slideInFromBottomLeft,5.5s ease-in-out 1s infinite alternate sway;bottom:130px;left:-50px}.logo-blue{width:280px;animation:.7s cubic-bezier(.2,.8,.2,1) .4s forwards slideInFromBottomRight,4s ease-in-out 1.1s infinite alternate sway;bottom:-40px;right:-60px}.loading-content{text-align:center;z-index:10;flex-direction:column;align-items:center;gap:20px;animation:.6s ease-out fadeIn;display:flex;position:relative}.loading-title{color:#23283d;letter-spacing:.2em;margin:0;font-size:20px;font-weight:700;line-height:35px}.loading-title .accent{color:#ff191c}.loading-dots{justify-content:center;gap:8px;margin:0;display:flex}.dot{background:#ff191c;border-radius:50%;width:10px;height:10px;animation:1.4s ease-in-out infinite bounce}.dot:nth-child(2){animation-delay:.16s}.dot:nth-child(3){animation-delay:.32s}.loading-sub{color:#23283d;letter-spacing:.1em;margin:0;font-size:14px;font-weight:500;line-height:28px}.chat-screen{width:100%;height:100dvh;height:var(--vh,100dvh);z-index:1000;background:#eff2f6;flex-direction:column;display:flex;position:fixed;top:0;left:0}.chat-header{z-index:10;background:#fff;border-bottom:1px solid #0000000f;justify-content:space-between;align-items:center;padding:12px 16px;animation:.4s ease-out fadeIn;display:flex;box-shadow:0 2px 8px #0000000a}.chat-header-info{align-items:center;gap:12px;min-width:0;display:flex}.chat-avatar{object-fit:cover;border:2px solid #ff191c;border-radius:50%;flex-shrink:0;width:42px;height:42px}.chat-header-text{min-width:0}.chat-name{color:#23283d;white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:700;overflow:hidden}.chat-tone-tag{color:#ff191c;-webkit-line-clamp:2;background:#ff191c1a;border-radius:8px;-webkit-box-orient:vertical;max-width:200px;margin-top:2px;padding:2px 8px;font-size:11px;font-weight:700;line-height:1.4;display:-webkit-box;overflow:hidden}.btn-end-chat{color:#fff;border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition);background:#23283d;border:none;flex-shrink:0;padding:8px 14px;font-family:Zen Maru Gothic,sans-serif;font-size:12px;font-weight:700}.btn-end-chat:hover{background:#141950}.chat-messages{-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;flex-direction:column;flex:1;gap:12px;padding:16px;display:flex;overflow-y:auto}.message{align-items:flex-end;gap:8px;max-width:85%;display:flex}.message-user{flex-direction:row-reverse;align-self:flex-end;animation:.3s ease-out slideInRight}.message-assistant{align-self:flex-start;animation:.3s ease-out slideInLeft}.message-avatar-mini{background:#ff191c1a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:14px;display:flex;overflow:hidden}.message-avatar-mini img{object-fit:cover;width:100%;height:100%}.message-bubble{word-break:break-word;border-radius:20px;padding:12px 16px;font-size:15px;line-height:1.6}.message-user .message-bubble{color:#fff;background:#ff191c;border-bottom-right-radius:6px}.message-assistant .message-bubble{color:#23283d;background:#fff;border-bottom-left-radius:6px;box-shadow:0 1px 4px #0000000f}.message-error .message-bubble{background:#fff5f5;border:1px solid #ff191c33}.message-bubble p{white-space:pre-wrap}.btn-retry{color:#ff191c;border-radius:var(--radius-full);cursor:pointer;transition:background var(--transition);background:0 0;border:1px solid #ff191c;margin-top:8px;padding:4px 12px;font-family:Zen Maru Gothic,sans-serif;font-size:12px;display:inline-block}.btn-retry:hover{background:#ff191c14}.message-bubble.typing{align-items:center;gap:4px;padding:14px 20px;display:flex}.typing-dot{background:#808392;border-radius:50%;width:8px;height:8px;animation:1.4s ease-in-out infinite bounce}.typing-dot:nth-child(2){animation-delay:.16s}.typing-dot:nth-child(3){animation-delay:.32s}.chat-input-area{padding:12px 16px;padding-bottom:max(12px,env(safe-area-inset-bottom));background:#fff;border-top:1px solid #0000000f;flex-shrink:0}.chat-input-wrapper{transition:border-color var(--transition);background:#eff2f6;border:1px solid #0000000f;border-radius:16px;align-items:center;gap:8px;padding:8px 12px;display:flex}.chat-input-wrapper:focus-within{border-color:#ff191c}.chat-input{color:#23283d;resize:none;background:0 0;border:none;outline:none;flex:1;min-height:24px;max-height:120px;font-family:Zen Maru Gothic,sans-serif;font-size:15px;line-height:1.5}.chat-input::placeholder{color:#808392}.btn-send{color:#fff;cursor:pointer;width:36px;height:36px;transition:all var(--transition);background:#ff191c;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-self:flex-end;align-items:center;display:flex}.btn-send:hover:not(:disabled){transform:scale(1.05);box-shadow:0 4px 12px #ff191c4d}.btn-send:disabled{opacity:.4;cursor:not-allowed}.chat-input-info{justify-content:flex-end;margin-top:4px;padding-right:4px;display:flex}.chat-input-info span{color:#808392;font-size:11px}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background:#00000080;justify-content:center;align-items:center;padding:24px;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal-content{text-align:center;background:#fff;border-radius:24px;width:100%;max-width:360px;padding:32px 28px;animation:.3s ease-out scaleIn;box-shadow:0 8px 32px #00000026}.modal-icon{margin-bottom:12px;font-size:48px}.modal-title{color:#23283d;margin-bottom:12px;font-size:20px;font-weight:700}.modal-desc{color:#808392;margin-bottom:24px;font-size:14px;line-height:1.6}.modal-actions{gap:12px;display:flex}.btn-modal-cancel{color:#23283d;cursor:pointer;transition:background var(--transition);background:#eff2f6;border:none;border-radius:16px;flex:1;padding:14px;font-family:Zen Maru Gothic,sans-serif;font-size:15px;font-weight:700}.btn-modal-cancel:hover{background:#e0e4ea}.btn-modal-confirm{color:#fff;cursor:pointer;transition:background var(--transition);background:#ff191c;border:none;border-radius:16px;flex:1;padding:14px;font-family:Zen Maru Gothic,sans-serif;font-size:15px;font-weight:700}.btn-modal-confirm:hover{background:#e01518}@media (min-width:768px){.top-logo{font-size:56px}.top-tagline{font-size:22px}.btn-cta{padding:20px 48px;font-size:20px}.chat-screen{border-left:1px solid #0000000f;border-right:1px solid #0000000f;max-width:600px;margin:0 auto}.camera-screen{max-width:600px;margin:0 auto}}@media (min-width:1024px){.top-screen{padding:60px 40px}.chat-screen{max-width:680px;height:calc(100dvh - 20px);box-shadow:var(--shadow-lg);border-radius:20px 20px 0 0;margin-top:20px}}