.clone-voice-wrapper{width:100%;max-width:1200px;margin:0 auto;padding:110px 1.5rem 4rem 1.5rem;box-sizing:border-box;color:hsl(var(--text-primary));font-family:var(--font-primary, system-ui, -apple-system, sans-serif)}.voice-hero{text-align:center;margin-bottom:1.8rem}.voice-badge-pill{display:inline-flex;align-items:center;gap:6px;padding:5px 14px;border-radius:9999px;background:linear-gradient(135deg,hsl(var(--primary) / .12),hsl(var(--warning) / .15));border:1.5px solid hsl(var(--primary) / .35);color:hsl(var(--primary));font-size:.76rem;font-weight:700;margin-bottom:.75rem;box-shadow:0 2px 8px hsl(var(--primary) / .08)}.voice-hero-title{font-size:clamp(1.5rem, 2.8vw, 2rem);font-weight:800;line-height:1.25;margin:0 0 .5rem 0;background:linear-gradient(135deg,#1f140e 0,#b85408 50%,#d96f14 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.3px}.voice-hero-subtitle{font-size:.86rem;color:hsl(var(--text-secondary));max-width:580px;margin:0 auto;line-height:1.55;font-weight:500}.voice-specs-banner{background:#fff;border:1.5px solid hsl(var(--border));border-radius:16px;padding:16px 20px;margin-bottom:24px;display:flex;align-items:flex-start;gap:16px;box-shadow:0 4px 18px rgba(42,35,27,.04)}.voice-specs-banner .specs-icon{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,hsl(var(--primary) / .15),hsl(var(--warning) / .15));color:hsl(var(--primary));border:1px solid hsl(var(--primary) / .3);display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0}.voice-specs-banner .specs-content{flex:1}.voice-specs-title{font-size:.92rem;font-weight:800;margin:0 0 8px 0;color:#b85408;display:flex;align-items:center;gap:6px}.voice-specs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:8px 18px;font-size:.82rem;color:hsl(var(--text-secondary))}.voice-specs-item{display:flex;align-items:center;gap:7px}.voice-specs-item i{color:hsl(var(--primary));font-size:.9rem}.voice-specs-item strong{color:hsl(var(--text-primary));font-weight:700}.voice-studio-container{background:#fff;border:1.5px solid hsl(var(--border));border-radius:24px;padding:28px;box-shadow:0 16px 45px -10px rgba(42,35,27,.08),0 0 0 1px rgba(255,255,255,.8) inset;position:relative;overflow:hidden;margin-bottom:3.5rem}.voice-tabs-nav{display:flex;gap:8px;background:hsl(var(--bg-darker));padding:6px;border-radius:14px;border:1.5px solid hsl(var(--border));margin-bottom:26px;width:fit-content}.voice-tab-btn{display:flex;align-items:center;gap:8px;padding:10px 22px;border-radius:10px;border:none;background:0 0;color:hsl(var(--text-secondary));font-size:.92rem;font-weight:700;cursor:pointer;transition:all .25s ease;white-space:nowrap}.voice-tab-btn.active{background:linear-gradient(135deg,#d96f14 0,#b85408 100%);color:#fff!important;box-shadow:0 4px 14px rgba(217,111,20,.35)}.voice-tab-btn:hover:not(.active){color:hsl(var(--primary));background:#fff}.voice-studio-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}@media (max-width:880px){.voice-studio-grid{grid-template-columns:1fr}}.studio-box{background:hsl(var(--bg-card));border:1.5px solid hsl(var(--border));border-radius:18px;padding:20px;display:flex;flex-direction:column;gap:18px;box-shadow:0 2px 10px rgba(42,35,27,.03)}.studio-box-header{display:flex;justify-content:space-between;align-items:center}.studio-box-title{font-size:.98rem;font-weight:800;margin:0;display:flex;align-items:center;gap:8px;color:hsl(var(--text-primary))}.studio-box-badge{font-size:.74rem;padding:4px 10px;border-radius:8px;background:hsl(var(--primary) / .1);color:#b85408;font-weight:700;border:1px solid hsl(var(--primary) / .25)}.preset-voices-scroll{display:flex;gap:12px;overflow-x:auto;padding-bottom:10px;scrollbar-width:thin}.preset-voice-card{flex:0 0 170px;background:#fff;border:1.5px solid hsl(var(--border));border-radius:12px;padding:12px 14px;cursor:pointer;transition:all .25s ease;display:flex;flex-direction:column;justify-content:space-between;gap:10px;box-shadow:0 2px 8px rgba(42,35,27,.03)}.preset-voice-card:hover{border-color:#d96f14;transform:translateY(-2px);box-shadow:0 6px 18px rgba(217,111,20,.15)}.preset-voice-card.selected{border-color:#d96f14;background:hsl(var(--primary) / .08);box-shadow:0 4px 16px rgba(217,111,20,.2),0 0 0 1.5px #d96f14}.preset-voice-name{font-size:.86rem;font-weight:700;color:hsl(var(--text-primary));line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.preset-voice-meta{display:flex;justify-content:space-between;align-items:center;font-size:.76rem;color:hsl(var(--text-muted));font-weight:500}.preset-play-mini-btn{width:26px;height:26px;border-radius:50%;background:linear-gradient(135deg,#d96f14,#b85408);color:#fff;border:none;display:flex;align-items:center;justify-content:center;font-size:10px;cursor:pointer;transition:transform .2s;box-shadow:0 2px 6px rgba(217,111,20,.35)}.preset-play-mini-btn:hover{transform:scale(1.12)}.voice-filter-pills{display:flex;gap:8px;overflow-x:auto;padding-bottom:6px;scrollbar-width:none}.voice-filter-pills::-webkit-scrollbar{display:none}.voice-filter-pill{background:#fff;border:1.5px solid hsl(var(--border));color:hsl(var(--text-secondary));font-size:.78rem;font-weight:700;padding:6px 14px;border-radius:20px;cursor:pointer;white-space:nowrap;transition:all .2s ease;display:inline-flex;align-items:center;gap:5px}.voice-filter-pill:hover{border-color:hsl(var(--primary));color:hsl(var(--primary))}.voice-filter-pill.active{background:linear-gradient(135deg,#d96f14,#b85408);border-color:#d96f14;color:#fff!important;box-shadow:0 3px 10px rgba(217,111,20,.3)}.system-voices-scroll-list{display:flex;flex-direction:column;gap:10px;max-height:280px;overflow-y:auto;padding-right:4px;scrollbar-width:thin}.system-voice-card{background:#fff;border:1.5px solid hsl(var(--border));border-radius:12px;padding:12px 14px;cursor:pointer;transition:all .25s ease;display:flex;align-items:center;justify-content:space-between;gap:12px;box-shadow:0 2px 6px rgba(42,35,27,.02)}.system-voice-card:hover{border-color:#d96f14;transform:translateX(3px);box-shadow:0 4px 14px rgba(217,111,20,.12)}.system-voice-card.selected{border-color:#d96f14;background:hsl(var(--primary) / .08);box-shadow:0 4px 16px rgba(217,111,20,.2),0 0 0 1.5px #d96f14}.system-voice-info{flex:1;overflow:hidden}.system-voice-title{font-size:.88rem;font-weight:800;color:hsl(var(--text-primary));margin-bottom:3px;display:flex;align-items:center;gap:6px}.system-voice-desc{font-size:.76rem;color:hsl(var(--text-secondary));line-height:1.4;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;margin:0}.system-voice-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.source-option-tabs{display:flex;gap:10px;border-bottom:1.5px solid hsl(var(--border));padding-bottom:12px}.source-opt-btn{background:#fff;border:1.5px solid hsl(var(--border));padding:8px 16px;border-radius:10px;font-size:.82rem;color:hsl(var(--text-secondary));cursor:pointer;display:flex;align-items:center;gap:7px;font-weight:700;transition:all .2s;box-shadow:0 1px 4px rgba(0,0,0,.02)}.source-opt-btn:hover{border-color:hsl(var(--primary));color:hsl(var(--primary))}.source-opt-btn.active{background:linear-gradient(135deg,#d96f14,#b85408);border-color:#d96f14;color:#fff!important;box-shadow:0 3px 10px rgba(217,111,20,.35)}.voice-dropzone{border:2px dashed hsl(var(--border-glow));border-radius:14px;padding:22px;text-align:center;cursor:pointer;transition:all .2s;background:#fff;box-shadow:0 2px 8px rgba(42,35,27,.02)}.voice-dropzone.dragover,.voice-dropzone:hover{border-color:#d96f14;background:hsl(var(--primary) / .04)}.voice-dropzone-icon{font-size:2rem;color:#d96f14;margin-bottom:8px}.voice-dropzone-text{font-size:.84rem;color:hsl(var(--text-secondary));margin:0;font-weight:500}.mic-record-box{background:#fff;border:1.5px solid hsl(var(--border));border-radius:14px;padding:20px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:14px;box-shadow:0 2px 8px rgba(42,35,27,.02)}.mic-record-btn{width:64px;height:64px;border-radius:50%;background:#ef4444;color:#fff;border:none;font-size:1.5rem;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 15px rgba(239,68,68,.35);transition:all .2s}.mic-record-btn:hover{transform:scale(1.05)}.mic-record-btn.recording{animation:pulse-red 1.5s infinite;background:#dc2626}@keyframes pulse-red{0%{box-shadow:0 0 0 0 rgba(239,68,68,.7)}70%{box-shadow:0 0 0 16px rgba(239,68,68,0)}100%{box-shadow:0 0 0 0 rgba(239,68,68,0)}}.mic-timer{font-size:1.3rem;font-weight:800;font-family:monospace;color:hsl(var(--text-primary))}.mic-hint{font-size:.78rem;color:hsl(var(--text-secondary));font-weight:500}.sound-tags-bar{display:flex;align-items:center;gap:8px;row-gap:10px;flex-wrap:wrap;margin-top:6px;margin-bottom:16px!important}.sound-tags-label{font-size:.78rem;color:hsl(var(--text-secondary));font-weight:700;margin-right:2px}.sound-tag-chip{background:#fff;border:1.5px solid hsl(var(--border));border-radius:8px;padding:6px 12px;font-size:.78rem;font-weight:700;color:#b85408;cursor:pointer;display:inline-flex;align-items:center;gap:5px;box-shadow:0 1px 4px rgba(42,35,27,.03);transition:all .2s ease}.sound-tag-chip:hover{background:linear-gradient(135deg,#d96f14,#b85408);color:#fff;border-color:#d96f14;transform:translateY(-1px);box-shadow:0 3px 8px rgba(217,111,20,.25)}.clone-voice-wrapper .input-field,.clone-voice-wrapper textarea{background:#fff!important;border:1.5px solid hsl(var(--border))!important;color:hsl(var(--text-primary))!important;border-radius:12px!important;padding:12px 14px!important;font-size:.88rem!important;line-height:1.6!important;box-shadow:0 1px 3px rgba(42,35,27,.03) inset}.clone-voice-wrapper .input-field:focus,.clone-voice-wrapper textarea:focus{border-color:#d96f14!important;box-shadow:0 0 0 3px rgba(217,111,20,.15)!important;outline:0!important}.btn-voice-submit{width:100%;padding:15px 24px;border-radius:14px;background:linear-gradient(135deg,#d96f14 0,#b85408 100%);color:#fff;border:none;font-size:1.02rem;font-weight:800;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 6px 20px -2px rgba(217,111,20,.45);transition:all .25s ease;margin-top:12px;letter-spacing:.2px}.btn-voice-submit:hover{background:linear-gradient(135deg,#e67a1c 0,#c45b0a 100%);transform:translateY(-2px);box-shadow:0 10px 28px -2px rgba(217,111,20,.55)}.btn-voice-submit:disabled{opacity:.6;cursor:not-allowed;transform:none}.voice-player-card{background:#fff;border:2px solid #d96f14;border-radius:18px;padding:22px;margin-top:24px;box-shadow:0 12px 35px -5px rgba(217,111,20,.2);display:none}.voice-player-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.voice-countdown-badge{display:inline-flex;align-items:center;gap:6px;background:hsl(var(--warning) / .15);border:1px solid hsl(var(--warning) / .5);color:#b85408;padding:5px 12px;border-radius:20px;font-size:.78rem;font-weight:700}.voice-wave-anim{display:flex;align-items:center;gap:3px;height:30px}.voice-wave-bar{width:3.5px;height:8px;background:#d96f14;border-radius:2px;transition:height .2s ease}.voice-wave-anim.playing .voice-wave-bar{animation:wave-motion 1.2s infinite ease-in-out}.voice-wave-anim.playing .voice-wave-bar:nth-child(2){animation-delay:.15s}.voice-wave-anim.playing .voice-wave-bar:nth-child(3){animation-delay:.3s}.voice-wave-anim.playing .voice-wave-bar:nth-child(4){animation-delay:.45s}.voice-wave-anim.playing .voice-wave-bar:nth-child(5){animation-delay:.6s}@keyframes wave-motion{0%,100%{height:6px}50%{height:26px}}.player-controls{display:flex;align-items:center;gap:14px}.btn-player-play{width:46px;height:46px;border-radius:50%;background:linear-gradient(135deg,#d96f14,#b85408);color:#fff;border:none;display:flex;align-items:center;justify-content:center;font-size:1.15rem;cursor:pointer;flex-shrink:0;transition:transform .2s;box-shadow:0 4px 14px rgba(217,111,20,.35)}.btn-player-play:hover{transform:scale(1.08)}.player-progress-wrapper{flex:1;display:flex;flex-direction:column;gap:6px}.player-progress-bar{width:100%;height:8px;border-radius:4px;background:hsl(var(--bg-dark));cursor:pointer;position:relative;overflow:hidden}.player-progress-fill{height:100%;width:0%;background:linear-gradient(90deg,#d96f14,#eab308);border-radius:4px;transition:width .1s linear}.player-time-display{display:flex;justify-content:space-between;font-size:.76rem;color:hsl(var(--text-secondary));font-family:monospace;font-weight:600}.player-actions{display:flex;align-items:center;gap:10px}.btn-speed-select{background:#fff;border:1.5px solid hsl(var(--border));color:hsl(var(--text-primary));font-size:.78rem;font-weight:700;padding:8px 10px;border-radius:8px;cursor:pointer}.btn-download-audio{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;font-size:.84rem;font-weight:700;padding:9px 16px;border-radius:10px;cursor:pointer;display:flex;align-items:center;gap:6px;text-decoration:none;transition:all .2s;box-shadow:0 4px 14px rgba(16,185,129,.3)}.btn-download-audio:hover{transform:translateY(-1px);box-shadow:0 6px 18px rgba(16,185,129,.4)}.voice-showcase-section{margin-top:4rem}.showcase-heading-box{text-align:center;margin-bottom:2rem}.showcase-title-icon{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,hsl(var(--primary) / .12),hsl(var(--warning) / .12));color:hsl(var(--primary));border:1.5px solid hsl(var(--primary) / .25);display:flex;align-items:center;justify-content:center;font-size:1.25rem;margin:0 auto 12px auto;box-shadow:0 4px 12px rgba(217,111,20,.06)}.showcase-heading-box h2{font-size:1.8rem;font-weight:800;margin:0 0 10px 0;background:linear-gradient(135deg,#1f140e 0,#b85408 50%,#d96f14 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:block;text-align:center}.showcase-grid-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:18px}.voice-showcase-card{background:#fff;border:1.5px solid hsl(var(--border));border-radius:16px;padding:18px;display:flex;flex-direction:column;justify-content:space-between;gap:14px;transition:all .3s cubic-bezier(.4, 0, .2, 1);box-shadow:0 4px 16px rgba(42,35,27,.04)}.voice-showcase-card:hover{border-color:#d96f14;transform:translateY(-4px);box-shadow:0 14px 30px rgba(217,111,20,.12)}.card-voice-header{display:flex;align-items:center;justify-content:space-between}.card-voice-title{font-size:.95rem;font-weight:800;margin:0;color:hsl(var(--text-primary))}.card-voice-text{font-size:.84rem;color:hsl(var(--text-secondary));line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin:0}.voice-showcase-card .btn-listen-mini{background:linear-gradient(135deg,#d96f14,#b85408);color:#fff!important;border:none;font-size:.8rem;font-weight:700;padding:6px 14px;border-radius:8px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;box-shadow:0 2px 8px rgba(217,111,20,.3);transition:all .2s}.voice-showcase-card .btn-listen-mini:hover{transform:scale(1.04)}.btn-download-mini{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;background:hsl(var(--bg-dark));border:1.5px solid hsl(var(--border));color:hsl(var(--text-secondary));font-size:.82rem;cursor:pointer;transition:all .2s;text-decoration:none}.btn-download-mini:hover{background:linear-gradient(135deg,#d96f14,#b85408);color:#fff;border-color:#d96f14;transform:scale(1.08);box-shadow:0 2px 8px rgba(217,111,20,.3)}.voice-retention-notice{display:flex;align-items:center;gap:10px;padding:12px 18px;background:linear-gradient(135deg,hsl(35 90% 55% / .08),hsl(25 80% 50% / .06));border:1.5px solid hsl(35 80% 55% / .25);border-radius:10px;margin-bottom:16px;font-size:.82rem;color:hsl(var(--text-secondary));line-height:1.6}.voice-retention-notice i{font-size:1.1rem;color:#d96f14;flex-shrink:0}.voice-retention-notice strong{color:#d96f14;font-weight:700}.voice-maintenance-overlay{display:flex;align-items:center;justify-content:center;padding:48px 24px;margin-bottom:24px}.maintenance-banner{text-align:center;padding:40px 48px;background:linear-gradient(135deg,hsl(0 60% 97%),hsl(35 80% 97%));border:2px solid hsl(0 60% 80% / .4);border-radius:20px;max-width:520px;box-shadow:0 8px 32px rgba(0,0,0,.06)}.maintenance-banner h3{margin:16px 0 8px;font-size:1.3rem;font-weight:800;color:#b72d2d}.maintenance-banner p{margin:0;font-size:.88rem;color:hsl(var(--text-secondary));line-height:1.7}.maintenance-icon-pulse{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,hsl(0 60% 92%),hsl(35 70% 92%));font-size:1.6rem;color:#cc3232;animation:maintenancePulse 2s ease-in-out infinite}@keyframes maintenancePulse{0%,100%{transform:scale(1);box-shadow:0 0 0 0 hsl(0 60% 50% / .2)}50%{transform:scale(1.08);box-shadow:0 0 0 12px hsl(0 60% 50% / 0)}}@media (min-width:1920px){.clone-voice-wrapper{max-width:1500px}}.specs-chevron{display:none!important}@media (max-width:768px){.clone-voice-wrapper{padding:80px 10px 120px 10px!important}.voice-studio-container{padding:12px!important;border-radius:14px!important;margin-bottom:1.5rem}.voice-studio-grid{grid-template-columns:1fr;gap:12px}.studio-box{padding:12px!important;border-radius:10px!important}}@media (max-width:600px){.voice-specs-banner{cursor:pointer;padding:12px!important;border-radius:12px!important}.specs-chevron{display:inline-block!important}#specs-body{display:none;width:100%}.voice-tabs-nav{width:100%!important;display:flex!important;flex-wrap:nowrap!important;justify-content:space-between!important;box-sizing:border-box!important;gap:4px!important;overflow-x:hidden!important}.voice-tab-btn{flex:1!important;justify-content:center!important;padding:8px 4px!important;font-size:.76rem!important;gap:4px!important;white-space:nowrap!important;border-radius:8px!important}.source-option-tabs{display:flex!important;flex-wrap:nowrap!important;justify-content:space-between!important;gap:4px!important;padding-bottom:8px!important}.source-opt-btn{flex:1!important;justify-content:center!important;font-size:.74rem!important;padding:8px 4px!important;white-space:nowrap!important;border-radius:8px!important}.preset-voice-card{flex:0 0 170px!important;padding:12px!important;font-size:.84rem!important}.btn-voice-submit{padding:12px;font-size:.88rem}.voice-specs-grid{grid-template-columns:1fr;gap:10px}#preset-voices-container{display:none!important}#preset-voice-mobile-trigger{display:flex!important}.desktop-sound-tags{display:none!important}.mobile-sound-tags-trigger{display:flex!important}#preset-voice-modal-list{display:flex;flex-direction:column;gap:10px}#preset-voice-modal-list .preset-voice-card{flex:0 0 auto!important;width:100%!important;flex-direction:row!important;align-items:center;justify-content:space-between;padding:12px 16px!important;box-sizing:border-box}#preset-voice-modal-list .preset-voice-meta{display:flex;align-items:center;gap:12px;margin:0}#system-voice-filter-pills,#system-voices-container{display:none!important}#system-voice-mobile-trigger{display:flex!important}#system-voice-modal-list{display:flex;flex-direction:column;gap:10px}#system-voice-modal-list .system-voice-card{width:100%!important;padding:12px 14px!important;border-radius:12px!important;display:flex!important;align-items:center;justify-content:space-between;box-sizing:border-box;margin:0!important;background:#fff!important;border:1.5px solid hsl(var(--border))!important;cursor:pointer}#system-voice-modal-list .system-voice-card.selected{border-color:hsl(var(--primary))!important;background:hsl(var(--primary) / .03)!important}#system-voice-modal-list .system-voice-info{flex:1;margin-right:12px;text-align:left}#system-voice-modal-list .system-voice-title{font-size:.88rem!important;margin-bottom:2px!important;font-weight:700;color:hsl(var(--text-primary))}#system-voice-modal-list .system-voice-desc{font-size:.74rem!important;margin:0!important;color:hsl(var(--text-muted));line-height:1.4}#system-voice-modal-list .system-voice-actions{display:flex;align-items:center;gap:10px}.showcase-heading-box h2{font-size:1.35rem!important;margin-bottom:6px!important}}.mobile-select-trigger{display:none;align-items:center;gap:12px;padding:12px 16px;background:#fff;border:1.5px solid hsl(var(--border));border-radius:12px;cursor:pointer;font-size:.86rem;font-weight:700;color:hsl(var(--text-primary));box-shadow:0 2px 8px rgba(42,35,27,.03);margin-bottom:12px;transition:all .2s;box-sizing:border-box}.mobile-select-trigger:hover{border-color:hsl(var(--primary))}.desktop-sound-tags{display:flex;flex-wrap:wrap;gap:8px}.mobile-sound-tags-trigger{display:none;width:100%;align-items:center;gap:8px;padding:10px 14px;background:#fff;border:1.5px solid hsl(var(--border));border-radius:10px;cursor:pointer;font-size:.82rem;font-weight:700;color:hsl(var(--text-secondary));box-shadow:0 1px 4px rgba(0,0,0,.02);transition:all .2s;box-sizing:border-box}.mobile-sound-tags-trigger:hover{border-color:hsl(var(--primary));color:hsl(var(--primary))}.bottom-sheet-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:99999;display:flex;align-items:flex-end;justify-content:center}.bottom-sheet-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);animation:fadeInOverlay .3s ease}.bottom-sheet-container{position:relative;width:100%;max-width:500px;background:hsl(var(--bg-card));border-top-left-radius:24px;border-top-right-radius:24px;box-shadow:0 -8px 32px rgba(0,0,0,.15);z-index:2;display:flex;flex-direction:column;max-height:80vh;animation:slideUpSheet .3s cubic-bezier(.16,1,.3,1);border:1px solid hsl(var(--border));border-bottom:none;box-sizing:border-box}.bottom-sheet-header{padding:18px 20px 8px 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid hsl(var(--border) / .5);position:relative}.bottom-sheet-drag-handle{position:absolute;top:8px;left:50%;transform:translateX(-50%);width:40px;height:4px;border-radius:2px;background:hsl(var(--border) / .8)}.bottom-sheet-title{font-size:1rem;font-weight:800;color:#b85408;margin:4px 0 0 0}.bottom-sheet-close{background:0 0;border:none;font-size:1.6rem;color:hsl(var(--text-muted));cursor:pointer;padding:0;line-height:1}.bottom-sheet-body{padding:16px 20px 24px 20px;overflow-y:auto;flex:1}@keyframes fadeInOverlay{from{opacity:0}to{opacity:1}}@keyframes slideUpSheet{from{transform:translateY(100%)}to{transform:translateY(0)}}.mobile-emotion-list{display:flex;flex-direction:column;gap:8px}.mobile-emotion-item{width:100%;background:#fff;border:1.5px solid hsl(var(--border));border-radius:12px;padding:12px 16px;display:flex;align-items:center;gap:12px;cursor:pointer;transition:all .2s;text-align:left;box-sizing:border-box}.mobile-emotion-item:hover{border-color:hsl(var(--primary));background:hsl(var(--primary) / .02)}.mobile-emotion-item .emotion-icon{font-size:1.2rem;color:hsl(var(--primary));width:24px;display:flex;align-items:center;justify-content:center}.mobile-emotion-item .emotion-tag-name{font-weight:700;color:hsl(var(--text-primary));font-size:.86rem}.mobile-emotion-item .emotion-desc{margin-left:auto;font-size:.78rem;color:hsl(var(--text-muted))}.voice-filter-pills-modal{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}.voice-filter-pills-modal .voice-filter-pill{padding:6px 12px!important;font-size:.76rem!important;border-radius:20px!important;background:#fff!important;color:hsl(var(--text-secondary))!important;border:1.5px solid hsl(var(--border))!important;cursor:pointer;transition:all .2s}.voice-filter-pills-modal .voice-filter-pill.active{background:hsl(var(--primary))!important;color:#fff!important;border-color:hsl(var(--primary))!important}