@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--bg-primary: #0b1120;--bg-secondary: #111827;--surface-primary: rgba(17, 28, 55, .85);--surface-secondary: rgba(25, 40, 70, .7);--surface-glass: rgba(17, 28, 55, .6);--gold-bright: #f0d060;--gold-mid: #d4aa3c;--gold-dark: #b8850a;--gold-gradient: linear-gradient(135deg, #f0d060, #d4aa3c, #b8850a);--gold-gradient-h: linear-gradient(90deg, #f0d060, #d4aa3c);--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-muted: #4b5e7b;--border-color: rgba(212, 170, 60, .12);--success: #22c55e;--warning: #f59e0b;--danger: #ef4444}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:Inter,Noto Sans JP,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg-primary);color:var(--text-primary);min-height:100vh;overflow-x:hidden}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at 15% 40%,rgba(212,170,60,.06) 0%,transparent 55%),radial-gradient(ellipse at 85% 20%,rgba(180,140,30,.05) 0%,transparent 55%),radial-gradient(ellipse at 50% 85%,rgba(11,30,80,.5) 0%,transparent 60%);pointer-events:none;z-index:0;animation:bgShift 18s ease-in-out infinite alternate}@keyframes bgShift{0%{background:radial-gradient(ellipse at 15% 40%,rgba(212,170,60,.06) 0%,transparent 55%),radial-gradient(ellipse at 85% 20%,rgba(180,140,30,.05) 0%,transparent 55%),radial-gradient(ellipse at 50% 85%,rgba(11,30,80,.5) 0%,transparent 60%)}50%{background:radial-gradient(ellipse at 35% 25%,rgba(212,170,60,.07) 0%,transparent 55%),radial-gradient(ellipse at 70% 65%,rgba(180,140,30,.06) 0%,transparent 55%),radial-gradient(ellipse at 20% 80%,rgba(11,30,80,.4) 0%,transparent 60%)}to{background:radial-gradient(ellipse at 60% 55%,rgba(212,170,60,.07) 0%,transparent 55%),radial-gradient(ellipse at 25% 75%,rgba(180,140,30,.05) 0%,transparent 55%),radial-gradient(ellipse at 80% 30%,rgba(11,30,80,.4) 0%,transparent 60%)}}#root{position:relative;z-index:1;min-height:100vh;display:flex;flex-direction:column}.app{display:flex;flex-direction:column;align-items:center;padding:0 1rem 4rem;gap:1.4rem;max-width:480px;margin:0 auto;width:100%}.error-banner{width:100%;padding:1rem 1.2rem;background:#ef444414;border:1px solid rgba(239,68,68,.3);border-radius:.9rem;color:#f87171;font-size:.88rem;text-align:center;display:flex;flex-direction:column;gap:.6rem;animation:fadeInUp .3s ease-out}.error-retry-btn{align-self:center;padding:.4rem 1.2rem;border:1px solid rgba(239,68,68,.4);border-radius:999px;background:transparent;color:#f87171;font-size:.82rem;cursor:pointer;transition:all .2s}.error-retry-btn:hover{background:#ef44441f}.back-btn{display:flex;align-items:center;gap:.4rem;padding:.45rem 1rem;border:1px solid var(--border-color);border-radius:999px;background:var(--surface-primary);color:var(--text-secondary);font-family:Noto Sans JP,Inter,sans-serif;font-size:.82rem;cursor:pointer;transition:all .2s ease;align-self:flex-start}.back-btn:hover{color:var(--gold-mid);border-color:#d4aa3c59;transform:translate(-3px)}.footer{text-align:center;padding:2rem 1rem;color:var(--text-muted);font-size:.72rem;display:flex;flex-direction:column;gap:.2rem}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:#d4aa3c33;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#d4aa3c66}::selection{background:#d4aa3c40;color:#fff}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.header{display:flex;align-items:center;gap:.8rem;padding:2rem 0 .5rem;width:100%;animation:fadeInDown .6s ease-out both}.header-icon{font-size:2.2rem;filter:drop-shadow(0 0 12px rgba(212,170,60,.6));animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.header-text{display:flex;flex-direction:column;gap:.15rem}.header-title{font-size:1.6rem;font-weight:800;background:var(--gold-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:.02em;line-height:1}.header-subtitle{font-size:.72rem;color:var(--text-muted);letter-spacing:.01em}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.input-form{display:flex;flex-direction:column;gap:1.5rem;width:100%;animation:fadeInUp .5s ease-out both}.form-section{display:flex;flex-direction:column;gap:.6rem}.form-label{display:flex;align-items:center;gap:.5rem;font-size:.85rem;font-weight:600;color:var(--text-secondary);letter-spacing:.01em}.label-badge{display:inline-flex;align-items:center;justify-content:center;width:1.4rem;height:1.4rem;border-radius:50%;background:var(--gold-gradient);color:#0b1120;font-size:.65rem;font-weight:800}.relation-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem}.relation-btn{padding:.65rem .5rem;border:1.5px solid var(--border-color);border-radius:.8rem;background:var(--surface-primary);color:var(--text-secondary);font-family:Noto Sans JP,Inter,sans-serif;font-size:.82rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-align:center}.relation-btn:hover{border-color:var(--gold-mid);color:var(--text-primary);background:var(--surface-secondary);transform:translateY(-1px)}.relation-btn.active{border-color:var(--gold-mid);background:#d4aa3c1f;color:var(--gold-mid);font-weight:700;box-shadow:0 0 12px #d4aa3c26}.chat-textarea{width:100%;padding:1rem;border:1.5px solid var(--border-color);border-radius:1rem;background:var(--surface-primary);color:var(--text-primary);font-family:Noto Sans JP,Inter,sans-serif;font-size:.9rem;line-height:1.7;resize:vertical;min-height:160px;transition:border-color .2s ease,box-shadow .2s ease}.chat-textarea::placeholder{color:var(--text-muted);font-size:.82rem;line-height:1.8}.chat-textarea:focus{outline:none;border-color:var(--gold-mid);box-shadow:0 0 0 3px #d4aa3c1a}.chat-textarea:disabled{opacity:.5;cursor:not-allowed}.char-count{display:flex;gap:.4rem;align-items:center;font-size:.75rem;padding-left:.2rem}.count-muted{color:var(--text-muted)}.count-ok{color:var(--gold-mid);font-weight:600}.count-warn{color:#f59e0b;font-weight:600}.count-hint{color:var(--text-muted)}.count-hint-warn{color:#f59e0b}.label-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.hint-toggle{padding:.25rem .6rem;border:1px solid rgba(212,170,60,.3);border-radius:999px;background:transparent;color:var(--gold-mid);font-family:Noto Sans JP,Inter,sans-serif;font-size:.72rem;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.hint-toggle:hover{background:#d4aa3c1a;border-color:var(--gold-mid)}.app-shortcuts{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;background:#0f172a66;border:1px solid rgba(255,255,255,.05);border-radius:.6rem;padding:.5rem .8rem;margin-top:-.2rem}.shortcut-label{font-size:.72rem;color:var(--text-muted)}.shortcut-link{display:flex;align-items:center;gap:.35rem;font-size:.75rem;font-weight:600;text-decoration:none;padding:.35rem .6rem;border-radius:.4rem;transition:all .2s ease;background:#ffffff08;border:1px solid rgba(255,255,255,.06)}.shortcut-link:hover{transform:translateY(-1px);box-shadow:0 2px 8px #0003}.shortcut-link.line{color:#06c755}.shortcut-link.line:hover{background:#06c7551a;border-color:#06c75533}.shortcut-link.x{color:#e2e8f0}.shortcut-link.x:hover{background:#e2e8f01a;border-color:#e2e8f033}.shortcut-link.insta{color:#e1306c}.shortcut-link.insta:hover{background:#e1306c1a;border-color:#e1306c33}.hint-panel{padding:.9rem 1rem;background:#d4aa3c0d;border:1px solid rgba(212,170,60,.18);border-radius:.8rem;animation:fadeInUp .2s ease-out both}.hint-title{font-size:.78rem;font-weight:700;color:var(--text-secondary);margin-bottom:.5rem}.hint-list{list-style:none;display:flex;flex-direction:column;gap:.45rem}.hint-list li{font-size:.76rem;color:var(--text-muted);line-height:1.5;display:flex;align-items:flex-start;gap:.5rem}.hint-app{flex-shrink:0;font-size:.72rem;font-weight:700;color:var(--gold-mid);background:#d4aa3c1a;padding:.1rem .4rem;border-radius:4px;white-space:nowrap}.daily-limit-text{text-align:center;font-size:.78rem;color:var(--text-muted);margin:-.3rem 0}.daily-limit-text strong{color:var(--gold-mid);font-weight:700}.daily-limit-warn{color:#f59e0b!important;font-weight:600}.limit-reached-banner{display:flex;align-items:flex-start;gap:.6rem;padding:.9rem 1rem;background:#f59e0b14;border:1px solid rgba(245,158,11,.25);border-radius:.9rem;color:#f59e0b;font-size:.82rem;line-height:1.6;animation:fadeInUp .3s ease-out both}.analyze-btn{width:100%;padding:1rem;border:none;border-radius:1rem;background:var(--gold-gradient);color:#0b1120;font-family:Noto Sans JP,Inter,sans-serif;font-size:1rem;font-weight:800;cursor:pointer;transition:all .25s ease;letter-spacing:.02em;box-shadow:0 4px 20px #d4aa3c4d;position:relative;overflow:hidden}.analyze-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.15),transparent);opacity:0;transition:opacity .2s}.analyze-btn:hover:not(:disabled):before{opacity:1}.analyze-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 28px #d4aa3c73}.analyze-btn:active:not(:disabled){transform:translateY(0)}.analyze-btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.btn-content{display:flex;align-items:center;justify-content:center;gap:.5rem}.btn-loading{display:flex;align-items:center;justify-content:center;gap:.6rem}.btn-spinner{display:inline-block;width:18px;height:18px;border:2.5px solid rgba(11,17,32,.3);border-top-color:#0b1120;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.loading-container{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:3rem 1rem;animation:fadeIn .4s ease-out}.gift-box{position:relative;width:80px;height:80px}.gift-lid{position:absolute;top:0;left:-4px;width:88px;height:26px;background:linear-gradient(135deg,#d4aa3c,#f0d060);border-radius:6px 6px 0 0;transform-origin:center bottom;animation:liftLid 1.6s ease-in-out infinite;z-index:2;box-shadow:0 2px 8px #d4aa3c66}.lid-ribbon{position:absolute;left:50%;top:0;transform:translate(-50%);width:14px;height:100%;background:linear-gradient(180deg,#b8850a,#d4aa3c);border-radius:3px}.lid-ribbon:before,.lid-ribbon:after{content:"";position:absolute;top:-8px;width:20px;height:16px;background:linear-gradient(135deg,#d4aa3c,#f0d060);border-radius:50% 50% 0 0}.lid-ribbon:before{left:-14px;transform:rotate(-20deg)}.lid-ribbon:after{right:-14px;transform:rotate(20deg)}@keyframes liftLid{0%,to{transform:translateY(0) rotate(0)}30%{transform:translateY(-28px) rotate(-8deg)}60%{transform:translateY(-32px) rotate(6deg)}80%{transform:translateY(-28px) rotate(-3deg)}}.gift-body{position:absolute;bottom:0;left:0;width:80px;height:58px;background:linear-gradient(160deg,#1a2540,#0f1935);border:2px solid rgba(212,170,60,.4);border-radius:0 0 8px 8px;overflow:hidden}.body-ribbon{position:absolute;left:50%;top:0;transform:translate(-50%);width:14px;height:100%;background:linear-gradient(180deg,#b8850a,#d4aa3c);opacity:.7}.sparkles{position:absolute;inset:-30px;pointer-events:none}.sparkle{position:absolute;font-size:.9rem;color:#f0d060;opacity:0;animation:sparkleAnim 1.6s ease-in-out infinite}.sparkle-1{top:10%;left:15%;animation-delay:0s}.sparkle-2{top:5%;left:50%;animation-delay:.2s}.sparkle-3{top:10%;right:15%;animation-delay:.4s}.sparkle-4{top:40%;left:5%;animation-delay:.6s}.sparkle-5{top:40%;right:5%;animation-delay:.1s}.sparkle-6{bottom:15%;left:15%;animation-delay:.3s}.sparkle-7{bottom:5%;left:50%;animation-delay:.5s}.sparkle-8{bottom:15%;right:15%;animation-delay:.7s}@keyframes sparkleAnim{0%,to{opacity:0;transform:scale(.5) translateY(0)}40%{opacity:1;transform:scale(1.2) translateY(-6px)}70%{opacity:.6;transform:scale(.9) translateY(-10px)}}.loading-text{font-size:1rem;font-weight:600;color:var(--text-primary);animation:pulse 1.5s ease-in-out infinite;margin-top:.5rem}.loading-sub{font-size:.8rem;color:var(--text-muted)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.gift-card{display:flex;flex-direction:column;gap:.65rem;padding:1rem 1.1rem;background:var(--surface-glass);border:1px solid rgba(212,170,60,.2);border-radius:1rem;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:all .25s ease;animation:slideIn .4s ease-out both}.gift-card:hover{border-color:#d4aa3c73;background:#d4aa3c0f;transform:translateY(-2px);box-shadow:0 6px 20px #d4aa3c1a}.gift-card-header{display:flex;align-items:flex-start;gap:.5rem}.gift-rank{font-size:1.2rem;line-height:1.3;flex-shrink:0}.gift-title{font-size:.95rem;font-weight:700;color:var(--text-primary);line-height:1.4;margin:0}.gift-reason{font-size:.8rem;color:var(--text-secondary);line-height:1.6;margin:0;padding-left:1.8rem}.gift-links{display:flex;flex-wrap:wrap;gap:.6rem;margin-left:1.8rem;margin-top:.2rem}.shop-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem 1rem;border-radius:999px;font-size:.75rem;font-weight:800;text-decoration:none;letter-spacing:.01em;transition:all .2s ease}.amazon-btn{background:var(--gold-gradient);color:#0b1120;box-shadow:0 2px 10px #d4aa3c40}.rakuten-btn{background:linear-gradient(135deg,#bf0000,#e60012);color:#fff;box-shadow:0 2px 10px #bf000040}.shop-btn:hover{transform:translateY(-1px) scale(1.03)}.amazon-btn:hover{box-shadow:0 4px 16px #d4aa3c66}.rakuten-btn:hover{box-shadow:0 4px 16px #bf000066}.shop-icon{font-size:.85rem}@keyframes slideIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.gift-card:nth-child(2){animation-delay:.1s}.gift-card:nth-child(3){animation-delay:.2s}.result-card{width:100%;display:flex;flex-direction:column;gap:1.2rem;padding:1.4rem;background:var(--surface-primary);border:1px solid rgba(212,170,60,.25);border-radius:1.4rem;box-shadow:0 8px 32px #0006,0 0 0 1px #d4aa3c0d;animation:cardEnter .5s cubic-bezier(.16,1,.3,1) both}@keyframes cardEnter{0%{opacity:0;transform:translateY(24px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.result-header{display:flex;align-items:center;justify-content:space-between}.result-relation-tag{font-size:.78rem;font-weight:700;color:var(--gold-mid);padding:.2rem .6rem;border:1px solid rgba(212,170,60,.35);border-radius:999px;background:#d4aa3c14}.result-label{font-size:.72rem;color:var(--text-muted);letter-spacing:.05em;text-transform:uppercase}.mind-section{display:flex;gap:.8rem;padding:1rem;background:#d4aa3c0f;border:1px solid rgba(212,170,60,.18);border-radius:1rem}.mind-icon{font-size:1.6rem;flex-shrink:0;line-height:1}.mind-content{display:flex;flex-direction:column;gap:.3rem}.mind-label{font-size:.7rem;color:var(--gold-mid);font-weight:700;letter-spacing:.05em;text-transform:uppercase;margin:0}.mind-state{font-size:1.05rem;font-weight:700;color:var(--text-primary);margin:0;line-height:1.4}.mind-explanation{font-size:.8rem;color:var(--text-secondary);line-height:1.65;margin:0}.gifts-section{display:flex;flex-direction:column;gap:.7rem}.gifts-label{display:flex;align-items:center;gap:.4rem;font-size:.85rem;font-weight:700;color:var(--text-primary);margin:0}.gifts-list{display:flex;flex-direction:column;gap:.6rem}.result-footer-note{font-size:.68rem;color:var(--text-muted);text-align:center;margin:0;padding-top:.2rem;border-top:1px solid var(--border-color);padding-top:.8rem}.share-container{position:relative;width:100%;display:flex;flex-direction:column;align-items:center;gap:.6rem}.share-main-btn{width:100%;padding:.85rem;border:1.5px solid rgba(212,170,60,.4);border-radius:1rem;background:#d4aa3c14;color:var(--gold-mid);font-family:Noto Sans JP,Inter,sans-serif;font-size:.9rem;font-weight:700;cursor:pointer;transition:all .2s ease;letter-spacing:.01em}.share-main-btn:hover{background:#d4aa3c26;border-color:var(--gold-mid);transform:translateY(-1px)}.share-menu{width:100%;display:flex;flex-direction:column;gap:.4rem;padding:.6rem;background:var(--surface-primary);border:1px solid var(--border-color);border-radius:.9rem;animation:menuOpen .2s ease-out both}@keyframes menuOpen{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.share-option{display:flex;align-items:center;gap:.7rem;padding:.65rem .9rem;border:none;border-radius:.6rem;background:transparent;color:var(--text-secondary);font-family:Noto Sans JP,Inter,sans-serif;font-size:.85rem;cursor:pointer;transition:all .15s ease;text-align:left}.share-option:hover:not(:disabled){background:var(--surface-secondary);color:var(--text-primary)}.share-option:disabled{opacity:.5;cursor:not-allowed}.share-icon{font-size:1rem;width:1.2rem;text-align:center}