*,:before,:after{box-sizing:border-box}html,body{color:#f5f5f5;background:#000;min-height:100%;margin:0}#root{background:#000;min-height:100vh}.pet-video{text-align:center;background:#000;margin:0}.pet-video__stage{isolation:isolate;aspect-ratio:960/720;background:#000;width:min(360px,88vw);max-height:min(58dvh,520px);line-height:0;display:inline-grid;position:relative;overflow:hidden}.pet-video__stage>.pet-video__el{object-fit:contain;opacity:0;visibility:hidden;z-index:0;pointer-events:none;background:#000;border-radius:0;grid-area:1/1;width:100%;max-width:100%;height:100%;max-height:100%;transition:none}.pet-video__stage>.pet-video__el.is-active{opacity:1;visibility:visible;z-index:1;pointer-events:auto}.site-nav{z-index:200;pointer-events:none;position:fixed;top:0;left:0;right:0}.site-nav:before{content:"";pointer-events:auto;height:28px;position:absolute;top:0;left:0;right:0}.site-nav__inner{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:1;pointer-events:auto;background:#000000f0;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:1rem;padding:.65rem clamp(12px,3vw,28px);transition:opacity .2s;display:flex;transform:translateY(0)}.site-nav__left{align-items:center;gap:.6rem;display:flex}.site-nav__lang{background:#ffffff0d;border:1px solid #ffffff24;border-radius:999px;align-items:center;gap:.25rem;padding:.2rem;display:inline-flex}.site-nav__lang-btn{color:#b7b7b7;letter-spacing:0;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:.28rem .72rem;font-size:.78rem;font-weight:700;line-height:1}.site-nav__lang-btn:hover{color:#f5f5f5}.site-nav__lang-btn.is-active{color:#f5f5f5;background:#ffffff29}.site-nav__brand{color:#f5f5f5;letter-spacing:.02em;font-size:.95rem;font-weight:700;text-decoration:none}.site-nav__links{flex-wrap:wrap;gap:.35rem;display:flex}.site-nav__link{color:#9a9a9a;border:1px solid #0000;border-radius:999px;padding:.4rem .85rem;font-size:.875rem;font-weight:600;text-decoration:none;transition:background .15s,color .15s,border-color .15s}.site-nav__link:hover{color:#f5f5f5;background:#ffffff0f}.site-nav__link.is-active{color:#f5f5f5;background:#ffffff1a;border-color:#ffffff1f}@media (width<=720px){.site-nav__inner{gap:.6rem;padding:.55rem 10px}.site-nav__left{gap:.35rem}.site-nav__brand{font-size:.85rem}.site-nav__lang-btn{padding:.24rem .62rem;font-size:.72rem}.site-nav__links{gap:.22rem}.site-nav__link{padding:.3rem .62rem;font-size:.76rem}}.voice-freq{pointer-events:none;width:100%;height:48px;margin:.2rem 0 .45rem}.voice-freq__canvas{width:100%;height:48px;display:block}.wake-control{text-align:center;flex-direction:column;align-items:stretch;gap:1.6rem;width:100%;max-width:360px;display:flex}.wake-control__heard{letter-spacing:.02em;color:#e8e8e8;white-space:nowrap;text-overflow:ellipsis;width:100%;min-height:1.5em;margin:0;font-size:.58rem;line-height:2.2;overflow:hidden}.wake-control__error{color:#fbbf24;margin:0;font-size:.48rem;line-height:2}.wake-control__btn{color:#ffffffeb;cursor:pointer;background:#f5f5f880;border:1px solid #ffffff38;border-radius:999px;justify-content:center;align-self:center;align-items:center;gap:.35rem;padding:.48rem .62rem;font-size:.875rem;font-weight:600;line-height:1.35;animation:5.2s ease-in-out infinite wake-btn-breathe;display:inline-flex}.wake-control__btn:hover{background:#ffffff94;border-color:#ffffff52}.wake-control__btn.is-disabled,.wake-control__btn:disabled{opacity:.5;cursor:not-allowed;animation:none}.wake-control__btn.is-disabled:hover,.wake-control__btn:disabled:hover{background:#f5f5f880;border-color:#ffffff38}@keyframes wake-btn-breathe{0%,to{transform:scale(.97);box-shadow:0 0 10px #ffffff24,0 0 22px #ffffff14,0 0 36px #ffffff0a}50%{transform:scale(1.03);box-shadow:0 0 16px #ffffff47,0 0 32px #ffffff24,0 0 48px #ffffff12}}@media (prefers-reduced-motion:reduce){.wake-control__btn{animation:none}}.wake-control__icon{flex-shrink:0;width:1rem;height:1rem}.wake-control__lang{border:none;flex-direction:column;align-items:center;gap:.85rem;margin:0;padding:0;display:flex}.wake-control__lang:disabled{opacity:.55}.wake-control__lang-label{letter-spacing:.06em;text-transform:uppercase;color:#888;padding:0;font-size:.45rem;font-weight:500;line-height:2}.wake-control__lang-options{background:#ffffff0f;border-radius:999px;gap:.5rem;padding:.2rem;display:inline-flex}.wake-control__lang-option{cursor:pointer;align-items:center;display:inline-flex;position:relative}.wake-control__lang-option input{opacity:0;width:0;height:0;position:absolute}.wake-control__lang-option span{color:#aaa;border-radius:999px;padding:.38rem .9rem;font-size:.5rem;font-weight:600;line-height:2;transition:background .15s,color .15s;display:inline-block}.wake-control__lang-option.is-active span,.wake-control__lang-option input:focus-visible+span{color:#f0f0f0;background:#ffffff24}.wake-control__lang-option:hover span{color:#e8e8e8}.pet-sleep-page{color:#e8e8e8;background:#000;flex-direction:column;justify-content:flex-start;align-items:center;gap:1rem;min-height:100dvh;padding:4.75rem 1rem 2rem;display:flex;overflow-y:auto}.interaction-topbar{z-index:220;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0a0ccc;border:1px solid #ffffff29;border-radius:12px;width:min(92vw,420px);padding:8px 10px 9px;position:fixed;top:.35rem;left:50%;transform:translate(-50%)}.interaction-topbar__lang{grid-template-columns:1fr 1fr;gap:8px;display:grid}.interaction-topbar__langBtn{color:#e8e8e8;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff38;border-radius:999px;padding:8px 10px;font-size:13px;font-weight:600}.interaction-topbar__langBtn.is-active{color:#fff;background:#ffffff38;border-color:#ffffff61}.interaction-topbar__hint{color:#fbbf24;margin:8px 2px 0;font-size:11px;line-height:1.4}.wake-page-nav{position:absolute;top:1rem;right:1rem}.nav-link-variants{color:#a8d5ba;border:1px solid #a8d5ba;border-radius:.5rem;padding:.5rem 1rem;font-size:.875rem;text-decoration:none;transition:all .2s}.nav-link-variants:hover{color:#000;background:#a8d5ba}.pet-sleep-page__stage{background:#000;justify-content:center;display:flex}@media (width<=560px){.pet-sleep-page{padding-top:5.2rem}.wake-page-nav{z-index:230;inset:auto auto .65rem 50%;transform:translate(-50%)}.nav-link-variants{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0000009e}}.emotion-variant-generator{max-width:900px;margin:0 auto;padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.emotion-variant-generator h2{color:#333;margin-bottom:8px;font-size:24px}.subtitle{color:#666;margin-bottom:24px;font-size:14px}.emotion-variant-generator section{background:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;margin-bottom:32px;padding:20px}.emotion-variant-generator section h3{color:#495057;margin-bottom:16px;font-size:16px;font-weight:600}.samples-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin-bottom:16px;display:grid}.sample-card{cursor:pointer;text-align:left;background:#fff;border:2px solid #dee2e6;border-radius:8px;padding:12px;transition:all .2s}.sample-card:hover{border-color:#adb5bd;transform:translateY(-2px);box-shadow:0 2px 8px #0000001a}.sample-card.selected{background:#e7f5ff;border-color:#4dabf7}.sample-name{color:#212529;margin-bottom:4px;font-size:14px;font-weight:500}.sample-meta{color:#6c757d;gap:8px;font-size:12px;display:flex}.quality-badge{color:#155724;background:#d4edda;border-radius:4px;padding:2px 6px}.preview-section{margin-top:16px}.btn-preview{color:#fff;cursor:pointer;background:#6c757d;border:none;border-radius:6px;padding:10px 20px;font-size:14px;transition:background .2s}.btn-preview:hover{background:#5a6268}.btn-preview:disabled{cursor:not-allowed;background:#adb5bd}.styles-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.style-card{cursor:pointer;text-align:center;background:#fff;border:2px solid #dee2e6;border-radius:8px;padding:16px;transition:all .2s}.style-card:hover{border-color:#adb5bd;transform:translateY(-2px)}.style-card.selected{background:#d3f9d8;border-color:#40c057}.style-label{color:#212529;margin-bottom:4px;font-size:16px;font-weight:600}.style-description{color:#6c757d;font-size:12px}.generate-section{text-align:center;padding:32px}.btn-generate{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4dabf7 0%,#339af0 100%);border:none;border-radius:8px;padding:16px 32px;font-size:16px;font-weight:600;transition:all .2s;box-shadow:0 4px 12px #4dabf74d}.btn-generate:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #4dabf766}.btn-generate:disabled{cursor:not-allowed;box-shadow:none;background:#adb5bd}.variant-preview{background:#fff3cd;border-color:#ffc107}.variant-card{background:#fff;border:1px solid #ffc107;border-radius:8px;padding:16px}.variant-info{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.variant-style{color:#212529;font-size:18px;font-weight:600}.variant-duration{color:#6c757d;font-size:14px}.variant-params{color:#495057;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:16px;font-size:13px;display:grid}.btn-preview-variant{color:#fff;cursor:pointer;background:#20c997;border:none;border-radius:6px;flex:1;padding:12px;font-weight:500}.btn-preview-variant:disabled{background:#adb5bd}.btn-save{color:#fff;cursor:pointer;background:#339af0;border:none;border-radius:6px;flex:1;padding:12px;font-weight:500}.saved-variants{background:#e7f5ff;border-color:#4dabf7}.variants-list{flex-direction:column;gap:12px;display:flex}.saved-variant-card{background:#fff;border:1px solid #dee2e6;border-radius:8px;justify-content:space-between;align-items:center;padding:16px;display:flex}.saved-variant-card.approved{background:#f4fce3;border-color:#40c057}.variant-header{flex-direction:column;gap:4px;display:flex}.variant-style-tag{color:#212529;font-weight:600}.variant-date{color:#6c757d;font-size:12px}.variant-details{color:#495057;font-size:13px}.variant-actions{gap:8px;display:flex}.btn-approve{color:#fff;cursor:pointer;background:#40c057;border:none;border-radius:6px;padding:8px 16px;font-size:13px}.btn-approve:hover{background:#37b24d}.approved-badge{color:#2b8a3e;background:#d3f9d8;border-radius:6px;padding:8px 16px;font-size:13px;font-weight:500}.btn-delete{color:#fff;cursor:pointer;background:#fa5252;border:none;border-radius:6px;padding:8px 12px;font-size:13px}.btn-delete:hover{background:#e03131}.wake-usage-guide{background:#f3d9fa;border-color:#da77f2}.usage-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.usage-item{text-align:center;background:#fff;border-radius:8px;padding:12px}.usage-scenario{color:#862e9c;margin-bottom:4px;font-weight:600;display:block}.usage-styles{color:#6c757d;font-size:13px;display:block}.loading{text-align:center;color:#6c757d;padding:40px}@media (width<=768px){.styles-grid{grid-template-columns:repeat(2,1fr)}.usage-grid,.variant-params{grid-template-columns:1fr}.saved-variant-card{text-align:center;flex-direction:column;gap:12px}.variant-actions{justify-content:center;width:100%}}