:root{color:#1c1d2a;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#e9eaf4;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body,html{margin:0;padding:0}button,input{font:inherit}.auth-modal-overlay{z-index:70;background:#1a1c2847;justify-content:center;align-items:center;padding:24px;display:flex;position:absolute;inset:0}.auth-modal-card{text-align:center;background:#fffffffa;border-radius:24px;width:100%;max-width:320px;padding:28px 22px 22px;box-shadow:0 18px 40px #1618282e}.auth-modal-title{color:#202733;font-size:20px;font-weight:700;line-height:1.4}.auth-modal-message{color:#6b7384;margin-top:10px;font-size:14px;line-height:1.72}.auth-modal-button{color:#fff;background:linear-gradient(#8f97ff 0%,#7d86fb 100%);border:none;border-radius:18px;width:100%;height:50px;margin-top:20px;font-size:16px;font-weight:700;box-shadow:0 12px 28px #7d86fb3d}.scenario-bar{z-index:30;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1c1f2ae0;border-radius:18px;padding:12px;position:absolute;top:12px;left:12px;right:12px;box-shadow:0 14px 30px #11121c38}.scenario-bar-label{letter-spacing:.04em;color:#ffffffad;margin-bottom:8px;font-size:11px;font-weight:700}.scenario-control-row{align-items:center;gap:10px;display:flex}.scenario-mode-row{flex:none;gap:8px;margin-bottom:0;display:flex}.scenario-mode-chip{color:#ffffffd1;background:#ffffff14;border:none;border-radius:999px;padding:7px 14px;font-size:12px;font-weight:600;line-height:1}.scenario-mode-chip.active{color:#fff;background:#ffffff2e}.scenario-chip-row{flex:auto;gap:8px;min-width:0;padding-bottom:2px;display:flex;overflow-x:auto}.scenario-chip-row::-webkit-scrollbar{display:none}.scenario-chip{color:#ffffffd1;background:#ffffff14;border:none;border-radius:999px;flex:none;padding:8px 12px;font-size:11px;line-height:1}.scenario-chip.active{color:#202733;background:#fff;font-weight:700}.audio-demo-wrapper{color:#202733;background:linear-gradient(#f6f7fc 0%,#f2f4fb 100%);border-radius:12px;width:100%;max-width:480px;height:800px;max-height:100vh;margin:0 auto;padding-top:78px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;position:relative;overflow:hidden;box-shadow:0 10px 40px #0000001a}.app-shell,.header-focus-shell,.home-screen,.device-page{background:linear-gradient(#f6f7fc 0%,#f2f4fb 100%)}.screen{position:absolute;inset:78px 0 0}.header-focus-screen{justify-content:center;align-items:flex-start;display:flex}.header-stage{width:100%;padding:20px 28px 0}.header-strip{grid-template-columns:minmax(0,1fr) 58px 34px;align-items:center;column-gap:14px;width:100%;height:84px;display:grid}.header-search-wrap{align-items:center;min-width:0;display:flex}.header-search-pill{background:#fff;border-radius:29px;align-items:center;gap:12px;width:100%;min-width:0;height:58px;padding:0 18px;display:flex}.header-search-icon{color:#232b36;flex:none;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.header-search-icon svg{width:30px;height:30px}.header-search-text{color:#c3c5cc;letter-spacing:.01em;white-space:nowrap;min-width:0;font-size:18px;line-height:1;overflow:hidden}.header-earbud-block{background:#f7ebea;border:none;border-radius:18px;justify-content:center;align-items:center;width:58px;height:58px;padding:0;display:flex}.header-earbud-block.connected{background:#fff}.header-earbud-image,.header-earbud-block svg{object-fit:contain;width:38px;height:38px;display:block}.header-message-block,.header-more-block{color:#232b36;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex;position:relative}.header-message-block{width:52px;height:52px}.header-message-block svg{width:38px;height:38px}.header-message-dot{background:#ff5a36;border-radius:50%;width:10px;height:10px;position:absolute;top:7px;right:5px}.header-more-block{width:34px;height:34px}.device-page{position:absolute;inset:78px 0 0}.device-page-topbar{justify-content:space-between;align-items:center;height:44px;padding:10px 18px 0;display:flex}.device-page-icon-button{color:#303648;background:0 0;border:none;justify-content:center;align-items:center;width:28px;height:28px;padding:0;display:flex}.device-page-icon-button svg{width:16px;height:16px}.device-page-title{text-align:center;color:#202733;flex:1;font-size:15px;font-weight:700}.device-page-spacer{width:28px;height:28px}.setup-page-body{flex-direction:column;align-items:center;padding:44px 28px 0;display:flex}.setup-illustration-card{background:linear-gradient(#fff 0%,#f3f6ff 100%);border-radius:32px;width:294px;height:224px;position:relative;box-shadow:0 22px 54px #2a365c14}.setup-illustration-lid{background:linear-gradient(#eef2ff 0%,#e2e8ff 100%);border-radius:44px 44px 28px 28px;width:176px;height:74px;position:absolute;top:28px;left:50%;transform:translate(-50%);box-shadow:inset 0 -8px 12px #a9b4e53d}.setup-illustration-base{background:linear-gradient(#fff 0%,#e9edff 100%);border-radius:38px 38px 30px 30px;width:198px;height:92px;position:absolute;bottom:34px;left:50%;transform:translate(-50%);box-shadow:0 18px 26px #97a3d62e}.setup-earbud{background:linear-gradient(#d8def6 0%,#bac6ef 100%);border-radius:22px 22px 18px 18px;width:42px;height:42px;position:absolute;top:22px}.setup-earbud:after{content:"";background:#c8d1f3;border-radius:999px;width:10px;height:24px;position:absolute;bottom:-10px;left:50%;transform:translate(-50%)}.setup-earbud-left{left:48px}.setup-earbud-right{right:48px}.setup-case-indicator{background:#b7c1ea;border-radius:999px;width:38px;height:6px;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.setup-instruction-list{color:#4b5364;width:294px;max-width:100%;margin:34px 0 0;padding-left:22px;font-size:13px;line-height:1.8}.setup-footer,.ota-footer{position:absolute;bottom:34px;left:24px;right:24px}.setup-primary-button{color:#fff;background:linear-gradient(#8f97ff 0%,#7d86fb 100%);border:none;border-radius:18px;width:100%;height:50px;font-size:16px;font-weight:700;box-shadow:0 12px 28px #7d86fb3d}.bluetooth-page{background:#f6f7fb}.bluetooth-topbar{padding-top:10px}.bluetooth-page-body{padding:32px 18px 0}.bluetooth-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 10px 30px #1f23350f}.bluetooth-card-header{color:#8d93a3;border-bottom:1px solid #eef0f5;padding:14px 16px 10px;font-size:11px}.bluetooth-device-row{color:#1f2430;justify-content:space-between;align-items:center;padding:16px;font-size:13px;display:flex}.bluetooth-device-status{color:#5b8cff;font-size:11px}.connected-illustration{width:214px;height:128px;position:relative}.connected-lid{background:linear-gradient(#fafafa 0%,#e6e6e6 100%);border-radius:999px 999px 18px 18px;width:150px;height:30px;position:absolute;top:0;left:50%;transform:translate(-50%);box-shadow:inset 0 -5px 8px #b4b4b43d,0 4px 10px #a8a8a824}.connected-base{background:linear-gradient(#fff 0%,#eee 100%);border-radius:999px 999px 26px 26px;width:172px;height:86px;position:absolute;bottom:0;left:50%;transform:translate(-50%);box-shadow:inset 0 -8px 10px #bcbcbc38,0 10px 20px #b5b5b529}.connected-case-notch{background:#d9d9d9;border-radius:0 0 8px 8px;width:38px;height:10px;position:absolute;top:3px;left:50%;transform:translate(-50%)}.connected-earbud-shell{background:linear-gradient(#fefefe 0%,#f1f1f1 100%);border:2px solid #d7d7d7;border-radius:999px;width:64px;height:50px;position:absolute;top:16px;box-shadow:inset 0 -6px 10px #cacaca2e}.connected-earbud-shell-left{left:16px}.connected-earbud-shell-right{right:16px}.connected-earbud-core{border-top:4px solid #9d9d9d;border-left:4px solid #0000;border-right:4px solid #0000;border-radius:24px 24px 0 0;width:34px;height:17px;position:absolute;top:13px}.connected-earbud-core-left{left:10px;transform:rotate(-18deg)}.connected-earbud-core-right{right:10px;transform:rotate(18deg)scaleX(-1)}.connected-earbud-stem{background:linear-gradient(#fafafa 0%,#ddd 100%);border-radius:12px;width:16px;height:34px;position:absolute;bottom:6px;box-shadow:inset 0 -4px 6px #b9b9b92e}.connected-earbud-stem-left{left:34px;transform:rotate(8deg)}.connected-earbud-stem-right{right:34px;transform:rotate(-8deg)}.device-overview-page{background:linear-gradient(#f7f8fd 0%,#f2f4fb 100%)}.device-overview-topbar{padding-top:12px}.device-overview-title{font-size:16px}.device-overview-body{height:calc(100% - 44px);padding:12px 20px 120px;overflow-y:auto}.device-overview-body.compact{flex-direction:column;align-items:center;padding-top:44px;display:flex}.device-hero-section{text-align:center;padding:8px 8px 0}.device-hero-section.compact{padding:0}.device-hero-name{color:#171c28;font-size:30px;font-weight:400;line-height:1.15}.device-hero-subtitle{color:#80889a;margin-top:8px;font-size:13px;line-height:1.6}.device-hero-section .connected-illustration{width:236px;height:140px;margin:26px auto 0}.device-hero-section.compact .connected-illustration{width:258px;height:152px;margin-top:0}.device-battery-card,.device-section-card,.ota-detail-hero-card,.ota-detail-section-card,.ota-result-hero-card{background:#fffffff5;border-radius:28px;box-shadow:0 18px 50px #20284514}.device-battery-inline-section{margin-top:34px}.device-status-row{display:flex}.device-status-inline-row{align-items:flex-start;gap:34px}.device-status-item{flex-direction:column;flex:1;align-items:center;gap:8px;display:flex}.device-status-item.compact{flex:none;gap:10px}.device-status-item svg{width:30px;height:20px}.device-status-item span{color:#36ab62;font-size:15px;font-weight:700;line-height:1}.device-status-item.compact span{font-size:12px;font-weight:500}.device-status-item small{color:#8b92a3;font-size:12px}.device-single-entry-card{width:100%;box-shadow:none;background:0 0;border:1px solid #d6dce8b3;border-left:none;border-right:none;border-radius:0;margin-top:40px;padding:0}.device-meta-row{text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;height:56px;padding:0 2px;display:flex}.device-meta-label{color:#202733;font-size:15px;font-weight:600}.device-meta-value-wrap{align-items:center;gap:8px;display:flex}.device-meta-dot{background:#ff5a36;border-radius:50%;width:7px;height:7px;box-shadow:0 0 10px #ff5a362e}.device-meta-value,.device-meta-arrow{color:#8d95a6;font-size:14px}.device-meta-value.highlight{color:#5e6680;font-weight:600}.device-meta-arrow{font-size:18px;line-height:1}.ota-light-page,.device-overview-page{background:linear-gradient(#f7f8fd 0%,#f2f4fb 100%)}.device-overview-page .device-page-icon-button,.ota-light-page .device-page-icon-button{color:#303648}.device-overview-page .device-overview-title,.ota-light-page .ota-light-title,.ota-light-page .device-page-title{color:#202733}.device-overview-page .connected-lid,.ota-light-page .connected-lid{background:linear-gradient(#fafafa 0%,#e6e6e6 100%);box-shadow:inset 0 -5px 8px #b4b4b43d,0 4px 10px #a8a8a824}.device-overview-page .connected-base,.ota-light-page .connected-base{background:linear-gradient(#fff 0%,#eee 100%);box-shadow:inset 0 -8px 10px #bcbcbc38,0 10px 20px #b5b5b529}.device-overview-page .connected-case-notch,.ota-light-page .connected-case-notch{background:#d9d9d9}.device-overview-page .connected-earbud-shell,.ota-light-page .connected-earbud-shell{background:linear-gradient(#fefefe 0%,#f1f1f1 100%);border-color:#d7d7d7;box-shadow:inset 0 -6px 10px #cacaca2e}.device-overview-page .connected-earbud-core,.ota-light-page .connected-earbud-core{border-top-color:#9d9d9d}.device-overview-page .connected-earbud-stem,.ota-light-page .connected-earbud-stem{background:linear-gradient(#fafafa 0%,#ddd 100%);box-shadow:inset 0 -4px 6px #b9b9b92e}.device-status-item.compact span{color:#6f7788;font-size:12px;font-weight:500}.ota-light-topbar.no-back{justify-content:center}.ota-light-topbar.no-back .device-page-title{flex:0 auto}.ota-light-topbar.no-back .device-page-spacer{width:28px;height:28px}.ota-light-topbar{padding-top:12px}.ota-light-title{color:#202733;font-size:15px;font-weight:600}.ota-progress-page .ota-light-title{color:#6f7788;font-size:15px;font-weight:600}.ota-detail-scroll{height:calc(100% - 44px);padding:16px 20px 108px;overflow-y:auto}.ota-detail-scroll.sheet-open{padding-bottom:360px}.ota-page-hero{padding:4px 2px 22px}.ota-page-hero.progress-hero{text-align:center;max-width:388px;margin:0 auto}.ota-availability-inline{color:#4e5668;align-items:center;gap:8px;font-size:13px;font-weight:600;display:inline-flex}.ota-availability-inline.muted{color:#6c7486}.ota-inline-dot{background:#ff5a36;border-radius:50%;width:7px;height:7px}.ota-inline-dot.progress{background:#7d8aff}.ota-detail-headline{color:#1d2330;margin-top:16px;font-size:24px;font-weight:700;line-height:1.28}.ota-page-hero.progress-hero .ota-detail-headline{margin-top:0}.progress-headline.refined-progress-title{letter-spacing:-.01em;font-size:26px;font-weight:700;line-height:1.24}.ota-detail-subtitle{color:#7b8394;margin-top:10px;font-size:13px;line-height:1.75}.ota-version-inline-row{color:#1d2330;align-items:center;gap:12px;margin-top:16px;font-size:20px;line-height:1.08;display:inline-flex}.ota-page-section{border-top:1px solid #dce1ece0;margin-top:18px;padding-top:18px}.ota-page-section.first{margin-top:6px}.ota-page-section.subtle{padding-bottom:6px}.ota-page-section-title{letter-spacing:-.01em;color:#202733;font-size:18px;font-weight:700;line-height:1.36}.plain-list{margin:14px 0 0;padding-left:0;list-style:none}.plain-list li{color:#5f6778;padding-left:18px;font-size:14px;line-height:1.8;position:relative}.plain-list li:before{content:"";background:#aab3c6;border-radius:50%;width:6px;height:6px;position:absolute;top:10px;left:0}.compact-list li+li{margin-top:10px}.ota-assurance-copy{color:#6b7384;margin-top:12px;font-size:14px;line-height:1.8}.ota-action-button{height:50px}.ota-progress-percent.prominent{letter-spacing:0;color:#6f7788;margin-top:0;font-size:14px;font-weight:650;line-height:1}.plain-track{margin-top:0}.ota-progress-inline-row{align-items:center;gap:10px;margin-top:24px;display:flex}.ota-progress-inline-row.preparing,.ota-progress-inline-row.upgrading{background:0 0;border:none}.inline-progress-track{flex:1}.inline-percent{text-align:right;background:0 0;border-radius:0;flex:none;justify-content:flex-end;align-items:center;min-width:44px;height:auto;padding:0;display:inline-flex}.inline-percent.preparing,.inline-percent.upgrading{background:0 0}.inline-percent.preparing{color:#7a8294}.inline-percent.upgrading{color:#5f6bff}.ota-progress-track.refined{background:linear-gradient(#f0f3f8 0%,#e6eaf3 100%);border-radius:999px;width:100%;height:4px;overflow:hidden}.ota-progress-fill{border-radius:inherit;background:linear-gradient(90deg,#8e96ff 0%,#6674ff 100%);height:100%}.ota-progress-fill.preparing{background:linear-gradient(90deg,#aab0ff 0%,#8f98ff 100%)}.ota-progress-fill.upgrading{background:linear-gradient(90deg,#7d88ff 0%,#5e6cff 100%)}.ota-progress-stage.preparing{color:#8a91a3}.ota-progress-stage.upgrading{color:#6f7788}.progress-notes-section{margin-top:24px}.plain-note-block{color:#7b8394;text-align:left;gap:8px;margin-top:12px;padding:0;font-size:13px;line-height:1.7;display:grid}.ota-result-scroll{padding-top:44px}.plain-state-scroll{justify-content:center;align-items:center;display:flex}.ota-plain-state{text-align:center;width:100%;padding:20px 4px 0}.ota-result-icon.light{border-radius:50%;justify-content:center;align-items:center;width:90px;height:90px;margin:0 auto;font-size:34px;font-weight:700;display:flex}.ota-result-icon.light.success{color:#4ea96b;background:#55c07824}.ota-result-icon.light.failed{color:#ef6a6a;background:#ff787824}.ota-result-title.light{color:#202733;margin-top:18px;font-size:24px;font-weight:700;line-height:1.28}.ota-result-subtitle.light{color:#7e8697;margin-top:10px;font-size:14px;line-height:1.68}.ota-up-to-date-version{color:#8b92a3;margin-top:12px;font-size:14px;line-height:1.64}.setup-primary-button.secondary{color:#fff;background:linear-gradient(#8f97ff 0%,#7d86fb 100%);box-shadow:0 12px 28px #7d86fb3d}.sheet-overlay{z-index:60;background:#1a1c282e;justify-content:center;align-items:flex-end;padding:24px 16px;display:flex;position:absolute;inset:0}.sheet-card{background:#fffffffa;border-radius:24px;width:100%;max-width:448px;padding:12px 20px 20px;box-shadow:0 -8px 30px #1618281f}.sheet-handle{background:#8a92a252;border-radius:999px;width:38px;height:4px;margin:0 auto 16px}.sheet-title{color:#202733;font-size:20px;font-weight:700;line-height:1.4}.sheet-message{color:#6b7384;margin-top:10px;font-size:14px;line-height:1.7}.sheet-button{color:#fff;background:linear-gradient(#8f97ff 0%,#7d86fb 100%);border:none;border-radius:18px;width:100%;height:50px;margin-top:20px;font-size:16px;font-weight:700;box-shadow:0 12px 28px #7d86fb3d}.ota-detail-hero-card.ota-intro-card{padding-bottom:22px}.ota-condition-list.refined,.ota-update-list.refined{margin-top:16px;padding-left:0;list-style:none}.ota-condition-list.refined li,.ota-update-list.refined li{padding-left:18px;position:relative}.ota-condition-list.refined li:before,.ota-update-list.refined li:before{content:"";background:#6978ff;border-radius:50%;width:6px;height:6px;position:absolute;top:10px;left:0}.ota-condition-list.spaced li+li,.ota-update-list.refined li+li,.compact-list li+li{margin-top:10px}.ota-assurance-note{color:#5863df;background:linear-gradient(#5f6fff14 0%,#5f6fff0a 100%);border-radius:18px;margin-top:16px;padding:14px 16px;font-size:13px;line-height:1.7}.ota-assurance-note.subtle{color:#6972a7;background:#5f6fff0f;margin-top:18px}.ota-progress-scroll.refined-scroll{padding-bottom:126px}.refined-state-card{padding-bottom:26px}.progress-badge{min-width:92px}.refined-progress-card{padding-bottom:18px}.ota-progress-track.refined.large{height:12px}.ota-progress-stage{color:#697183;margin-top:14px;font-size:13px;line-height:1.7}.note-card{padding-bottom:22px}.refined-result-scroll{padding-top:44px}.refined-result-card{padding-top:38px}.refined-result-note-card{padding-bottom:22px}.compact-ota-flow{padding-top:18px}.compact-hero{text-align:center;padding-bottom:12px}.ota-detail-headline.compact{letter-spacing:-.01em;margin-top:0;font-size:18px;line-height:1.4}.ota-version-inline-row.compact{color:#5f6778;margin-top:10px;font-size:16px;font-weight:500}.ota-version-inline-strong{letter-spacing:-.01em;font-weight:600}.ota-version-arrow{color:#a0a7b7;font-weight:400}.compact-section{margin-top:12px;padding-top:14px}.ota-brief-copy{color:#61697b;margin-top:12px;font-size:14px;line-height:1.75}.ota-brief-list{color:#6a7284;gap:12px;margin-top:14px;font-size:14px;line-height:1.78;display:grid}.ota-footnote-copy{color:#9198a8;margin-top:18px;font-size:13px;line-height:1.64}.refined-note-block{gap:10px}.audio-demo-wrapper{color:#1c1d2a;background:#f7f8fa;border-radius:12px;flex-direction:column;width:100%;max-width:480px;height:800px;max-height:100vh;margin:0 auto;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 40px #0000001a}.list-page{flex-direction:column;flex:1;min-height:0;display:flex}button{cursor:pointer;background:0 0;border:none;outline:none}.top-header{background:#fff;flex-shrink:0;align-items:center;padding:12px 16px;display:flex}.edit-header{background:#fff;border-bottom:1px solid #f2f3f7;flex-shrink:0;justify-content:space-between;align-items:center;height:60px;padding:12px 16px;display:flex}.edit-header-btn{color:#1c1d2a;font-size:16px;font-weight:500}.edit-header-btn.main-color{color:#7b3ff2}.edit-header-btn.disabled-text{color:#c8cad8}.edit-title{font-size:16px;font-weight:600}.search-bar{background:#fff;border:1px solid #ededf3;border-radius:20px;flex:1;align-items:center;margin-right:12px;padding:6px 12px;display:flex}.search-bar input{background:0 0;border:none;outline:none;width:100%;margin-left:8px;font-size:14px}.header-icons{gap:8px;display:flex}.icon-btn{background:#f7f8fa;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;display:flex}.tabs-view{background:#fff;border-bottom:1px solid #f2f3f7;flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.tabs-group{gap:8px;display:flex}.tab{color:#5b5d76;cursor:pointer;background:#fff;border:1px solid #ededf3;border-radius:20px;padding:6px 16px;font-size:14px;transition:all .2s}.tab.active{color:#fff;background:#1c1d2a;border-color:#1c1d2a}.filter-icon{color:#8a8cc4;font-size:12px}.list-content{-webkit-overflow-scrolling:touch;flex:1;min-height:0;padding:16px;overflow-y:auto}.date-header{color:#8a8cc4;margin-bottom:12px;font-size:14px;font-weight:500}.batch-checkbox{box-sizing:border-box;background:#fff;border:1.5px solid #dcdcdc;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;transition:all .2s;display:flex}.batch-checkbox.checked{background:#1c1d2a;border-color:#1c1d2a}.check-mark{border:2px solid #fff;border-width:0 2px 2px 0;width:6px;height:10px;margin-bottom:2px;transform:rotate(45deg)}.batch-checkbox.disabled{opacity:.5;background:#eee;border-color:#eee}.batch-checkbox.overlay-pos{z-index:5;margin-top:-11px;animation:.3s fadeSlideIn;position:absolute;top:50%;right:16px}@keyframes fadeSlideIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.audio-card-container{background:#f7f8fa;border-radius:12px;margin-bottom:16px;position:relative;overflow:hidden}.card-wrapper{background:#f7f8fa}.audio-card{z-index:2;will-change:transform;background:#fff;border:1px solid #f2f3f7;border-radius:12px;padding:16px;transition:transform,background-color .2s,border-color .2s;position:relative}.audio-card.animate-snap{transition:transform .3s cubic-bezier(.2,.8,.2,1)}.audio-card.selected{background-color:#f8f6ff;border-color:#e3d9fa}.card-title{color:#1c1d2a;margin:0 0 12px;font-size:16px;font-weight:600}.card-status{margin-bottom:8px;font-size:13px}.card-meta{color:#8a8cc4;font-size:12px}.load-more-tip{text-align:center;color:#8a8cc4;padding:12px 0 18px;font-size:12px}.batch-bar{bottom:calc(20px + env(safe-area-inset-bottom,0px));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:180;background:#fffffff2;border:1px solid #e9eaef;border-radius:16px;justify-content:center;align-items:center;width:calc(100% - 32px);padding:12px 0;transition:all .4s cubic-bezier(.2,.8,.2,1);display:flex;position:absolute;left:50%;transform:translate(-50%)translateY(calc(100% + 40px));box-shadow:0 6px 24px #00000014}.batch-bar.show{transform:translate(-50%)translateY(0)}.batch-actions{justify-content:space-around;width:100%;display:flex}.action-btn{color:#5b5d76;opacity:1;flex-direction:column;align-items:center;gap:6px;transition:all .2s;display:flex}.action-btn.disabled{opacity:.3;pointer-events:none}.action-btn.danger{color:#f53f3f}.action-icon{font-size:20px;display:flex}.action-text{font-size:12px}.detail-page{z-index:100;background:#fff;flex-direction:column;width:100%;height:100%;transition:all .3s;display:flex;position:absolute;top:0;left:0;transform:translate(100%)}.detail-page.show{transform:translate(0)}.detail-header{border-bottom:1px solid #e9eaef;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.back-btn{color:#1c1d2a;padding:0 12px 0 0;font-size:28px}.header-pill{cursor:pointer;border-radius:20px;align-items:center;gap:6px;margin-right:auto;padding:6px 16px;font-size:14px;font-weight:500;display:flex}.header-pill.assigned{color:#5c62ee;background:#eef2ff}.header-pill.unassigned{color:#1d1e2c;background:#f2f3f7}.pill-icon{font-size:14px}.pill-text{white-space:nowrap;text-overflow:ellipsis;max-width:150px;overflow:hidden}.pill-arrow{opacity:.6;font-size:12px}.more-btn{color:#1c1d2a;padding:0 8px;font-size:20px;font-weight:700}.player-area{color:#fff;background:#000;align-items:center;padding:24px 20px;font-size:13px;display:flex}.progress-bar{background:#fff3;flex:1;height:2px;margin:0 16px;position:relative}.progress-fill{background:#fff;width:30%;height:100%;position:absolute;top:0;left:0}.detail-title-area{padding:20px}.detail-title-area h2{margin:0 0 12px;font-size:20px}.detail-info{color:#8a8cc4;gap:16px;margin-bottom:24px;font-size:12px;display:flex}.detail-tabs{border-bottom:1px solid #e9eaef;margin-bottom:20px;display:flex}.d-tab{text-align:center;color:#1d1e2c;flex:1;padding:12px 0;font-size:15px;position:relative}.d-tab.active{color:#7b3ff2;font-weight:600}.d-tab.active:after{content:"";background:#7b3ff2;border-radius:3px 3px 0 0;width:40px;height:3px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.transcript-area .speaker{font-size:13px;font-weight:500}.transcript-area .text{color:#1d1e2c;margin:0;font-size:15px;line-height:1.5}.overlay{z-index:200;opacity:0;pointer-events:none;background:#00000080;align-items:flex-end;transition:all .3s;display:flex;position:absolute;inset:0}.overlay.show{opacity:1;pointer-events:auto}.overlay.center{justify-content:center;align-items:center}.bottom-sheet{background:#fff;border-radius:20px;width:calc(100% - 32px);margin:0 16px 18px;padding:8px;transition:all .3s cubic-bezier(.2,.8,.2,1);transform:translateY(120%);box-shadow:0 18px 48px #0000002e}.overlay.show .bottom-sheet{transform:translateY(0)}.sheet-action{color:#1c1d2a;text-align:center;background:#fff;border-radius:16px;justify-content:center;align-items:center;gap:8px;width:100%;padding:16px;font-size:16px;font-weight:600;display:flex}.sheet-action:active{background:#fff6f6}.sheet-action.danger{color:#f53f3f}.sheet-action-icon{color:#f53f3f;justify-content:center;align-items:center;display:flex}.sheet-action-icon svg{width:20px;height:20px}.sheet-divider{background:#e9eaef;height:1px;margin:0}.modal-box{background:#fff;border-radius:16px;width:80%;padding:24px}.modal-title{color:#1c1d2a;text-align:left;margin:0 0 12px;font-size:18px;font-weight:700}.modal-desc{color:#8a8cc4;text-align:left;margin:0 0 24px;font-size:14px;line-height:1.4}.rename-input-container{border:1px solid #ededf3;border-radius:12px;margin-bottom:24px;padding:8px 12px}.rename-label{color:#8a8cc4;text-align:left;margin-bottom:4px;font-size:12px}.rename-input{color:#1c1d2a;border:none;outline:none;width:100%;font-size:15px}.modal-actions{justify-content:space-between;gap:16px;display:flex}.modal-actions button{border-radius:24px;flex:1;padding:12px;font-size:15px;font-weight:500}.btn-cancel{color:#8a8cc4;background:#f7f8fa;border:none}.btn-confirm{color:#fff;background:#7b3ff2;border:none}.demo-toast{color:#fff;z-index:300;background:#000c;border-radius:20px;padding:10px 24px;font-size:14px;animation:.3s forwards fadein;position:absolute;top:120px;left:50%;transform:translate(-50%)}@keyframes fadein{0%{opacity:0;transform:translate(-50%,-10px)}to{opacity:1;transform:translate(-50%)}}.app-root{background:radial-gradient(circle at 20% 0,#7b3ff23d,#0000 32%),linear-gradient(#f5f3ff 0%,#eceef6 48%,#e7e9f2 100%);justify-content:center;align-items:stretch;width:100vw;min-height:100vh;display:flex;overflow:hidden}.update-notice-shell{top:max(10px, env(safe-area-inset-top));z-index:1300;padding-bottom:12px;position:sticky}.update-notice-card{color:#fff;background:#1c1d2af0;border-radius:22px;justify-content:space-between;align-items:center;gap:14px;padding:14px 16px;display:flex;box-shadow:0 18px 40px #1c1d2a2e}.update-notice-copy{min-width:0}.update-notice-kicker{letter-spacing:.08em;text-transform:uppercase;color:#ffffffad;font-size:11px}.update-notice-title{margin-top:4px;font-size:14px;font-weight:700;line-height:1.45}.update-notice-actions{flex:none;align-items:center;gap:8px;display:flex}.update-notice-btn{cursor:pointer;border:0;border-radius:999px;padding:10px 14px;font-size:13px;font-weight:700}.update-notice-btn.secondary{color:#ffffffc7;background:#ffffff14}.update-notice-btn.primary{color:#1c1d2a;background:#fff}.home-shell{width:100%;max-width:480px;min-height:100vh;padding:max(22px, env(safe-area-inset-top)) 18px max(28px, env(safe-area-inset-bottom));overflow-y:auto}.fixed-home-shell{grid-template-rows:auto minmax(0,1fr);gap:16px;display:grid;overflow:hidden}.home-fixed-header{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(#f5f3fff5 0%,#eceef6e6 74%,#eceef600 100%);flex:none;padding-bottom:6px;position:relative}.home-scroll-content{flex:1;min-height:0;padding-bottom:32px;overflow-y:auto}.home-hero{color:#fff;background:linear-gradient(135deg,#1c1d2af0,#5637b1f0),radial-gradient(circle at 85% 10%,#fff6,#0000 24%);border-radius:28px;justify-content:space-between;gap:18px;padding:24px 20px;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 48px #2c23533d}.home-hero:after{content:"";background:#ffffff1f;border-radius:50%;width:160px;height:160px;position:absolute;bottom:-52px;right:-42px}.hero-build-chip{z-index:2;color:#ffffffdb;letter-spacing:.04em;background:#ffffff24;border:1px solid #ffffff2e;border-radius:999px;padding:7px 10px;font-size:11px;font-weight:700;position:absolute;top:18px;right:18px}.home-hero h1{letter-spacing:-.04em;margin:0;font-size:28px;line-height:1.12}.home-hero p{color:#ffffffb8;max-width:250px;margin:12px 0 0;font-size:14px;line-height:1.55}.demo-list{gap:14px;display:grid}.demo-card{text-align:left;width:100%;color:inherit;cursor:pointer;background:#ffffffe6;border:0;border-radius:26px;padding:16px;display:block;box-shadow:0 16px 34px #30304a1a}.demo-card:active{transform:scale(.985)}.demo-card-top,.demo-main-row,.metric-row{align-items:center;display:flex}.demo-card-top{justify-content:space-between;margin-bottom:16px}.status-pill,.metric-row span{border-radius:999px;font-size:12px;font-weight:700}.status-pill{color:#23a26d;background:#23a26d1a;padding:6px 9px}.demo-main-row{gap:13px}.demo-icon{color:#fff;border-radius:19px;flex:none;justify-content:center;align-items:center;width:58px;height:58px;font-size:13px;font-weight:800;display:flex;box-shadow:0 12px 22px #7b3ff240}.demo-copy{flex:1;min-width:0}.demo-copy h3{letter-spacing:-.02em;margin:0 0 6px;font-size:18px}.demo-copy p{color:#777a96;margin:0;font-size:13px;line-height:1.38}.card-arrow{color:#7b3ff2;background:#7b3ff21a;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:24px;line-height:1;display:flex}.demo-summary{color:#5b5d76;background:#f7f8fa;border-radius:16px;margin:16px 0 12px;padding:12px;font-size:13px;line-height:1.5}.metric-row{gap:8px}.metric-row span{color:#5b5d76;background:#f1f2f7;padding:6px 10px}.preview-root{background:#1c1d2a}.preview-shell{background:#e9eaf4;flex-direction:column;width:100%;max-width:480px;min-height:100vh;display:flex}.preview-topbar{padding:max(12px, env(safe-area-inset-top)) 16px 12px;z-index:500;background:#fffffff5;border-bottom:1px solid #ededf3;align-items:center;gap:12px;display:flex}.back-button{color:#1c1d2a;cursor:pointer;background:#f2f3f7;border:0;border-radius:14px;width:38px;height:38px;font-size:32px;line-height:1}.preview-kicker{color:#8a8cc4;letter-spacing:.08em;text-transform:uppercase;font-size:11px}.preview-title{margin-top:2px;font-size:16px;font-weight:800}.preview-content{flex:1;justify-content:center;align-items:stretch;min-height:0;display:flex}.preview-content .audio-demo-wrapper{height:calc(100vh - 63px);max-height:none;box-shadow:none;border-radius:0}.simple-hero{text-align:center;justify-content:center;align-items:center}.refined-hero{min-height:168px;padding:24px 22px}.fixed-home-hero{min-height:156px}.centered-hero-copy{flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex}.centered-hero-copy h1{margin:0}.centered-hero-copy p{max-width:320px;margin:12px 0 0}.simple-hero .hero-copy{width:100%}.simple-hero h1{margin:0}.hero-caption{letter-spacing:.12em;text-transform:uppercase;color:#ffffffd1;background:#ffffff24;border:1px solid #ffffff2e;border-radius:999px;margin-bottom:12px;padding:7px 14px;font-size:11px;font-weight:700}.elevated-hero{box-shadow:0 24px 56px #2c235342}.filter-panel{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffc2;border:1px solid #ffffffb8;border-radius:24px;margin-top:18px;padding:18px 16px 16px;box-shadow:0 16px 34px #30304a14}.fixed-filter-panel{margin-top:14px}.filter-panel-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.refined-filter-header,.compact-filter-header{margin-bottom:12px}.filter-kicker{color:#8a8cc4;letter-spacing:.08em;text-transform:uppercase;margin-bottom:4px;font-size:11px}.filter-title{color:#1c1d2a;font-size:18px;font-weight:700}.version-selector-trigger{text-align:left;color:#1c1d2a;background:linear-gradient(#fffffffa,#f5f2fff2);border:0;border-radius:22px;justify-content:space-between;align-items:center;gap:14px;width:100%;padding:16px 18px;display:flex;box-shadow:inset 0 1px #ffffffdb,0 10px 28px #483d7614}.version-selector-trigger.open{box-shadow:inset 0 1px #ffffffe6,0 16px 32px #5b40b024}.selector-trigger-main{min-width:0}.selector-trigger-side{flex-direction:column;flex:none;align-items:flex-end;gap:6px;display:flex}.selector-trigger-hint{color:#8a8cc4;font-size:11px}.selector-label{color:#8a8cc4;margin-bottom:6px;font-size:12px}.selector-value-row{align-items:center;gap:8px;display:flex}.selector-value{letter-spacing:-.04em;font-size:24px;font-weight:800}.selector-caret{color:#7b3ff2;font-size:16px;transform:translateY(1px)}.selector-count-pill{color:#6b41d9;white-space:nowrap;background:#7b3ff214;border-radius:999px;flex:none;padding:8px 12px;font-size:12px;font-weight:700}.selector-sheet-overlay{padding:0 12px max(12px, env(safe-area-inset-bottom));z-index:1600;background:#10121e52;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.selector-sheet{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#fafafffa;border-radius:30px 30px 24px 24px;width:100%;max-width:480px;padding:10px 16px 18px;box-shadow:0 -8px 36px #14142a38}.selector-sheet-handle{background:#d5d8e7;border-radius:999px;width:42px;height:5px;margin:0 auto 14px}.selector-sheet-title{color:#1c1d2a;font-size:18px;font-weight:800}.selector-sheet-subtitle{color:#7a7e98;margin-top:6px;font-size:13px;line-height:1.45}.selector-option-list{gap:10px;margin-top:16px;display:grid}.selector-option{text-align:left;background:#fff;border:1px solid #eceaf8;border-radius:20px;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:15px 16px;display:flex}.selector-option.active{background:linear-gradient(135deg,#7b3ff21f,#fffffffa);border-color:#7b3ff238;box-shadow:0 10px 24px #7b3ff21f}.selector-option-main{flex-direction:column;gap:4px;min-width:0;display:flex}.selector-option-title{color:#1c1d2a;font-size:16px;font-weight:700}.selector-option-desc{color:#777a96;font-size:13px;line-height:1.45}.selector-option-side{flex:none;align-items:center;gap:10px;display:flex}.selector-option-count{color:#5b5d76;background:#f2f3fa;border-radius:14px;justify-content:center;align-items:center;min-width:28px;height:28px;padding:0 8px;font-size:12px;font-weight:700;display:inline-flex}.selector-option-check{color:#7b3ff2;font-size:16px;font-weight:800}.demo-card-badges{align-items:center;gap:8px;display:flex}.version-pill{color:#5a33c9;background:#7b3ff214;border-radius:999px;padding:6px 9px;font-size:12px;font-weight:700}.compact-demo-list{margin-top:6px;padding-bottom:8px}.unified-preview-content{background:#e9eaf4;padding:0;overflow-y:auto}.unified-preview-content .audio-demo-wrapper,.unified-preview-content .device-demo-shell{width:100%;max-width:480px;box-shadow:none;border-radius:0;margin:0 auto;overflow:hidden}.unified-preview-content .audio-demo-wrapper{height:calc(100vh - 63px);max-height:none}.unified-preview-content .device-page,.unified-preview-content .screen,.unified-preview-content .device-demo-shell{max-width:480px}@media (width<=480px){.home-shell{padding-left:14px;padding-right:14px}.update-notice-card{flex-direction:column;align-items:flex-start}.update-notice-actions{justify-content:flex-end;width:100%}.version-selector-trigger{flex-direction:column;align-items:flex-start}.selector-trigger-side{flex-direction:row;justify-content:space-between;align-items:center;width:100%}}