:root{--white: #ffffff;--black: #000000;--red: #e60000;--scrollbar-thumb: #000000;--scrollbar-track: transparent}*{box-sizing:border-box;margin:0;padding:0;border:none;border-radius:0;-webkit-tap-highlight-color:transparent}html,body{width:100%;height:100dvh;overflow:hidden;background-color:var(--white);color:var(--black);font-family:Inter Tight,Arial Narrow,Inter,Arial,sans-serif;font-weight:400;font-stretch:condensed;letter-spacing:-.02em;-webkit-font-smoothing:antialiased}main{width:100%;height:100dvh;position:relative}.hidden{display:none!important}.screen{width:100%;height:100dvh;display:flex;flex-direction:column;outline:none;background:var(--white)}.scroller{scrollbar-width:none;-ms-overflow-style:none}.scroller::-webkit-scrollbar{display:none;width:0;height:0}.pulse-dots{display:inline-flex}.pulse-dot{display:inline-block;opacity:0;filter:blur(6px);transform:translateY(1px);transition:opacity .72s cubic-bezier(.45,.05,.55,.95),filter .72s cubic-bezier(.45,.05,.55,.95),transform .72s cubic-bezier(.45,.05,.55,.95);will-change:opacity,filter,transform}.pulse-dot.visible{opacity:1;filter:blur(0px);transform:translateY(0)}.splash-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:var(--black);color:var(--white);display:flex;flex-direction:column;justify-content:space-between;padding:24px;-webkit-user-select:none;user-select:none;transition:opacity .45s cubic-bezier(.45,.05,.55,.95),visibility .45s}.splash-screen.fade-out{opacity:0;visibility:hidden;pointer-events:none}.splash-top-row{display:flex;justify-content:flex-end;width:100%}.splash-percent{font-size:clamp(2.2rem,1.7rem + 2.5vw,3.4rem);font-weight:500;letter-spacing:-.03em;line-height:1;font-variant-numeric:tabular-nums;color:var(--white);text-align:right}.top-half-viewport{position:relative;height:50dvh;width:100%;background:var(--white);overflow:hidden}.top-half{--scrollbar-thumb: #c4c4c4;--scrollbar-thumb-hover: #888888;--scrollbar-track: transparent;height:100%;width:100%;background:var(--white);color:var(--black);overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;padding:0}.top-half::-webkit-scrollbar{width:6px;height:6px}.top-half::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:0}.top-half::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.top-half::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:0}.top-half::-webkit-scrollbar-button{display:none;width:0;height:0}@supports (-moz-appearance: none){.top-half{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}}.recordings-list{list-style:none;width:100%;flex:1;padding:0}.pwa-install-banner{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:13px 24px;background:#e8e8e8;color:var(--black);font-family:inherit;font-size:.92rem;font-weight:500;letter-spacing:.01em;text-align:center;cursor:pointer;flex-shrink:0;transition:background-color .15s ease,color .15s ease}.pwa-install-banner:active{background:var(--black);color:var(--white)}.pwa-quad-icon{display:inline-block;width:13px;height:13px;min-width:13px;border:1px solid var(--black);background:linear-gradient(to right,#fff 50%,#fff 50%) 0 0 / 100% 50% no-repeat,linear-gradient(to right,var(--red) 50%,var(--black) 50%) 0 100% / 100% 50% no-repeat}.pwa-modal-steps{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:8px;font-size:1rem;font-weight:300;line-height:1.45;color:var(--white);opacity:.9}.pwa-modal-steps strong{font-weight:500}.recording-row-wrap{position:relative;width:100%;overflow:hidden;contain:content;background:#e8e8e8}.recording-rename-bg{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:flex-start;padding-left:24px;background:#e8e8e8;color:var(--black);font-size:.9rem;font-weight:500;letter-spacing:.03em;text-transform:uppercase;pointer-events:none}.recording-delete-bg{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:flex-end;padding-right:24px;background:var(--red);color:var(--white);font-size:.9rem;font-weight:500;letter-spacing:.03em;text-transform:uppercase;pointer-events:none;opacity:0}.recording-row-wrap.swiping-left .recording-delete-bg{opacity:1}.swipe-action-label{display:inline-block;scale:1;transition:scale .2s cubic-bezier(.28,1.35,.5,1);will-change:scale}.recording-row-wrap.is-activating .swipe-action-label{scale:1.12}.recording-item{position:relative;z-index:1;width:100%;padding:0;background:var(--white);color:var(--black);display:flex;align-items:stretch;-webkit-user-select:none;user-select:none;touch-action:pan-y;overscroll-behavior-x:none;transition:transform .26s cubic-bezier(.22,1,.36,1)}.recording-main{position:relative;flex:1;min-width:0;padding:18px 24px;background:var(--white);color:var(--black);cursor:pointer;display:flex;justify-content:space-between;align-items:baseline;gap:16px;transition:background-color .15s ease,color .15s ease}.recording-main:after{content:"";position:absolute;left:24px;right:24px;bottom:0;height:1.5px;background:#d2d2d2;border-radius:999px;pointer-events:none}.recording-main:active{background:var(--black);color:var(--white)}.row-action-btn{display:flex;align-items:center;justify-content:center;max-width:0;padding:0;opacity:0;overflow:hidden;white-space:nowrap;pointer-events:none;font-family:inherit;font-size:.9rem;font-weight:500;letter-spacing:.03em;text-transform:uppercase;cursor:pointer;flex-shrink:0;transition:max-width .24s cubic-bezier(.22,1,.36,1),padding .24s cubic-bezier(.22,1,.36,1),opacity .18s ease}.row-action-rename{background:#e8e8e8;color:var(--black)}.row-action-delete{background:var(--red);color:var(--white)}.recording-row-wrap.revealed-left .row-action-rename,.recording-row-wrap.revealed-right .row-action-delete{max-width:112px;padding:0 22px;opacity:1;pointer-events:auto}.recording-preview{font-size:1.05rem;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.recording-time{margin-left:auto;text-align:right;font-size:.85rem;font-weight:400;font-variant-numeric:tabular-nums;opacity:.55;flex-shrink:0}.empty-recordings{padding:24px;font-size:1rem;font-weight:400;color:var(--black);opacity:.4}.bottom-half{position:fixed;left:0;right:0;bottom:0;height:50dvh;width:100%;z-index:30;background:var(--black);color:var(--white);display:flex;flex-direction:column;justify-content:space-between;padding:24px;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:none;transition:height .42s cubic-bezier(.22,1,.36,1),background-color .32s ease}.bottom-half.shrinking{height:46.5dvh;background:var(--black);transition:height .15s cubic-bezier(.4,0,.2,1)}.bottom-half.recording{height:100dvh;background:var(--red);color:var(--white);transition:height .48s cubic-bezier(.22,1,.36,1),background-color .3s ease}.live-stream-viewport{align-self:flex-end;width:88%;height:68dvh;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;pointer-events:none;-webkit-mask-image:linear-gradient(to bottom,transparent 0%,black 32%,black 100%);mask-image:linear-gradient(to bottom,transparent 0%,black 32%,black 100%);transition:opacity .2s ease}.bottom-half:not(.recording) .live-stream-viewport{opacity:0;visibility:hidden}@supports (not (mask-image: linear-gradient(to bottom,black,transparent))) and (not (-webkit-mask-image: linear-gradient(to bottom,black,transparent))){.live-stream-viewport{position:relative}.live-stream-viewport:before{content:"";position:absolute;top:0;left:0;right:0;height:32%;background:linear-gradient(to bottom,#e60000,#e6000000);pointer-events:none}}.live-stream-text{text-align:right;font-size:clamp(1.3rem,1.05rem + 1.2vw,1.9rem);font-weight:400;line-height:1.4;color:var(--white);word-break:break-word}.record-bottom-row{position:relative;z-index:2;margin-top:auto;display:flex;align-items:baseline;justify-content:space-between;width:100%;pointer-events:none}.record-label{font-size:clamp(2.2rem,1.7rem + 2.5vw,3.4rem);font-weight:500;letter-spacing:-.03em;line-height:1;color:var(--white)}.lock-hint{font-size:.85rem;font-weight:400;text-transform:uppercase;letter-spacing:.04em;font-variant-numeric:tabular-nums;color:var(--white)}.transcription-screen{background:var(--white);color:var(--black);display:flex;flex-direction:column}.transcription-top-half{height:50dvh;width:100%;background:var(--white);color:var(--black);display:flex;flex-direction:column;overflow:hidden}.transcription-bar{display:flex;align-items:center;justify-content:space-between;height:48px;flex-shrink:0;background:var(--white);z-index:5}.header-right-group{margin-left:auto;display:flex;align-items:center;justify-content:flex-end;height:100%}.nav-btn{height:100%;padding:0 22px;background:var(--white);color:var(--black);font-family:inherit;font-size:.95rem;font-weight:500;letter-spacing:.01em;text-transform:uppercase;cursor:pointer}.nav-btn:active{background:var(--black);color:var(--white)}.transcription-meta{padding:0 24px;text-align:right;font-size:.85rem;font-weight:400;color:var(--black);opacity:.55;font-variant-numeric:tabular-nums}.transcription-body{position:relative;flex:1;width:100%;overflow-y:auto;padding:20px 24px 36px;display:flex;flex-direction:column;-webkit-mask-image:linear-gradient(to bottom,transparent 0%,black 8%,black 88%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0%,black 8%,black 88%,transparent 100%)}@supports (not (mask-image: linear-gradient(to bottom,black,transparent))) and (not (-webkit-mask-image: linear-gradient(to bottom,black,transparent))){.transcription-body{position:relative}.transcription-body:after{content:"";position:absolute;bottom:0;left:0;right:0;height:14%;background:linear-gradient(to bottom,#fff0,#fff);pointer-events:none}}.words-container{width:100%;font-family:inherit;font-size:clamp(1.25rem,1.05rem + .9vw,1.65rem);font-weight:400;font-stretch:condensed;letter-spacing:-.02em;line-height:1.55;color:var(--black);white-space:normal;overflow-wrap:break-word;word-break:break-word;-webkit-user-select:none;user-select:none}.transcribing-indicator{margin-top:12px;font-size:clamp(1.25rem,1.05rem + .9vw,1.65rem);font-weight:400;color:var(--black);opacity:.45}.speaker-block{display:block;margin-bottom:1.55em}.speaker-block:last-child{margin-bottom:0}.speaker-dot{display:inline-block;width:8px;height:8px;border-radius:0;margin-right:9px;vertical-align:middle;position:relative;top:-.07em}.word-span{display:inline;cursor:pointer;padding:1px 2px;margin:-1px -2px;transition:background-color .08s linear}.word-span.active-word{background-color:#0000001c}.word-span.low-confidence{font-style:italic;color:var(--red)}.word-span.low-confidence.active-word{background-color:#e600001f}.word-span.playing{background:var(--black);color:var(--white)}.edit-textarea{field-sizing:content;height:auto;width:100%;min-height:100%;flex-shrink:0;overflow:hidden;padding:0;font-family:inherit;font-size:clamp(1.25rem,1.05rem + .9vw,1.65rem);font-weight:400;font-stretch:condensed;letter-spacing:-.02em;line-height:1.55;white-space:pre-wrap;overflow-wrap:break-word;word-break:break-word;color:var(--black);background:var(--white);resize:none;outline:none}.playback-surface{position:relative;height:50dvh;width:100%;background:var(--black);color:var(--white);display:flex;flex-direction:column;justify-content:flex-end;padding:24px;cursor:ew-resize;-webkit-user-select:none;user-select:none;touch-action:none;overflow:hidden;outline:none}.playback-progress-fill{position:absolute;top:0;bottom:0;left:0;width:0%;background:#ffffff14;pointer-events:none}.delete-modal{margin:auto;background:var(--black);color:var(--white);padding:28px;width:min(90vw,340px)}.delete-modal::backdrop{background:#ffffffb8}.delete-modal-form{display:flex;flex-direction:column;gap:16px}.delete-modal-title{font-size:1.5rem;font-weight:400}.delete-modal-preview{font-size:1.05rem;font-weight:300;opacity:.75;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.delete-modal-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:8px}.delete-modal-actions.pwa-modal-actions-single{grid-template-columns:1fr}.modal-btn{padding:12px 16px;font-family:inherit;font-size:1.1rem;font-weight:400;text-transform:uppercase;letter-spacing:.04em;cursor:pointer}.modal-btn-cancel{background:var(--white);color:var(--black)}.modal-btn-delete,.modal-btn-save{background:var(--red);color:var(--white)}.rename-modal-input{width:100%;padding:12px 14px;font-family:inherit;font-size:1.05rem;font-weight:400;background:var(--white);color:var(--black);outline:none}@keyframes slide-to-left{to{transform:translate(-100%)}}@keyframes slide-from-right{0%{transform:translate(100%)}}@keyframes slide-to-right{to{transform:translate(100%)}}@keyframes slide-from-left{0%{transform:translate(-100%)}}::view-transition-group(root){animation:.36s cubic-bezier(.22,1,.36,1) both}html:active-view-transition-type(forward)::view-transition-old(root){animation-name:slide-to-left}html:active-view-transition-type(forward)::view-transition-new(root){animation-name:slide-from-right}html:active-view-transition-type(backward)::view-transition-old(root){animation-name:slide-to-right}html:active-view-transition-type(backward)::view-transition-new(root){animation-name:slide-from-left}@media(prefers-reduced-motion:reduce){::view-transition-group(root),::view-transition-old(root),::view-transition-new(root){animation:none!important}}