@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500&family=Inter:wght@300;400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600;700&family=Raleway:wght@300;400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700&subset=cyrillic,cyrillic-ext,latin,latin-ext&display=swap";:root{font-family:Inter,Space Grotesk,system-ui,sans-serif;line-height:1.5;color:var(--foreground);background:var(--background);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--background: oklch(.155 .025 258);--foreground: oklch(.93 .015 255);--card: oklch(.195 .025 258);--card-foreground: oklch(.93 .015 255);--popover: oklch(.195 .025 258);--popover-foreground: oklch(.93 .015 255);--primary: oklch(.64 .14 188);--primary-foreground: oklch(.13 .025 255);--secondary: oklch(.245 .03 258);--secondary-foreground: oklch(.93 .015 255);--muted: oklch(.26 .028 258);--muted-foreground: oklch(.62 .02 258);--accent: oklch(.26 .028 258);--accent-foreground: oklch(.93 .015 255);--brand-gold: oklch(.79 .13 76);--brand-gold-foreground: oklch(.13 .04 70);--destructive: oklch(.62 .215 22);--destructive-foreground: oklch(.97 0 0);--warning: oklch(.74 .16 66);--warning-foreground: oklch(.13 .05 60);--success: oklch(.67 .155 148);--success-foreground: oklch(.13 .03 145);--info: oklch(.67 .15 250);--info-foreground: oklch(.13 .03 255);--border: oklch(.28 .025 258);--input-background: oklch(.22 .028 258);--ring: oklch(.64 .14 188);--radius: .625rem;--radius-sm: calc(var(--radius) - 4px);--radius-md: calc(var(--radius) - 2px);--radius-lg: var(--radius);--radius-xl: calc(var(--radius) + 4px);--surface-soft: color-mix(in oklch, var(--card) 88%, transparent);--surface-muted: color-mix(in oklch, var(--muted) 78%, transparent);--surface-hover: color-mix(in oklch, var(--accent) 90%, var(--primary) 10%);--primary-soft: color-mix(in oklch, var(--primary) 15%, transparent);--primary-border: color-mix(in oklch, var(--primary) 32%, var(--border));--destructive-soft: color-mix(in oklch, var(--destructive) 16%, transparent);--warning-soft: color-mix(in oklch, var(--warning) 16%, transparent);--success-soft: color-mix(in oklch, var(--success) 15%, transparent);--info-soft: color-mix(in oklch, var(--info) 14%, transparent);--shadow-soft: 0 18px 60px color-mix(in oklch, black 34%, transparent);--shadow-button: 0 10px 28px color-mix(in oklch, black 24%, transparent)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 16% 8%,var(--primary-soft),transparent 30rem),linear-gradient(180deg,var(--background) 0%,color-mix(in oklch,var(--background) 86%,black) 100%)}a{color:var(--primary)}button{font:inherit;cursor:pointer;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--secondary);color:var(--secondary-foreground);padding:.58rem .95rem;box-shadow:var(--shadow-button);transition:transform .14s ease,border-color .14s ease,background .14s ease,box-shadow .14s ease}button:hover{border-color:var(--primary-border);background:var(--accent);transform:translateY(-1px)}button:active{transform:translateY(0)}button.primary{border-color:var(--primary);background:var(--primary);color:var(--primary-foreground)}button.ghost{background:transparent;box-shadow:none}button.danger:hover{background:color-mix(in oklch,var(--destructive) 20%,transparent)}button.danger.soft{background:var(--destructive-soft)}button.warn:hover{background:color-mix(in oklch,var(--warning) 20%,transparent)}input[type=file]{display:none}input[type=text]{width:100%;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--input-background);color:var(--foreground);padding:.75rem .9rem;outline:none;transition:border-color .14s ease,box-shadow .14s ease,background .14s ease}input[type=text]:focus{border-color:var(--ring);box-shadow:0 0 0 4px color-mix(in oklch,var(--ring) 16%,transparent);background:color-mix(in oklch,var(--input-background) 84%,var(--primary) 8%)}.layout{max-width:1100px;margin:0 auto;padding:1rem 1.5rem 2rem}.app-shell-header{position:relative;z-index:1;margin:-1rem -.35rem 1rem;padding:.8rem .35rem;background:transparent;border-bottom:0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.app-shell-header:before{content:"";position:absolute;inset:0 50% auto;z-index:-1;width:100vw;height:100%;transform:translate(-50%);background:linear-gradient(180deg,color-mix(in oklch,var(--background) 68%,transparent) 0%,color-mix(in oklch,var(--background) 32%,transparent) 62%,transparent 100%);pointer-events:none}.brand-lockup{display:inline-flex;align-items:center;gap:.8rem;color:var(--foreground);text-decoration:none;transition:color .14s ease,opacity .14s ease}.brand-lockup:hover{color:var(--foreground);opacity:.86}.brand-lockup-mark{width:36px;height:36px;flex:0 0 auto;filter:drop-shadow(0 12px 24px color-mix(in oklch,var(--primary) 18%,transparent))}.brand-name,.brand-kicker{display:block}.brand-name{font-family:Raleway,Inter,sans-serif;font-size:.86rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.brand-kicker{margin-top:.05rem;color:var(--primary);font-size:.64rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase}.card{background:var(--surface-soft);border:1px solid var(--border);border-radius:var(--radius-xl);padding:1.25rem;margin-bottom:1rem;box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.drop{border:1px dashed var(--primary-border);border-radius:var(--radius-xl);padding:2rem;text-align:center;color:var(--muted-foreground);transition:border-color .18s ease,background .18s ease,transform .18s ease}.drop.drag{border-color:var(--primary);background:var(--primary-soft);transform:scale(1.01)}.drop-title{color:var(--foreground);font-weight:600}.muted{color:var(--muted-foreground);font-size:.9rem}.file-row{display:flex;align-items:center;gap:.75rem;padding:.5rem 0;border-bottom:1px solid var(--border);flex-wrap:wrap}.file-row:last-child{border-bottom:none}.path{flex:1;min-width:0;word-break:break-all;font-family:ui-monospace,monospace;font-size:.85rem}.progress{height:4px;background:var(--muted);border-radius:2px;overflow:hidden;margin-top:.5rem}.progress>div{height:100%;background:var(--primary);transition:width .1s}h1{font-size:clamp(1.75rem,3vw,2.55rem);margin:0 0 .5rem;font-family:Raleway,Inter,sans-serif;font-weight:700;letter-spacing:-.01em}.toolbar{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;align-items:center}.room-hero{display:flex;justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:1rem}.eyebrow{color:var(--primary);font-weight:700;margin:0 0 .35rem;text-transform:uppercase;letter-spacing:.08em;font-size:.78rem}.room-stats{display:flex;gap:.75rem;flex-wrap:wrap}.room-stats>div{min-width:120px;padding:.85rem 1rem;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-muted)}.room-stats strong{display:block;font-size:1.2rem}.room-stats span{color:var(--muted-foreground);font-size:.85rem}.room-toolbar{margin-bottom:1rem}.share-line{display:flex;flex-wrap:wrap;gap:.45rem;align-items:center}.share-line a{max-width:min(640px,100%);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-page,.support-page{display:grid;gap:1rem}.home-hero,.support-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1rem;align-items:center}.support-button{display:grid;gap:.15rem;min-width:190px;padding:1rem;border-radius:var(--radius-lg);border:1px solid var(--primary-border);background:var(--secondary);color:var(--foreground);text-decoration:none;box-shadow:none;transition:transform .14s ease,border-color .14s ease}.support-button:hover{transform:translateY(-2px);border-color:var(--primary)}.support-button span{color:var(--muted-foreground);font-size:.9rem}.support-button strong{font-size:1.05rem}.create-room-card{display:grid;gap:.7rem}.recovery-card{display:grid;gap:.75rem}.recovery-line{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:.65rem;align-items:center}.help-dot{display:inline-grid;place-items:center;width:1.15rem;height:1.15rem;margin-left:.35rem;border-radius:999px;border:1px solid var(--border);color:var(--muted-foreground);font-size:.75rem;cursor:help;vertical-align:middle}.field-label{color:var(--foreground);font-weight:600}.create-room-line{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.7rem;align-items:center}.section-head h2{margin:0 0 .25rem;font-size:1.15rem}.saved-room-list{display:grid;gap:.75rem}.saved-room-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.85rem;align-items:center;padding:.9rem;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-muted);transition:transform .14s ease,border-color .14s ease,background .14s ease}.saved-room-row:hover{transform:translateY(-1px);border-color:var(--primary-border);background:var(--surface-hover)}.saved-room-main{display:flex;align-items:center;gap:.9rem;min-width:0;text-decoration:none;color:var(--foreground)}.saved-room-icon{width:52px;height:52px;display:inline-grid;place-items:center;border-radius:var(--radius-lg);background:var(--primary-soft);border:1px solid var(--primary-border);box-shadow:none}.saved-room-icon span{width:24px;height:18px;border-radius:6px;background:var(--primary);position:relative;box-shadow:none}.saved-room-icon span:before{content:"";position:absolute;left:3px;top:-5px;width:11px;height:7px;border-radius:5px 5px 0 0;background:var(--primary)}.saved-room-text{min-width:0;display:grid;gap:.12rem}.saved-room-text strong{font-size:1rem}.saved-room-text strong,.saved-room-text small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.saved-room-text small{color:var(--muted-foreground);font-size:.82rem}.saved-room-actions{display:flex;align-items:center;gap:.5rem}.saved-room-actions a{text-decoration:none}.support-copy{display:grid;gap:.7rem}.support-note{width:fit-content;padding:.7rem .9rem;border-radius:999px;border:1px solid color-mix(in oklch,var(--success) 30%,var(--border));background:var(--success-soft);color:var(--success)}.qr-card{display:grid;gap:.75rem;justify-items:center;padding:1rem;border-radius:22px;background:#fff;color:#1a2332;box-shadow:0 22px 70px #00000052}.qr-card img{width:min(320px,62vw);height:auto;display:block;border-radius:14px}.qr-card span{font-weight:700;text-align:center}.back-link{color:var(--primary);text-decoration:none;width:fit-content}.room-name-card,.participant-card{display:grid;gap:.65rem}.live-status{display:flex;gap:.5rem;align-items:center;margin:0;color:var(--muted-foreground);font-size:.9rem}.live-status span{width:9px;height:9px;border-radius:50%;background:var(--muted-foreground);box-shadow:0 0 0 4px color-mix(in oklch,var(--muted-foreground) 14%,transparent)}.links-card{display:grid;gap:.85rem}.link-form{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr) auto;gap:.65rem;align-items:center}.link-list{display:flex;flex-direction:column;gap:.6rem}.link-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:.65rem;align-items:center;padding:.75rem;width:min(100%,760px);border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--surface-muted);animation:rowIn .18s ease both}.link-row.mine{align-self:flex-end;border-color:var(--primary-border);background:color-mix(in oklch,var(--muted) 76%,var(--primary) 10%)}.link-row.theirs{align-self:flex-start}.link-row:hover{border-color:var(--primary-border);background:var(--surface-hover)}.link-row.mine:hover{background:color-mix(in oklch,var(--muted) 68%,var(--primary) 16%)}.link-main{display:flex;align-items:center;gap:.75rem;min-width:0;color:var(--foreground);text-decoration:none}.link-icon{width:42px;height:42px;display:inline-grid;place-items:center;border-radius:var(--radius-lg);background:var(--primary-soft);border:1px solid var(--primary-border);color:var(--primary);font-weight:900;flex:0 0 auto}.link-main span:last-child{min-width:0;display:grid;gap:.12rem}.link-main strong,.link-main small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.link-main small{color:var(--muted-foreground)}.alert{border-radius:14px;padding:.8rem 1rem;border:1px solid transparent}.browser-card{padding:0;overflow:hidden}.file-browser{min-height:280px}.browser-topbar{display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:1rem 1.15rem;border-bottom:1px solid var(--border);background:color-mix(in oklch,var(--background) 44%,transparent)}.breadcrumbs{display:flex;flex-wrap:wrap;gap:.35rem;align-items:center}.crumb{padding:.35rem .6rem;border-radius:999px;background:transparent;box-shadow:none}.crumb:after{content:"/";color:var(--muted-foreground);padding-left:.5rem}.crumb.active{color:var(--primary);background:var(--primary-soft)}.crumb.active:after{content:"";padding:0}.browser-stats{color:var(--muted-foreground);font-size:.9rem;white-space:nowrap}.browser-actions{display:flex;justify-content:space-between;gap:.5rem;padding:.85rem 1.15rem;border-bottom:1px solid var(--border)}.browser-list{padding:.65rem;display:flex;flex-direction:column;gap:.35rem}.browser-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;gap:.65rem;align-items:center;padding:.75rem;width:min(100%,780px);border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--surface-muted);animation:rowIn .18s ease both}.browser-row:hover{background:var(--surface-hover);border-color:var(--primary-border)}.browser-row.theirs{align-self:flex-start}.browser-row.mine{align-self:flex-end;border-color:var(--primary-border);background:color-mix(in oklch,var(--muted) 76%,var(--primary) 10%)}.browser-row.mine:hover{background:color-mix(in oklch,var(--muted) 68%,var(--primary) 16%)}.row-main{min-width:0;display:flex;align-items:center;gap:.8rem}.sequence-badge{min-width:42px;height:30px;display:inline-grid;place-items:center;border-radius:999px;border:1px solid var(--primary-border);background:var(--primary-soft);color:var(--primary);font-size:.78rem;font-weight:800;flex:0 0 auto}button.row-main{width:100%;text-align:left;padding:0;background:transparent;border:0;box-shadow:none}button.row-main:hover{transform:none;background:transparent}.item-icon{flex:0 0 auto;width:50px;height:50px;display:inline-grid;place-items:center}.folder-svg{width:54px;height:46px;overflow:visible}.file-glyph{position:relative;width:46px;height:52px;display:inline-grid;place-items:center;filter:drop-shadow(0 12px 18px rgba(0,0,0,.24))}.file-glyph svg{width:44px;height:52px}.file-page{fill:var(--secondary);stroke:color-mix(in oklch,var(--foreground) 18%,transparent);stroke-width:1.3}.file-fold{fill:var(--muted);stroke:color-mix(in oklch,var(--foreground) 16%,transparent);stroke-width:1.3}.file-detail{fill:none;stroke:var(--primary);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.file-detail.strong{fill:var(--primary);stroke:var(--primary)}.file-ext-badge{position:absolute;left:50%;bottom:-3px;transform:translate(-50%);min-width:30px;max-width:42px;padding:.1rem .25rem;border-radius:999px;border:1px solid var(--primary-border);background:color-mix(in oklch,var(--background) 88%,transparent);color:var(--foreground);font-size:.54rem;font-weight:900;letter-spacing:.05em;text-align:center;box-shadow:0 8px 18px #00000047}.item-text{min-width:0;display:grid;gap:.15rem}.item-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700}.item-meta{color:var(--muted-foreground);font-size:.84rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.empty-state{display:grid;place-items:center;gap:.5rem;min-height:220px;color:var(--muted-foreground);text-align:center;padding:2rem}.empty-state.compact{min-height:120px}.ended-page{min-height:62vh;display:grid;place-items:center}.ended-card{max-width:560px;text-align:center;display:grid;justify-items:center;gap:.75rem;padding:2rem}.ended-icon{width:64px;height:64px;display:inline-grid;place-items:center;border-radius:22px;border:1px solid color-mix(in oklch,var(--destructive) 32%,var(--border));background:var(--destructive-soft);color:var(--destructive);font-size:2rem;font-weight:900;box-shadow:none}.ended-card h1{margin:0}.ended-actions{margin-top:.5rem;display:flex;justify-content:center;gap:.5rem}.empty-state strong{color:var(--foreground);font-size:1.1rem}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:1.5rem;background:color-mix(in oklch,var(--background) 72%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:20}.modal-card{width:min(460px,100%);border-radius:var(--radius-xl);border:1px solid var(--border);background:var(--popover);padding:1.25rem;box-shadow:var(--shadow-soft);animation:modalIn .16s ease both}.modal-card h2{margin:0 0 .4rem;font-size:1.2rem}.modal-card p{color:var(--muted-foreground);margin:0 0 1rem;word-break:break-word}.modal-actions{display:flex;justify-content:flex-end;gap:.5rem}@keyframes rowIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes modalIn{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}button:disabled{cursor:not-allowed;opacity:.55;transform:none}body{color:var(--foreground);background:radial-gradient(circle at 18% 8%,var(--primary-soft),transparent 30rem),linear-gradient(180deg,var(--background) 0%,color-mix(in oklch,var(--background) 88%,black) 100%)}button{border-color:var(--border);background:var(--secondary);color:var(--secondary-foreground);box-shadow:none}button:hover{border-color:var(--primary-border);background:var(--surface-hover)}button.primary{border-color:var(--primary);background:var(--primary);color:var(--primary-foreground);box-shadow:0 12px 28px color-mix(in oklch,var(--primary) 18%,transparent)}button.ghost{background:transparent;color:var(--foreground);box-shadow:none}button.ghost:hover{background:var(--accent)}button.compact{padding:.38rem .65rem;border-radius:999px;font-size:.85rem}button.danger{border-color:color-mix(in oklch,var(--destructive) 36%,var(--border));background:var(--destructive-soft);color:var(--destructive)}button.warn{border-color:color-mix(in oklch,var(--warning) 36%,var(--border));background:var(--warning-soft);color:var(--warning)}input[type=text]{border-color:var(--border);background:var(--input-background);color:var(--foreground)}input[type=text]:focus{border-color:var(--ring);background:color-mix(in oklch,var(--input-background) 84%,var(--primary) 8%);box-shadow:0 0 0 4px color-mix(in oklch,var(--ring) 16%,transparent)}.app-shell-header{background:transparent;border-bottom-color:transparent}.card{background:var(--surface-soft);border-color:var(--border);color:var(--card-foreground);box-shadow:var(--shadow-soft)}.home-hero.card,.support-hero.card{position:relative;overflow:hidden;background:radial-gradient(circle at 100% 0%,var(--primary-soft),transparent 18rem),var(--card)}.home-hero.card:after,.support-hero.card:after{content:"";position:absolute;right:1.3rem;bottom:-3rem;width:12rem;height:12rem;border:1px solid color-mix(in oklch,var(--primary) 18%,transparent);border-radius:999px;pointer-events:none}.room-stats>div,.saved-room-row,.link-row,.browser-row{border-color:var(--border);background:var(--surface-muted)}.room-stats>div,.saved-room-row,.link-row,.browser-row,.support-button,.saved-room-icon,.link-icon,.sequence-badge{border-radius:var(--radius-lg)}.room-stats span,.support-button span,.saved-room-main small,.link-main small,.browser-stats,.item-meta,.live-status,.modal-card p,.empty-state{color:var(--muted-foreground)}.support-button{border-color:var(--primary-border);background:var(--secondary);color:var(--foreground);box-shadow:none}.support-button:hover{border-color:var(--primary);background:var(--surface-hover)}.field-label,.saved-room-main,.link-main,.empty-state strong{color:var(--foreground)}.field-label,.item-name,.qr-card span{font-weight:600}.saved-room-icon{background:var(--primary-soft);border:1px solid var(--primary-border);color:var(--primary)}.saved-room-icon span,.saved-room-icon span:before{background:var(--primary)}.support-note{border-color:color-mix(in oklch,var(--success) 30%,var(--border));background:var(--success-soft);color:var(--success)}.qr-card,.qr-card img,.modal-card{border-radius:var(--radius-xl)}.back-link{color:var(--primary)}.live-status span{background:var(--muted-foreground);box-shadow:0 0 0 4px color-mix(in oklch,var(--muted-foreground) 14%,transparent)}.live-status.online span{background:var(--success);box-shadow:0 0 0 4px color-mix(in oklch,var(--success) 18%,transparent)}.live-status.offline span{background:var(--warning);box-shadow:0 0 0 4px color-mix(in oklch,var(--warning) 18%,transparent)}.link-row.mine,.browser-row.mine{border-color:var(--primary-border);background:color-mix(in oklch,var(--muted) 76%,var(--primary) 10%)}.link-row:hover,.browser-row:hover{border-color:var(--primary-border);background:var(--surface-hover)}.link-row.mine:hover,.browser-row.mine:hover{background:color-mix(in oklch,var(--muted) 68%,var(--primary) 16%)}.link-icon{background:var(--primary-soft);border:1px solid var(--primary-border);color:var(--primary)}.alert.error{color:var(--destructive);background:var(--destructive-soft);border-color:color-mix(in oklch,var(--destructive) 32%,var(--border))}.alert.success{color:var(--success);background:var(--success-soft);border-color:color-mix(in oklch,var(--success) 32%,var(--border))}.browser-topbar,.browser-actions{border-color:var(--border);background:color-mix(in oklch,var(--background) 44%,transparent)}.crumb{border-color:transparent;color:var(--muted-foreground)}.crumb:after{color:var(--muted-foreground)}.crumb.active{color:var(--primary);background:var(--primary-soft);border-color:var(--primary-border)}.sequence-badge{border-color:var(--primary-border);background:var(--primary-soft);color:var(--primary)}.folder-icon{filter:drop-shadow(0 12px 18px color-mix(in oklch,var(--brand-gold) 14%,transparent))}.folder-tab,.folder-body{fill:var(--brand-gold)}.folder-shine{fill:color-mix(in oklch,var(--brand-gold) 48%,white)}.file-page{fill:var(--secondary);stroke:color-mix(in oklch,var(--foreground) 18%,transparent)}.file-fold{fill:var(--muted);stroke:color-mix(in oklch,var(--foreground) 16%,transparent)}.file-detail,.file-detail.strong{stroke:var(--primary)}.file-detail.strong{fill:var(--primary)}.file-glyph.image .file-page{fill:var(--success-soft)}.file-glyph.image .file-fold{fill:color-mix(in oklch,var(--success) 20%,transparent)}.file-glyph.image .file-detail,.file-glyph.image .file-detail.strong{stroke:var(--success);fill:var(--success)}.file-glyph.archive .file-page{fill:color-mix(in oklch,var(--brand-gold) 14%,transparent)}.file-glyph.archive .file-fold{fill:color-mix(in oklch,var(--brand-gold) 20%,transparent)}.file-glyph.archive .file-detail,.file-glyph.archive .file-detail.strong{stroke:var(--brand-gold);fill:var(--brand-gold)}.file-glyph.video .file-page,.file-glyph.audio .file-page{fill:var(--info-soft)}.file-glyph.video .file-fold,.file-glyph.audio .file-fold{fill:color-mix(in oklch,var(--info) 20%,transparent)}.file-glyph.video .file-detail,.file-glyph.video .file-detail.strong,.file-glyph.audio .file-detail,.file-glyph.audio .file-detail.strong{stroke:var(--info);fill:var(--info)}.file-glyph.text .file-page,.file-glyph.doc .file-page{fill:var(--primary-soft)}.file-glyph.text .file-fold,.file-glyph.doc .file-fold{fill:color-mix(in oklch,var(--primary) 16%,transparent)}.file-glyph.text .file-detail,.file-glyph.text .file-detail.strong,.file-glyph.doc .file-detail,.file-glyph.doc .file-detail.strong{stroke:var(--primary);fill:none}.file-ext-badge{border-color:var(--primary-border);background:color-mix(in oklch,var(--background) 88%,transparent);color:var(--foreground);font-family:JetBrains Mono,monospace}.modal-backdrop{background:color-mix(in oklch,var(--background) 72%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.modal-card{border-color:var(--border);background:var(--popover);color:var(--popover-foreground)}.ended-icon{border-color:color-mix(in oklch,var(--destructive) 32%,var(--border));background:var(--destructive-soft);color:var(--destructive);box-shadow:none}.tree-nested{border-left-color:var(--border)}.tree-root{margin-top:.25rem}.tree-nested{margin:.25rem 0 .35rem .5rem;padding-left:.65rem;border-left:1px solid var(--border)}details.tree-dir{margin:.25rem 0}.tree-summary{cursor:pointer;-webkit-user-select:none;user-select:none;display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;padding:.2rem 0}.tree-folder-name{font-weight:600;font-family:ui-monospace,monospace;font-size:.9rem}.tree-count{font-size:.8rem}.tree-leaf{padding-left:.15rem}@media (max-width: 720px){.layout{padding:1rem}.room-hero,.home-hero,.support-hero,.browser-topbar,.browser-actions{align-items:stretch;flex-direction:column}.home-hero,.support-hero,.create-room-line,.recovery-line,.link-form,.saved-room-row{grid-template-columns:1fr}.room-stats{width:100%}.room-stats>div{flex:1}.browser-row{grid-template-columns:1fr}.browser-row>a,.browser-row>button{width:100%}.browser-row>a button{width:100%}}