:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#272b33;background:#faf9f7;font-synthesis:none;--brand: #2f76d2;--brand-deep: #2469bd;--brand-soft: #eef6ff;--ink: #272b33;--muted: #626773;--line: #e5e2dc;--surface: #fffefa;--success: #247451;--success-soft: #edf7f1;--warning: #8a6424;--warning-soft: #faf5e9;--danger: #a23b4a;--danger-soft: #fbf0f2;--shadow: 0 2px 5px rgba(47, 54, 65, .035), 0 18px 46px rgba(47, 54, 65, .075);--shadow-brand: 0 12px 26px rgba(45, 125, 222, .24);--ease-out: cubic-bezier(.22, 1, .36, 1);--duration-fast: .16s;--duration-base: .24s}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 15% 0%,rgba(109,174,248,.13),transparent 30rem),#faf9f7}button,input{font:inherit}button{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;min-height:52px;padding:.82rem 1.15rem;border:1px solid #d2d4d8;border-radius:.9rem;background:#fff;color:var(--ink);font-size:1rem;font-weight:700;cursor:pointer;transition:border-color var(--duration-fast) ease-out,background var(--duration-fast) ease-out,box-shadow var(--duration-fast) ease-out,transform var(--duration-fast) ease-out}.ui-icon{width:1.35rem;height:1.35rem;flex:0 0 auto;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.9}.icon-track{opacity:.28}button:hover:not(:disabled){border-color:#8eb9eb;background:#f5faff}button:active:not(:disabled){transform:translateY(1px)}button:disabled{cursor:not-allowed;opacity:.58}.upload-entry-card:disabled{background:radial-gradient(circle at 18% 2%,rgba(255,255,255,.2) 0 17%,transparent 17.5%),radial-gradient(circle at 94% 102%,rgba(255,255,255,.12) 0 27%,transparent 27.5%),linear-gradient(155deg,#88bef8,#65a6ed 48%,#3375c4);color:#fff;box-shadow:0 10px 24px #2d7dde2b;opacity:1}.upload-entry-card:disabled .upload-entry-meta{color:#fff}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #6aaafb;outline-offset:3px}button.primary{border-color:var(--brand);background:var(--brand);color:#fff;box-shadow:var(--shadow-brand)}button.primary:hover:not(:disabled){border-color:var(--brand-deep);background:var(--brand-deep)}button.danger{border-color:#e3b8c0;background:#fff8f9;color:var(--danger)}#app{width:min(calc(100% - 2rem),74rem);margin:0 auto;padding:2rem 0 3rem}.brand-lockup,.share-brand{display:inline-flex;align-items:center;gap:.65rem;color:var(--brand-deep);font-size:1.05rem;font-weight:800}.brand-mark{display:grid;width:2.75rem;height:2.75rem;place-items:center;border-radius:.9rem;background:var(--brand);color:#fff;box-shadow:0 9px 20px #2d7dde38}.brand-mark svg{width:1.8rem;height:1.8rem;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:3.2}.intro{margin-bottom:1.25rem}.intro h1{max-width:13ch;margin:1.5rem 0 .75rem;font-size:2.3rem;line-height:1.08;letter-spacing:-.025em;text-wrap:balance}.intro>p{max-width:36rem;margin:0;color:var(--muted);font-size:1.08rem;line-height:1.65;text-wrap:pretty}.owner-support{margin:0 0 1rem}.identity-notice{border:1px solid var(--line);border-radius:1rem;background:#fffefa;color:var(--muted)}.identity-notice summary{min-height:50px;padding:.85rem 1rem;color:#343942;font-size:.98rem;font-weight:750;cursor:pointer}.identity-notice p{margin:0;padding:0 1rem 1rem;font-size:.98rem;line-height:1.65}.upload-card,.share-card{border:1px solid var(--line);border-radius:1.5rem;background:var(--surface);box-shadow:var(--shadow)}.upload-card{padding:1rem}.upload-card-header{display:flex;align-items:center;justify-content:space-between;gap:.9rem;padding:.25rem .2rem 1rem}.upload-card-header h2{margin:0;font-size:1.2rem}.upload-card-meta{display:flex;min-width:0;align-items:center;justify-content:flex-end;gap:.65rem}.quota-pill{position:relative;margin:0;padding:.45rem .7rem;border-radius:999px;background:#f1f5fa;color:#4d5867;font-size:.84rem;font-weight:650;line-height:1.35;text-align:right}.quota-pill[data-loading=true]{min-width:12rem;overflow:hidden;color:transparent}.quota-pill[data-loading=true]:after{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(100deg,transparent 20%,rgba(255,255,255,.8) 48%,transparent 76%);content:"";animation:quota-sheen 1.4s linear infinite}.sound-preference{display:inline-flex;min-height:44px;align-items:center;gap:.45rem;padding:.45rem .65rem;border:1px solid var(--line);border-radius:.8rem;background:#fffefa;color:#454d59;font-size:1rem;font-weight:700;line-height:1.3;cursor:pointer;transition:border-color var(--duration-fast) ease-out,background var(--duration-fast) ease-out,color var(--duration-fast) ease-out}.sound-preference:hover{border-color:#9dc2ec;background:#f5faff}.sound-preference:has(input:checked){border-color:#a6c9f2;background:var(--brand-soft);color:var(--brand-deep)}.sound-preference input{width:1.15rem;height:1.15rem;flex:0 0 auto;margin:0;accent-color:var(--brand)}.sound-preference input:focus-visible{outline:3px solid #6aaafb;outline-offset:3px}.sound-preference .ui-icon{width:1.2rem;height:1.2rem}.upload-entry-card{position:relative;display:grid;width:100%;min-height:15rem;grid-template-columns:1fr auto;align-content:end;gap:.75rem 1rem;overflow:hidden;padding:1.5rem;border:0;border-radius:1.3rem;background:radial-gradient(circle at 18% 2%,rgba(255,255,255,.2) 0 17%,transparent 17.5%),radial-gradient(circle at 94% 102%,rgba(255,255,255,.13) 0 27%,transparent 27.5%),linear-gradient(155deg,#67a9f6,#438eea 46%,#2970ce);color:#fff;text-align:left;box-shadow:0 14px 30px #2d7dde40}.upload-entry-card:hover:not(:disabled){background:radial-gradient(circle at 18% 2%,rgba(255,255,255,.22) 0 17%,transparent 17.5%),radial-gradient(circle at 94% 102%,rgba(255,255,255,.15) 0 27%,transparent 27.5%),linear-gradient(155deg,#72b1fa,#4996f0 46%,#2d75d3);box-shadow:0 17px 34px #2d7dde4a;transform:translateY(-1px)}.upload-entry-icon{position:absolute;top:1.5rem;left:1.5rem}.upload-entry-icon svg{width:4.4rem;height:4.4rem;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:3.8}.upload-entry-copy{display:grid;min-width:0;gap:.35rem}.upload-entry-title{font-size:1.65rem;line-height:1.15}.upload-entry-meta{max-width:30rem;color:#fff;font-size:1rem;font-weight:580;line-height:1.45}.upload-entry-arrow{align-self:center;font-size:3rem;font-weight:400;line-height:1}.upload-card[data-has-selection=true] .upload-entry-card,.upload-card[data-phase=recovery_pending] .upload-entry-card{min-height:5.2rem;align-content:center;grid-template-columns:3rem 1fr auto;padding:.8rem 1rem;background:var(--brand-soft);color:var(--brand-deep);box-shadow:none}.upload-card[data-has-selection=true] .upload-entry-icon,.upload-card[data-phase=recovery_pending] .upload-entry-icon{position:static}.upload-card[data-has-selection=true] .upload-entry-icon svg,.upload-card[data-phase=recovery_pending] .upload-entry-icon svg{width:2.6rem;height:2.6rem}.upload-card[data-has-selection=true] .upload-entry-title,.upload-card[data-phase=recovery_pending] .upload-entry-title{font-size:1.12rem}.upload-card[data-has-selection=true] .upload-entry-meta,.upload-card[data-phase=recovery_pending] .upload-entry-meta{display:none}.upload-state-panel{margin-top:1rem}.selection{padding:.85rem;border:1px solid var(--line);border-radius:1.15rem;background:#f8fbff}#local-preview{display:block;width:100%;max-height:50vh;border-radius:.9rem;background:#0e1524;object-fit:contain}.preview-note{margin:.65rem 0 0;color:var(--muted);font-size:.92rem;line-height:1.5}.file-details{display:grid;gap:0;margin:.85rem 0 0}.file-details div{display:grid;grid-template-columns:6.5rem minmax(0,1fr);gap:.75rem;padding:.72rem 0;border-top:1px solid #e5e7ea;text-align:left}.file-details dt{color:var(--muted);font-weight:650}.file-details dd{margin:0;overflow-wrap:anywhere;font-weight:650}.progress-wrap{--upload-progress: 0%;--progress-fill: #438eea;--progress-track: #dcecff;margin-top:1.1rem;padding:1rem;border-radius:1rem;background:var(--brand-soft)}.progress-label{display:flex;justify-content:space-between;gap:1rem;margin-bottom:.6rem;color:#394553;font-size:1rem;font-weight:700}.progress-label output{min-width:3.5ch;color:var(--brand-deep);font-size:1.25rem;font-variant-numeric:tabular-nums;line-height:1;text-align:right}.native-upload-progress{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.liquid-progress{position:relative;height:1.35rem;overflow:hidden;border:1px solid #c8def8;border-radius:999px;background:var(--progress-track);box-shadow:inset 0 1px 2px #2d578817}.liquid-progress-fill{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:var(--progress-fill);clip-path:inset(0 calc(100% - var(--upload-progress)) 0 0);transition:background var(--duration-base) ease-out,clip-path var(--duration-base) var(--ease-out)}.liquid-wave{position:absolute;bottom:-.1rem;left:0;width:200%;height:calc(100% + .35rem);animation:liquid-wave-forward 2.2s linear infinite paused;fill:#ffffff2b;transform:translate(0)}.liquid-wave-back{bottom:.05rem;animation-name:liquid-wave-backward;animation-duration:3.1s;fill:#ffffff1a;opacity:.82}.upload-card[data-phase=uploading] .liquid-wave{animation-play-state:running}.upload-card[data-phase=waiting_network] .progress-wrap{--progress-fill: #a97929;--progress-track: #efe5cf;background:var(--warning-soft)}.upload-card[data-phase=error] .progress-wrap,.upload-card[data-phase=rejected] .progress-wrap{--progress-fill: #b44b5b;--progress-track: #f0dfe2;background:var(--danger-soft)}.upload-card[data-phase=accepted] .progress-wrap{--progress-fill: #31805d;--progress-track: #dceee4;background:var(--success-soft)}.upload-card[data-phase=waiting_network] .progress-label output{color:var(--warning)}.upload-card[data-phase=error] .progress-label output,.upload-card[data-phase=rejected] .progress-label output{color:var(--danger)}.upload-card[data-phase=accepted] .progress-label output{color:var(--success)}.actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1rem}.actions button{flex:1 1 10rem}.status{display:flex;align-items:flex-start;gap:.7rem;min-height:1.5em;margin:1rem 0 0;padding:.9rem 1rem;border-radius:.9rem;background:#f3f6fa;color:#454f5c;font-size:1rem;line-height:1.55}.status-symbol{display:grid;width:1.55rem;height:1.55rem;flex:0 0 auto;place-items:center}.status-icon{display:none;grid-area:1 / 1}.status-icon-neutral,.upload-card[data-phase=uploading] .status-icon-uploading,.upload-card[data-phase=paused] .status-icon-paused,.upload-card[data-phase=waiting_network] .status-icon-warning,.upload-card[data-phase=confirming] .status-icon-processing,.upload-card[data-phase=cancelling] .status-icon-processing,.upload-card[data-phase=uploaded] .status-icon-processing,.upload-card[data-phase=validating] .status-icon-processing,.upload-card[data-phase=accepted] .status-icon-success,.upload-card[data-phase=error] .status-icon-warning,.upload-card[data-phase=rejected] .status-icon-warning,.upload-card[data-phase=recovery_pending] .status-icon-warning{display:block}.upload-card[data-phase] .status-icon-neutral{display:none}.upload-card[data-phase=idle] .status-icon-neutral,.upload-card[data-phase=ready] .status-icon-neutral{display:block}.upload-card[data-phase=uploading] .status-upload-arrow{animation:upload-arrow 1.25s var(--ease-out) infinite}.status-icon-processing .icon-runner,.share-state-icon-processing .icon-runner{transform-origin:center;animation:icon-spin 1.35s linear infinite}.status-check-path,.share-result-check,.share-state-icon-ready path{stroke-dasharray:24;stroke-dashoffset:24}.upload-card[data-phase=accepted] .status-check-path,.share-result:not([hidden]) .share-result-check,[data-share-state=ready] .share-state-icon-ready path{animation:check-draw .46s var(--ease-out) forwards}.action-icon-resume,.upload-card[data-phase=paused] .action-icon-pause{display:none}.upload-card[data-phase=paused] .action-icon-resume{display:block}button.is-busy .ui-icon{display:none}button.is-busy:before{width:1rem;height:1rem;flex:0 0 auto;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;content:"";animation:icon-spin .9s linear infinite}.share-download.is-starting .download-motion{animation:download-start .72s var(--ease-out) both}.status[data-tone=success]{background:var(--success-soft);color:var(--success)}.status[data-tone=error]{background:var(--danger-soft);color:var(--danger)}.share-result{margin-top:1rem;padding:1.15rem;border:1px solid #b9dfc8;border-radius:1rem;background:var(--success-soft)}.share-result-heading{display:flex;align-items:flex-start;gap:.75rem}.share-result-symbol{display:grid;width:2rem;height:2rem;flex:0 0 auto;place-items:center;border-radius:50%;background:#dcefe4;color:var(--success)}.share-result-symbol .ui-icon{width:1.2rem;height:1.2rem}.share-result p{margin:0 0 .5rem;color:var(--success);font-weight:700}.share-actions{display:grid;gap:.8rem;margin-top:.8rem}.share-actions #share-link{display:flex;min-height:56px;align-items:center;overflow-wrap:anywhere;padding:.9rem 1rem;border:1px solid #a9cdf5;border-radius:.9rem;background:#fffefa;color:var(--brand-deep);font-weight:700;line-height:1.4}.share-action-buttons{display:flex;flex-wrap:wrap;gap:.75rem}.share-action-buttons button{flex:1 1 10rem}.share-result .share-feedback,.share-result .share-help{margin:.75rem 0 0;color:#4b5562;font-size:.95rem;font-weight:500;line-height:1.55}.share-result .share-feedback[data-tone=success]{color:var(--success)}.share-result .share-feedback[data-tone=error]{color:var(--danger)}#app[data-page=share]{width:min(calc(100% - 2rem),72rem)}.share-card{overflow:hidden}.share-brand{display:flex;padding:1rem 1rem 0}.share-layout{display:grid;gap:0;padding:1rem}.share-media-frame{position:relative;display:grid;min-height:14rem;overflow:hidden;place-items:center;border-radius:1.2rem;background:#101828}.share-media-placeholder{display:grid;width:6rem;height:6rem;place-items:center;border-radius:2rem;background:#ffffff1a;color:#dce8ff}.share-media-placeholder svg{width:3.8rem;height:3.8rem;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:3}.share-poster,.share-player{display:block;width:100%;height:100%;max-height:68vh;background:#101828;object-fit:contain}.share-content{padding:1.35rem .2rem .2rem}.share-content h1,.share-state h2{margin:0}.share-content h1{font-size:2rem;line-height:1.12;letter-spacing:-.02em;text-wrap:balance}.share-expiry{display:inline-flex;margin:.7rem 0 1.1rem;padding:.42rem .72rem;border-radius:999px;background:#f1f5fa;color:#4d5867;font-size:.92rem;font-weight:700}.share-state{display:flex;align-items:flex-start;gap:.8rem;padding:1rem;border-radius:1rem;background:#f3f6fa}.share-state-symbol{display:grid;width:2.25rem;height:2.25rem;flex:0 0 auto;place-items:center;border-radius:.75rem;background:#e8eef5;color:#536170}.share-state-icon{display:none;grid-area:1 / 1}[data-share-state=loading] .share-state-icon-processing,[data-share-state=processing] .share-state-icon-processing,[data-share-state=waiting] .share-state-icon-processing,[data-share-state=ready] .share-state-icon-ready,[data-share-state=failed] .share-state-icon-warning,[data-share-state=unavailable] .share-state-icon-warning{display:block}[data-share-state=ready] .share-state{background:var(--success-soft)}[data-share-state=ready] .share-state-symbol{background:#dcefe4;color:var(--success)}[data-share-state=failed] .share-state,[data-share-state=unavailable] .share-state{background:var(--danger-soft)}[data-share-state=failed] .share-state-symbol,[data-share-state=unavailable] .share-state-symbol{background:#f4dfe3;color:var(--danger)}[data-share-state=processing] .share-media-placeholder,[data-share-state=loading] .share-media-placeholder,[data-share-state=waiting] .share-media-placeholder{animation:media-breathe 1.8s ease-in-out infinite}.share-state,.status,.share-result:not([hidden]),.selection:not([hidden]),.progress-wrap:not([hidden]){animation:panel-enter var(--duration-base) var(--ease-out) both}.share-state h2{font-size:1.25rem}.share-state p{margin:.45rem 0 0;color:#505a67;font-size:1rem;line-height:1.55}.share-play,.share-download,.share-refresh{width:100%;min-height:58px;margin-top:.8rem;font-size:1.05rem;font-weight:750}.share-download{gap:.55rem}@keyframes quota-sheen{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes liquid-wave-forward{to{transform:translate(-50%)}}@keyframes liquid-wave-backward{0%{transform:translate(-50%)}to{transform:translate(0)}}@keyframes upload-arrow{0%,to{transform:translateY(0);opacity:.72}50%{transform:translateY(-2px);opacity:1}}@keyframes icon-spin{to{transform:rotate(360deg)}}@keyframes check-draw{to{stroke-dashoffset:0}}@keyframes download-start{0%{transform:translateY(-2px);opacity:.55}55%{transform:translateY(3px);opacity:1}to{transform:translateY(0);opacity:1}}@keyframes media-breathe{0%,to{transform:scale(1);background:#ffffff14}50%{transform:scale(1.025);background:#ffffff21}}@keyframes panel-enter{0%{transform:translateY(5px);opacity:0}to{transform:translateY(0);opacity:1}}.share-download,.share-refresh{display:flex;align-items:center;justify-content:center;border:1px solid #a8c9ef;border-radius:.9rem;color:var(--brand-deep);text-decoration:none}.share-player-wrap{width:100%;height:100%}.share-player-status{position:absolute;right:.75rem;bottom:.75rem;left:.75rem;margin:0;padding:.75rem .9rem;border-radius:.75rem;background:#0e1524e0;color:#fff;font-size:.94rem;line-height:1.45}.share-player-status[data-tone=error]{background:#761123eb}.share-player-actions{position:absolute;right:.75rem;bottom:.75rem;left:.75rem;display:flex;flex-wrap:wrap;gap:.65rem}.share-player-actions:has(.share-player-status:not([hidden])){bottom:5.2rem}.share-player-retry,.share-player-fullscreen{min-height:48px;border-color:#ffffffb8;background:#fffffff0;color:var(--brand-deep)}.share-playback-error{margin-top:.8rem}@media(orientation:landscape)and (max-height:540px){.share-media-frame{height:min(56vw,72vh);min-height:0;max-height:72vh}}@media(max-width:599px){#app{width:min(calc(100% - 1.25rem),34rem);padding:1rem 0 2rem}.brand-mark{width:2.6rem;height:2.6rem}.intro h1{margin-top:1.25rem;font-size:2.05rem}.intro>p{font-size:1.02rem}.upload-card-header{display:grid}.upload-card-meta{align-items:flex-start;flex-direction:column}.quota-pill{justify-self:start;text-align:left}.upload-entry-card{min-height:15.5rem}.upload-entry-title{font-size:1.55rem}.file-details div{grid-template-columns:1fr;gap:.2rem}.actions button,.share-action-buttons button{flex-basis:100%}.share-layout{padding:.75rem}.share-brand{padding:.75rem .75rem 0}.share-content{padding:1.2rem .25rem .25rem}.share-content h1{font-size:1.75rem}}@media(min-width:600px)and (max-width:959px){#app:not([data-page=share]){width:min(calc(100% - 3rem),46rem)}.upload-card{padding:1.35rem}.upload-entry-card{min-height:14rem}}@media(min-width:960px){#app:not([data-page=share]){display:grid;grid-template-columns:minmax(16rem,.72fr) minmax(32rem,1.28fr);grid-template-areas:"intro upload" "support upload";align-items:start;gap:1rem 3.5rem;padding-top:4rem}#app:not([data-page=share]) .intro{grid-area:intro;position:sticky;top:3rem}#app:not([data-page=share]) .owner-support{grid-area:support;position:sticky;top:21rem}#app:not([data-page=share]) .upload-card{grid-area:upload;padding:1.5rem}.upload-entry-card{min-height:16rem}.share-card{margin-top:2rem}.share-brand{padding:1.35rem 1.35rem 0}.share-layout{grid-template-columns:minmax(0,1.45fr) minmax(20rem,.8fr);align-items:stretch;gap:1.5rem;padding:1.35rem}.share-media-frame{min-height:30rem}.share-content{display:flex;min-width:0;flex-direction:column;justify-content:center;padding:1.25rem .8rem 1.25rem 0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition:none!important}}