*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%;overflow:hidden}body{background-color:var(--sand-white);color:var(--text-primary);font-family:-apple-system,PingFang SC,Helvetica Neue,Microsoft YaHei,sans-serif;font-size:14px;line-height:1.5}.page-container{height:100vh;height:100dvh;background:var(--sand-white);display:flex;flex-direction:column;position:relative;overflow:hidden}.wave-bg{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;z-index:0;pointer-events:none}.wave-ring-1{position:absolute;width:500px;height:500px;top:-100px;left:-60px;border-radius:50%;border:1.5px solid rgba(30,107,140,.1);animation:bg-ripple 8s ease-in-out infinite}.wave-ring-2{position:absolute;width:420px;height:420px;top:260px;right:-120px;border-radius:50%;border:1.5px solid rgba(30,107,140,.1);animation:bg-ripple 8s ease-in-out infinite 3s}.wave-third{position:absolute;width:360px;height:360px;bottom:80px;left:-100px;border-radius:50%;border:1.5px solid rgba(30,107,140,.07);animation:bg-ripple 11s ease-in-out infinite 5s}@keyframes bg-ripple{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.08);opacity:1}}.navbar{display:flex;align-items:flex-end;padding:10px 20px 12px;padding-top:calc(var(--safe-top) + 24px);position:relative;z-index:10}.brand{display:flex;flex-direction:column}.brand-zh{font-size:22px;font-weight:700;color:var(--tide-blue);letter-spacing:2px;line-height:1}.brand-en{font-size:11px;font-weight:500;color:var(--text-hint);letter-spacing:3px;margin-top:2px}.nav-right{margin-left:auto;display:flex;gap:12px}.icon-btn{width:36px;height:36px;border-radius:50%;background:#fff;border:1.5px solid var(--border);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #1e6b8c14;cursor:pointer;-webkit-user-select:none;user-select:none}.icon-btn:active{transform:scale(.92)}.icon-text{font-size:15px;color:var(--text-secondary)}.api-status{display:inline-flex;align-items:center;gap:5px;margin-left:12px;margin-bottom:3px;padding:3px 9px;border-radius:20px;background:#fff;border:1px solid var(--border);box-shadow:0 2px 8px #1e6b8c0f;font-size:10px;font-weight:500;letter-spacing:.3px;-webkit-user-select:none;user-select:none;cursor:pointer;transition:transform .2s}.api-status:active{transform:scale(.94)}.api-status .dot{width:7px;height:7px;border-radius:50%;background:var(--text-hint);flex-shrink:0}.api-status.checking{color:var(--text-hint)}.api-status.checking .dot{animation:pulse-dot 1s ease-in-out infinite}.api-status.online{color:#2e8b57;border-color:#bfe3d0;background:#f0f9f4}.api-status.online .dot{background:#2e8b57}.api-status.offline{color:#c0392b;border-color:#f5c6c0;background:#fcefec}.api-status.offline .dot{background:#c0392b}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.7)}}.tagline{padding:0 20px 16px;display:flex;align-items:center;position:relative;z-index:10}.tagline-text{font-size:13px;color:var(--text-hint);letter-spacing:.5px}.result-card{margin:0 18px;background:#fff;border-radius:var(--radius-card);box-shadow:var(--card-shadow);padding:24px 22px;position:relative;z-index:10;min-height:180px;display:flex;flex-direction:column;flex:1}.card-label{font-size:11px;font-weight:600;color:var(--text-hint);letter-spacing:1.5px;text-transform:uppercase;margin-bottom:14px;display:flex;align-items:center;gap:6px}.card-label-bar{width:3px;height:12px;background:var(--tide-blue);border-radius:2px}.result-content{flex:1;display:flex;flex-direction:column;justify-content:center;justify-content:safe center;align-items:center;text-align:center;min-height:0;overflow-y:auto}.state-empty{display:flex;flex-direction:column;align-items:center;gap:10px}.empty-icon{width:52px;height:52px;border-radius:50%;background:var(--tide-pale);display:flex;align-items:center;justify-content:center}.empty-icon-text{font-size:22px}.empty-title{font-size:15px;font-weight:500;color:var(--text-secondary)}.empty-hint{font-size:12px;color:var(--text-hint);line-height:1.5}.state-recording{display:flex;flex-direction:column;align-items:center;gap:12px}.wave-bars{display:flex;gap:4px;align-items:center;height:40px}.wave-bar{width:4px;border-radius:3px;animation:wave-dance .8s ease-in-out infinite}.wb-1{height:14px;animation-delay:0s;background:var(--tide-blue)}.wb-2{height:28px;animation-delay:.1s;background:var(--orange-acc)}.wb-3{height:36px;animation-delay:.2s;background:var(--tide-blue)}.wb-4{height:22px;animation-delay:.3s;background:var(--orange-acc)}.wb-5{height:30px;animation-delay:.4s;background:var(--tide-blue)}.wb-6{height:18px;animation-delay:.5s;background:var(--orange-acc)}.wb-7{height:34px;animation-delay:.15s;background:var(--tide-blue)}.wb-8{height:14px;animation-delay:.35s;background:var(--tide-blue)}@keyframes wave-dance{0%,to{transform:scaleY(1)}50%{transform:scaleY(.3)}}.recording-label{font-size:13px;color:var(--orange-acc);font-weight:500;letter-spacing:.5px}.recording-duration{font-size:48px;font-weight:300;color:var(--text-primary);font-variant-numeric:tabular-nums}.state-result{display:flex;flex-direction:column;align-items:flex-start;width:100%;gap:8px}.result-text-main{font-size:20px;font-weight:600;color:var(--text-primary);line-height:1.6;text-align:left;min-height:60px}.result-meta{display:flex;align-items:center;gap:8px;margin-top:6px}.result-tag{font-size:11px;background:var(--orange-light);color:var(--orange-acc);padding:2px 8px;border-radius:20px;font-weight:500}.result-time{font-size:11px;color:var(--text-hint)}.card-footer{display:flex;gap:10px;margin-top:16px;border-top:1px solid var(--border);padding-top:14px}.card-action{flex:1;font-size:12px;color:var(--text-hint);text-align:center;padding:6px 0;border-radius:8px;display:flex;align-items:center;justify-content:center;gap:4px;cursor:pointer;-webkit-user-select:none;user-select:none}.card-action:active{background:var(--sand-light)}.card-action.primary{color:var(--tide-blue);font-weight:500}.action-icon-text{font-size:12px}#btnShare.danger{color:var(--orange-acc);font-weight:500}#btnShare.danger .action-icon-text{color:var(--orange-acc)}.share-status{margin-top:10px;text-align:center;font-size:12px;color:var(--orange-acc);letter-spacing:.3px}.share-status.hidden{display:none}.ex-entry{position:absolute;right:14px;bottom:132px;z-index:20}.ex-chip{display:inline-flex;align-items:center;gap:5px;background:#fff;border:1.5px solid var(--orange-acc);border-radius:999px;padding:8px 13px;font-size:11px;font-weight:600;color:var(--text-primary);font-family:inherit;box-shadow:var(--card-shadow);cursor:pointer;-webkit-user-select:none;user-select:none;animation:ex-pulse 2.4s ease 1}.ex-chip:active{transform:scale(.95)}@keyframes ex-pulse{0%{box-shadow:0 0 #d4622a59}70%{box-shadow:0 0 0 12px #d4622a00}to{box-shadow:0 0 #d4622a00}}.ex-fab{width:44px;height:44px;border-radius:50%;background:#fff;border:none;box-shadow:var(--card-shadow);display:grid;place-items:center;font-size:18px;cursor:pointer;-webkit-user-select:none;user-select:none;padding:0}.ex-fab:active{transform:scale(.92)}.ex-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f3f5773;z-index:200;opacity:0;pointer-events:none;transition:opacity .25s}.ex-overlay.open{opacity:1;pointer-events:auto}.ex-sheet{position:fixed;left:0;right:0;bottom:0;z-index:201;background:#fff;border-radius:24px 24px 0 0;box-shadow:0 -8px 30px #0f3f5738;padding:10px 16px calc(18px + var(--safe-bottom));max-height:80%;display:flex;flex-direction:column;transform:translateY(100%);transition:transform .3s cubic-bezier(.4,0,.2,1)}.ex-sheet.open{transform:translateY(0)}.ex-handle{width:36px;height:4px;border-radius:4px;background:var(--border);margin:4px auto 10px}.ex-head{display:flex;align-items:center;justify-content:space-between}.ex-title{font-size:15px;font-weight:700;color:var(--text-primary)}.ex-close{width:28px;height:28px;border-radius:50%;border:none;background:var(--sand-light);color:var(--text-secondary);font-size:13px;cursor:pointer;line-height:1;padding:0}.ex-sub{font-size:11px;color:var(--text-secondary);margin:6px 0 12px}.ex-grid{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;gap:8px}.ex-sheet-empty{text-align:center;color:var(--text-hint);font-size:13px;padding:30px 0}.ex-card{background:var(--sand-light);border:1px solid var(--border);border-radius:14px;padding:10px 12px;display:flex;align-items:center;gap:10px}.ex-play{width:32px;height:32px;border-radius:50%;flex:none;background:var(--tide-blue);color:#fff;border:none;display:grid;place-items:center;font-size:11px;cursor:pointer;box-shadow:0 2px 6px #1e6b8c4d;padding:0}.ex-play:active{transform:scale(.92)}.ex-play.playing{background:var(--orange-acc)}.ex-body{flex:1;min-width:0;cursor:pointer;text-align:left}.ex-main{font-size:14px;font-weight:600;color:var(--text-primary)}.ex-side{flex:none;display:flex;flex-direction:column;align-items:flex-end;gap:4px}.ex-tag{font-size:9px;color:var(--tide-blue);background:var(--tide-light);border-radius:999px;padding:2px 8px;white-space:nowrap}.ex-listen{font-size:9px;color:var(--text-hint);white-space:nowrap}.ex-float{align-self:center;display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--border);border-radius:16px;box-shadow:var(--card-shadow);padding:9px 12px;position:relative;overflow:hidden;max-width:100%;min-height:42px;opacity:1;visibility:visible;transition:opacity .8s ease-in-out,visibility 0s linear 0s}.ex-float.hidden{display:flex!important;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .8s ease-in-out,visibility 0s linear .8s}.ex-float .t{font-size:11px;color:var(--text-hint);flex:none}.ex-float .s{font-size:14px;font-weight:700;color:var(--tide-deep);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ex-float .hf-x{border:none;background:none;font-size:11px;color:var(--text-hint);cursor:pointer;flex:none;padding:2px 4px;line-height:1}.ex-float .fade-bar{position:absolute;left:0;bottom:0;height:3px;background:var(--orange-acc);border-radius:3px;animation:ex-fadeout 5s linear forwards}@keyframes ex-fadeout{0%{width:100%}to{width:0}}.state-demo{flex:1;width:100%;display:flex;flex-direction:column;justify-content:center}.card-label-bar.orange{background:var(--orange-acc)}.demo-playing{display:flex;flex-direction:column;align-items:center;gap:12px}.playing-chip{display:inline-flex;align-items:center;gap:6px;background:var(--tide-pale);border-radius:999px;padding:6px 14px;font-size:12px;color:var(--tide-deep);font-weight:700}.eq{display:flex;align-items:center;justify-content:center;gap:4px;height:36px}.eq i{width:4px;border-radius:2px;background:linear-gradient(180deg,var(--tide-blue),var(--tide-deep));animation:ex-eq 1s ease-in-out infinite;transform-origin:center}.eq i:nth-child(1){height:12px;animation-delay:0s}.eq i:nth-child(2){height:22px;animation-delay:.12s}.eq i:nth-child(3){height:30px;animation-delay:.24s}.eq i:nth-child(4){height:18px;animation-delay:.36s}.eq i:nth-child(5){height:26px;animation-delay:.48s}.eq i:nth-child(6){height:14px;animation-delay:.6s}.eq i:nth-child(7){height:24px;animation-delay:.72s}.eq i:nth-child(8){height:10px;animation-delay:.84s}@keyframes ex-eq{0%,to{transform:scaleY(.35)}50%{transform:scaleY(1.3)}}.demo-status{font-size:11px;color:var(--text-hint)}.demo-status .dots:after{content:"";animation:ex-dots 1.2s steps(4) infinite}@keyframes ex-dots{0%{content:""}25%{content:"·"}50%{content:"··"}75%{content:"···"}}.badge-live{display:inline-flex;align-items:center;gap:4px;font-size:9px;color:#2e8b57;background:#f0f9f4;border-radius:999px;padding:2px 8px;white-space:nowrap}.badge-live .dot{width:5px;height:5px;background:#2e8b57;border-radius:50%;animation:ex-blink 1.2s infinite}@keyframes ex-blink{50%{opacity:.25}}.badge-off{display:inline-flex;align-items:center;gap:4px;font-size:9px;color:var(--text-hint);background:var(--sand-white);border:1px solid var(--border);border-radius:999px;padding:2px 8px;white-space:nowrap}.demo-result{display:flex;flex-direction:column;align-items:flex-start;gap:10px;width:100%}.cta-row{display:flex;gap:8px;margin-top:4px;width:100%}.cta{flex:1;text-align:center;border-radius:12px;padding:10px 0;font-size:12px;cursor:pointer;border:none;font-family:inherit;transition:opacity .15s}.cta.ghost{background:#fff;border:1px solid var(--border);color:var(--text-secondary)}.cta.main{background:linear-gradient(145deg,var(--tide-blue),var(--tide-deep));color:#fff;font-weight:600;box-shadow:0 4px 12px #0f3f5740}.cta:active{opacity:.85}@media (prefers-reduced-motion: reduce){.ex-chip{animation:none}.ex-float .fade-bar{animation:none;width:100%}.ex-sheet{transition:none}.eq i,.badge-live .dot{animation:none}.demo-status .dots:after{content:"";animation:none}}.record-zone{display:flex;flex-direction:column;align-items:center;padding:20px 20px 12px;position:relative;z-index:10;gap:10px}.record-btn-wrap{position:relative;display:flex;align-items:center;justify-content:center}.ripple-ring{position:absolute;width:80px;height:80px;border-radius:50%;border:2px solid var(--orange-acc);opacity:0;pointer-events:none;animation:ripple-out 1.5s ease-out infinite}.ripple-ring:nth-child(2){animation-delay:.5s}.ripple-ring:nth-child(3){animation-delay:1s}@keyframes ripple-out{0%{transform:scale(1);opacity:.5}to{transform:scale(2.4);opacity:0}}.record-btn{width:80px;height:80px;border-radius:50%;background:linear-gradient(145deg,var(--tide-blue),var(--tide-deep));border:none;box-shadow:0 6px 24px #1e6b8c59,0 2px 6px #1e6b8c33;position:relative;z-index:2;cursor:pointer;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.record-btn.pressing{background:linear-gradient(145deg,var(--orange-acc),#B84E1F);box-shadow:0 4px 20px #d4622a73;transform:scale(.93)}.record-hint{font-size:12px;color:var(--text-hint);letter-spacing:.5px;transition:color .2s}.record-hint.active{color:var(--orange-acc);font-weight:500}.secondary-actions{display:flex;justify-content:center;gap:32px;padding:4px 20px 8px;position:relative;z-index:10}.sec-action{display:flex;flex-direction:column;align-items:center;gap:5px;padding:8px 14px;border-radius:12px;cursor:pointer;-webkit-user-select:none;user-select:none}.sec-action:active{background:var(--sand-light)}.sec-action-icon{width:40px;height:40px;border-radius:12px;background:#fff;border:1.5px solid var(--border);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #1e6b8c0f}.sec-icon-text{font-size:18px;color:var(--text-secondary)}.sec-action-label{font-size:11px;color:var(--text-hint);font-weight:500;letter-spacing:.5px}.safe-area{display:flex;align-items:center;justify-content:center;position:relative;z-index:10;padding-top:6px;padding-bottom:var(--safe-bottom)}.home-indicator{width:134px;height:5px;background:var(--text-primary);border-radius:3px;opacity:.18}.history-drawer{position:fixed;top:0;right:-100vw;width:100%;height:100%;background:#fff;z-index:100;transition:right .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column}.history-drawer.open{right:0}.drawer-header{padding-bottom:16px;border-bottom:1px solid var(--border);display:flex;align-items:center;padding-left:20px;padding-right:20px;padding-top:calc(var(--safe-top) + 27px)}.drawer-title{font-size:17px;font-weight:600;color:var(--text-primary)}.drawer-close{margin-left:auto;width:32px;height:32px;border-radius:50%;background:var(--sand-light);display:flex;align-items:center;justify-content:center;font-size:16px;color:var(--text-secondary);cursor:pointer;border:none;-webkit-user-select:none;user-select:none}.drawer-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.drawer-empty-text{font-size:15px;font-weight:500;color:var(--text-secondary)}.drawer-empty-hint{font-size:12px;color:var(--text-hint)}.drawer-list{flex:1;padding:12px 0;overflow-y:auto;-webkit-overflow-scrolling:touch}.history-item{padding:14px 20px;border-bottom:1px solid var(--sand-light);cursor:pointer}.history-item:active{background:var(--sand-light)}.hi-text{font-size:15px;color:var(--text-primary);font-weight:500;margin-bottom:4px}.hi-meta{font-size:11px;color:var(--text-hint);display:flex;align-items:center;gap:8px}.hi-tag{background:var(--tide-pale);color:var(--tide-blue);padding:1px 6px;border-radius:10px;font-size:10px}.hi-tag.share{background:var(--orange-light);color:var(--orange-acc)}.hi-row-main{display:flex;align-items:flex-start;gap:10px}.hi-row-text{flex:1;min-width:0}.hi-row-actions{flex-shrink:0;display:flex;gap:6px;align-items:center}.hi-icon-btn{padding:5px 12px;border:1px solid var(--border);background:#fff;border-radius:14px;font-size:12px;color:var(--text-primary);cursor:pointer;line-height:1.4;transition:background .12s,color .12s,border-color .12s,opacity .12s}.hi-icon-btn.primary{background:var(--tide-blue);color:#fff;border-color:var(--tide-blue)}.hi-icon-btn.danger{color:var(--orange-acc);border-color:var(--orange-acc);background:var(--orange-light)}.hi-icon-btn:active{opacity:.7}.history-item.expanded{background:var(--sand-light);cursor:default}.hi-detail{margin-top:10px;padding-top:10px;border-top:1px dashed var(--border)}.hi-detail-text{font-size:14px;color:var(--text-primary);line-height:1.55;white-space:pre-wrap;word-break:break-all;background:#fff;padding:10px 12px;border-radius:6px}.hi-detail-original{font-size:12px;color:var(--text-hint);margin-top:6px;white-space:pre-wrap;word-break:break-all}.hi-detail-actions{display:flex;gap:10px;margin-top:10px}.hi-btn{flex:1;padding:8px 0;border:1px solid var(--border);background:#fff;border-radius:6px;font-size:13px;color:var(--text-primary);cursor:pointer}.hi-btn.primary{background:var(--tide-blue);color:#fff;border-color:var(--tide-blue)}.hi-btn:active{opacity:.8}.hi-edit-textarea{width:100%;min-height:96px;padding:10px 12px;border:1px solid var(--border);border-radius:6px;font-size:14px;line-height:1.5;color:var(--text-primary);font-family:inherit;resize:vertical;box-sizing:border-box}.settings-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000004d;z-index:99;opacity:0;pointer-events:none;transition:opacity .3s}.settings-mask.open{opacity:1;pointer-events:auto}.settings-drawer{position:fixed;top:0;right:-100vw;width:100%;height:100%;background:#fff;z-index:100;transition:right .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column}.settings-drawer.open{right:0}.settings-body{flex:1;padding:12px 16px;overflow-y:auto;-webkit-overflow-scrolling:touch}.settings-section{margin-bottom:24px}.settings-section-title{font-size:12px;font-weight:600;color:var(--text-hint);letter-spacing:1.5px;text-transform:uppercase;padding:0 8px 12px}.settings-item{background:#fff;border-radius:16px;padding:14px 12px;margin-bottom:2px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--sand-light);cursor:pointer}.settings-info{display:flex;flex-direction:column;gap:3px;flex:1}.settings-label{font-size:15px;color:var(--text-primary);font-weight:500}.settings-desc{font-size:11px;color:var(--text-hint)}.settings-value{font-size:14px;color:var(--tide-blue);font-weight:500}.settings-arrow{font-size:18px;color:var(--text-hint);font-weight:300}.settings-value-static{font-size:14px;color:var(--text-hint)}.settings-about{background:#fff;border-radius:16px;padding:14px 12px;margin-top:8px;display:flex;flex-direction:column;gap:3px}.settings-about-name{font-size:15px;font-weight:600;color:var(--tide-blue)}.settings-about-desc{font-size:12px;color:var(--text-secondary);margin-bottom:4px}.settings-about-owner{font-size:12px;color:var(--text-secondary)}.settings-about-copy{font-size:11px;color:var(--text-hint)}.settings-about-icp{font-size:11px;color:var(--text-hint);text-decoration:none;display:inline-block;width:fit-content}.settings-about-icp:hover{color:var(--tide-blue)}.settings-select{font-size:14px;color:var(--tide-blue);font-weight:500;background:transparent;border:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;text-align:right;cursor:pointer;padding-right:16px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%231E6B8C' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right center}.settings-select option{font-size:14px}.loading-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#f5f0e8d9;display:flex;align-items:center;justify-content:center;z-index:999}.loading-box{display:flex;flex-direction:column;align-items:center;gap:10px;background:#fff;padding:24px 30px;border-radius:12px;box-shadow:0 8px 40px #1e6b8c1f}.loading-spinner{width:28px;height:28px;border:2px solid var(--tide-light);border-top-color:var(--tide-blue);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{font-size:13px;color:var(--text-secondary)}.modal-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:1000;display:flex;align-items:center;justify-content:center}.modal-box{background:#fff;border-radius:16px;padding:24px;width:280px;box-shadow:0 16px 64px #00000026}.modal-title{font-size:17px;font-weight:600;color:var(--text-primary);margin-bottom:12px}.modal-content{font-size:14px;color:var(--text-secondary);line-height:1.6;margin-bottom:20px}.modal-btn{width:100%;padding:10px;border:none;background:var(--tide-blue);color:#fff;font-size:15px;font-weight:500;border-radius:10px;cursor:pointer}.modal-btn:active{background:var(--tide-deep)}.file-input{display:none}.auth-badge{font-size:11px;color:#fff;background:var(--tide-blue);padding:3px 10px;border-radius:10px;font-weight:500}.logout-label{color:var(--orange-acc)}.share-page{min-height:100vh;padding:48px 24px calc(48px + var(--safe-bottom));box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(180deg,var(--tide-pale) 0%,var(--sand-light) 100%)}.share-header{text-align:center;margin-bottom:28px}.share-brand{font-size:24px;font-weight:600;color:var(--tide-blue);letter-spacing:.5px}.share-tagline{font-size:12px;color:var(--text-secondary);margin-top:6px}.share-card{background:#fff;border-radius:var(--radius-card);padding:22px 20px;width:100%;max-width:480px;box-shadow:var(--card-shadow);box-sizing:border-box}.share-text{font-size:16px;line-height:1.65;color:var(--text-primary);white-space:pre-wrap;word-break:break-word}.share-meta{margin-top:14px;padding-top:14px;border-top:1px solid var(--border);display:flex;gap:12px;flex-wrap:wrap;align-items:center;font-size:12px;color:var(--text-hint)}.share-tag{color:var(--tide-blue);border:1px solid var(--tide-blue);padding:2px 8px;border-radius:4px;font-size:11px}.share-tag.muted{color:var(--text-hint);border-color:var(--border)}.share-cta{display:inline-block;margin-top:28px;padding:11px 28px;background:var(--tide-blue);color:#fff;text-decoration:none;border-radius:var(--radius-btn);font-size:14px;font-weight:500;box-shadow:0 4px 14px #1e6b8c40}.share-cta:active{opacity:.85}.share-footer{margin-top:36px;font-size:11px;color:var(--text-hint);text-align:center;line-height:1.5}.share-loading,.share-error{text-align:center;padding:40px 0;color:var(--text-secondary);font-size:14px}.mode-seg{display:flex;gap:3px;margin:0 0 12px;background:var(--tide-pale);border-radius:12px;padding:3px}.mode-seg button{flex:1;padding:7px 0;border:none;background:transparent;border-radius:9px;font-size:12.5px;font-family:inherit;color:var(--text-hint);letter-spacing:.3px;cursor:pointer;transition:background .18s ease,color .18s ease,box-shadow .18s ease}.mode-seg button.on{background:#fff;color:var(--tide-deep);font-weight:600;box-shadow:0 1px 5px #1e6b8c24}.mode-seg.locked{opacity:.5;pointer-events:none}.card-timer{margin-left:auto;font-size:12px;font-weight:500;letter-spacing:1px;color:var(--text-hint);font-variant-numeric:tabular-nums}.streaming .card-timer{color:var(--orange-acc)}.state-stream{display:flex;flex-direction:column;flex:1;min-height:0;width:100%}.stream-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.stream-scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column;padding:2px 2px 6px;scrollbar-width:none}.stream-scroll::-webkit-scrollbar{display:none}.stream-body{display:flex;flex-direction:column}.snt{font-size:17px;line-height:1.75;color:var(--text-primary);text-align:left;word-break:break-word;animation:snt-rise .28s ease both}.caret{display:inline-block;width:2px;height:1.05em;background:var(--orange-acc);vertical-align:-.15em;margin-left:2px;animation:caret-blink 1s steps(1) infinite}@keyframes caret-blink{0%,to{opacity:1}50%{opacity:0}}@keyframes snt-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.cut-line{height:1px;margin:11px 2px;position:relative;flex-shrink:0;background:linear-gradient(90deg,var(--border) 0%,rgba(216,232,240,.25) 70%,transparent)}.cut-line .cut-tag{position:absolute;left:0;top:-7px;font-size:9.5px;letter-spacing:2px;color:var(--orange-acc);opacity:0;pointer-events:none}.cut-line.fresh{animation:cut-flash 1.2s ease both}.cut-line.fresh .cut-tag{animation:cut-tag-fade 1.2s ease both}@keyframes cut-flash{0%{background:linear-gradient(90deg,rgba(212,98,42,.55) 0%,rgba(212,98,42,.08) 60%,transparent)}to{background:linear-gradient(90deg,var(--border) 0%,rgba(216,232,240,.25) 70%,transparent)}}@keyframes cut-tag-fade{0%{opacity:.95}55%{opacity:.95}to{opacity:0}}.snt-pending{display:flex;align-items:center;gap:7px;font-size:13px;color:var(--text-hint);letter-spacing:.5px;padding-top:2px}.snt-pending .pdot{width:7px;height:7px;border-radius:50%;background:var(--tide-blue);animation:snt-pulse 1.1s ease-in-out infinite}@keyframes snt-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.7)}}.live-bars{display:flex;align-items:flex-end;justify-content:center;gap:3px;height:34px;margin-top:12px;padding:0 2px}.live-bar{flex:none;width:2px;height:8%;background:var(--tide-light);border-radius:2px;transition:height .09s ease,background-color .2s ease}.streaming .live-bar{background:var(--tide-blue)}.live-stats{display:flex;align-items:baseline;margin-top:9px;font-size:11px;color:var(--text-hint);letter-spacing:.3px}.live-stats.idle{justify-content:center}.live-stats.idle .ls-right{margin-left:0}.live-stats .ls-right{margin-left:auto;font-variant-numeric:tabular-nums}.live-stats .ls-queue{color:var(--orange-acc);font-weight:500}@media (prefers-reduced-motion: reduce){.snt,.cut-line.fresh,.caret,.snt-pending .pdot{animation:none}}.wave-bars.reactive .wave-bar{animation:none}