:root{--c-bg: #080c14;--c-surface: #0e1420;--c-surface-2: #141c2e;--c-border: rgba(255,255,255,.08);--c-border-hi: rgba(255,255,255,.14);--c-text: #f0f4ff;--c-muted: rgba(240,244,255,.5);--c-accent: #4f8ef7;--c-accent-hi: #7aaeff;--c-accent-glow: rgba(79,142,247,.25);--c-success: #34d399;--c-warning: #fbbf24;--c-danger: #f87171;--radius-sm: 8px;--radius: 14px;--radius-lg: 20px;--radius-xl: 28px;--shadow-sm: 0 2px 8px rgba(0,0,0,.3);--shadow: 0 8px 32px rgba(0,0,0,.45);--shadow-lg: 0 20px 60px rgba(0,0,0,.6);--font: "Inter", ui-sans-serif, system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "Fira Code", monospace;--max-w: 760px;--pad: clamp(16px, 4vw, 32px);--gap: clamp(12px, 2vw, 20px);--transition: .18s cubic-bezier(.4,0,.2,1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{height:100%;scroll-behavior:smooth}body{font-family:var(--font);font-size:15px;line-height:1.6;color:var(--c-text);background:var(--c-bg);min-height:100vh;min-height:100svh;display:flex;flex-direction:column;overflow-x:hidden;-webkit-font-smoothing:antialiased}img,svg{display:block}a{color:inherit}button,input,select,textarea{font-family:inherit}[hidden]{display:none!important}.bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none}.bg-gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 50% at 15% -10%,rgba(79,142,247,.12) 0%,transparent 60%),radial-gradient(ellipse 60% 40% at 85% 10%,rgba(99,102,241,.08) 0%,transparent 55%),radial-gradient(ellipse 100% 60% at 50% 100%,rgba(15,23,42,.9) 0%,transparent 70%)}.bg-vignette{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 120% 80% at 50% 50%,transparent 40%,rgba(0,0,0,.6) 100%)}.bg-noise{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:200px}.container{width:min(100% - 2 * var(--pad),var(--max-w));margin-inline:auto;padding-inline:env(safe-area-inset-left) env(safe-area-inset-right)}.app-header{position:sticky;top:0;z-index:100;padding-top:env(safe-area-inset-top);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);background:#080c14bf;border-bottom:1px solid var(--c-border)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-block:12px}.header-inner h1{margin:0}.brand{font-size:18px;font-weight:700;letter-spacing:-.3px;text-decoration:none;color:var(--c-text);display:flex;align-items:center;gap:8px}.brand:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--c-accent);box-shadow:0 0 10px var(--c-accent)}.nav{display:flex;align-items:center;gap:4px}.nav-link{display:inline-flex;align-items:center;height:36px;text-decoration:none;color:var(--c-muted);font-size:14px;font-weight:500;padding:0 14px;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-sm);white-space:nowrap;transition:color var(--transition),background var(--transition),border-color var(--transition)}.nav-link:hover{color:var(--c-text);background:#ffffff0f;border-color:var(--c-border-hi)}.nav-link.active{color:var(--c-text);background:#ffffff14;border-color:#fff3}.nav-icon-link{display:inline-grid;place-items:center;width:36px;height:36px;flex-shrink:0;color:var(--c-warning);background:#fbbf2412;border:1px solid rgba(251,191,36,.2);border-radius:var(--radius-sm);text-decoration:none;transition:color var(--transition),background var(--transition),border-color var(--transition),transform var(--transition)}.nav-icon-link:hover{color:#fcd34d;background:#fbbf241f;border-color:#fbbf2457;transform:translateY(-1px)}.nav-icon-link:active{transform:translateY(0)}.nav-icon-link svg{width:16px;height:16px}.hairline{display:none}.app-main{flex:1;padding-block:clamp(24px,3.5vw,44px)}.wrap{display:flex;flex-direction:column;gap:clamp(16px,2.5vw,24px)}.page-title{font-size:clamp(24px,3.5vw,36px);font-weight:700;letter-spacing:-.5px;line-height:1.2;margin-bottom:4px}.page-subtitle{color:var(--c-muted);font-size:15px;margin-bottom:8px}.page-home .container{--max-w: 1040px}.page-home .bg-gradient{background:radial-gradient(ellipse 70% 48% at 50% -8%,rgba(79,142,247,.2) 0%,transparent 62%),radial-gradient(ellipse 44% 34% at 12% 24%,rgba(56,189,248,.07) 0%,transparent 70%),radial-gradient(ellipse 44% 34% at 88% 22%,rgba(99,102,241,.08) 0%,transparent 68%),radial-gradient(ellipse 100% 60% at 50% 100%,rgba(15,23,42,.9) 0%,transparent 72%)}.page-home .bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.3;background-image:radial-gradient(rgba(148,180,255,.16) 1px,transparent 1px);background-size:28px 28px;-webkit-mask-image:radial-gradient(ellipse 52% 44% at 50% 23%,#000 0%,transparent 74%);mask-image:radial-gradient(ellipse 52% 44% at 50% 23%,#000 0%,transparent 74%)}.home-nav{margin-left:auto}.home-help-btn{display:inline-grid;place-items:center;width:44px;height:44px;flex-shrink:0;color:#c4d8ffc7;background:#4f8ef712;border:1px solid rgba(124,166,255,.18);border-radius:var(--radius-sm);text-decoration:none;transition:color var(--transition),background var(--transition),border-color var(--transition),transform var(--transition)}.home-help-btn:hover{color:#fff;background:#4f8ef724;border-color:#7ca6ff57;transform:translateY(-1px)}.home-help-btn:active{transform:translateY(0)}.home-help-btn svg{width:16px;height:16px}.page-home .app-main{display:flex;align-items:center;padding-block:clamp(40px,6vw,76px) clamp(40px,5vw,64px)}.home-layout{display:flex;flex-direction:column;align-items:center;gap:clamp(22px,3vw,34px);width:100%;min-width:0}.home-hero{position:relative;display:flex;flex-direction:column;align-items:center;gap:14px;width:100%;max-width:720px;text-align:center}.home-hero:before{content:"";position:absolute;z-index:0;top:-130px;left:50%;width:min(760px,94vw);height:470px;transform:translate(-50%);background:radial-gradient(ellipse at center,rgba(79,142,247,.17) 0%,rgba(79,142,247,.05) 40%,transparent 70%);pointer-events:none}.home-hero>*{position:relative;z-index:1}.hero-emblem{display:grid;place-items:center;width:54px;height:54px;border-radius:16px;color:#a8c8ff;background:linear-gradient(150deg,#4f8ef738,#4f8ef70f);border:1px solid rgba(124,166,255,.28);box-shadow:inset 0 1px #ffffff1f,0 16px 36px #173c824d}.hero-emblem svg{width:27px;height:27px}.home-title{color:var(--c-text);font-size:clamp(44px,7vw,64px);font-weight:800;line-height:1;letter-spacing:-.052em;text-shadow:0 10px 40px rgba(79,142,247,.18)}@supports ((-webkit-background-clip: text) or (background-clip: text)){.home-title{background:linear-gradient(180deg,#fff 26%,#b9d1ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:none}}.home-subtitle{max-width:600px;color:#f0f4ff9e;font-size:clamp(15px,1.6vw,17px);line-height:1.55;letter-spacing:-.01em;text-wrap:balance}.home-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(12px,1.6vw,18px);width:100%;max-width:880px}.action-card{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:flex-start;min-width:0;padding:clamp(20px,2.4vw,26px);color:var(--c-text);text-decoration:none;background:radial-gradient(ellipse 100% 80% at 100% 0%,rgba(79,142,247,.08),transparent 55%),linear-gradient(155deg,#131d31f0,#0a111ef5);border:1px solid rgba(124,166,255,.16);border-radius:var(--radius-xl);box-shadow:0 18px 50px #02061061,inset 0 1px #ffffff0b;overflow:hidden;transition:transform var(--transition),border-color var(--transition),box-shadow var(--transition)}.action-card:before{content:"";position:absolute;z-index:-1;top:-80px;right:-60px;width:220px;height:220px;border-radius:50%;background:#4f8ef71f;filter:blur(50px);opacity:.55;pointer-events:none;transition:opacity var(--transition)}.action-card--primary{border-color:#7ca6ff40;background:radial-gradient(ellipse 100% 80% at 100% 0%,rgba(79,142,247,.14),transparent 58%),linear-gradient(155deg,#16233cf5,#0a111ef5)}.action-card:hover{transform:translateY(-4px);border-color:#7ca6ff6b;box-shadow:0 26px 64px #02061080,0 0 0 1px #4f8ef714,0 18px 60px #4f8ef714,inset 0 1px #ffffff0f}.action-card:hover:before{opacity:.95}.action-card:active{transform:translateY(-1px)}.action-card:focus-visible{outline:2px solid var(--c-accent);outline-offset:3px}.action-icon{display:grid;place-items:center;width:48px;height:48px;margin-bottom:16px;border-radius:14px;color:#a9c9ff;background:linear-gradient(145deg,#4f8ef733,#4f8ef70f);border:1px solid rgba(124,166,255,.26);box-shadow:inset 0 1px #ffffff1a,0 10px 28px #173c823d;transition:transform var(--transition),background var(--transition),border-color var(--transition)}.action-icon svg{width:24px;height:24px}.action-card:hover .action-icon{transform:translateY(-2px);background:linear-gradient(145deg,#4f8ef747,#4f8ef714);border-color:#7ca6ff6b}.action-eyebrow{margin-bottom:6px;color:#9fc3ffb3;font-size:11px;font-weight:700;line-height:1.2;letter-spacing:.12em;text-transform:uppercase}.action-title{font-size:clamp(21px,2.2vw,24px);font-weight:700;line-height:1.2;letter-spacing:-.035em}.action-desc{max-width:34ch;margin-top:8px;margin-bottom:16px;color:#f0f4ff8f;font-size:14px;line-height:1.6}.action-cta{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;min-height:48px;margin-top:auto;padding:12px 20px;border-radius:var(--radius-sm);font-size:14.5px;font-weight:600;letter-spacing:.01em;white-space:nowrap;pointer-events:none}.action-cta svg{width:16px;height:16px;flex-shrink:0;transition:transform var(--transition)}.action-card .action-cta.btn-secondary{color:#dce9ff;background:#4f8ef714;border-color:#7ca6ff3d}.action-card:hover .action-cta svg{transform:translate(3px)}.action-card:hover .action-cta.btn-primary{background:var(--c-accent-hi);box-shadow:0 6px 28px #4f8ef773;transform:none}.action-card:hover .action-cta.btn-secondary{color:#fff;background:#4f8ef724;border-color:#7ca6ff57;transform:none}.glass{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-lg);padding:clamp(20px,3vw,32px);box-shadow:var(--shadow);position:relative;overflow:hidden}.glass:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(135deg,rgba(255,255,255,.04) 0%,transparent 60%);pointer-events:none}.section{display:block}.section-title{font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--c-muted);margin-bottom:20px}.row{display:flex;gap:var(--gap);align-items:center;flex-wrap:wrap}.grow{flex:1 1 0;min-width:0}.field-group{display:flex;flex-direction:column;gap:6px;min-width:0}.field-group>span,.field-group>label{font-size:12px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--c-muted)}.input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#ffffff0d;border:1px solid var(--c-border);border-radius:var(--radius-sm);color:var(--c-text);font-size:15px;padding:11px 14px;width:100%;outline:none;transition:border-color var(--transition),background var(--transition),box-shadow var(--transition)}.input:hover{border-color:var(--c-border-hi);background:#ffffff12}.input:focus{border-color:var(--c-accent);background:#4f8ef70f;box-shadow:0 0 0 3px #4f8ef726}.input::placeholder{color:#f0f4ff40}.input[readonly]{cursor:default;color:var(--c-muted)}.input[readonly]:focus{border-color:var(--c-border-hi);box-shadow:none;background:#ffffff0d}select.input{cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='rgba(240,244,255,0.4)' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}.room-code-input{font-family:var(--font-mono);font-size:clamp(28px,5vw,42px);font-weight:700;letter-spacing:.2em;text-align:center;padding:16px 20px;border-radius:var(--radius);background:#ffffff0a;border:1px solid var(--c-border);min-height:72px}.room-code-input:focus{border-color:var(--c-accent);box-shadow:0 0 0 3px #4f8ef726,0 0 40px #4f8ef714}.room-code-input::placeholder{color:#f0f4ff26;letter-spacing:.2em}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--c-border);background:#ffffff0a;color:var(--c-text);font-size:14px;font-weight:500;letter-spacing:.02em;padding:8px 16px;border-radius:var(--radius-sm);text-decoration:none;cursor:pointer;white-space:nowrap;transition:background var(--transition),border-color var(--transition),transform var(--transition),box-shadow var(--transition),opacity var(--transition);position:relative;overflow:hidden}.btn:hover{background:#ffffff12;border-color:var(--c-border-hi);transform:translateY(-1px)}.btn:active{transform:translateY(0);box-shadow:none}.btn:disabled{opacity:.35;cursor:not-allowed;transform:none;box-shadow:none}.btn:focus-visible{outline:none;box-shadow:0 0 0 3px #4f8ef766}.btn-primary{background:var(--c-accent);border-color:transparent;color:#fff;box-shadow:0 4px 20px #4f8ef74d}.btn-primary:hover{background:var(--c-accent-hi);border-color:transparent;box-shadow:0 6px 28px #4f8ef773}.btn-primary:disabled{background:#4f8ef74d;box-shadow:none}.btn-secondary{background:#ffffff0e;border-color:var(--c-border-hi);color:var(--c-text)}.btn-secondary:hover{background:#ffffff17;border-color:#ffffff3d}.btn-lg{min-height:48px;padding:12px 26px;font-size:15px;font-weight:600}.gloss{background:#ffffff12}.code.big{font-family:var(--font-mono);font-size:clamp(32px,7vw,52px);font-weight:800;letter-spacing:.18em;line-height:1.15;text-align:center;padding:20px 24px;background:#ffffff0a;border:1px solid var(--c-border);border-radius:var(--radius);color:var(--c-text);-webkit-user-select:all;user-select:all;cursor:default}.room-code-row{display:flex;align-items:center;gap:8px;min-width:0}.room-code-row .code.big{flex:1 1 auto;min-width:0;white-space:nowrap}.icon-btn{flex:0 0 44px;width:44px;height:44px;padding:0;border-radius:var(--radius-sm)}.icon-btn svg{width:18px;height:18px;flex-shrink:0}.code-qr-row{display:grid;grid-template-columns:1fr auto;gap:32px;align-items:start}.code-col{display:flex;flex-direction:column;gap:16px;min-width:0}.qr-col{display:flex;flex-direction:column;gap:12px;align-items:center;width:100%;max-width:242px;margin-inline:auto}.qr-hint{text-align:center;max-width:242px}.qr-frame{position:relative;z-index:1;display:grid;place-items:center;width:100%;max-width:100%;padding:24px;background:#fff;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius);box-shadow:0 6px 24px #00000038}.qr{width:192px;height:192px;max-width:100%;background:#fff;display:grid;place-items:center;overflow:hidden;flex-shrink:0}.qr canvas,.qr img{display:block;max-width:100%;height:auto}.qr-frame .small{color:#1f2937}.share-link-block{display:flex;flex-direction:column;gap:8px;width:100%;min-width:0;margin-top:0}.share-link-label{font-weight:600;letter-spacing:.04em;text-transform:uppercase}.share-link-row{display:flex;flex-direction:column;align-items:stretch;gap:8px;min-width:0}.share-link-row .input{flex:0 0 auto;width:100%;min-width:0;cursor:text}.copy-link-btn{flex:0 0 auto;width:100%;gap:7px;padding-inline:14px;color:var(--c-text)}.copy-link-btn svg{width:15px;height:15px;flex-shrink:0}.copy-link-btn.is-copied{color:var(--c-success);border-color:#34d39952;background:#34d39914}.hint{font-size:13px;color:var(--c-muted);margin-top:4px}.notice{border-radius:var(--radius-sm);padding:12px 16px;font-size:14px;border:1px solid var(--c-border);background:#ffffff0a;display:flex;align-items:center;gap:10px}.notice:before{content:"";width:6px;height:6px;border-radius:50%;flex-shrink:0;background:var(--c-muted)}.notice[data-type=success]{border-color:#34d3994d;background:#34d3990f}.notice[data-type=success]:before{background:var(--c-success);box-shadow:0 0 8px var(--c-success)}.notice[data-type=warning]{border-color:#fbbf244d;background:#fbbf240f}.notice[data-type=warning]:before{background:var(--c-warning);box-shadow:0 0 8px var(--c-warning)}.notice[data-type=error]{border-color:#f871714d;background:#f871710f}.notice[data-type=error]:before{background:var(--c-danger);box-shadow:0 0 8px var(--c-danger)}.notice[data-type=info]{border-color:#4f8ef74d;background:#4f8ef70f}.notice[data-type=info]:before{background:var(--c-accent);box-shadow:0 0 8px var(--c-accent)}.progress-wrap{display:flex;flex-direction:column;gap:8px}.progress{height:6px;background:#ffffff12;border-radius:999px;overflow:hidden}.progress[hidden]{display:none}.bar{height:100%;width:0%;background:linear-gradient(90deg,var(--c-accent),var(--c-accent-hi));border-radius:999px;transition:width .25s ease;position:relative}.bar:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 1.5s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.dropzone{display:block;position:relative;border:1.5px dashed rgba(255,255,255,.13);border-radius:var(--radius-lg);background:#ffffff05;padding:30px 24px;margin-top:6px;cursor:pointer;transition:border-color var(--transition),background var(--transition),transform var(--transition),box-shadow var(--transition);text-align:center}.dropzone:hover{border-color:#4f8ef780;background:#4f8ef70a;transform:translateY(-1px);box-shadow:0 8px 32px #4f8ef714}.dropzone.drag-over{border-color:var(--c-accent);background:#4f8ef717;transform:translateY(-2px);box-shadow:0 0 0 4px #4f8ef724,0 12px 40px #4f8ef71f}.dropzone input[type=file]{display:none}.dz-visual{display:flex;flex-direction:column;align-items:center;gap:12px}.dz-icon{width:54px;height:54px;border-radius:17px;background:#4f8ef71a;border:1px solid rgba(79,142,247,.22);display:grid;place-items:center;color:var(--c-accent);transition:background var(--transition),transform var(--transition),border-color var(--transition);flex-shrink:0}.dz-icon svg{width:26px;height:26px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.dropzone:hover .dz-icon{background:#4f8ef72e;border-color:#4f8ef766;transform:translateY(-2px)}.dz-text{display:flex;flex-direction:column;align-items:center;gap:6px}.dz-title{font-size:17px;font-weight:700;color:var(--c-text);letter-spacing:-.2px}.dz-sub{font-size:13px;color:var(--c-muted);max-width:280px;line-height:1.5}.dz-cta{display:inline-flex;align-items:center;gap:6px;padding:8px 20px;border-radius:999px;font-size:13px;font-weight:600;background:var(--c-accent);color:#fff;margin-top:4px;letter-spacing:.01em;transition:background var(--transition),box-shadow var(--transition),transform var(--transition);box-shadow:0 4px 16px #4f8ef740}.dropzone:hover .dz-cta{background:var(--c-accent-hi);box-shadow:0 6px 24px #4f8ef773;transform:translateY(-1px)}.file-list{display:flex;flex-direction:column;gap:5px;margin-top:10px}.file-list-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.file-list-label{font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--c-muted)}.file-list-clear{font-size:11px;font-weight:500;color:var(--c-muted);background:none;border:none;cursor:pointer;padding:2px 6px;border-radius:4px;transition:color var(--transition),background var(--transition)}.file-list-clear:hover{color:var(--c-danger);background:#f8717114}.file-list-item{display:flex;align-items:center;gap:10px;padding:9px 11px;border-radius:var(--radius-sm);background:#4f8ef70d;border:1px solid rgba(79,142,247,.12);font-size:13px;color:var(--c-text);animation:fileItemIn .16s ease;transition:background var(--transition),border-color var(--transition)}.file-list-item:hover{background:#4f8ef717;border-color:#4f8ef738}@keyframes fileItemIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.file-list-icon{width:30px;height:30px;border-radius:8px;background:#4f8ef71f;display:grid;place-items:center;flex-shrink:0;color:var(--c-accent)}.file-list-icon svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.file-list-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500;font-size:13px}.file-list-size{font-size:11px;color:var(--c-muted);flex-shrink:0;font-variant-numeric:tabular-nums}.file-list-remove{width:24px;height:24px;border-radius:6px;border:none;background:transparent;color:var(--c-muted);cursor:pointer;display:grid;place-items:center;flex-shrink:0;transition:color var(--transition),background var(--transition);padding:0}.file-list-remove:hover{color:var(--c-danger);background:#f871711f}.file-list-remove svg{width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:2.5;stroke-linecap:round}.dropzone.is-transferring{opacity:.45;pointer-events:none;cursor:not-allowed;border-color:#ffffff14}.dropzone.is-transferring .dz-cta{background:#4f8ef74d;box-shadow:none}.send-action-row{display:flex;align-items:center;gap:10px;margin-top:4px}.send-action-row .btn-send{flex:1;padding:12px 20px;font-size:15px;font-weight:700;background:var(--c-accent);border-color:transparent;color:#fff;border-radius:var(--radius-sm);box-shadow:0 4px 20px #4f8ef74d;letter-spacing:.01em}.send-action-row .btn-send:hover:not(:disabled){background:var(--c-accent-hi);box-shadow:0 6px 28px #4f8ef773}.send-action-row .btn-send:disabled{background:#4f8ef740;box-shadow:none;opacity:1;color:#fff6}.downloads{display:flex;flex-direction:column;gap:10px;margin-top:16px}.download-card{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:var(--radius-sm);border:1px solid var(--c-border);background:#ffffff0a;color:var(--c-text);text-decoration:none;transition:background var(--transition),border-color var(--transition),transform var(--transition)}.download-card:hover{background:#ffffff12;border-color:var(--c-border-hi);transform:translate(2px)}.download-card strong{font-size:14px;font-weight:600}.download-card .muted{font-size:12px;margin-left:auto}.label{font-size:12px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.small{font-size:13px}.muted{color:var(--c-muted)}.mono{font-family:var(--font-mono)}.upper{text-transform:uppercase}.legal{line-height:1.7}.fade-target{opacity:0;transform:translateY(12px);transition:opacity .4s ease,transform .4s ease}.fade-target.is-visible{opacity:1;transform:translateY(0)}.social{display:flex;gap:8px}.social-btn{width:36px;height:36px;display:grid;place-items:center;border-radius:var(--radius-sm);border:1px solid var(--c-border);background:#ffffff0d;color:var(--c-text);text-decoration:none;position:relative;transition:background var(--transition),border-color var(--transition),transform var(--transition)}.social-btn:hover{background:#ffffff1a;border-color:var(--c-border-hi);transform:translateY(-2px)}.social-btn svg{width:16px;height:16px;fill:currentColor}.social-btn:before{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);background:#000c;color:#fff;font-size:11px;font-weight:500;padding:5px 8px;border-radius:6px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity var(--transition)}.social-btn:hover:before{opacity:1}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%) translateY(8px);background:var(--c-surface-2);border:1px solid var(--c-border-hi);color:var(--c-text);font-size:14px;padding:10px 18px;border-radius:var(--radius);box-shadow:var(--shadow);opacity:0;transition:opacity var(--transition),transform var(--transition);z-index:200}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}.app-footer{padding-bottom:env(safe-area-inset-bottom);border-top:1px solid var(--c-border);background:#080c1499;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-block:16px;flex-wrap:wrap}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,1px,1px);white-space:nowrap;border:0}:focus-visible{outline:2px solid var(--c-accent);outline-offset:2px}.page-about .wrap{gap:clamp(14px,2.5vw,22px)}.page-about .section{display:flex;flex-direction:column;gap:14px;min-width:0}.page-about .section-title{margin-bottom:0}.page-about .section>*{min-width:0}.page-about .section>p,.page-about .section>ol,.page-about .section>ul{font-size:14.5px;line-height:1.7;overflow-wrap:anywhere}.page-about .section>ol,.page-about .section>ul{padding-left:1.25rem}.page-about .section li+li{margin-top:10px}.page-about .section li::marker{color:var(--c-accent)}.page-about .section b{color:var(--c-text)}.page-about .section>p.legal{font-size:13px;color:var(--c-muted)}.page-about .about-subheading{display:flex;align-items:center;gap:7px;margin-top:2px}.page-about .about-subheading .inline-icon{margin-right:0}.about-features{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap);min-width:0}.feature-card{min-width:0;background:var(--c-surface-2);border:1px solid var(--c-border);border-radius:var(--radius);padding:20px}.feature-heading{display:flex;align-items:center;gap:8px;margin-bottom:8px}.feature-card .feature-heading h3{margin-bottom:0}.feature-card h3{font-size:13px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--c-accent);margin-bottom:8px}.feature-card p{font-size:14px;color:var(--c-muted);line-height:1.6}.feature-icon,.inline-icon{display:inline-grid;place-items:center;flex-shrink:0;color:var(--c-accent)}.feature-icon{width:28px;height:28px;border-radius:8px;background:#4f8ef71a;border:1px solid rgba(79,142,247,.2)}.feature-icon svg{width:15px;height:15px}.inline-icon{width:18px;height:18px;margin-right:6px;vertical-align:-3px}.inline-icon svg{width:16px;height:16px}.feature-icon svg,.inline-icon svg{stroke-width:2}.about-portfolio{padding-block:20px}.portfolio-card{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.portfolio-info{min-width:0}.portfolio-name{font-size:18px;font-weight:700;letter-spacing:-.2px}.portfolio-subtitle{margin-top:2px;color:var(--c-muted);font-size:13px}.portfolio-link{display:inline-flex;align-items:center;justify-content:space-between;gap:8px;min-height:38px;padding:8px 12px;border:1px solid var(--c-border);border-radius:var(--radius-sm);background:#ffffff0a;color:var(--c-text);font-size:13px;font-weight:600;text-decoration:none;transition:background var(--transition),border-color var(--transition),transform var(--transition)}.portfolio-link:hover{background:#ffffff12;border-color:var(--c-border-hi);transform:translateY(-1px)}.portfolio-link:focus-visible{outline:2px solid var(--c-accent);outline-offset:2px}.portfolio-link svg{width:14px;height:14px;flex-shrink:0}.page-create .container,.page-join .container{--max-w: 980px}.page-create .bg-gradient,.page-join .bg-gradient{background:radial-gradient(ellipse 64% 44% at 50% -8%,rgba(79,142,247,.17) 0%,transparent 64%),radial-gradient(ellipse 44% 34% at 10% 22%,rgba(56,189,248,.055) 0%,transparent 70%),radial-gradient(ellipse 44% 34% at 90% 20%,rgba(99,102,241,.07) 0%,transparent 68%),radial-gradient(ellipse 100% 60% at 50% 100%,rgba(15,23,42,.9) 0%,transparent 72%)}.page-create .bg:after,.page-join .bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.24;background-image:radial-gradient(rgba(148,180,255,.15) 1px,transparent 1px);background-size:28px 28px;-webkit-mask-image:radial-gradient(ellipse 58% 48% at 50% 20%,#000 0%,transparent 76%);mask-image:radial-gradient(ellipse 58% 48% at 50% 20%,#000 0%,transparent 76%)}.page-create .nav-icon-link,.page-join .nav-icon-link{color:#c4d8ffc7;background:#4f8ef712;border-color:#7ca6ff2e}.page-create .nav-icon-link:hover,.page-join .nav-icon-link:hover{color:#fff;background:#4f8ef724;border-color:#7ca6ff57}.room-page{display:flex;flex-direction:column;gap:clamp(18px,2.4vw,26px);width:100%;max-width:880px;margin-inline:auto;min-width:0}.room-page-head{position:relative;display:flex;flex-direction:column;align-items:center;gap:10px;width:100%;max-width:700px;margin-inline:auto;text-align:center}.room-page-icon{position:relative;display:grid;place-items:center;width:56px;height:56px;margin-bottom:2px;color:#a8c8ff;background:linear-gradient(150deg,#4f8ef738,#4f8ef70f);border:1px solid rgba(124,166,255,.28);border-radius:19px;box-shadow:inset 0 1px #ffffff1f,0 16px 36px #173c824d}.room-page-icon:before{content:"";position:absolute;z-index:-1;top:-60px;right:-60px;bottom:-60px;left:-60px;background:radial-gradient(circle at center,rgba(79,142,247,.18),transparent 68%);pointer-events:none}.room-page-icon svg{width:28px;height:28px}.room-eyebrow{color:#9fc3ffb8;font-size:11px;font-weight:700;line-height:1.2;letter-spacing:.13em;text-transform:uppercase}.room-page-title{max-width:100%;color:var(--c-text);font-size:clamp(27px,4vw,40px);font-weight:800;line-height:1.1;letter-spacing:-.045em;text-wrap:balance}.room-page-subtitle{max-width:610px;color:#f0f4ff9e;font-size:clamp(14px,1.5vw,15.5px);line-height:1.55;text-wrap:balance}.room-page-title:focus,.room-card-title:focus{outline:none}.room-landing{display:flex;flex-direction:column;gap:clamp(16px,2.2vw,22px);width:100%;max-width:780px;margin-inline:auto}.room-card{position:relative;isolation:isolate;width:100%;min-width:0;padding:clamp(20px,2.6vw,30px);overflow:hidden;scroll-margin-top:92px;background:radial-gradient(ellipse 100% 80% at 100% 0%,rgba(79,142,247,.09),transparent 56%),linear-gradient(155deg,#131d31f0,#0a111ef7);border:1px solid rgba(124,166,255,.16);border-radius:var(--radius-xl);box-shadow:0 18px 50px #02061061,inset 0 1px #ffffff0b}.room-card:before{content:"";position:absolute;z-index:-1;top:-130px;right:-80px;width:280px;height:280px;border-radius:50%;background:#4f8ef71a;filter:blur(64px);pointer-events:none}.room-card-title{min-width:0;color:var(--c-text);font-size:clamp(20px,2.5vw,26px);font-weight:700;line-height:1.22;letter-spacing:-.035em}.room-card-text{max-width:58ch;margin-top:7px;color:#f0f4ff94;font-size:14px;line-height:1.62;overflow-wrap:anywhere}.room-card-icon,.transfer-icon{display:grid;place-items:center;flex:0 0 48px;width:48px;height:48px;color:#a9c9ff;background:linear-gradient(145deg,#4f8ef733,#4f8ef70f);border:1px solid rgba(124,166,255,.26);border-radius:14px;box-shadow:inset 0 1px #ffffff1a,0 10px 24px #173c8238}.room-card-icon svg,.transfer-icon svg{width:22px;height:22px}.create-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(210px,252px);align-items:center;gap:22px 32px}.create-panel-copy{display:flex;align-items:flex-start;gap:16px;min-width:0}.create-panel-copy>div{min-width:0}.create-panel-action{display:flex;flex-direction:column;align-items:stretch;gap:10px;min-width:0}.room-primary-action{width:100%;min-height:50px;padding:13px 22px;font-size:15px;font-weight:600;border-radius:10px}.room-primary-action svg{width:18px;height:18px;flex-shrink:0}.btn.is-loading>svg{display:none}.btn.is-loading:before{content:"";width:15px;height:15px;flex-shrink:0;border:2px solid rgba(255,255,255,.34);border-top-color:#fff;border-radius:50%;animation:room-spin .75s linear infinite}@keyframes room-spin{to{transform:rotate(360deg)}}.room-loading{display:flex;align-items:center;justify-content:center;gap:8px;color:#f0f4ff8c;font-size:12.5px;line-height:1.45}.spinner{width:14px;height:14px;flex-shrink:0;border:2px solid rgba(159,195,255,.24);border-top-color:var(--c-accent-hi);border-radius:50%;animation:room-spin .75s linear infinite}.room-inline-error{padding:10px 12px;color:#fca5a5;font-size:13px;line-height:1.5;text-align:left;background:#f8717112;border:1px solid rgba(248,113,113,.24);border-radius:var(--radius-sm)}.create-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:100%}.create-step{min-width:0;padding:16px;background:#ffffff07;border:1px solid var(--c-border);border-radius:var(--radius)}.create-step-number{display:inline-grid;place-items:center;width:24px;height:24px;margin-bottom:9px;color:#9ec5ff;font-family:var(--font-mono);font-size:11px;font-weight:700;background:#4f8ef71f;border:1px solid rgba(124,166,255,.22);border-radius:7px}.create-step h2{color:var(--c-text);font-size:13px;font-weight:600;line-height:1.35}.create-step p{margin-top:5px;color:var(--c-muted);font-size:12.5px;line-height:1.5}.result-card{display:flex;flex-direction:column;gap:clamp(20px,3vw,28px)}.result-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px 24px}.result-head>div{min-width:0}.room-badge{display:inline-flex;align-items:center;gap:8px;flex-shrink:0;min-height:32px;padding:6px 12px;color:#9ec5ff;font-size:12px;font-weight:600;line-height:1;white-space:nowrap;background:#4f8ef714;border:1px solid rgba(124,166,255,.22);border-radius:999px}.room-badge-dot{width:7px;height:7px;flex-shrink:0;background:currentColor;border-radius:50%;box-shadow:0 0 0 3px #4f8ef71f}.room-badge[data-state=waiting]{color:#9ec5ff;background:#4f8ef714;border-color:#7ca6ff38}.room-badge[data-state=waiting] .room-badge-dot,.room-badge[data-state=connecting] .room-badge-dot,.room-badge[data-state=reconnecting] .room-badge-dot{animation:room-dot-pulse 1.8s ease-in-out infinite}.room-badge[data-state=connecting]{color:#c4b5fd;background:#8b5cf614;border-color:#a78bfa38}.room-badge[data-state=connected]{color:#6ee7b7;background:#34d39914;border-color:#34d39942}.room-badge[data-state=reconnecting]{color:#fcd34d;background:#fbbf2414;border-color:#fbbf243d}.room-badge[data-state=error]{color:#fca5a5;background:#f8717114;border-color:#f8717142}@keyframes room-dot-pulse{0%,to{box-shadow:0 0 0 3px #4f8ef71a}50%{box-shadow:0 0 0 6px #4f8ef708}}.result-grid{display:grid;grid-template-columns:minmax(0,1fr) 248px;align-items:start;gap:clamp(20px,3vw,32px)}.result-code-col{display:flex;flex-direction:column;gap:12px;min-width:0}.result-label{color:#f0f4ff85;font-size:11px;font-weight:600;line-height:1.3;letter-spacing:.08em;text-transform:uppercase}.result-card .code.big.result-code{width:100%;padding:clamp(16px,2.8vw,24px) clamp(12px,2.4vw,22px);color:var(--c-text);font-family:var(--font-mono);font-size:clamp(30px,6.4vw,54px);font-weight:800;line-height:1.05;letter-spacing:.12em;text-align:center;background:#ffffff0b;border:1px solid rgba(124,166,255,.19);border-radius:var(--radius);box-shadow:inset 0 1px #ffffff09;-webkit-user-select:all;user-select:all;cursor:text;overflow-wrap:anywhere}.result-copy-actions{display:flex;flex-wrap:wrap;gap:8px}.result-copy-btn{min-height:42px;padding:9px 14px;color:#f0f4ffd1;font-size:13px}.result-copy-btn svg{width:15px;height:15px;flex-shrink:0}.result-copy-btn.is-copied,.copy-link-btn.is-copied{color:var(--c-success);background:#34d39914;border-color:#34d39952}.result-qr-col{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%;max-width:248px;margin-inline:auto}.result-qr-col .qr-frame{width:100%;max-width:238px;padding:18px}.result-qr-col .qr{width:100%;max-width:192px;height:auto;aspect-ratio:1}.qr-caption{max-width:238px;text-align:center;line-height:1.45}.qr-caption,.result-qr-col .qr-frame .small{overflow-wrap:anywhere}.result-link-block{display:flex;flex-direction:column;gap:8px;min-width:0;padding-top:clamp(16px,2.4vw,22px);border-top:1px solid var(--c-border)}.result-link-row{display:flex;align-items:stretch;gap:8px;min-width:0}.result-link-row .input{flex:1 1 auto;width:auto;min-width:0;font-size:13px;text-overflow:ellipsis}.result-link-row .copy-link-btn{flex:0 0 auto;width:auto;min-height:44px;padding-inline:16px}.room-state{display:flex;align-items:flex-start;gap:13px;min-width:0;padding:15px 16px;background:#4f8ef70e;border:1px solid rgba(79,142,247,.22);border-radius:var(--radius)}.room-state-indicator{display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;color:#9ec5ff;background:#4f8ef71f;border:1px solid rgba(124,166,255,.18);border-radius:10px}.room-state-dot{width:8px;height:8px;background:currentColor;border-radius:50%;box-shadow:0 0 0 4px #4f8ef71c}.room-state-copy{min-width:0}.room-state-copy strong{display:block;color:var(--c-text);font-size:13.5px;font-weight:600;line-height:1.4}.room-state-copy p{margin-top:2px;color:#f0f4ff8f;font-size:12.5px;line-height:1.5;overflow-wrap:anywhere}.room-state[data-state=waiting]{background:#4f8ef70e;border-color:#4f8ef738}.room-state[data-state=waiting] .room-state-indicator{color:#9ec5ff;background:#4f8ef71f;border-color:#7ca6ff2e}.room-state[data-state=waiting] .room-state-dot,.room-state[data-state=connecting] .room-state-dot,.room-state[data-state=reconnecting] .room-state-dot{animation:room-state-pulse 1.9s ease-in-out infinite}.room-state[data-state=connecting]{background:#8b5cf60e;border-color:#a78bfa38}.room-state[data-state=connecting] .room-state-indicator{color:#c4b5fd;background:#8b5cf61f;border-color:#a78bfa2e}.room-state[data-state=connected]{background:#34d3990e;border-color:#34d3993d}.room-state[data-state=connected] .room-state-indicator{color:#6ee7b7;background:#34d3991c;border-color:#34d39933}.room-state[data-state=connected] .room-state-dot{box-shadow:0 0 0 4px #34d3991a}.room-state[data-state=reconnecting]{background:#fbbf240e;border-color:#fbbf2438}.room-state[data-state=reconnecting] .room-state-indicator{color:#fcd34d;background:#fbbf241c;border-color:#fbbf242e}.room-state[data-state=error]{background:#f871710e;border-color:#f871713d}.room-state[data-state=error] .room-state-indicator{color:#fca5a5;background:#f871711a;border-color:#f8717133}.room-state[data-state=error] .room-state-dot{box-shadow:0 0 0 4px #f871711a}@keyframes room-state-pulse{0%,to{box-shadow:0 0 0 3px #4f8ef71c}50%{box-shadow:0 0 0 7px #4f8ef706}}.result-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:10px;padding-top:clamp(14px,2vw,18px);border-top:1px solid var(--c-border)}.result-actions .btn{min-height:42px;font-size:13px}.result-actions .btn svg{width:15px;height:15px;flex-shrink:0}.transfer-card{display:flex;flex-direction:column;gap:18px}.transfer-card:focus{outline:none}.transfer-head{display:flex;align-items:flex-start;gap:14px;min-width:0}.transfer-head>div{min-width:0}.transfer-card .progress-wrap{gap:10px}.transfer-card .downloads{margin-top:0}.transfer-controls{display:flex;align-items:flex-end;flex-wrap:wrap;gap:14px}.transfer-chunk{width:200px;max-width:100%}.room-page--join{max-width:860px}.join-card{display:flex;flex-direction:column;gap:20px;width:100%;max-width:740px;margin-inline:auto}.join-card-head{display:flex;align-items:flex-start;gap:14px;min-width:0}.join-card-head>div{min-width:0}.join-form{display:flex;flex-direction:column;gap:12px;min-width:0}.join-code-input{width:100%;min-height:78px;padding:16px clamp(14px,4vw,28px);font-size:clamp(30px,7vw,44px);letter-spacing:.18em;border-radius:var(--radius)}.join-code-input[aria-invalid=true]{border-color:#f871719e;background:#f871710b;box-shadow:0 0 0 3px #f871711f}.join-hint{margin-top:-4px;line-height:1.5}.join-feedback{display:flex;align-items:flex-start;gap:9px;padding:11px 13px;color:#9ec5ff;font-size:13px;line-height:1.5;background:#4f8ef711;border:1px solid rgba(79,142,247,.22);border-radius:var(--radius-sm);overflow-wrap:anywhere}.join-feedback[data-state=checking],.join-feedback[data-state=joining],.join-feedback[data-state=info]{color:#9ec5ff;background:#4f8ef711;border-color:#4f8ef738}.join-feedback[data-state=error]{color:#fca5a5;background:#f8717111;border-color:#f871713d}.join-feedback-dot{width:7px;height:7px;margin-top:5px;flex:0 0 7px;background:currentColor;border-radius:50%}.join-feedback[data-state=checking] .join-feedback-dot,.join-feedback[data-state=joining] .join-feedback-dot{animation:join-feedback-pulse 1.2s ease-in-out infinite}@keyframes join-feedback-pulse{0%,to{opacity:.45;transform:scale(.85)}50%{opacity:1;transform:scale(1)}}.join-form .room-primary-action{margin-top:2px}.join-active{display:flex;flex-direction:column;align-items:flex-start;gap:16px;padding:clamp(16px,2.4vw,20px);background:radial-gradient(ellipse 100% 100% at 100% 0%,rgba(52,211,153,.07),transparent 60%),#ffffff06;border:1px solid rgba(52,211,153,.22);border-radius:var(--radius)}.join-active-main{display:flex;align-items:flex-start;gap:13px;width:100%;min-width:0}.join-success-icon{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;color:#6ee7b7;background:#34d3991a;border:1px solid rgba(52,211,153,.24);border-radius:13px}.join-success-icon svg{width:21px;height:21px}.join-active-copy{flex:1 1 auto;min-width:0}.join-active-code-row{display:flex;align-items:center;flex-wrap:wrap;gap:9px 12px;margin-top:3px}.join-joined-code{color:var(--c-text);font-size:clamp(24px,4.2vw,32px);font-weight:800;line-height:1.15;letter-spacing:.12em;overflow-wrap:anywhere}.join-active .room-card-text{margin-top:7px}.join-active>.btn{min-height:40px;font-size:13px}.join-create-hint{padding-top:16px;color:var(--c-muted);font-size:13px;line-height:1.55;text-align:center;border-top:1px solid var(--c-border)}.join-create-hint a{color:var(--c-accent-hi);font-weight:500;text-decoration:none;border-bottom:1px solid rgba(122,174,255,.35);transition:color var(--transition),border-color var(--transition)}.join-create-hint a:hover{color:#fff;border-color:#ffffff80}.join-create-hint a:focus-visible{outline:2px solid var(--c-accent);outline-offset:3px;border-radius:2px}@media (max-width: 700px){.page-home .header-inner{padding-block:12px}.page-home .app-main{padding-block:22px 32px}.home-layout{gap:24px}.home-hero{gap:12px}.home-hero:before{top:-80px;height:360px}.hero-emblem{width:50px;height:50px;border-radius:15px}.hero-emblem svg{width:25px;height:25px}.home-title{font-size:clamp(42px,12vw,56px);letter-spacing:-.045em}.home-subtitle{max-width:340px;font-size:15px;line-height:1.5}.home-actions{grid-template-columns:1fr;gap:12px;max-width:520px}.action-card{padding:18px;border-radius:22px}.action-icon{width:44px;height:44px;margin-bottom:14px;border-radius:13px}.action-icon svg{width:22px;height:22px}.action-title{font-size:21px}.action-desc{margin-top:7px;margin-bottom:14px;font-size:14px}.page-receive .app-main{padding-top:18px}.page-receive .wrap{gap:14px}.page-receive .card-receive{padding:16px}.code-qr-row{grid-template-columns:1fr;gap:18px}.qr-col{align-items:center;max-width:218px;margin-inline:auto}.qr-hint{max-width:218px}.qr{width:168px;height:168px}.room-code-row .code.big{padding:10px 12px;letter-spacing:.08em}.icon-btn{flex-basis:42px;width:42px;height:42px}.about-features{grid-template-columns:1fr}.page-about .app-main{padding-block:20px 30px}.page-about .glass{padding:18px}.page-about .section{gap:12px}.page-about .section-title{font-size:12px}.page-about .section>p,.page-about .section>ol,.page-about .section>ul{font-size:14px;line-height:1.65}.page-about .section>ol,.page-about .section>ul{padding-left:1.1rem}.page-about .section li+li{margin-top:8px}.page-about .about-subheading{align-items:flex-start}.page-about .about-subheading .inline-icon{margin-top:1px}.feature-card{padding:16px}.about-portfolio{padding-block:18px}.portfolio-card{align-items:stretch;gap:12px}.portfolio-link{width:100%}.join-row{flex-direction:column;align-items:stretch}.join-row .btn{width:100%}.room-code-input{font-size:clamp(24px,8vw,36px)}.dropzone{padding:32px 20px}.dz-visual{align-items:center;text-align:center}.dz-icon{width:56px;height:56px;border-radius:16px;margin-inline:auto}.dz-title{font-size:15px}.dz-sub{font-size:12px;max-width:220px}.dz-cta{margin-inline:auto}.file-list-item{padding:9px 12px}.send-action-row{flex-direction:column;align-items:stretch}.send-action-row .btn-send{width:100%;padding:15px 24px;font-size:16px}}@media (max-width: 500px){.header-inner{gap:10px}.nav{gap:2px}.nav-link{height:34px;padding:0 10px;font-size:13px}.nav-icon-link{width:34px;height:34px}.glass{padding:18px}.code.big{font-size:clamp(26px,9vw,38px);letter-spacing:.14em}.dropzone{padding:22px 14px}.dz-icon{width:46px;height:46px}.file-list-name{font-size:12px}.qr-frame{padding:24px}.page-home .app-main{padding-block:20px 28px}.home-layout{gap:22px}.home-title{font-size:clamp(40px,12vw,50px)}.home-subtitle{max-width:310px;font-size:14.5px}.action-card{padding:18px}.action-desc{max-width:none}}@media (max-width: 380px){.header-inner{gap:8px;padding-block:12px}.brand{font-size:16px;gap:6px}.brand:before{width:7px;height:7px}.nav{gap:1px}.nav-link{padding:0 8px;font-size:12px}.page-about .page-title{font-size:23px}.page-about .glass{padding:14px}.page-about .section>p,.page-about .section>ol,.page-about .section>ul{font-size:13.5px}.portfolio-name{font-size:17px}.page-home .app-main{padding-block:18px 26px}.home-layout{gap:20px}.home-title{font-size:40px;letter-spacing:-.04em}.home-subtitle{font-size:14.5px;line-height:1.5}.hero-emblem{width:46px;height:46px;border-radius:14px}.action-card{padding:18px;border-radius:20px}.action-icon{width:44px;height:44px;margin-bottom:12px;border-radius:12px}.action-icon svg{width:22px;height:22px}.action-eyebrow{font-size:10.5px}.action-title{font-size:20.5px}.action-desc{margin-bottom:12px;font-size:13.5px}.action-cta{min-height:46px;padding-inline:16px;font-size:14px}}@media (max-width: 360px){.header-inner{gap:6px}.brand{font-size:15px;gap:5px}.brand:before{width:6px;height:6px}.nav-link{padding:0 7px;font-size:11px}.nav-icon-link{width:32px;height:32px}.room-code-row{gap:4px}.room-code-row .code.big{padding:6px 8px}.icon-btn{flex-basis:40px;width:40px;height:40px}.home-title{font-size:42px}}@media (max-width: 300px){.header-inner{gap:4px}.brand{font-size:14px;gap:4px}.brand:before{width:5px;height:5px}.nav{gap:0}.nav-link{padding:0 6px;font-size:10.5px}.nav-icon-link{width:30px;height:30px}}@media (max-width: 768px){html,body{scrollbar-width:none;-ms-overflow-style:none}html::-webkit-scrollbar,body::-webkit-scrollbar{width:0;height:0}}@media (max-width: 760px){.room-page{gap:20px}.create-panel{grid-template-columns:1fr;gap:18px}.create-steps{grid-template-columns:1fr;gap:10px}.result-grid{grid-template-columns:1fr}.result-head{flex-direction:column;align-items:flex-start;gap:12px}.result-qr-col{max-width:230px}.result-actions{justify-content:stretch}.result-actions .btn{flex:1 1 170px}.join-code-input{min-height:70px;font-size:clamp(28px,8vw,38px)}}@media (max-width: 560px){.room-page-head{gap:8px}.room-page-icon{width:56px;height:56px;margin-bottom:4px;border-radius:17px}.room-page-icon svg{width:27px;height:27px}.room-page-title{font-size:clamp(27px,8.5vw,36px)}.room-page-subtitle{font-size:14.5px}.room-card{padding:20px;border-radius:22px}.create-panel-copy{flex-direction:column;gap:12px}.room-card-icon,.transfer-icon{flex-basis:44px;width:44px;height:44px;border-radius:13px}.room-card-icon svg,.transfer-icon svg{width:21px;height:21px}.result-card .code.big.result-code{padding:14px 10px;font-size:clamp(26px,9.8vw,40px);letter-spacing:.1em}.result-copy-actions{flex-direction:column}.result-copy-btn{width:100%}.result-qr-col{max-width:214px}.result-qr-col .qr-frame{padding:16px}.result-link-block{padding-top:16px}.result-link-row{flex-direction:column}.result-link-row .input,.result-link-row .copy-link-btn{width:100%}.result-actions .btn{flex-basis:100%}.room-state{gap:11px;padding:13px}.room-state-indicator{flex-basis:30px;width:30px;height:30px}.join-card{gap:17px}.join-code-input{min-height:66px;padding:14px 8px;font-size:clamp(27px,9vw,36px);letter-spacing:.12em}.join-active{padding:16px}.join-active-main{gap:11px}.join-success-icon{flex-basis:40px;width:40px;height:40px;border-radius:12px}.join-success-icon svg{width:19px;height:19px}.join-joined-code{font-size:clamp(23px,7.5vw,30px)}.join-active>.btn{width:100%}.transfer-head{flex-direction:column;gap:10px}}@media (max-width: 380px){.room-page-title{font-size:25px}.room-page-subtitle{font-size:14px}.room-card{padding:16px;border-radius:18px}.room-page-icon{width:50px;height:50px;border-radius:15px}.create-step{padding:14px}.result-qr-col{max-width:192px}.result-qr-col .qr-frame{padding:14px}.room-badge{min-height:30px;padding:6px 10px;font-size:11.5px}.join-code-input{min-height:60px;font-size:27px}.join-feedback{padding:10px 11px;font-size:12.5px}.result-actions .btn{width:100%}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}.bar:after{display:none}}.page-create .container,.page-join .container{--max-w: 1240px}.room-page.is-in-room{max-width:1180px;gap:clamp(14px,2vw,20px)}.prejoin-view{display:flex;flex-direction:column;gap:clamp(22px,3vw,32px);width:100%;min-width:0}.room-workspace{display:flex;flex-direction:column;gap:clamp(12px,1.6vw,16px);width:100%;min-width:0;animation:room-workspace-in .32s ease both}@keyframes room-workspace-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.room-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;min-width:0;padding:9px 10px 9px 14px;background:linear-gradient(135deg,#141e32e0,#0a111eeb);border:1px solid rgba(124,166,255,.16);border-radius:16px;box-shadow:0 12px 34px #0206104d,inset 0 1px #ffffff0a;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.room-toolbar-status{display:flex;align-items:center;gap:11px;min-width:0}.conn-dot{position:relative;width:9px;height:9px;flex:0 0 9px;border-radius:50%;background:var(--c-accent);box-shadow:0 0 0 4px #4f8ef71a,0 0 12px #4f8ef78c}.room-toolbar[data-state=waiting] .conn-dot,.room-toolbar[data-state=connecting] .conn-dot,.room-toolbar[data-state=reconnecting] .conn-dot{animation:room-conn-pulse 1.8s ease-in-out infinite}.room-toolbar[data-state=connected] .conn-dot{background:var(--c-success);box-shadow:0 0 0 4px #34d3991a,0 0 14px #34d39999}.room-toolbar[data-state=waiting] .conn-dot{background:#6aa6ff;box-shadow:0 0 0 4px #4f8ef71a,0 0 12px #4f8ef78c}.room-toolbar[data-state=connecting] .conn-dot{background:#a78bfa;box-shadow:0 0 0 4px #a78bfa1f,0 0 14px #a78bfa80}.room-toolbar[data-state=reconnecting] .conn-dot{background:var(--c-warning);box-shadow:0 0 0 4px #fbbf241f,0 0 14px #fbbf2480}.room-toolbar[data-state=error] .conn-dot{background:var(--c-danger);box-shadow:0 0 0 4px #f871711f,0 0 14px #f8717180}@keyframes room-conn-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(.72);opacity:.55}}.room-toolbar-copy{display:flex;flex-direction:column;gap:1px;min-width:0}.room-toolbar-copy strong{color:var(--c-text);font-size:13.5px;font-weight:600;line-height:1.35;letter-spacing:-.01em}.room-toolbar-copy span{color:#f0f4ff8c;font-size:12px;line-height:1.45;overflow-wrap:anywhere}.room-toolbar-actions{display:flex;align-items:center;gap:7px;flex-shrink:0}.room-tool-btn,.room-leave-btn{min-height:38px;padding:0 12px;font-size:12.5px;font-weight:500;border-radius:10px;gap:7px;white-space:nowrap}.room-tool-btn svg,.room-leave-btn svg{width:15px;height:15px;flex-shrink:0}.room-leave-btn{color:#fecaca;background:#f8717113;border-color:#f871713b}.room-leave-btn:hover{color:#fff;background:#f8717129;border-color:#f871716b}.room-icon-btn{display:grid;place-items:center;width:38px;height:38px;flex:0 0 38px;padding:0;color:#c4d8ffc2;background:#ffffff0b;border:1px solid var(--c-border);border-radius:10px;cursor:pointer;transition:color var(--transition),background var(--transition),border-color var(--transition)}.room-icon-btn:hover{color:#fff;background:#4f8ef721;border-color:#7ca6ff57}.room-icon-btn svg{width:17px;height:17px}.tool-btn-label-short{display:none}.room-tool-btn.is-loading>svg{display:none}.room-tool-btn.is-loading:before{content:"";width:13px;height:13px;flex-shrink:0;border:2px solid rgba(255,255,255,.24);border-top-color:currentColor;border-radius:50%;animation:room-spin .75s linear infinite}.room-overview{display:grid;grid-template-columns:minmax(300px,.92fr) minmax(0,1.58fr);gap:clamp(12px,1.5vw,16px);min-width:0}.room-panel{position:relative;min-width:0;background:radial-gradient(ellipse 110% 90% at 100% 0%,rgba(79,142,247,.075),transparent 55%),linear-gradient(155deg,#111a2cf5,#090f1bfa);border:1px solid rgba(124,166,255,.14);border-radius:20px;box-shadow:0 14px 42px #02061052,inset 0 1px #ffffff09}.invite-card{display:flex;align-items:center;gap:clamp(12px,1.5vw,17px);padding:clamp(14px,1.8vw,18px);overflow:hidden}.invite-qr-wrap{display:flex;flex-direction:column;align-items:center;gap:7px;flex:0 0 auto}.invite-qr{display:grid;place-items:center;width:130px;height:130px;padding:9px;overflow:hidden;color:#0b1220;background:#fff;border:1px solid rgba(255,255,255,.18);border-radius:15px;box-shadow:0 9px 26px #00000042}.invite-qr img,.invite-qr canvas{display:block;width:100%!important;height:100%!important;object-fit:contain}.invite-qr-fallback{padding:6px;color:#41516b;font-size:10.5px;font-weight:600;line-height:1.35;text-align:center}.invite-qr-caption{color:#f0f4ff6e;font-size:10.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.invite-copy{flex:1 1 auto;min-width:0}.invite-code-row{display:flex;align-items:center;gap:8px;min-width:0;margin-top:3px}.invite-code{min-width:0;color:var(--c-text);font-size:clamp(28px,3.2vw,38px);font-weight:800;line-height:1.08;letter-spacing:.11em;overflow-wrap:anywhere}.room-copy-btn{display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;padding:0;color:#c4d8ffb8;background:#ffffff0b;border:1px solid var(--c-border);border-radius:9px;cursor:pointer;transition:color var(--transition),background var(--transition),border-color var(--transition),transform var(--transition)}.room-copy-btn:hover{color:#fff;background:#4f8ef721;border-color:#7ca6ff52;transform:translateY(-1px)}.room-copy-btn.is-copied,.copy-link-btn.is-copied{color:#6ee7b7;background:#34d3991a;border-color:#34d3994d}.room-copy-btn svg{width:16px;height:16px}.invite-hint{margin-top:5px;color:#f0f4ff78;font-size:11.5px;line-height:1.5}.invite-link-row{display:flex;align-items:stretch;gap:6px;min-width:0;margin-top:12px}.invite-link-row .input{flex:1 1 auto;min-width:0;min-height:36px;height:36px;padding:7px 10px;color:#f0f4ff9e;font-size:10.5px;border-radius:9px;background:#ffffff07}.copy-link-btn{flex:0 0 auto;width:auto;min-height:36px;padding:0 10px;gap:5px;color:#f0f4ffbf;font-size:11px;font-weight:500;border-radius:9px;white-space:nowrap}.copy-link-btn svg{width:13px;height:13px;flex-shrink:0}.devices-panel{display:flex;flex-direction:column;gap:12px;padding:clamp(14px,1.8vw,18px);overflow:hidden}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;min-width:0}.panel-heading>div{min-width:0}.panel-title{margin-top:2px;color:var(--c-text);font-size:clamp(17px,1.8vw,19px);font-weight:650;line-height:1.25;letter-spacing:-.025em}.device-counter{flex:0 0 auto;padding:4px 9px;color:#c4d8ffc7;font-size:10.5px;font-weight:600;line-height:1.4;background:#4f8ef714;border:1px solid rgba(124,166,255,.18);border-radius:999px;white-space:nowrap}.devices-grid{display:grid;grid-template-columns:minmax(0,1fr) 30px minmax(0,1fr);align-items:stretch;gap:7px;min-width:0}.device-card{position:relative;display:flex;align-items:center;gap:10px;min-width:0;min-height:80px;padding:13px 68px 13px 13px;background:#ffffff08;border:1px solid rgba(255,255,255,.075);border-radius:13px;transition:background var(--transition),border-color var(--transition)}.device-card--self{background:#4f8ef70e;border-color:#7ca6ff33}.device-card[data-state=online]{border-color:#7ca6ff3b}.device-card[data-state=connecting]{border-style:dashed;border-color:#a78bfa47}.device-card[data-state=waiting]{border-style:dashed;border-color:#ffffff1a;background:#ffffff04}.device-icon{display:grid;place-items:center;width:40px;height:40px;flex:0 0 40px;color:#a9c9ff;background:linear-gradient(145deg,#4f8ef730,#4f8ef70e);border:1px solid rgba(124,166,255,.22);border-radius:11px}.device-card[data-state=waiting] .device-icon{color:#c4d8ff75;background:#ffffff06;border-color:#ffffff14}.device-card[data-state=connecting] .device-icon{color:#c4b5fd;background:#8b5cf61a;border-color:#a78bfa38}.device-icon svg{width:20px;height:20px}.device-copy{display:flex;flex-direction:column;gap:1px;min-width:0}.device-copy strong,.device-line,.device-meta{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.device-copy strong{color:var(--c-text);font-size:12.5px;font-weight:600;line-height:1.35}.device-line{color:#f0f4ff9e;font-size:11.5px;line-height:1.4}.device-meta{color:#f0f4ff61;font-size:10px;line-height:1.4}.device-self-badge,.device-online-status{position:absolute;top:10px;right:10px;display:inline-flex;align-items:center;gap:4px;padding:3px 6px;font-size:9.5px;font-weight:600;line-height:1.35;border-radius:999px;white-space:nowrap}.device-self-badge{color:#9ec5ff;background:#4f8ef71f;border:1px solid rgba(124,166,255,.2)}.device-online-status{color:#f0f4ff73;background:#ffffff0a;border:1px solid rgba(255,255,255,.07)}.device-online-dot{width:5px;height:5px;flex:0 0 5px;border-radius:50%;background:currentColor}.device-online-status[data-state=online]{color:#6ee7b7;background:#34d39914;border-color:#34d39933}.device-online-status[data-state=connecting]{color:#c4b5fd;background:#8b5cf617;border-color:#a78bfa33}.device-online-status[data-state=online] .device-online-dot{box-shadow:0 0 7px #34d399b3}.device-connector{display:grid;place-items:center;align-self:center;width:30px;height:30px;color:#c4d8ff85;background:#ffffff09;border:1px solid rgba(255,255,255,.075);border-radius:50%}.device-connector svg{width:14px;height:14px}.file-type-icon{display:grid;place-items:center;width:38px;height:38px;flex:0 0 38px;color:#9ec5ff;background:#4f8ef71a;border:1px solid rgba(124,166,255,.16);border-radius:10px}.file-type-icon svg{width:18px;height:18px}.file-type-icon--image{color:#6ee7b7;background:#34d39917;border-color:#34d3992b}.file-type-icon--video{color:#c4b5fd;background:#8b5cf61a;border-color:#a78bfa2e}.file-type-icon--audio{color:#fdba74;background:#fb923c17;border-color:#fb923c2b}.file-type-icon--pdf{color:#fca5a5;background:#f8717117;border-color:#f871712b}.file-type-icon--archive{color:#fcd34d;background:#fbbf2417;border-color:#fbbf242b}.file-type-icon--spreadsheet{color:#86efac;background:#22c55e17;border-color:#22c55e2b}.file-type-icon--presentation{color:#fdba74;background:#f9731617;border-color:#f973162b}.file-type-icon--text{color:#93c5fd;background:#60a5fa17;border-color:#60a5fa2b}.room-send-card{display:flex;flex-direction:column;gap:13px;padding:clamp(16px,2.2vw,22px)}.send-panel-heading{align-items:center}.send-panel-heading .transfer-chunk{display:flex;align-items:center;gap:8px;width:auto;margin:0}.send-panel-heading .transfer-chunk>span{font-size:11px;white-space:nowrap}.send-panel-heading .transfer-chunk .input{width:96px;min-height:34px;height:34px;padding:6px 8px;font-size:11.5px}.room-send-card .dropzone{min-height:235px;margin-top:0;padding:clamp(26px,4vw,42px) 24px;display:flex;align-items:center;justify-content:center}.room-send-card .dz-visual{gap:13px}.room-send-card .file-list{margin-top:0}.room-send-card .file-list-item{gap:11px;padding:9px 11px}.room-send-card .file-list-item .file-type-icon{width:32px;height:32px;flex-basis:32px;border-radius:8px}.room-send-card .file-list-item .file-type-icon svg{width:15px;height:15px}.send-action-row{justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;margin-top:1px}.send-hint{flex:1 1 260px;color:#f0f4ff6e;font-size:11.5px;line-height:1.5}.send-action-row .btn-send{flex:0 0 auto;min-width:178px;padding:11px 22px;font-size:13px;gap:7px}.incoming-panel{overflow:hidden;background:radial-gradient(ellipse 70% 120% at 0% 0%,rgba(79,142,247,.1),transparent 58%),radial-gradient(ellipse 60% 110% at 100% 100%,rgba(52,211,153,.055),transparent 60%),linear-gradient(155deg,#111a2cf5,#090f1bfa)}.incoming-visual{display:flex;align-items:center;gap:clamp(15px,2vw,20px);padding:clamp(18px,2.6vw,24px)}.incoming-icon{display:grid;place-items:center;width:58px;height:58px;flex:0 0 58px;color:#9ec5ff;background:linear-gradient(145deg,#4f8ef733,#4f8ef70e);border:1px solid rgba(124,166,255,.23);border-radius:17px;box-shadow:0 10px 28px #173c8238}.incoming-icon svg{width:26px;height:26px}.incoming-visual>div{flex:1 1 auto;min-width:0}.incoming-title{margin-top:2px;color:var(--c-text);font-size:clamp(18px,2vw,21px);font-weight:650;line-height:1.3;letter-spacing:-.025em}.incoming-text{max-width:690px;margin-top:4px;color:#f0f4ff80;font-size:12.5px;line-height:1.55}.incoming-badge{display:inline-flex;align-items:center;gap:7px;flex:0 0 auto;padding:7px 11px;color:#9ec5ff;font-size:11px;font-weight:600;line-height:1.4;white-space:nowrap;background:#4f8ef714;border:1px solid rgba(124,166,255,.2);border-radius:999px}.incoming-badge-dot{width:6px;height:6px;flex:0 0 6px;background:currentColor;border-radius:50%}.incoming-badge[data-state=waiting] .incoming-badge-dot,.incoming-badge[data-state=connecting] .incoming-badge-dot,.incoming-badge[data-state=active] .incoming-badge-dot{animation:room-conn-pulse 1.6s ease-in-out infinite}.incoming-badge[data-state=connecting]{color:#c4b5fd;background:#8b5cf617;border-color:#a78bfa38}.incoming-badge[data-state=ready]{color:#6ee7b7;background:#34d39914;border-color:#34d39938}.incoming-badge[data-state=active]{color:#fcd34d;background:#fbbf2417;border-color:#fbbf243d}.incoming-badge[data-state=error]{color:#fca5a5;background:#f8717117;border-color:#f871713d}.current-transfer{display:flex;flex-direction:column;gap:11px;padding:clamp(14px,2vw,18px);background:radial-gradient(ellipse 80% 130% at 100% 0%,rgba(79,142,247,.12),transparent 58%),linear-gradient(155deg,#121c30fa,#090f1bfa);border-color:#7ca6ff40;animation:current-transfer-in .26s ease both}@keyframes current-transfer-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.current-transfer[data-state=success]{border-color:#34d39947;background:radial-gradient(ellipse 80% 130% at 100% 0%,rgba(52,211,153,.1),transparent 58%),linear-gradient(155deg,#101e25fa,#091118fa)}.current-transfer[data-state=error]{border-color:#f871714d;background:radial-gradient(ellipse 80% 130% at 100% 0%,rgba(248,113,113,.09),transparent 58%),linear-gradient(155deg,#20131bfa,#100a0ffa)}.current-transfer-head{display:flex;align-items:center;gap:13px;min-width:0}.current-file-icon{flex:0 0 auto}.current-file-icon .file-type-icon{width:47px;height:47px;flex-basis:47px;border-radius:12px}.current-file-icon .file-type-icon svg{width:22px;height:22px}.current-file-copy{flex:1 1 auto;min-width:0}.current-file-name{color:var(--c-text);font-size:clamp(15px,1.7vw,18px);font-weight:650;line-height:1.3;letter-spacing:-.02em;overflow-wrap:anywhere}.current-file-meta{margin-top:3px;color:#f0f4ff75;font-size:11.5px;line-height:1.45;overflow-wrap:anywhere}.current-transfer-actions{display:flex;align-items:center;gap:9px;flex:0 0 auto}.transfer-percent{color:var(--c-text);font-family:var(--font-mono);font-size:20px;font-weight:700;line-height:1;letter-spacing:-.04em;font-variant-numeric:tabular-nums}.current-cancel-btn{display:grid;place-items:center;width:34px;height:34px;padding:0;color:#fca5a5;background:#f8717114;border:1px solid rgba(248,113,113,.2);border-radius:9px;cursor:pointer;transition:color var(--transition),background var(--transition),border-color var(--transition)}.current-cancel-btn:hover:not(:disabled){color:#fff;background:#f8717133;border-color:#f8717166}.current-cancel-btn:disabled{opacity:.35;cursor:not-allowed}.current-cancel-btn svg{width:15px;height:15px}.current-transfer-progress{height:7px;background:#ffffff13}.transfer-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.transfer-stat{display:flex;flex-direction:column;gap:2px;min-width:0;padding:9px 11px;background:#ffffff07;border:1px solid rgba(255,255,255,.055);border-radius:10px}.transfer-stat span{color:#f0f4ff66;font-size:9.5px;font-weight:500;line-height:1.35;letter-spacing:.025em;text-transform:uppercase}.transfer-stat strong{color:#f0f4ffe0;font-size:12.5px;font-weight:600;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-variant-numeric:tabular-nums}.history-card{padding:clamp(14px,1.8vw,18px)}.history-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;min-width:0}.history-clear-btn{min-height:34px;padding:0 10px;gap:6px;color:#f0f4ff8a;font-size:11px;border-radius:9px;flex:0 0 auto}.history-clear-btn svg{width:13px;height:13px}.history-tabs{display:flex;flex-wrap:wrap;align-items:center;gap:4px;width:fit-content;max-width:100%;margin-top:10px;padding:3px;background:#ffffff07;border:1px solid rgba(255,255,255,.06);border-radius:10px}.history-tab{min-height:30px;padding:0 13px;color:#f0f4ff7a;font-size:11.5px;font-weight:500;line-height:1.4;white-space:nowrap;background:transparent;border:1px solid transparent;border-radius:7px;cursor:pointer;transition:color var(--transition),background var(--transition),border-color var(--transition)}.history-tab:hover{color:#f0f4ffcc;background:#ffffff0a}.history-tab.is-active{color:var(--c-text);background:#4f8ef721;border-color:#7ca6ff33}.history-list{display:flex;flex-direction:column;gap:6px;margin-top:10px;min-width:0}.history-item{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(142px,.9fr) minmax(136px,.75fr) auto;align-items:center;gap:14px;min-width:0;padding:11px 12px;background:#ffffff06;border:1px solid rgba(255,255,255,.06);border-radius:11px;transition:background var(--transition),border-color var(--transition)}.history-item:hover{background:#ffffff0a;border-color:#ffffff18}.history-file-cell{display:flex;align-items:center;gap:10px;min-width:0}.history-file-cell .file-type-icon{width:34px;height:34px;flex-basis:34px;border-radius:9px}.history-file-cell .file-type-icon svg{width:16px;height:16px}.history-file-copy{display:flex;flex-direction:column;gap:1px;min-width:0}.history-file-name{display:block;min-width:0;overflow:hidden;color:#f0f4ffeb;font-size:12.5px;font-weight:550;line-height:1.4;text-overflow:ellipsis;white-space:nowrap}.history-file-meta{display:block;overflow:hidden;color:#f0f4ff5e;font-size:10px;line-height:1.4;text-overflow:ellipsis;white-space:nowrap}.history-status-cell{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:0}.history-status-pill{display:inline-flex;align-items:center;gap:5px;max-width:100%;padding:3px 7px;color:#9ec5ff;font-size:9.5px;font-weight:600;line-height:1.4;background:#4f8ef717;border:1px solid rgba(79,142,247,.18);border-radius:999px;white-space:nowrap}.history-status-dot{width:5px;height:5px;flex:0 0 5px;background:currentColor;border-radius:50%}.history-status-pill[data-tone=active]{color:#93c5fd;background:#4f8ef71a;border-color:#4f8ef733}.history-status-pill[data-tone=active] .history-status-dot{animation:room-conn-pulse 1.5s ease-in-out infinite}.history-status-pill[data-tone=pending]{color:#fcd34d;background:#fbbf2414;border-color:#fbbf2433}.history-status-pill[data-tone=pending] .history-status-dot{animation:room-conn-pulse 1.7s ease-in-out infinite}.history-status-pill[data-tone=success]{color:#6ee7b7;background:#34d39914;border-color:#34d39933}.history-status-pill[data-tone=muted]{color:#f0f4ff75;background:#ffffff0a;border-color:#ffffff14}.history-status-pill[data-tone=error]{color:#fca5a5;background:#f8717117;border-color:#f8717133}.history-status-detail{display:block;max-width:100%;overflow:hidden;color:#f0f4ff57;font-size:9.5px;line-height:1.4;text-overflow:ellipsis;white-space:nowrap}.history-peer-cell{display:flex;flex-direction:column;gap:2px;min-width:0}.history-peer-label{color:#f0f4ff57;font-size:9px;font-weight:600;line-height:1.4;letter-spacing:.06em;text-transform:uppercase}.history-peer-value{display:flex;align-items:center;gap:5px;min-width:0;color:#f0f4ffa6;font-size:10.5px;line-height:1.4}.history-peer-value>span:last-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-peer-icon{display:grid;place-items:center;width:15px;height:15px;flex:0 0 15px;color:#c4d8ff9e}.history-peer-icon svg{width:13px;height:13px}.history-actions{display:flex;align-items:center;justify-content:flex-end;gap:5px;min-width:32px}.history-icon-action{display:grid;place-items:center;width:31px;height:31px;flex:0 0 31px;padding:0;color:#c4d8ffb8;background:#ffffff0b;border:1px solid rgba(255,255,255,.08);border-radius:8px;cursor:pointer;text-decoration:none;transition:color var(--transition),background var(--transition),border-color var(--transition)}.history-icon-action:hover{color:#fff;background:#4f8ef724;border-color:#7ca6ff4d}.history-icon-action:disabled{opacity:.55;cursor:wait}.history-icon-action--cancel{color:#fca5a5;background:#f8717112;border-color:#f871712e}.history-icon-action--cancel:hover{color:#fff;background:#f871712e;border-color:#f871715c}.history-icon-action svg{width:14px;height:14px}.history-empty{display:flex;flex-direction:column;align-items:center;gap:5px;margin-top:12px;padding:30px 20px;text-align:center;border:1px dashed rgba(255,255,255,.08);border-radius:12px;background:#ffffff03}.history-empty-icon{display:grid;place-items:center;width:42px;height:42px;margin-bottom:3px;color:#c4d8ff5c;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:12px}.history-empty-icon svg{width:20px;height:20px}.history-empty strong{color:#f0f4ffa8;font-size:12.5px;font-weight:600}.history-empty p{max-width:430px;color:#f0f4ff57;font-size:11px;line-height:1.5}.btn-danger{color:#fff;background:#dc5252;border-color:transparent;box-shadow:0 4px 18px #dc525240}.btn-danger:hover{color:#fff;background:#ef6464;border-color:transparent;box-shadow:0 6px 24px #dc52525c}.btn-danger:disabled{background:#dc525247;box-shadow:none}body.dialog-open{overflow:hidden}.tw-dialog{width:min(580px,calc(100vw - 32px));width:min(580px,calc(100vw - 32px - env(safe-area-inset-left) - env(safe-area-inset-right)));max-width:none;max-height:calc(100vh - 32px);max-height:calc(100vh - 32px - env(safe-area-inset-top) - env(safe-area-inset-bottom));max-height:calc(100svh - 32px - env(safe-area-inset-top) - env(safe-area-inset-bottom));margin:auto;padding:0;overflow:visible;color:var(--c-text);background:transparent;border:0}.tw-dialog::backdrop{background:#020610c7;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}.tw-dialog--ready{width:min(500px,calc(100vw - 32px));width:min(500px,calc(100vw - 32px - env(safe-area-inset-left) - env(safe-area-inset-right)))}.tw-dialog--confirm{width:min(430px,calc(100vw - 32px));width:min(430px,calc(100vw - 32px - env(safe-area-inset-left) - env(safe-area-inset-right)))}.tw-dialog--info{width:min(470px,calc(100vw - 32px));width:min(470px,calc(100vw - 32px - env(safe-area-inset-left) - env(safe-area-inset-right)))}.tw-dialog__panel{display:flex;flex-direction:column;width:100%;max-height:calc(100vh - 32px);max-height:calc(100vh - 32px - env(safe-area-inset-top) - env(safe-area-inset-bottom));max-height:calc(100svh - 32px - env(safe-area-inset-top) - env(safe-area-inset-bottom));overflow:hidden;background:radial-gradient(ellipse 100% 70% at 100% 0%,rgba(79,142,247,.1),transparent 54%),linear-gradient(155deg,#141e32fc,#090f1bfe);border:1px solid rgba(124,166,255,.2);border-radius:23px;box-shadow:0 34px 100px #000000b8,inset 0 1px #ffffff0f;animation:tw-dialog-in .22s cubic-bezier(.2,.8,.2,1) both}@keyframes tw-dialog-in{0%{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}.tw-dialog__head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;flex:0 0 auto;padding:20px 20px 15px;border-bottom:1px solid rgba(255,255,255,.06)}.tw-dialog__heading{display:flex;align-items:flex-start;gap:12px;min-width:0}.tw-dialog__heading>div{min-width:0}.tw-dialog-step{display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;color:#bfdbfe;font-family:var(--font-mono);font-size:13px;font-weight:700;line-height:1;background:#4f8ef721;border:1px solid rgba(124,166,255,.23);border-radius:10px}.tw-dialog-step--info{color:#a9c9ff}.tw-dialog-step--info svg{width:17px;height:17px}.tw-dialog__title{color:var(--c-text);font-size:19px;font-weight:700;line-height:1.3;letter-spacing:-.03em;overflow-wrap:anywhere}.tw-dialog__subtitle{margin-top:2px;color:#f0f4ff75;font-size:11.5px;line-height:1.5;overflow-wrap:anywhere}.tw-dialog__close{display:grid;place-items:center;width:32px;height:32px;flex:0 0 32px;padding:0;color:#f0f4ff7a;background:#ffffff0a;border:1px solid rgba(255,255,255,.07);border-radius:9px;cursor:pointer;transition:color var(--transition),background var(--transition),border-color var(--transition)}.tw-dialog__close:hover:not(:disabled){color:#fff;background:#f8717121;border-color:#f8717147}.tw-dialog__close:disabled{opacity:.25;cursor:not-allowed}.tw-dialog__close svg{width:15px;height:15px}.tw-dialog__body{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:17px 20px;scrollbar-width:thin;scrollbar-color:rgba(124,166,255,.24) transparent}.tw-dialog__body::-webkit-scrollbar{width:6px}.tw-dialog__body::-webkit-scrollbar-thumb{background:#7ca6ff3d;border-radius:99px}.tw-dialog__body--ready{display:flex;flex-direction:column;align-items:center;padding-block:27px 23px;text-align:center}.tw-dialog__footer{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px;flex:0 0 auto;padding:14px 20px max(14px,env(safe-area-inset-bottom));background:#050a1359;border-top:1px solid rgba(255,255,255,.06)}.tw-dialog-action{min-height:42px;padding:0 15px;gap:7px;font-size:12.5px;font-weight:600;border-radius:10px}.tw-dialog-action svg{width:14px;height:14px;flex-shrink:0}.tw-dialog__footer .btn-primary{min-width:140px}.prep-file-list{display:flex;flex-direction:column;gap:5px;max-height:258px;min-height:74px;overflow-y:auto;overscroll-behavior:contain;padding-right:3px;scrollbar-width:thin;scrollbar-color:rgba(124,166,255,.24) transparent}.prep-file-list::-webkit-scrollbar{width:5px}.prep-file-list::-webkit-scrollbar-thumb{background:#7ca6ff38;border-radius:99px}.prep-file-row{display:flex;align-items:center;gap:10px;min-width:0;padding:8px 9px;background:#ffffff07;border:1px solid rgba(255,255,255,.06);border-radius:10px}.prep-file-row .file-type-icon{width:34px;height:34px;flex-basis:34px;border-radius:9px}.prep-file-row .file-type-icon svg{width:16px;height:16px}.prep-file-copy{display:flex;flex-direction:column;gap:1px;flex:1 1 auto;min-width:0}.prep-file-name{display:block;overflow:hidden;color:#f0f4ffe6;font-size:12.5px;font-weight:550;line-height:1.4;text-overflow:ellipsis;white-space:nowrap}.prep-file-meta{display:block;overflow:hidden;color:#f0f4ff5c;font-size:10px;line-height:1.4;text-overflow:ellipsis;white-space:nowrap}.prep-file-remove{display:grid;place-items:center;width:28px;height:28px;flex:0 0 28px;padding:0;color:#f0f4ff6b;background:transparent;border:0;border-radius:7px;cursor:pointer;transition:color var(--transition),background var(--transition)}.prep-file-remove:hover{color:#fca5a5;background:#f871711a}.prep-file-remove svg{width:13px;height:13px}.prep-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:72px;padding:16px;text-align:center;border:1px dashed rgba(255,255,255,.09);border-radius:10px}.prep-empty strong{color:#f0f4ff99;font-size:12px;font-weight:600}.prep-empty span{color:#f0f4ff57;font-size:10.5px}.prep-feedback{margin:10px 0 0;padding:9px 11px;color:#fde68a;font-size:11px;line-height:1.5;background:#fbbf2412;border:1px solid rgba(251,191,36,.22);border-radius:9px;overflow-wrap:anywhere}.prep-feedback[hidden]{display:none}.zip-option{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:12px;padding:12px 13px;background:#4f8ef70e;border:1px solid rgba(124,166,255,.16);border-radius:11px}.zip-option-copy{display:flex;align-items:center;gap:10px;min-width:0}.zip-option-icon{display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;color:#fcd34d;background:#fbbf2417;border:1px solid rgba(251,191,36,.17);border-radius:9px}.zip-option-icon svg{width:17px;height:17px}.zip-option-copy>div{display:flex;flex-direction:column;gap:1px;min-width:0}.zip-option-copy strong{color:#f0f4ffe6;font-size:12.5px;font-weight:600;line-height:1.4}.zip-option-copy span{color:#f0f4ff66;font-size:10px;line-height:1.4}.switch{position:relative;display:inline-flex;flex:0 0 auto;cursor:pointer}.switch input{position:absolute;width:1px;height:1px;opacity:0}.switch-track{position:relative;display:block;width:42px;height:24px;background:#ffffff1f;border:1px solid rgba(255,255,255,.13);border-radius:999px;transition:background var(--transition),border-color var(--transition)}.switch-knob{position:absolute;top:3px;left:3px;width:16px;height:16px;background:#ffffffb8;border-radius:50%;box-shadow:0 1px 4px #00000059;transition:transform var(--transition),background var(--transition)}.switch input:checked+.switch-track{background:var(--c-accent);border-color:var(--c-accent-hi);box-shadow:0 0 14px #4f8ef747}.switch input:checked+.switch-track .switch-knob{background:#fff;transform:translate(18px)}.switch input:focus-visible+.switch-track{outline:2px solid var(--c-accent);outline-offset:3px}.zip-info{display:flex;align-items:flex-start;gap:8px;margin-top:9px;padding:9px 10px;background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:9px}.zip-info-icon{display:grid;place-items:center;width:16px;height:16px;flex:0 0 16px;margin-top:1px;color:#c4d8ff9e;font-family:var(--font-mono);font-size:9px;font-weight:700;line-height:1;background:#4f8ef71f;border-radius:50%}.zip-info p{color:#f0f4ff6b;font-size:10.5px;line-height:1.5}.archive-hero{display:flex;flex-direction:column;align-items:center;padding:3px 12px 15px;text-align:center}.archive-hero-halo{position:relative;display:block;width:0;height:0}.archive-hero-halo:before{content:"";position:absolute;top:-62px;left:50%;width:150px;height:150px;border-radius:50%;background:radial-gradient(circle,rgba(79,142,247,.19),transparent 68%);transform:translate(-50%);pointer-events:none}.archive-hero-icon{position:relative;display:grid;place-items:center;width:60px;height:60px;margin-bottom:11px;color:#a9c9ff;background:linear-gradient(145deg,#4f8ef733,#4f8ef70e);border:1px solid rgba(124,166,255,.24);border-radius:17px;box-shadow:0 12px 32px #173c823d}.archive-hero-icon svg{width:28px;height:28px}.archive-hero[data-state=working] .archive-hero-icon{animation:archive-hero-bob 1.7s ease-in-out infinite}@keyframes archive-hero-bob{0%,to{transform:translateY(0);box-shadow:0 12px 32px #173c823d}50%{transform:translateY(-3px);box-shadow:0 17px 38px #173c825c}}.archive-hero[data-state=success] .archive-hero-icon{color:#6ee7b7;background:#34d3991a;border-color:#34d3993d}.archive-hero[data-state=error] .archive-hero-icon{color:#fca5a5;background:#f8717117;border-color:#f8717138}.archive-state-title{color:var(--c-text);font-size:16px;font-weight:650;line-height:1.35;letter-spacing:-.02em}.archive-state-text{max-width:390px;margin-top:3px;color:#f0f4ff73;font-size:11px;line-height:1.5}.archive-name{max-width:100%;margin-top:9px;color:#f0f4ffeb;font-family:var(--font-mono);font-size:13px;font-weight:600;line-height:1.45;overflow-wrap:anywhere}.archive-progress-block{padding:13px 14px;background:#ffffff06;border:1px solid rgba(255,255,255,.06);border-radius:12px}.archive-progress-row{display:flex;align-items:center;gap:12px}.archive-progress{flex:1 1 auto;height:7px}.archive-progress-row .transfer-percent{font-size:17px}.archive-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px}.archive-stats>div{display:flex;flex-direction:column;gap:1px;min-width:0}.archive-stats dt{color:#f0f4ff57;font-size:9px;font-weight:600;line-height:1.4;letter-spacing:.03em;text-transform:uppercase}.archive-stats dd{color:#f0f4ffd9;font-size:12px;font-weight:600;line-height:1.45;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-variant-numeric:tabular-nums}.archive-error{margin-top:10px;padding:9px 11px;color:#fecaca;font-size:11px;line-height:1.5;background:#f8717112;border:1px solid rgba(248,113,113,.22);border-radius:9px;overflow-wrap:anywhere}.archive-error[hidden]{display:none}.ready-success{display:grid;place-items:center;width:62px;height:62px;margin-bottom:12px;color:#6ee7b7;background:#34d3991a;border:1px solid rgba(52,211,153,.24);border-radius:50%;box-shadow:0 0 0 8px #34d39909,0 12px 32px #105a4642}.ready-success svg{width:28px;height:28px}.ready-name{max-width:100%;color:var(--c-text);font-family:var(--font-mono);font-size:14px;font-weight:600;line-height:1.45;overflow-wrap:anywhere}.ready-size{margin-top:3px;color:#f0f4ff8f;font-size:12px;line-height:1.4}.ready-count{margin-top:8px;color:#f0f4ff5c;font-size:10.5px;line-height:1.5}.confirm-body{display:flex;flex-direction:column;align-items:center;gap:4px;padding:24px 22px 20px;text-align:center;overflow:visible}.confirm-icon{display:grid;place-items:center;width:48px;height:48px;margin-bottom:6px;color:#fca5a5;background:#f8717117;border:1px solid rgba(248,113,113,.22);border-radius:14px}.confirm-icon[data-tone=warning]{color:#fcd34d;background:#fbbf2417;border-color:#fbbf2438}.confirm-icon svg{width:23px;height:23px}.confirm-title{color:var(--c-text);font-size:18px;font-weight:700;line-height:1.35;letter-spacing:-.025em}.confirm-message{max-width:350px;color:#f0f4ff7a;font-size:12px;line-height:1.55;overflow-wrap:anywhere}.tw-dialog--confirm .tw-dialog__footer{justify-content:center}.info-list{display:flex;flex-direction:column;gap:0}.info-list>div{display:flex;align-items:baseline;justify-content:space-between;gap:20px;padding:9px 1px;border-bottom:1px solid rgba(255,255,255,.055)}.info-list>div:last-child{border-bottom:0}.info-list dt{flex:0 0 auto;color:#f0f4ff66;font-size:10.5px;line-height:1.5}.info-list dd{min-width:0;color:#f0f4ffd1;font-size:11.5px;font-weight:550;line-height:1.5;text-align:right;overflow-wrap:anywhere}.info-note{margin-top:13px;padding:10px 11px;color:#f0f4ff61;font-size:10.5px;line-height:1.55;background:#4f8ef70b;border:1px solid rgba(124,166,255,.12);border-radius:9px}@media (max-width: 1080px){.room-overview{grid-template-columns:minmax(0,1fr)}.invite-card{justify-content:flex-start}.invite-copy{max-width:620px}}@media (max-width: 900px){.history-item{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"file actions" "status peer";gap:6px 12px}.history-file-cell{grid-area:file}.history-status-cell{grid-area:status}.history-peer-cell{grid-area:peer;align-items:flex-end;text-align:right}.history-actions{grid-area:actions}}@media (max-width: 820px){.room-toolbar{align-items:flex-start;padding:12px}.room-toolbar-actions{margin-left:auto}.room-tool-btn,.room-leave-btn{min-height:36px;padding:0 10px;font-size:11.5px}.room-icon-btn{width:36px;height:36px;flex-basis:36px}.device-card{min-height:78px;padding:11px}.device-card .device-self-badge,.device-card .device-online-status{position:static;align-self:flex-start;margin-left:auto}.device-card{flex-wrap:wrap}.device-copy{flex:1 1 min(160px,100%)}.device-card .device-icon{align-self:center}.incoming-visual{flex-wrap:wrap}.incoming-badge{margin-left:78px}}@media (max-width: 700px){.page-create .app-main,.page-join .app-main{padding-top:20px}.room-page.is-in-room{gap:12px}.room-toolbar{flex-wrap:wrap;gap:10px}.room-toolbar-status{width:100%}.room-toolbar-actions{width:100%;margin-left:0}.room-tool-btn{flex:1 1 auto;justify-content:center}.room-leave-btn{flex:0 0 auto}.tool-btn-label{display:none}.tool-btn-label-short{display:inline}.invite-card{flex-direction:column;align-items:stretch}.invite-qr-wrap{flex-direction:row;align-items:center;justify-content:flex-start;gap:13px}.invite-qr{width:118px;height:118px;padding:8px;border-radius:12px}.invite-code{font-size:clamp(29px,8vw,36px)}.invite-copy{max-width:none}.invite-link-row{margin-top:9px}.room-send-card .dropzone{min-height:150px;padding:18px 14px}.send-action-row{align-items:stretch;flex-direction:column}.send-action-row .btn-send{width:100%;flex-basis:auto}.send-hint{flex-basis:auto}.incoming-visual{gap:13px}.incoming-badge{margin-left:71px}.history-head{flex-wrap:wrap}.history-tabs{width:100%}.history-tab{flex:1 1 auto;padding-inline:8px}}@media (max-width: 560px){.room-page.is-in-room{gap:10px}.room-toolbar-copy span{font-size:11px}.room-panel{border-radius:17px}.invite-card,.devices-panel,.room-send-card,.current-transfer,.history-card{padding:14px}.devices-grid{grid-template-columns:minmax(0,1fr);gap:6px}.device-connector{display:none}.device-card{min-height:72px;flex-wrap:nowrap;padding:10px}.device-card .device-self-badge,.device-card .device-online-status{align-self:center}.device-copy{flex:1 1 auto}.device-copy strong{font-size:12px}.device-line{font-size:11px}.device-meta{font-size:9.5px}.send-panel-heading{align-items:flex-start;flex-wrap:wrap}.send-panel-heading .transfer-chunk{width:100%;justify-content:space-between}.dropzone{border-radius:15px}.room-send-card .dropzone{min-height:170px;padding:20px 12px}.dz-icon{width:50px;height:50px;border-radius:15px}.dz-icon svg{width:23px;height:23px}.dz-title{font-size:15px}.dz-sub{font-size:11.5px}.dz-cta{font-size:11.5px;padding:7px 16px}.room-send-card .file-list-item{gap:8px;padding:8px}.room-send-card .file-list-size{font-size:9.5px}.current-transfer-head{gap:10px}.current-file-icon .file-type-icon{width:40px;height:40px;flex-basis:40px}.current-file-icon .file-type-icon svg{width:19px;height:19px}.transfer-percent{font-size:17px}.transfer-stats{grid-template-columns:minmax(0,1fr);gap:0;border:1px solid rgba(255,255,255,.055);border-radius:10px;overflow:hidden}.transfer-stat{flex-direction:row;align-items:center;justify-content:space-between;gap:10px;padding:7px 10px;border:0;border-bottom:1px solid rgba(255,255,255,.05);border-radius:0}.transfer-stat:last-child{border-bottom:0}.transfer-stat strong{font-size:11.5px}.history-item{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"file actions" "status status" "peer peer";gap:5px 10px;padding:10px}.history-peer-cell{align-items:flex-start;padding-top:3px;text-align:left;border-top:1px solid rgba(255,255,255,.045)}.history-status-detail{white-space:normal}.history-clear-btn span{display:none}.history-clear-btn{width:34px;padding:0}.incoming-visual{align-items:flex-start;padding:15px}.incoming-icon{width:48px;height:48px;flex-basis:48px;border-radius:14px}.incoming-icon svg{width:22px;height:22px}.incoming-badge{width:100%;margin-left:0;justify-content:center;padding:6px 10px}.tw-dialog{width:calc(100vw - 12px);width:calc(100vw - 12px - env(safe-area-inset-left) - env(safe-area-inset-right));max-height:calc(100vh - 12px);max-height:calc(100vh - 12px - env(safe-area-inset-top) - env(safe-area-inset-bottom));max-height:calc(100svh - 12px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}.tw-dialog__panel{max-height:calc(100vh - 12px);max-height:calc(100vh - 12px - env(safe-area-inset-top) - env(safe-area-inset-bottom));max-height:calc(100svh - 12px - env(safe-area-inset-top) - env(safe-area-inset-bottom));border-radius:19px}.tw-dialog__head{padding:15px 14px 12px}.tw-dialog__title{font-size:17px}.tw-dialog__subtitle{font-size:10.5px}.tw-dialog__body{padding:14px}.tw-dialog__body--ready{padding-block:22px 19px}.tw-dialog__footer{padding:12px 14px max(12px,env(safe-area-inset-bottom))}.tw-dialog__footer .btn-primary{min-width:0}.prep-file-list{max-height:34vh;max-height:34svh}.archive-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.archive-stats>div:last-child{grid-column:1 / -1}.confirm-body{padding:22px 16px 18px}}@media (max-width: 440px){.room-toolbar{padding:10px}.room-toolbar-actions{gap:5px}.room-leave-btn{flex:1 1 auto;justify-content:center}.invite-card{padding:13px}.invite-qr-wrap{flex-direction:column;align-items:center}.invite-qr{width:116px;height:116px}.invite-copy{width:100%}.invite-code-row{justify-content:center}.invite-copy .room-eyebrow,.invite-hint{text-align:center}.invite-link-row{width:100%}.copy-link-btn{padding:0 9px}.copy-link-label{display:none}.panel-heading{gap:8px}.history-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.history-tab{padding-inline:4px;font-size:10.5px}.current-transfer-head{align-items:flex-start}.current-transfer-actions{align-items:center;gap:5px}.transfer-percent{font-size:15px}.current-cancel-btn{width:30px;height:30px}.tw-dialog__heading{gap:9px}.tw-dialog-step{width:30px;height:30px;flex-basis:30px;border-radius:9px}.tw-dialog__title{font-size:16px}.tw-dialog__footer{flex-direction:column;align-items:stretch}.tw-dialog__footer .tw-dialog-action{width:100%;justify-content:center}.archive-stats{grid-template-columns:minmax(0,1fr)}.archive-stats>div:last-child{grid-column:auto}.zip-option{padding:10px}.zip-option-copy span{font-size:9.5px}.info-list>div{gap:12px}.info-list dd{font-size:10.5px}}@media (max-height: 650px){.archive-hero{padding-bottom:9px}.archive-hero-icon{width:48px;height:48px;margin-bottom:7px;border-radius:14px}.archive-hero-icon svg{width:22px;height:22px}.prep-file-list{max-height:30vh;max-height:30svh}}@media (prefers-reduced-motion: reduce){.room-workspace,.current-transfer,.tw-dialog__panel{animation:none}}.home-room-card{width:100%;min-height:100%}.home-card-form{display:flex;flex-direction:column;gap:9px;width:100%;margin-top:auto}.home-room-card .action-cta{pointer-events:auto;cursor:pointer}.home-room-card .action-cta:disabled{cursor:not-allowed;opacity:.55}.home-room-card .action-cta.btn-primary:hover:not(:disabled){background:var(--c-accent-hi);box-shadow:0 6px 28px #4f8ef773}.home-room-card .action-cta.btn-secondary:hover:not(:disabled){color:#fff;background:#4f8ef724;border-color:#7ca6ff57}.home-code-input{width:100%;min-height:48px;padding:8px 14px;color:var(--c-text);font-size:clamp(20px,2.6vw,23px);font-weight:700;line-height:1.3;letter-spacing:.22em;text-align:center;border-radius:var(--radius-sm)}.home-card-hint{margin:0;text-align:center}.home-card-form .join-feedback{margin-top:0}.home-files-panel{display:flex;flex-direction:column;gap:10px;width:100%;min-width:0;padding:clamp(14px,1.8vw,18px)}.home-layout .home-files-panel{max-width:880px}.room-prejoin-card-wrap{display:flex;width:100%;max-width:620px;margin-inline:auto}.room-prejoin-card-wrap .home-room-card{width:100%}.room-prejoin-queue{max-width:880px;margin-inline:auto}.home-files-heading{align-items:center;flex-wrap:wrap}.home-files-heading-meta{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap;min-width:0}.home-files-description{margin-top:-3px;color:#f0f4ff80;font-size:12.5px;line-height:1.55}.queue-summary-pill{flex:0 0 auto;padding:4px 10px;color:#c4d8ffcc;font-size:11px;font-weight:600;line-height:1.4;white-space:nowrap;background:#4f8ef717;border:1px solid rgba(124,166,255,.18);border-radius:999px}.home-files-heading .transfer-chunk{display:flex;align-items:center;gap:8px;width:auto;margin:0}.home-files-heading .transfer-chunk>span{font-size:11px;white-space:nowrap}.home-files-heading .transfer-chunk .input{width:100px;min-height:34px;height:34px;padding:6px 8px;font-size:11.5px}.home-files-panel .dropzone{min-height:168px;margin-top:0;padding:clamp(20px,3vw,28px) 20px;display:flex;align-items:center;justify-content:center}.home-files-panel .file-list{margin-top:0}.home-files-panel .send-action-row{margin-top:2px}.home-files-actions{align-items:center;flex-wrap:wrap}.home-files-buttons{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.home-files-buttons .btn{min-height:42px;padding:0 14px;font-size:12.5px;gap:6px;white-space:nowrap}.home-files-buttons .btn svg{width:15px;height:15px;flex-shrink:0}.home-files-buttons .btn-send{flex:0 0 auto;padding:12px 20px;font-size:13.5px}.home-files-empty{margin:2px 0 0;text-align:center}.queue-loading{align-items:center;gap:10px;margin-top:0;padding:18px;color:var(--c-muted);font-size:12.5px}.nav-room-link{gap:8px;color:#dcebffe0;background:#34d39912;border-color:#34d39938}.nav-room-link:hover,.nav-room-link.active{color:#fff;background:#34d3991f;border-color:#34d39957}.nav-room-dot{width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:var(--c-success);box-shadow:0 0 0 3px #34d3991f,0 0 10px #34d39999}.nav-room-label{font-size:12.5px}.nav-room-code{padding:2px 7px;color:#dcfff2e6;font-size:11px;font-weight:700;letter-spacing:.06em;background:#34d3991a;border-radius:5px}.toast-stack{position:fixed;z-index:2000;right:max(16px,env(safe-area-inset-right));bottom:max(20px,env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:stretch;gap:9px;width:min(390px,calc(100vw - 32px));pointer-events:none}.toast-card{display:flex;align-items:flex-start;gap:10px;min-width:0;padding:12px 12px 12px 14px;color:#f0f4ffe6;background:linear-gradient(145deg,#162239fa,#0b1220fc);border:1px solid rgba(124,166,255,.18);border-left:3px solid var(--c-accent);border-radius:12px;box-shadow:0 16px 42px #00000075,inset 0 1px #ffffff0a;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);pointer-events:auto}.toast-card[data-type=success]{border-left-color:var(--c-success);border-color:#34d39933}.toast-card[data-type=warning]{border-left-color:var(--c-warning);border-color:#fbbf2433}.toast-card[data-type=error]{border-left-color:var(--c-danger);border-color:#f871713d}.toast-dot{width:7px;height:7px;flex:0 0 7px;margin-top:6px;border-radius:50%;background:var(--c-accent);box-shadow:0 0 8px #4f8ef7b3}.toast-card[data-type=success] .toast-dot{background:var(--c-success);box-shadow:0 0 8px #34d399b3}.toast-card[data-type=warning] .toast-dot{background:var(--c-warning);box-shadow:0 0 8px #fbbf24b3}.toast-card[data-type=error] .toast-dot{background:var(--c-danger);box-shadow:0 0 8px #f87171b3}.toast-message{flex:1 1 auto;min-width:0;color:#f0f4ffdb;font-size:12.5px;line-height:1.5;overflow-wrap:anywhere}.toast-close{display:grid;place-items:center;width:24px;height:24px;flex:0 0 24px;padding:0;color:#f0f4ff6b;background:transparent;border:0;border-radius:6px;cursor:pointer;transition:color var(--transition),background var(--transition)}.toast-close:hover{color:#fff;background:#ffffff12}.toast-close svg{width:13px;height:13px}.toast-list-enter-active,.toast-list-leave-active{transition:opacity .22s ease,transform .22s ease}.toast-list-enter-from,.toast-list-leave-to{opacity:0;transform:translateY(10px) scale(.98)}.toast-list-move{transition:transform .22s ease}.invite-qr-canvas{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.invite-qr-canvas img,.invite-qr-canvas canvas{display:block;max-width:100%;max-height:100%}@media (max-width: 660px){.home-files-heading{align-items:flex-start}.home-files-heading-meta{width:100%;justify-content:space-between}.home-files-actions{align-items:stretch;flex-direction:column}.home-files-buttons{justify-content:stretch}.home-files-buttons .btn{flex:1 1 130px;justify-content:center}.home-files-buttons .btn-send{flex:1 1 100%;width:100%;min-height:46px}.home-files-panel .dropzone{min-height:150px;padding:18px 14px}}@media (max-width: 480px){.nav-room-label{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,1px,1px);white-space:nowrap;border:0}.nav-room-link{padding:0 9px}.nav-room-code{font-size:10.5px}.toast-stack{right:10px;bottom:max(12px,env(safe-area-inset-bottom));width:calc(100vw - 20px)}.home-files-heading .transfer-chunk{width:100%;justify-content:space-between}.home-files-heading .transfer-chunk .input{width:112px}}@media (prefers-reduced-motion: reduce){.toast-list-enter-active,.toast-list-leave-active,.toast-list-move{transition:none}}