:root{--bg:#fff;--panel:#fff;--ink:#0f172a;--muted:#6b7280;--accent:#111827;--stage:#e5e7eb;--line:#e5e7eb;--fs-base:clamp(14px,1.6vw,15.5px);--card-shadow:0 8px 24px rgba(0,0,0,0.06);--topbarH:56px;--inputH:96px;--buddyOpacity:1}body.page-ai-chat,html.page-ai-chat{height:100%;overflow:hidden;width:100%;-webkit-overflow-scrolling:touch}body{font-family:system-ui,-apple-system,"Segoe UI","Hiragino Sans","Noto Sans JP","Yu Gothic UI","Yu Gothic",Meiryo,Roboto,"Helvetica Neue",Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:var(--fs-base);background:radial-gradient(520px 260px at 12% 10%,rgba(255,214,130,.18),transparent 60%),radial-gradient(520px 260px at 86% 86%,rgba(163,221,255,.16),transparent 60%),#fff;color:var(--ink)}.ai-shell{max-width:clamp(360px,96vw,860px);margin:0 auto;height:100dvh;position:relative}.topbar{display:flex;align-items:center;grid-gap:8px;gap:8px;min-height:44px;padding:6px 8px;border-radius:12px;background:hsla(0,0%,100%,.92);border:1px solid var(--line);box-shadow:0 8px 18px rgba(0,0,0,.03);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.topbar.fixed{position:fixed;left:50%;transform:translateX(-50%);top:max(6px,env(safe-area-inset-top,0));width:min(860px,96vw);z-index:100}.topbar .title{flex:1 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:800;color:#111827;letter-spacing:.01em;font-size:clamp(14px,3.5vw,16px);line-height:1.1}.icon-btn{display:inline-grid;place-items:center;width:36px;height:36px;min-width:36px;border:1px solid var(--line);background:#fff;border-radius:10px;cursor:pointer;transition:transform .06s ease,background .15s ease,border-color .15s ease;box-shadow:0 4px 10px rgba(0,0,0,.04)}.icon-btn:hover{background:#f9fafb;border-color:#d1d5db}.icon-btn:active{transform:translateY(1px)}.icon-img{width:22px;height:22px;object-fit:contain;display:block}.msg-pane{position:fixed;left:50%;transform:translateX(-50%);width:min(860px,96vw);top:calc(var(--topbarH) + 10px + env(safe-area-inset-top, 0));bottom:calc(var(--inputH) + 12px + env(safe-area-inset-bottom, 0));background:var(--panel);border-radius:16px;border:1px solid var(--line);box-shadow:var(--card-shadow);overflow:auto;padding:10px;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;z-index:1}@media (max-width:600px){.msg-pane{border-radius:0;border:none;box-shadow:none;padding:8px}}.thread{display:flex;flex-direction:column;grid-gap:8px;gap:8px;padding:4px 0 12px}.bubble{max-width:92%;padding:12px 14px;border-radius:16px;line-height:1.6;box-shadow:0 6px 16px rgba(2,6,23,.06);position:relative;overflow:hidden;font-size:14.5px}.bubble.ai{align-self:flex-start;background:#fff;border:1px solid #eef2f7}.bubble.user{align-self:flex-end;background:#fff;color:var(--ink);border:1px solid #e6e8ec;font-weight:600}.bubble.user:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,#ff3d3d,#ffa63d,#f7e53a,#53d86a,#3db4ff,#8b6cff,#ff3dcd,#ff3d3d);background-size:200% 100%;animation:rbw 4s linear infinite}@keyframes rbw{0%{background-position:0 50%}to{background-position:200% 50%}}.bubble .imgs{display:flex;grid-gap:8px;gap:8px;flex-wrap:wrap;margin-top:6px}.bubble .imgs img{width:112px;height:112px;object-fit:cover;border-radius:8px;border:1px solid #e5e7eb;display:block}.bubble .richtext a{color:#2563eb;text-decoration:underline;word-break:break-all}.copybtn{position:absolute;right:6px;top:6px;border:none;border-radius:8px;padding:3px 6px;font-size:12px;background:#f3f4f6;color:#111827;opacity:0;transition:opacity .12s ease;cursor:pointer}.bubble:hover .copybtn,.copybtn:focus{opacity:1}.input-wrap.fixed{position:fixed;left:50%;transform:translateX(-50%);bottom:env(safe-area-inset-bottom,0);width:min(860px,96vw);z-index:80;padding-top:6px;background:linear-gradient(180deg,transparent,hsla(0,0%,100%,.94) 36%,#fff 80%);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.thumbs{display:flex;grid-gap:8px;gap:8px;margin:0 0 8px;flex-wrap:wrap}.thumb{position:relative;width:56px;height:56px;border-radius:10px;overflow:hidden;border:1px solid #e6e8ec;background:#fff;box-shadow:0 2px 10px rgba(16,24,40,.05)}.thumb img{width:100%;height:100%;object-fit:cover;display:block}.thumb-x{position:absolute;top:-6px;right:-6px;width:18px;height:18px;border:0;border-radius:12px;background:#111827;color:#fff;font-size:12px;line-height:18px;cursor:pointer}.input-bar{display:flex;align-items:center;grid-gap:8px;gap:8px;background:#fff;border:1px solid #e6e8ec;border-radius:14px;padding:6px 8px;box-shadow:0 6px 20px rgba(16,24,40,.05);min-height:48px}.input-bar[aria-disabled=true]{opacity:.6;pointer-events:none}.input-bar .ctrls{display:flex;grid-gap:6px;gap:6px}.veil-btn{width:36px;height:36px;min-width:36px;display:grid;place-items:center;border:1px dashed #d1d5db;border-radius:10px;background:hsla(0,0%,100%,.6);cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform .06s ease,background .15s ease,border-color .15s ease,opacity .15s ease}.veil-btn:hover{background:hsla(0,0%,96.1%,.9);border-color:#c9cdd4}.veil-btn:active{transform:translateY(1px)}.input{flex:1 1;min-height:36px;max-height:30vh;padding:8px 10px;outline:none;background:transparent;font-size:14px;line-height:1.35;resize:none;overflow:hidden;-webkit-overflow-scrolling:touch;-webkit-appearance:none;-webkit-tap-highlight-color:transparent}.input,.send{border:0;border-radius:10px}.send{height:36px;padding:0 14px;background:#111827;color:#fff;font-weight:800;font-size:13.5px;cursor:pointer;transition:opacity .15s ease,transform .06s ease;min-height:44px}.send:hover{opacity:.9}.send:active{transform:translateY(1px)}.buddy{position:fixed;right:clamp(4px,3vw,20px);bottom:calc(var(--inputH, 96px) + var(--buddyShiftY, -25px) + env(safe-area-inset-bottom, 0));width:clamp(150px,40vw,260px);z-index:120;opacity:var(--buddyOpacity,1);transform:translateX(10px);transition:opacity .15s ease,transform .15s ease}.buddy,.buddy-in-login{pointer-events:none;filter:drop-shadow(0 12px 24px rgba(0,0,0,.18))}.buddy-in-login{position:absolute;right:10px;bottom:10px;width:min(28vw,160px);opacity:var(--buddyOpacity,.96)}.login-card{position:relative}.drawer{position:fixed;inset:0 auto 0 0;width:min(86vw,320px);background:#fff;transform:translateX(-100%);transition:transform .22s ease;z-index:1000;padding:12px;box-shadow:8px 0 24px rgba(0,0,0,.12);height:100dvh;overflow-y:auto;-webkit-overflow-scrolling:touch}.drawer.open{transform:translateX(0)}.overlay{position:fixed;inset:0;background:rgba(15,23,42,.35);opacity:0;pointer-events:none;transition:opacity .2s;z-index:900}.overlay.show{opacity:1;pointer-events:auto}.camera-modal{background:#000;padding:12px;border-radius:12px;width:min(92vw,480px);margin:8vh auto}.camera-modal video{width:100%;border-radius:8px;display:block}.code-block{background:#f6f8fa;border:1px solid #d0d7de;border-radius:8px;margin:8px 0;overflow:hidden}.code-header{background:#f1f3f4;padding:8px 12px;border-bottom:1px solid #d0d7de;font-size:12px;color:#656d76;display:flex;justify-content:space-between;align-items:center}.language-label{font-weight:600;text-transform:uppercase}.code-header .copy-btn{font-size:12px;padding:4px 8px;border:1px solid #cdd3d9;border-radius:6px;background:#fff;cursor:pointer}.code-header .copy-btn:active{transform:translateY(1px)}.code-content{padding:12px;margin:0;overflow-x:auto;font-family:"Monaco","Menlo","Ubuntu Mono",monospace;font-size:13px;line-height:1.4;color:#24292f}.code-content code{background:none;padding:0;border:none;font-family:inherit}.keyword{color:#d73a49;font-weight:600}.string{color:#032f62}.comment{color:#6a737d;font-style:italic}.tag{color:#22863a}@media (max-width:480px){.icon-btn{width:40px;height:40px;min-width:40px}.send{height:34px;padding:0 12px;font-size:13px;min-height:44px}}.buddy{--amp:1rem;--spd:1.2s}.buddy img{width:100%;height:auto;display:block}.buddy.anim-bounce img{animation:buddy-bounce var(--spd) cubic-bezier(.2,.9,.25,1) infinite;transform-origin:50% 100%}@keyframes buddy-bounce{0%,to{transform:translateY(0) scale(1)}35%{transform:translateY(calc(var(--amp)*-0.9)) scale(1.03)}60%{transform:translateY(calc(var(--amp)*-0.45))}}.buddy.anim-shake img{animation:buddy-shake var(--spd) linear infinite;transform-origin:50% 80%}@keyframes buddy-shake{0%,to{transform:translateX(0) rotate(0)}10%{transform:translateX(calc(var(--amp)*0.25)) rotate(2deg)}20%{transform:translateX(calc(var(--amp)*-0.25)) rotate(-2deg)}30%{transform:translateX(calc(var(--amp)*0.2)) rotate(1.6deg)}40%{transform:translateX(calc(var(--amp)*-0.2)) rotate(-1.6deg)}50%{transform:translateX(calc(var(--amp)*0.15)) rotate(1.2deg)}60%{transform:translateX(calc(var(--amp)*-0.15)) rotate(-1.2deg)}70%{transform:translateX(calc(var(--amp)*0.1)) rotate(.8deg)}80%{transform:translateX(calc(var(--amp)*-0.1)) rotate(-.8deg)}90%{transform:translateX(calc(var(--amp)*0.05)) rotate(.4deg)}}.buddy.anim-sway img{animation:buddy-sway var(--spd) ease-in-out infinite;transform-origin:50% 100%}@keyframes buddy-sway{0%,to{transform:rotate(0) translateY(0)}50%{transform:rotate(calc(0.6deg*var(--amp))) translateY(calc(var(--amp)*0.15))}}.buddy.anim-breath img{animation:buddy-breath var(--spd) ease-in-out infinite;transform-origin:50% 100%}@keyframes buddy-breath{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(calc(var(--amp)*0.15)) scale(1.01)}}.buddy.anim-shiver img{animation:buddy-shiver calc(var(--spd)*0.6) linear infinite}@keyframes buddy-shiver{0%,to{transform:translate(0)}25%{transform:translate(calc(var(--amp)*0.12),calc(var(--amp)*0.08))}50%{transform:translate(calc(var(--amp)*-0.12),calc(var(--amp)*-0.08))}75%{transform:translate(calc(var(--amp)*0.08),calc(var(--amp)*-0.12))}}.buddy.anim-nod-no img{animation:buddy-nodno var(--spd) ease-in-out infinite;transform-origin:50% 15%}@keyframes buddy-nodno{0%,to{transform:rotate(0)}25%{transform:rotate(6deg)}75%{transform:rotate(-6deg)}}.buddy.anim-wave img{animation:buddy-wave var(--spd) ease-in-out infinite;transform-origin:60% 80%}@keyframes buddy-wave{0%,to{transform:rotate(0)}50%{transform:rotate(3deg)}}.buddy.anim-slide-out img{animation:buddy-slide var(--spd) cubic-bezier(.22,1,.36,1) both}@keyframes buddy-slide{0%{opacity:1;transform:translateX(0) scale(1)}60%{opacity:.85;transform:translateX(calc(var(--amp)*1)) scale(.995)}to{opacity:0;transform:translateX(calc(var(--amp)*2.2)) scale(.99)}}.buddy.anim-idle img{animation:none!important}.buddy.anim-giggle img{animation:buddy-giggle calc(var(--spd)*0.9) ease-in-out infinite;transform-origin:50% 85%}@keyframes buddy-giggle{0%,to{transform:translateY(0) rotate(0)}20%{transform:translateY(calc(var(--amp)*-0.25)) rotate(2.2deg)}40%{transform:translateY(0) rotate(-2deg)}60%{transform:translateY(calc(var(--amp)*-0.18)) rotate(1.6deg)}80%{transform:translateY(0) rotate(-1.6deg)}}.buddy.anim-cry img{animation:buddy-cry var(--spd) ease-in-out infinite;transform-origin:50% 100%}@keyframes buddy-cry{0%,to{transform:translateY(0)}30%{transform:translateY(calc(var(--amp)*0.35))}50%{transform:translateY(calc(var(--amp)*0.15))}70%{transform:translateY(calc(var(--amp)*0.38))}}.buddy.anim-angry img{animation:buddy-angry calc(var(--spd)*0.8) linear infinite;transform-origin:50% 70%}@keyframes buddy-angry{0%,to{transform:translateX(0) rotate(0) scale(1)}10%{transform:translateX(calc(var(--amp)*0.24)) rotate(2.2deg) scale(1.01)}20%{transform:translateX(calc(var(--amp)*-0.24)) rotate(-2.2deg) scale(1.01)}30%{transform:translateX(calc(var(--amp)*0.18)) rotate(1.6deg)}40%{transform:translateX(calc(var(--amp)*-0.18)) rotate(-1.6deg)}55%{transform:scale(1.02)}}.buddy.anim-shock img{animation:buddy-shock calc(var(--spd)*0.9) cubic-bezier(.3,1.6,.3,1) infinite;transform-origin:50% 100%}@keyframes buddy-shock{0%{transform:scale(1) translateY(0)}12%{transform:scale(1.06) translateY(calc(var(--amp)*-0.35))}25%{transform:scale(1) translateY(0)}55%{transform:scale(1.02)}to{transform:scale(1)}}.buddy.anim-surprise img{animation:buddy-surprise var(--spd) cubic-bezier(.2,1.2,.2,1) infinite;transform-origin:50% 100%}@keyframes buddy-surprise{0%{transform:translateY(0) scale(1)}20%{transform:translateY(calc(var(--amp)*-0.5)) scale(1.08)}45%{transform:translateY(calc(var(--amp)*-0.18)) scale(1.02)}to{transform:translateY(0) scale(1)}}.buddy.anim-heartbeat img{animation:buddy-heartbeat calc(var(--spd)*0.85) ease-in-out infinite;transform-origin:50% 50%}@keyframes buddy-heartbeat{0%,to{transform:scale(1)}25%{transform:scale(1.04)}35%{transform:scale(1)}55%{transform:scale(1.06)}70%{transform:scale(1.01)}}.buddy.anim-think img{animation:buddy-think calc(var(--spd)*1.2) ease-in-out infinite;transform-origin:50% 25%}@keyframes buddy-think{0%,to{transform:rotate(0) translateY(0)}35%{transform:rotate(-6deg) translateY(calc(var(--amp)*0.05))}65%{transform:rotate(6deg) translateY(calc(var(--amp)*0.05))}}.buddy.anim-sleep img{animation:buddy-sleep calc(var(--spd)*1.6) ease-in-out infinite;transform-origin:50% 100%;opacity:.98}@keyframes buddy-sleep{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(calc(var(--amp)*0.22)) rotate(-1.5deg)}}.buddy.anim-groove img{animation:buddy-groove var(--spd) ease-in-out infinite;transform-origin:50% 85%}@keyframes buddy-groove{0%,to{transform:rotate(0) translateY(0)}25%{transform:rotate(3deg) translateY(calc(var(--amp)*-0.12))}75%{transform:rotate(-3deg) translateY(calc(var(--amp)*-0.12))}}.buddy.anim-tehe img{animation:buddy-tehe var(--spd) ease-in-out infinite;transform-origin:50% 20%}@keyframes buddy-tehe{0%,to{transform:rotate(0) translateY(0)}20%{transform:rotate(-5deg) translateY(calc(var(--amp)*-0.1))}40%{transform:rotate(0)}60%{transform:rotate(5deg) translateY(calc(var(--amp)*-0.08))}}.buddy.anim-ouch img{animation:buddy-ouch calc(var(--spd)*0.9) ease-in-out infinite;transform-origin:50% 60%}@keyframes buddy-ouch{0%{transform:translateX(0)}8%{transform:translateX(calc(var(--amp)*0.6))}16%{transform:translateX(0)}40%,70%{transform:translateX(0)}55%{transform:translateX(calc(var(--amp)*0.12))}}.scene-container{display:flex;justify-content:center;align-items:center;min-height:100vh;width:100%;background-color:#030303;background-image:radial-gradient(circle at 85% 85%,rgba(20,65,55,.25) 0,transparent 25%),radial-gradient(circle at 15% 20%,rgba(15,45,50,.15) 0,transparent 20%),url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)' opacity='.03'/%3E%3C/svg%3E");overflow:hidden}.bfly-wrap{position:relative;width:120px;height:120px;animation:bfly-arc-float 10s ease-in-out infinite}.bfly-3d-tilt{position:relative;width:100%;height:100%;transform:rotateX(55deg) rotate(-30deg);transform-style:preserve-3d}.bfly-svg{position:absolute;inset:0;overflow:visible;width:100%;height:100%}@keyframes bfly-arc-float{0%{transform:translate(0) scale(1)}33%{transform:translate(-20px,-25px) scale(1.05)}66%{transform:translate(10px,-10px) scale(.95)}to{transform:translate(0) scale(1)}}.wing-persp{position:absolute;inset:0;perspective:600px;transform-style:preserve-3d}.wingLeft{transform-origin:60px 40px;animation:bfly-flap-l 1.5s cubic-bezier(.4,0,.2,1) infinite alternate}@keyframes bfly-flap-l{0%{transform:rotateY(-15deg)}to{transform:rotateY(55deg)}}.wingRight{transform-origin:60px 40px;animation:bfly-flap-r 1.5s cubic-bezier(.4,0,.2,1) infinite alternate}@keyframes bfly-flap-r{0%{transform:rotateY(15deg)}to{transform:rotateY(-55deg)}}.ripple{position:absolute;width:80px;height:80px;left:50%;top:50%;margin:-40px 0 0 -40px;border-radius:50%;border:1px solid rgba(80,180,150,.35);animation:bfly-ripple-out 3.6s ease-out infinite;pointer-events:none}.ripple:nth-child(2){animation-delay:1.2s}.ripple:nth-child(3){animation-delay:2.4s}@keyframes bfly-ripple-out{0%{transform:scale(.25);opacity:.45}to{transform:scale(2.6);opacity:0}}@media (prefers-reduced-motion:reduce){.bfly-wrap,.ripple,.wingLeft,.wingRight{animation:none}}.login-intro-stage{position:fixed;inset:0;z-index:9000;perspective:1400px}.login-intro-card{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform 1.15s cubic-bezier(.65,.05,.25,1)}.login-intro-card.flipped{transform:rotateY(-180deg)}.login-intro-card.flipped .bfly-wrap{animation-duration:.9s}.login-intro-face{position:absolute;inset:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.login-intro-face.front{background:#0a0b12;cursor:pointer}.login-intro-face.back{transform:rotateY(180deg);background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;grid-gap:16px;gap:16px;padding:0 32px}.login-intro-title{position:absolute;top:40px;left:0;right:0;text-align:center}.title-main{font-size:18px;letter-spacing:3px;color:hsla(0,0%,100%,.92);font-weight:500}.title-sub{font-size:11px;letter-spacing:2px;color:hsla(0,0%,100%,.22);margin-top:4px}.login-intro-hint{position:absolute;left:0;right:0;bottom:32px;text-align:center;font-size:12px;color:hsla(0,0%,100%,.28);letter-spacing:1px}.back-icon{font-size:28px}.back-text{font-size:15px;font-weight:700;margin:0;text-align:center}.back-login-btn{width:100%;max-width:280px;height:44px;border:none;border-radius:10px;background:#111;color:#fff;font-weight:700;cursor:pointer}.back-close-btn{background:none;border:none;color:#888;font-size:13px;cursor:pointer}.mypage{max-width:980px;margin:20px auto;padding:0 12px}h2{margin:8px 0 16px}h3{margin:18px 0 10px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));grid-gap:12px;gap:12px}.card{background:#fff;border:1px solid #e6e8ec;border-radius:12px;padding:10px;display:flex;flex-direction:column;grid-gap:8px;gap:8px}.card.active{box-shadow:inset 0 0 0 2px #86b300}.card img{width:100%;height:140px;object-fit:contain;background:#fafafa;border-radius:8px}.meta{display:flex;align-items:center;justify-content:space-between}.ttl{font-weight:700}.lock{font-size:12px;color:#999;border:1px solid #ddd;border-radius:6px;padding:2px 6px}.btn{padding:8px 10px;border-radius:8px;border:1px solid #ccd3d8;background:#f6f7f8;cursor:pointer}.btn.primary{background:#3a7afe;color:#fff;border-color:#2a63d6}.btn:disabled{opacity:.5;cursor:not-allowed}.hint{color:#666;padding:6px 0;font-size:13px}.uploader{background:#fff;border:1px solid #e6e8ec;border-radius:12px;padding:12px;margin-top:8px}.uploader .row{display:flex;grid-gap:10px;gap:10px;align-items:center;margin-bottom:10px}.uploader label{min-width:110px;color:#334}.uploader input[type=text],.uploader textarea{flex:1 1;border:1px solid #ccd3d8;border-radius:8px;padding:8px}.chk{display:inline-flex;align-items:center;grid-gap:6px;gap:6px;margin-right:14px}