*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{color:#e8eaf6;background:radial-gradient(at 50% 30%,#2b3050 0%,#15172a 70%);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow:hidden}.app{flex-direction:column;height:100dvh;display:flex}.viewer{flex:1;min-height:0;position:relative}.vrm-canvas{touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}.controls{padding:10px 16px calc(12px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(12px);background:#101222b3;border-top:1px solid #ffffff14;flex-direction:column;flex:none;align-items:center;gap:10px;display:flex}.controls__buttons{gap:12px;width:100%;max-width:420px;display:flex}.btn{color:#e8eaf6;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#ffffff1a;border:1px solid #ffffff29;border-radius:14px;flex:1;min-height:48px;padding:0 18px;font-size:16px;font-weight:600;transition:background .15s,transform 50ms}.btn:hover:not(:disabled){background:#ffffff2e}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.4;cursor:default}.btn--active{background:#5865f2;border-color:#707cf5}.btn--active:hover:not(:disabled){background:#6873f3}.controls__hint{color:#e8eaf699;text-align:center;min-height:1.2em;font-size:13px}.viseme-meter{gap:14px;display:flex}.viseme-meter__col{flex-direction:column;align-items:center;gap:4px;display:flex}.viseme-meter__track{background:#ffffff14;border-radius:5px;align-items:flex-end;width:10px;height:36px;display:flex;overflow:hidden}.viseme-meter__bar{transform-origin:bottom;will-change:transform;background:linear-gradient(#8be9fd,#5865f2);border-radius:5px;width:100%;height:100%;transform:scaleY(.04)}.viseme-meter__label{text-transform:uppercase;letter-spacing:.06em;color:#e8eaf680;font-size:10px}.tuning{top:calc(12px + env(safe-area-inset-top));z-index:10;flex-direction:column;align-items:flex-end;gap:8px;display:flex;position:absolute;right:12px}.tuning__toggle{color:#e8eaf6;cursor:pointer;-webkit-backdrop-filter:blur(12px);-webkit-tap-highlight-color:transparent;background:#101222b3;border:1px solid #ffffff29;border-radius:12px;width:44px;height:44px;font-size:20px}.tuning__panel{-webkit-backdrop-filter:blur(12px);background:#101222d9;border:1px solid #ffffff1f;border-radius:14px;flex-direction:column;gap:8px;width:min(280px,100vw - 24px);max-height:60dvh;padding:12px;display:flex;overflow-y:auto}.tuning__row{grid-template-columns:92px 1fr 38px;align-items:center;gap:8px;font-size:12px;display:grid}.tuning__row input[type=range]{accent-color:#5865f2;width:100%;min-height:24px}.tuning__label{color:#e8eaf6bf;text-transform:capitalize}.tuning__value{text-align:right;font-variant-numeric:tabular-nums;color:#e8eaf699}.tuning__group{text-transform:uppercase;letter-spacing:.08em;color:#e8eaf673;margin-top:4px;font-size:11px}.tuning__reset{color:#e8eaf6;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff29;border-radius:10px;min-height:36px;margin-top:6px;font-size:13px}