html,body{margin:0;min-height:100%;background:#050403;color-scheme:dark}body.wire-is-launching{overflow:hidden}

  :root{
    --night:#080705;
    --night-soft:#0f0c09;
    --panel:rgba(20,16,12,.78);
    --panel-solid:#15110d;
    --bone:#f5ecdc;
    --bone-dim:#eadcc7;
    --smoke:#c6b7a1;
    --amber:#ffb45c;
    --amber-deep:#d57a32;
    --coral:#ff7257;
    --rose:#df91aa;
    --aqua:#77d7c7;
    --violet:#b7a5ff;
    --line:rgba(245,236,220,.12);
    --line-hot:rgba(255,180,92,.42);
    --shadow:0 30px 90px rgba(0,0,0,.42);
    --serif:Georgia,"Times New Roman",serif;
    --sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Helvetica,Arial,sans-serif;
    --mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace;
  }

  *{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
  *:focus,*:focus-visible{outline:none!important}
  ::selection{color:inherit;background:transparent}
  ::-moz-selection{color:inherit;background:transparent}
  html{min-height:100%;background:var(--night);scroll-behavior:smooth}
  body{
    margin:0;
    min-width:320px;
    min-height:100vh;
    min-height:100dvh;
    overflow-x:hidden;
    color:var(--bone);
    background:
      radial-gradient(1000px 620px at 74% -10%,rgba(255,112,74,.11),transparent 68%),
      radial-gradient(760px 620px at 7% 45%,rgba(72,168,157,.08),transparent 72%),
      linear-gradient(145deg,#090705 0%,#0c0907 45%,#060606 100%);
    font:16px/1.55 var(--sans);
    -webkit-font-smoothing:antialiased;
    text-rendering:optimizeLegibility;
  }
  .wire-launch{
    position:fixed;z-index:10000;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;
    gap:clamp(14px,4vh,34px);overflow:hidden;color:var(--amber);
    padding:max(22px,env(safe-area-inset-top)) 20px max(22px,env(safe-area-inset-bottom));
    background:radial-gradient(460px 360px at 50% 40%,rgba(255,180,92,.09),transparent 68%),radial-gradient(900px 700px at 50% 120%,rgba(119,215,199,.045),transparent 65%),#050403;
    opacity:1;visibility:visible;transition:opacity .58s cubic-bezier(.4,0,.2,1),visibility 0s linear .58s
  }
  .wire-launch::before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,rgba(255,224,177,.42) 0 1px,transparent 1.4px);background-size:73px 73px;mask-image:radial-gradient(circle at center,black,transparent 70%);opacity:.12}
  .wire-launch.is-ready{opacity:0;visibility:hidden;pointer-events:none}
  .wire-launch-field{position:absolute;inset:-10%;background-image:linear-gradient(rgba(255,180,92,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,180,92,.035) 1px,transparent 1px);background-size:38px 38px;mask-image:radial-gradient(circle at center,black,transparent 72%);-webkit-mask-image:radial-gradient(circle at center,black,transparent 72%);opacity:.7}
  .wire-launch-core{position:relative;flex:0 0 auto;width:clamp(132px,26vh,172px);height:clamp(132px,26vh,172px);display:grid;place-items:center}
  .wire-launch-ring{position:absolute;inset:7%;border:1px solid rgba(255,190,108,.25);border-radius:50%;box-shadow:0 0 38px rgba(255,180,92,.07),inset 0 0 35px rgba(255,180,92,.035);animation:wireLaunchOrbit 3.2s linear infinite}
  .wire-launch-ring::before,.wire-launch-ring::after{content:"";position:absolute;width:7px;height:7px;border-radius:50%;background:var(--amber);box-shadow:0 0 16px var(--amber)}
  .wire-launch-ring::before{top:15px;left:29px}.wire-launch-ring::after{right:13px;bottom:41px;background:var(--aqua);box-shadow:0 0 16px var(--aqua)}
  .wire-launch-ring-b{inset:21%;border-color:rgba(119,215,199,.22);animation-direction:reverse;animation-duration:2.35s}
  .wire-launch-ring-b::before{top:auto;left:8px;bottom:28px;width:5px;height:5px;background:var(--aqua);box-shadow:0 0 13px var(--aqua)}
  .wire-launch-ring-b::after{display:none}
  .wire-launch-heart{position:relative;width:40%;height:40%;display:grid;place-items:center;border:1px solid rgba(255,205,135,.4);border-radius:50%;background:radial-gradient(circle at 42% 37%,#fff0c8 0 3%,#ffc476 8%,#d57a32 36%,#26160b 72%);box-shadow:0 0 22px rgba(255,180,92,.35),0 0 68px rgba(255,114,87,.13),inset 0 0 18px rgba(255,255,255,.16);animation:wireLaunchHeart 1.65s ease-in-out infinite}
  .wire-launch-heart::after{content:"";width:12px;height:12px;border-radius:50%;background:#fff3df;box-shadow:0 0 17px #fff3df}
  .wire-launch-box{
    position:relative;flex:0 0 auto;width:min(100%,452px);padding:clamp(20px,5.4vw,32px);
    border:1px solid rgba(255,180,92,.3);border-radius:18px;
    background:repeating-linear-gradient(0deg,rgba(255,180,92,.025) 0 1px,transparent 1px 4px),linear-gradient(180deg,rgba(20,15,10,.96),rgba(6,5,4,.97));
    box-shadow:0 0 70px rgba(0,0,0,.72),0 0 55px -20px rgba(255,180,92,.32),inset 0 0 45px -18px rgba(119,215,199,.13)
  }
  .wire-launch-name{margin:0 0 8px;color:var(--amber);font:900 10px/1 var(--mono);letter-spacing:.34em;text-shadow:0 0 12px rgba(255,180,92,.5)}
  .wire-launch-box h1{min-height:1.25em;margin:0 0 20px;color:var(--bone);font:italic 400 clamp(22px,5.6vw,30px)/1.15 var(--serif);letter-spacing:-.035em;text-transform:none;text-shadow:0 0 24px rgba(255,180,92,.18)}
  .wire-launch-lines{display:grid;gap:10px}
  .wire-launch-lines p{display:grid;grid-template-columns:auto minmax(14px,1fr) auto;align-items:center;gap:9px;margin:0;font:700 clamp(9px,2.7vw,11px)/1.2 var(--mono);letter-spacing:.1em;text-transform:uppercase}
  .wire-launch-lines span{color:rgba(245,236,220,.6)}
  .wire-launch-lines i{height:1px;background:repeating-linear-gradient(90deg,rgba(245,236,220,.2) 0 2px,transparent 2px 6px)}
  .wire-launch-lines b{color:var(--aqua);text-shadow:0 0 10px rgba(119,215,199,.38);transition:color .25s ease}
  .wire-launch-lines b.is-waiting{color:rgba(245,236,220,.44);text-shadow:none}
  .wire-launch-lines b.is-degraded{color:var(--coral);text-shadow:0 0 10px rgba(255,114,87,.34)}
  .wire-launch-progress{height:4px;margin-top:22px;overflow:hidden;border-radius:999px;background:rgba(245,236,220,.06)}
  .wire-launch-progress i{display:block;width:100%;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--amber),var(--aqua));box-shadow:0 0 14px rgba(119,215,199,.45);transform:scaleX(var(--wire-launch-progress,.04));transform-origin:left center;transition:transform .32s cubic-bezier(.2,.8,.2,1)}
  .wire-launch-box > small{display:block;margin-top:12px;color:rgba(245,236,220,.42);font:800 9px/1.5 var(--mono);letter-spacing:.1em}
  .wire-launch-box > small.is-note{color:rgba(255,180,92,.86);text-shadow:0 0 12px rgba(255,180,92,.3)}
  @media (max-height:720px){
    .wire-launch{gap:12px}
    .wire-launch-core{width:clamp(96px,18vh,124px);height:clamp(96px,18vh,124px)}
    .wire-launch-box{padding:clamp(16px,4.6vw,24px)}
    .wire-launch-box h1{margin-bottom:15px}
    .wire-launch-lines{gap:8px}
  }
  @keyframes wireLaunchOrbit{to{transform:rotate(360deg)}}
  @keyframes wireLaunchHeart{0%,100%{transform:scale(.94);filter:brightness(.9)}50%{transform:scale(1.05);filter:brightness(1.24)}}

  button,input{font:inherit}
  button{color:inherit}
  a{color:inherit}
  [hidden]{display:none!important}
  .sr-only{
    position:absolute!important;
    width:1px!important;
    height:1px!important;
    padding:0!important;
    margin:-1px!important;
    overflow:hidden!important;
    clip:rect(0,0,0,0)!important;
    white-space:nowrap!important;
    border:0!important;
  }

  .skip-link{
    position:fixed;
    z-index:1000;
    top:8px;
    left:8px;
    padding:10px 14px;
    border-radius:10px;
    color:#111;
    background:var(--bone);
    transform:translateY(-150%);
    transition:transform .2s ease;
  }
  .skip-link:focus{transform:translateY(-150%)}

  #filamentField{
    position:fixed;
    z-index:0;
    inset:0;
    width:100%;
    height:100%;
    pointer-events:none;
    opacity:.72;
  }

  .grain{
    position:fixed;
    z-index:1;
    inset:0;
    pointer-events:none;
    opacity:.18;
    mix-blend-mode:soft-light;
    background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.86' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.38'/%3E%3C/svg%3E");
  }

  .ambient{
    position:fixed;
    z-index:0;
    width:44vw;
    aspect-ratio:1;
    border-radius:50%;
    filter:blur(100px);
    pointer-events:none;
    opacity:.075;
  }
  .ambient-a{top:4vh;right:-20vw;background:var(--coral)}
  .ambient-b{bottom:-24vw;left:-16vw;background:var(--aqua)}

  .site{
    position:relative;
    z-index:2;
    min-height:100vh;
    min-height:100dvh;
    padding:
      calc(18px + env(safe-area-inset-top))
      calc(22px + env(safe-area-inset-right))
      calc(18px + env(safe-area-inset-bottom))
      calc(22px + env(safe-area-inset-left));
  }

  .hero{
    width:min(1180px,100%);
    margin:clamp(22px,4.5vh,52px) auto 0;
    text-align:center;
  }
  .hero h1{
    margin:0;
    display:flex;
    align-items:baseline;
    justify-content:center;
    gap:.08em;
    font-size:clamp(70px,12vw,166px);
    line-height:.77;
    letter-spacing:-.075em;
    font-weight:540;
  }
  .hero h1 .wire{
    position:relative;
    z-index:1;
    color:var(--bone);
    font-family:var(--serif);
    font-style:italic;
    font-weight:400;
    letter-spacing:-.09em;
  }
  .hero h1 .drive{
    color:transparent;
    -webkit-text-stroke:1px rgba(245,236,220,.72);
    text-shadow:0 0 60px rgba(255,180,92,.08);
  }
  .search-stage{
    position:sticky;
    z-index:40;
    top:12px;
    width:min(930px,100%);
    margin:clamp(26px,4vh,42px) auto 0;
    padding-top:1px;
  }
  .search-shell{
    position:relative;
    padding:8px;
    border:1px solid rgba(245,236,220,.13);
    border-radius:29px;
    background:rgba(11,9,7,.76);
    box-shadow:0 28px 80px rgba(0,0,0,.5),inset 0 1px rgba(255,255,255,.025);
    backdrop-filter:blur(24px) saturate(125%);
    transition:border-color .3s ease,box-shadow .3s ease,transform .3s ease;
  }
  .search-shell::before{
    content:"";
    position:absolute;
    inset:-1px;
    z-index:-1;
    border-radius:inherit;
    opacity:0;
    background:linear-gradient(110deg,rgba(255,180,92,.5),rgba(223,145,170,.22),rgba(119,215,199,.35));
    filter:blur(13px);
    transition:opacity .3s ease;
  }
  .search-form{
    min-height:72px;
    display:flex;
    align-items:center;
    gap:13px;
    padding:0 10px 0 18px;
    border-radius:21px;
    background:linear-gradient(105deg,rgba(29,23,17,.9),rgba(18,15,12,.88));
  }
  .search-scope-row{
    padding:10px 10px 1px;
  }
  .search-folder{
    position:absolute!important;
    width:1px!important;
    height:1px!important;
    overflow:hidden!important;
    clip:rect(0,0,0,0)!important;
    white-space:nowrap!important;
  }
  .realm-trigger{
    position:relative;
    width:100%;
    min-height:88px;
    display:grid;
    grid-template-columns:60px minmax(0,1fr) auto;
    align-items:center;
    gap:13px;
    padding:12px 21px 12px 13px;
    overflow:hidden;
    border:1px solid rgba(255,207,142,.2);
    border-radius:17px;
    color:var(--bone);
    background:
      radial-gradient(180px 80px at 8% 50%,rgba(119,215,199,.1),transparent 72%),
      linear-gradient(110deg,rgba(29,23,17,.92),rgba(14,12,10,.92));
    box-shadow:inset 0 1px rgba(255,255,255,.035);
    cursor:pointer;
    text-align:left;
    transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease;
  }
  .realm-trigger::after{
    content:"";
    position:absolute;
    inset:auto 15% 0;
    height:1px;
    background:linear-gradient(90deg,transparent,var(--amber),var(--aqua),transparent);
    opacity:.48;
  }
  .realm-trigger:hover,.realm-trigger[aria-expanded="true"]{transform:translateY(-1px);border-color:rgba(255,190,108,.46);box-shadow:0 13px 35px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.05)}
  .realm-trigger-sigil{width:58px;height:58px;display:grid;place-items:center;border:1px solid rgba(119,215,199,.28);border-radius:50%;color:var(--aqua);background:rgba(119,215,199,.055);box-shadow:0 0 32px rgba(119,215,199,.11),inset 0 0 20px rgba(119,215,199,.035)}
  .realm-trigger-sigil svg{width:29px;height:29px}
  .realm-trigger-copy{min-width:0;display:grid;gap:8px}
  .realm-trigger-copy small,.realm-trigger-meta{color:#e5b77b;font:700 10px/1 var(--mono);letter-spacing:.19em;text-transform:uppercase;text-shadow:0 0 13px rgba(255,180,92,.3)}
  .realm-trigger-copy strong{overflow:hidden;font:italic 400 clamp(20px,2.4vw,25px)/1.05 var(--serif);text-overflow:ellipsis;white-space:nowrap}
  .realm-trigger-meta{max-width:230px;overflow:hidden;color:var(--bone-dim);letter-spacing:.1em;text-overflow:ellipsis;white-space:nowrap}
  .search-icon{
    width:23px;
    height:23px;
    flex:0 0 auto;
    color:var(--amber);
    opacity:.88;
  }
  .search-input{
    min-width:0;
    flex:1;
    padding:18px 0;
    border:0;
    outline:0;
    color:var(--bone);
    caret-color:var(--amber);
    background:transparent;
    font:clamp(18px,2.1vw,24px)/1.2 var(--serif);
  }
  .search-input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}
  .icon-button{
    width:48px;
    height:48px;
    flex:0 0 auto;
    display:grid;
    place-items:center;
    border:1px solid transparent;
    border-radius:50%;
    background:transparent;
    cursor:pointer;
    transition:color .2s ease,border-color .2s ease,background .2s ease,transform .2s ease;
  }
  .icon-button svg{width:21px;height:21px}
  .clear-button{color:var(--smoke)}
  .clear-button:hover{color:var(--bone);background:rgba(255,255,255,.05)}
  .upload-signal-button{
    position:relative;
    overflow:hidden;
    color:#171008;
    border-color:rgba(255,211,151,.72);
    background:radial-gradient(circle at 68% 26%,#fff0c8 0 7%,transparent 8%),linear-gradient(145deg,#ffc476 15%,#e9a257 58%,#77d7c7 140%);
    box-shadow:0 7px 24px rgba(213,122,50,.27),0 0 0 0 rgba(119,215,199,0),inset 0 1px rgba(255,255,255,.55);
  }
  .upload-signal-button::after{content:"";position:absolute;inset:6px;border:1px solid rgba(23,16,8,.16);border-radius:50%;pointer-events:none}
  .upload-signal-button svg{filter:drop-shadow(0 1px rgba(255,255,255,.35))}
  .upload-signal-button:hover{transform:translateY(-2px) scale(1.045);border-color:#ffe0ac;box-shadow:0 11px 30px rgba(213,122,50,.38),0 0 0 7px rgba(119,215,199,.07),inset 0 1px rgba(255,255,255,.65)}
  .peer-signal-button{color:var(--aqua);border-color:rgba(119,215,199,.3);background:rgba(119,215,199,.07);font:800 10px/1 var(--mono);letter-spacing:.08em}
  .peer-signal-button:hover{transform:translateY(-2px);border-color:rgba(119,215,199,.68);background:rgba(119,215,199,.14);box-shadow:0 0 0 7px rgba(119,215,199,.06),0 10px 28px rgba(0,0,0,.25)}
  .ask-house-button{width:auto;min-width:62px;padding:0 13px;color:#171008;border-color:rgba(119,215,199,.7);border-radius:999px;background:linear-gradient(145deg,#8bf4e1,#e9b96f);font:800 9px/1 var(--mono);letter-spacing:.12em}
  .ask-house-button:hover{transform:translateY(-2px);box-shadow:0 9px 28px rgba(119,215,199,.22)}
  .ask-house-button:disabled{opacity:.5;cursor:wait}

  .search-meta{
    min-height:0;
    display:flex;
    align-items:center;
    padding:8px 17px 0;
    color:var(--bone-dim);
    font:700 9px/1.2 var(--mono);
    letter-spacing:.13em;
    text-transform:uppercase;
  }
  .search-meta:has(.search-state:empty){display:none}
  .search-state{
    display:flex;
    align-items:center;
    gap:8px;
  }
  .search-state::before{
    content:"";
    width:4px;
    height:4px;
    border-radius:50%;
    background:currentColor;
  }
  .search-state[data-tone="searching"]{color:var(--amber)}
  .search-state[data-tone="success"]{color:var(--aqua)}
  .search-state[data-tone="error"]{color:var(--coral)}
  .realm-shell{position:fixed;z-index:210;inset:0;display:grid;place-items:center;padding:calc(16px + env(safe-area-inset-top)) calc(16px + env(safe-area-inset-right)) calc(16px + env(safe-area-inset-bottom)) calc(16px + env(safe-area-inset-left));background:rgba(3,3,3,.86);backdrop-filter:blur(25px) saturate(122%)}
  .realm-shell[hidden]{display:none}
  body.realm-is-open{overflow:hidden}
  .realm-panel{position:relative;width:min(880px,100%);height:min(840px,calc(100dvh - 32px));max-height:calc(100dvh - 32px);display:grid;grid-template-rows:auto auto minmax(0,1fr);overflow:hidden;border:1px solid rgba(255,190,108,.28);border-radius:30px;background:radial-gradient(520px 280px at 15% 0,rgba(119,215,199,.12),transparent 72%),radial-gradient(600px 320px at 88% 100%,rgba(255,114,87,.1),transparent 72%),linear-gradient(145deg,#17110d,#080706);box-shadow:0 45px 140px rgba(0,0,0,.8),inset 0 1px rgba(255,255,255,.045)}
  .realm-panel::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(circle,rgba(255,224,177,.6) 0 1px,transparent 1.5px);background-size:61px 61px;mask-image:linear-gradient(to bottom,black,transparent 48%);opacity:.16}
  .realm-head{position:relative;z-index:3;display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:clamp(22px,3.2vw,34px) clamp(22px,4vw,42px);border-bottom:1px solid rgba(245,236,220,.1)}
  .realm-head small{color:#e8b878;font:900 11px/1 var(--mono);letter-spacing:.22em;text-transform:uppercase;text-shadow:0 0 14px rgba(255,180,92,.32)}
  .realm-head h2{margin:10px 0 0;font:italic 400 clamp(36px,7vw,64px)/.9 var(--serif);letter-spacing:-.04em}
  .realm-close{width:48px;height:48px;display:grid;place-items:center;flex:0 0 auto;border:1px solid rgba(245,236,220,.17);border-radius:50%;color:var(--bone);background:rgba(255,255,255,.025);cursor:pointer}
  .realm-close svg{width:19px;height:19px}
  .realm-controls{position:relative;z-index:3;padding:14px clamp(18px,3vw,30px);border-bottom:1px solid rgba(245,236,220,.11);background:linear-gradient(180deg,rgba(20,16,12,.98),rgba(12,10,8,.96));box-shadow:0 12px 28px rgba(0,0,0,.24)}
  .realm-control-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px}
  .realm-action{min-height:50px;padding:0 16px;border:1px solid rgba(245,236,220,.18);border-radius:14px;color:var(--bone);background:rgba(255,255,255,.045);font:900 12px/1 var(--mono);letter-spacing:.055em;text-transform:uppercase;cursor:pointer;touch-action:manipulation}
  .realm-action:hover{border-color:rgba(119,215,199,.5);background:rgba(119,215,199,.08)}
  .realm-action:disabled{opacity:.3;cursor:default}
  .realm-action-primary{border-color:rgba(119,215,199,.55);color:#07100e;background:linear-gradient(145deg,#8bf4e1,#e9b96f)}
  .realm-breadcrumbs{position:relative;z-index:1;min-width:0;min-height:52px;display:flex;align-items:center;flex-wrap:nowrap;gap:8px;overflow-x:auto;overflow-y:hidden;padding:1px 2px 3px;scroll-snap-type:x proximity;overscroll-behavior-x:contain;touch-action:pan-x;cursor:grab;user-select:none}
  .realm-breadcrumbs.is-dragging{cursor:grabbing;scroll-snap-type:none}
  .realm-crumb{min-height:48px;flex:0 0 auto;padding:0 16px;border:1px solid rgba(119,215,199,.28);border-radius:999px;color:#9ff8e8;background:rgba(119,215,199,.075);font:900 12px/1 var(--mono);letter-spacing:.025em;cursor:pointer;touch-action:manipulation;scroll-snap-align:start}
  .realm-crumb[aria-current="page"]{color:var(--bone);border-color:rgba(255,190,108,.35);background:rgba(255,180,92,.07)}
  .realm-crumb-arrow{flex:0 0 auto;display:grid;place-items:center;min-width:20px;color:var(--amber);font:900 20px/1 var(--mono);text-shadow:0 0 13px rgba(255,180,92,.6);pointer-events:none;animation:realmArrowShimmer 1.7s ease-in-out infinite}
  .realm-options{position:relative;z-index:1;min-height:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:10px;overflow:auto;padding:clamp(18px,3vw,30px);overscroll-behavior:contain}
  .realm-option{position:relative;min-height:92px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;padding:17px 19px;overflow:hidden;border:1px solid rgba(245,236,220,.1);border-radius:20px;color:var(--bone);background:rgba(255,255,255,.024);cursor:pointer;text-align:left;transition:transform .22s ease,border-color .22s ease,background .22s ease}
  .realm-option::before{content:"";position:absolute;inset:0 auto 0 0;width:2px;background:linear-gradient(transparent,var(--realm-color,var(--amber)),transparent);opacity:.8}
  .realm-option:hover,.realm-option[aria-pressed="true"]{transform:translateY(-2px);border-color:color-mix(in srgb,var(--realm-color,var(--amber)) 45%,transparent);background:color-mix(in srgb,var(--realm-color,var(--amber)) 8%,rgba(255,255,255,.02))}
  .realm-option-copy{min-width:0;display:grid;gap:7px}
  .realm-option-copy small{color:color-mix(in srgb,var(--realm-color,var(--amber)) 78%,white);font:900 10px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase}
  .realm-option-copy strong{overflow:hidden;font:italic 600 24px/1.08 var(--serif);text-overflow:ellipsis;white-space:nowrap}
  .realm-option-copy strong.realm-folder-name{font-size:17.9px}
  .realm-option-count{color:var(--bone-dim);font:900 11px/1.15 var(--mono);letter-spacing:.08em;text-transform:uppercase}
  .realm-file::before{background:linear-gradient(transparent,var(--aqua),transparent)}
  .realm-section-label{grid-column:1/-1;margin:4px 2px 0;color:var(--amber);font:900 11px/1 var(--mono);letter-spacing:.18em;text-transform:uppercase}
  .realm-section-label:not(:first-child){margin-top:16px;padding-top:18px;border-top:1px solid rgba(245,236,220,.09)}
  .realm-empty{grid-column:1/-1;padding:35px;color:var(--bone-dim);font-size:15px;font-weight:700;text-align:center}
  .folder-result{grid-column:span 6;min-height:150px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;padding:22px;border:1px solid rgba(119,215,199,.2);border-radius:22px;background:linear-gradient(145deg,rgba(119,215,199,.07),rgba(20,16,12,.92));color:var(--bone);cursor:pointer;text-align:left}
  .folder-result small{display:block;margin-bottom:9px;color:var(--aqua);font:800 9px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase}
  .folder-result strong{font:italic 400 clamp(23px,3vw,34px)/1.05 var(--serif)}
  .folder-result span{color:var(--bone-dim);font:700 9px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase}
  .card-location{margin:0 0 12px;color:var(--aqua);font:700 9px/1.35 var(--mono);letter-spacing:.06em;overflow-wrap:anywhere}
  .kept-band{grid-column:1/-1;width:100%;margin:4px 0 2px;color:var(--amber);letter-spacing:.13em;text-transform:uppercase}
  .update-badge{position:fixed;z-index:190;right:calc(16px + env(safe-area-inset-right));bottom:calc(82px + env(safe-area-inset-bottom));min-height:44px;padding:0 16px;border:1px solid rgba(139,244,225,.7);border-radius:999px;color:#07100e;background:linear-gradient(145deg,#8bf4e1,#ffd18f);box-shadow:0 12px 38px rgba(119,215,199,.25);font:800 9px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;cursor:pointer}
  .update-badge:disabled{opacity:.62;cursor:wait}
  kbd{
    min-width:22px;
    padding:4px 6px;
    border:1px solid var(--line);
    border-bottom-color:rgba(245,236,220,.25);
    border-radius:6px;
    color:var(--bone-dim);
    background:rgba(255,255,255,.03);
    font:9px/1 var(--mono);
    text-align:center;
  }

  .upload-shell{
    position:fixed;
    z-index:90;
    inset:0;
    display:grid;
    place-items:center;
    padding:calc(18px + env(safe-area-inset-top)) calc(18px + env(safe-area-inset-right)) calc(18px + env(safe-area-inset-bottom)) calc(18px + env(safe-area-inset-left));
    background:rgba(4,3,3,.82);
    backdrop-filter:blur(22px) saturate(115%);
  }
  .upload-shell[hidden]{display:none}
  body.upload-is-open{overflow:hidden}
  .peer-shell{position:fixed;z-index:92;inset:0;background:rgba(4,3,3,.9);backdrop-filter:blur(22px) saturate(115%)}
  .peer-shell[hidden]{display:none}
  body.peer-is-open{overflow:hidden}
  .peer-panel{position:relative;isolation:isolate;width:100%;height:100%;display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden;background:radial-gradient(1100px 700px at 78% -8%,rgba(119,215,199,.12),transparent 60%),radial-gradient(900px 700px at 0% 108%,rgba(255,180,92,.1),transparent 55%),linear-gradient(150deg,#0b0e0d,#060707);transition:transform .28s ease}
  .peer-panel.is-sheet-dragging{transition:none}
  .peer-panel::before{content:"";position:absolute;z-index:0;inset:0;pointer-events:none;background-image:radial-gradient(circle,rgba(184,240,229,.5) 0 1px,transparent 1.5px);background-size:61px 61px;mask-image:linear-gradient(to bottom,black,transparent 62%);opacity:.15}
  .peer-panel::after{content:"";position:absolute;z-index:0;left:50%;top:46%;width:160%;aspect-ratio:1/.4;translate:-50% -50%;border:1px dashed rgba(119,215,199,.13);border-radius:50%;pointer-events:none;rotate:-8deg}
  .peer-head{position:relative;z-index:8;display:grid;grid-template-columns:minmax(210px,420px) minmax(88px,1fr);align-items:center;gap:12px;max-width:100%;padding:calc(12px + env(safe-area-inset-top)) 18px 8px;touch-action:none}
  .peer-head-actions{min-width:0;display:flex;align-items:center;gap:7px}
  .peer-shelf-clear,.peer-shelf-download{min-height:31px;padding:0 11px;border-radius:999px;font:900 8px/1 var(--mono);letter-spacing:.13em;text-transform:uppercase;cursor:pointer;transition:border-color .18s,background-color .18s,transform .18s}
  .peer-shelf-download{border:1px solid rgba(255,190,112,.38);color:#ffd59d;background:rgba(255,180,92,.07)}
  .peer-shelf-download:hover{border-color:rgba(255,207,139,.76);background:rgba(255,180,92,.15)}.peer-shelf-download:active{transform:scale(.96)}.peer-shelf-download:disabled{opacity:.5;cursor:wait}.peer-shelf-download[hidden]{display:none}
  .peer-shelf-clear{border:1px solid rgba(255,114,87,.34);color:#ffc1b4;background:rgba(255,114,87,.065)}
  .peer-shelf-clear:hover{border-color:rgba(255,140,115,.72);background:rgba(255,114,87,.14)}.peer-shelf-clear:active{transform:scale(.96)}.peer-shelf-clear:disabled{opacity:.5;cursor:wait}.peer-shelf-clear[hidden]{display:none}
  .peer-shelf-head{min-width:0;display:flex;flex-wrap:wrap;align-items:center;gap:8px}
  .peer-shelf-head[hidden]{display:none!important}
  .peer-shelf-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
  .peer-shelf-title{display:inline-flex;align-items:center;gap:8px;min-height:44px;color:var(--aqua);font:900 11px/1 var(--mono);letter-spacing:.085em;text-transform:uppercase;white-space:nowrap}
  .peer-shelf-count{min-width:18px;padding:4px 6px;border-radius:6px;color:#07100e;background:var(--amber);text-align:center;font:800 10px/1 var(--mono);letter-spacing:0;box-shadow:0 0 10px rgba(255,180,92,.45)}
  .peer-shelf-count[hidden]{display:none}
  .peer-help{position:relative;z-index:20}
  .peer-help summary{width:44px;height:44px;display:grid;place-items:center;border:1px solid rgba(119,215,199,.27);border-radius:50%;color:var(--aqua);background:radial-gradient(circle at 50% 45%,rgba(119,215,199,.12),rgba(119,215,199,.035) 64%);box-shadow:inset 0 0 18px rgba(119,215,199,.04);list-style:none;cursor:pointer;user-select:none;transition:color .2s,background-color .2s,box-shadow .2s,transform .2s}
  .peer-help summary::-webkit-details-marker{display:none}
  .peer-help[open] summary{color:#07100e;border-color:transparent;background:var(--aqua);box-shadow:0 0 18px rgba(119,215,199,.22)}
  .peer-help summary:hover{transform:translateY(-1px);box-shadow:0 0 20px rgba(119,215,199,.17),inset 0 0 18px rgba(119,215,199,.06)}
  .peer-help-icon{width:25px;height:25px;overflow:visible}
  .peer-help-orbit{fill:none;stroke:currentColor;stroke-width:1.25;stroke-dasharray:4 3;opacity:.46;transform-origin:12px 12px;animation:peerHelpOrbit 5.2s linear infinite}
  .peer-help-mark{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 5px rgba(119,215,199,.55));animation:peerHelpMark 2.4s ease-in-out infinite}
  .peer-help-dot{fill:currentColor;filter:drop-shadow(0 0 4px rgba(119,215,199,.7));animation:peerHelpDot 2.4s ease-in-out infinite}
  .peer-help-card{position:absolute;z-index:30;top:calc(100% + 8px);right:0;width:min(310px,calc(100vw - 28px));display:grid;gap:9px;padding:14px;border:1px solid rgba(119,215,199,.28);border-radius:17px;background:rgba(8,11,10,.98);box-shadow:0 22px 65px rgba(0,0,0,.72)}
  .peer-help-card p{display:grid;grid-template-columns:72px minmax(0,1fr);gap:9px;margin:0;color:var(--bone-dim);font:11px/1.45 var(--sans)}
  .peer-help-card b{color:var(--aqua);font:900 8px/1.5 var(--mono);letter-spacing:.1em;text-transform:uppercase}
  .peer-body{position:relative;z-index:1;min-height:0;overflow:hidden}
  .peer-faces{height:100%;display:grid;grid-auto-flow:column;grid-auto-columns:100%;transition:transform .42s cubic-bezier(.3,1,.32,1)}
  .peer-panel[data-face="shelf"] .peer-faces{transform:translateX(-100%)}
  .peer-face{min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:none}.peer-face::-webkit-scrollbar{display:none}
  .peer-face-send{display:grid;grid-template-rows:minmax(0,1fr) auto auto;justify-items:center;align-items:center;gap:8px;padding:4px 18px 12px}
  .peer-person-picker{position:relative;z-index:12;width:100%;min-width:0}
  .peer-person-button{width:100%;min-height:44px;display:flex;align-items:center;gap:10px;padding:0 14px;border:1px solid rgba(119,215,199,.42);border-radius:999px;color:var(--bone);background:linear-gradient(110deg,rgba(119,215,199,.13),rgba(255,180,92,.12) 38%,rgba(183,165,255,.11) 62%,rgba(119,215,199,.12));background-size:230% 100%;box-shadow:0 0 26px rgba(119,215,199,.12),inset 0 1px rgba(255,255,255,.07);cursor:pointer;text-align:left;animation:peerShimmer 7s linear infinite;transition:border-color .2s,box-shadow .2s}
  .peer-person-button:hover{border-color:rgba(119,215,199,.62);box-shadow:0 0 34px rgba(119,215,199,.2),inset 0 1px rgba(255,255,255,.08)}
  .peer-person-button.is-hinting{border-color:var(--amber);box-shadow:0 0 38px rgba(255,180,92,.4)}
  .peer-person-button span{flex:1;min-width:0;overflow:hidden;font:italic 500 17px/1.15 var(--serif);text-overflow:ellipsis;white-space:nowrap}
  .peer-person-button svg{width:18px;height:18px;flex:0 0 auto;opacity:.75}
  .peer-person-dot{width:10px;height:10px;flex:0 0 auto;border-radius:50%;background:rgba(245,236,220,.3)}
  .peer-person-menu{position:absolute;z-index:40;inset:calc(100% + 8px) 0 auto;max-height:min(330px,44vh);display:grid;gap:4px;overflow:auto;padding:8px;border:1px solid rgba(119,215,199,.38);border-radius:22px;background:rgba(9,12,11,.99);box-shadow:0 26px 70px rgba(0,0,0,.72);scrollbar-width:none}.peer-person-menu::-webkit-scrollbar{display:none}
  .peer-person-menu[hidden]{display:none}
  .peer-person-option{display:flex;align-items:center;gap:12px;min-height:52px;padding:0 14px;border:0;border-radius:14px;color:var(--bone);background:transparent;cursor:pointer;text-align:left}
  .peer-person-option:hover,.peer-person-option[aria-selected="true"]{background:rgba(255,255,255,.05)}
  .peer-person-option i{width:9px;height:9px;flex:0 0 auto;border-radius:50%;background:rgba(245,236,220,.25)}
  .peer-person-option span{flex:1;min-width:0;overflow:hidden;font:italic 400 17px/1.2 var(--serif);text-overflow:ellipsis;white-space:nowrap}
  .peer-person-option small{color:var(--smoke);font:800 8px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase}
  .peer-person-empty{padding:18px 14px;color:var(--bone-dim);font:italic 400 14px/1.55 var(--serif);text-align:center}
  .peer-deck{--wire-progress:0;position:relative;display:grid;place-items:center}
  .peer-deck::after{content:"";position:absolute;inset:7%;border-radius:50%;background:conic-gradient(var(--amber) calc(var(--wire-progress)*1%),rgba(245,236,220,.1) 0);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 4.5px),#000 calc(100% - 4px));mask:radial-gradient(farthest-side,transparent calc(100% - 4.5px),#000 calc(100% - 4px));opacity:0;transition:opacity .25s;pointer-events:none}
  .peer-deck.is-sending::after{opacity:1}
  .peer-panel .peer-loom{width:min(390px,82vw);cursor:pointer;transition:filter .35s ease,transform .34s cubic-bezier(.22,1.42,.38,1)}
  .peer-panel .peer-loom.is-dragging{transition:filter .35s ease;cursor:grabbing}
  .peer-panel .peer-loom.is-flung{transition:transform .3s ease-in,opacity .3s ease-in;opacity:0}
  .peer-panel .peer-loom .thread{stroke:url(#peerThreadGradient)}
  .peer-panel .peer-loom .core-halo{fill:url(#peerCoreHalo)}
  .peer-drop.is-dragging .peer-loom,.peer-drop.is-loaded .peer-loom{filter:brightness(1.24) saturate(1.24) drop-shadow(0 35px 68px rgba(255,180,92,.2))}
  .peer-panel .peer-loom .loom-label{display:grid;place-items:center;bottom:2%}
  .peer-percent{display:none;color:#ffe0a8;font:700 clamp(17px,2vw,21px)/1 var(--mono);letter-spacing:.08em;font-style:normal;text-shadow:0 0 8px rgba(255,232,193,.54),0 0 22px rgba(255,180,92,.8)}
  .peer-deck.is-sending .peer-percent{display:block}
  .peer-face-shelf{display:grid;align-content:start;gap:16px;padding:8px 18px 16px}
  .peer-shelf{display:grid;gap:10px;width:min(560px,100%);justify-self:center}.peer-shelf[hidden]{display:none}
  .peer-shelf-list{display:grid;gap:8px}
  .peer-wire{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;padding:13px 14px;border:1px solid rgba(255,180,92,.2);border-radius:15px;background:radial-gradient(circle at 96% 8%,rgba(255,180,92,.1),transparent 40%),rgba(255,255,255,.02)}
  .peer-wire strong{font:italic 400 16px/1.25 var(--serif);overflow-wrap:anywhere}
  .peer-wire small{display:block;margin-top:4px;color:var(--smoke);font:9px/1.4 var(--mono);letter-spacing:.04em}
  .peer-wire a{padding:11px 13px;border:1px solid rgba(119,215,199,.34);border-radius:999px;color:var(--aqua);font:800 9px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase}
  .peer-wire a:hover{border-color:rgba(119,215,199,.7);background:rgba(119,215,199,.08)}
  .peer-zip-offer{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px;width:min(440px,100%);margin:8px auto 0;padding:11px 13px;border:1px solid rgba(255,180,92,.28);border-radius:15px;background:rgba(255,180,92,.05)}
  .peer-zip-offer[hidden]{display:none}
  .peer-zip-offer p{flex:1 1 200px;margin:0;color:#e6cfa8;font:700 9px/1.55 var(--mono);letter-spacing:.05em}
  .peer-zip-button{min-height:34px;padding:0 15px;border:1px solid rgba(255,180,92,.5);border-radius:999px;color:#10100e;background:var(--amber);font:900 9px/1 var(--mono);letter-spacing:.14em;cursor:pointer}
  .peer-zip-button:disabled{opacity:.6;cursor:wait}
  .peer-wire-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;align-items:center}
  .peer-wire-keep{padding:11px 13px;border:1px solid rgba(255,180,92,.34);border-radius:999px;color:var(--amber);background:transparent;font:800 9px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;cursor:pointer}
  .peer-wire-keep:hover:not(:disabled){border-color:rgba(255,180,92,.7);background:rgba(255,180,92,.08)}
  .peer-wire-keep[aria-pressed="true"]{color:#0b0e0d;border-color:transparent;background:rgba(255,180,92,.85)}
  .peer-wire-keep:disabled{opacity:.6;cursor:progress}
  .peer-wire-save{border-color:rgba(119,215,199,.42);color:var(--aqua)}
  .peer-wire-save:hover:not(:disabled){border-color:rgba(119,215,199,.75);background:rgba(119,215,199,.08)}
  .peer-wire-copy{min-height:44px;color:var(--aqua);border-color:rgba(119,215,199,.4)}
  .peer-wire-copy:focus-visible{outline:2px solid var(--aqua);outline-offset:3px}
  .peer-text-copy-fallback{padding:12px;border:1px solid rgba(119,215,199,.3);border-radius:12px;color:var(--bone);font:13px/1.4 var(--sans)}
  .peer-text-copy-fallback textarea{font-size:16px;min-height:120px;user-select:text;-webkit-user-select:text}
  .peer-text-copy-fallback button{min-height:44px}
  .peer-shelf-empty{display:grid;gap:8px;justify-items:center;padding:64px 20px;text-align:center}
  .peer-incoming{display:grid;gap:8px;width:min(560px,100%);margin:0 auto;padding:12px;border:1px solid rgba(119,215,199,.28);border-radius:15px;background:rgba(119,215,199,.05)}
  .peer-incoming>strong{color:var(--aqua);font:900 9px/1 var(--mono);letter-spacing:.16em}
  .peer-incoming-list{display:grid;gap:7px}.peer-incoming-item{display:flex;align-items:center;justify-content:space-between;gap:10px}.peer-incoming-item span{min-width:0;color:var(--bone-dim);font:11px/1.35 var(--sans)}.peer-incoming-item button{min-height:34px;padding:0 12px;border:1px solid rgba(119,215,199,.4);border-radius:999px;color:var(--aqua);background:transparent;font:800 9px/1 var(--mono);cursor:pointer}
  .peer-text-compose{display:grid;gap:6px;width:min(440px,100%);margin:0 auto}.peer-text-compose textarea{width:100%;resize:vertical;min-height:64px;padding:10px;border:1px solid rgba(119,215,199,.3);border-radius:12px;color:var(--bone);background:rgba(0,0,0,.25);font:13px/1.4 var(--sans)}.peer-text-compose button{justify-self:end;min-height:32px;padding:0 12px;border:1px solid rgba(119,215,199,.4);border-radius:999px;color:var(--aqua);background:transparent;font:800 9px/1 var(--mono);cursor:pointer}
  .peer-drop.peer-text-open .peer-deck{display:none}.peer-drop.peer-text-open{align-content:start}.peer-drop.peer-text-open .peer-text-compose{margin-top:18px}
  .peer-shelf-empty[hidden]{display:none}
  .peer-shelf-empty p{margin:0;color:var(--bone);font:italic 400 24px/1.2 var(--serif)}
  .peer-shelf-empty small{max-width:300px;color:var(--smoke);font:11px/1.6 var(--sans)}
  .peer-undo{display:none;align-items:center;justify-content:space-between;gap:12px;width:min(560px,100%);justify-self:center;margin-bottom:10px;padding:12px 14px;border:1px solid rgba(255,180,92,.3);border-radius:14px;background:radial-gradient(circle at 96% 8%,rgba(255,180,92,.12),transparent 45%),rgba(20,16,11,.92)}
  .peer-undo.show{display:flex;animation:peerUndoIn .2s ease}
  @keyframes peerUndoIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
  .peer-undo-text{min-width:0;overflow:hidden;color:var(--bone);font:italic 400 15px/1.3 var(--serif);text-overflow:ellipsis;white-space:nowrap}
  .peer-undo-btn{flex:0 0 auto;min-height:40px;padding:0 18px;border:1px solid rgba(119,215,199,.4);border-radius:999px;color:var(--aqua);background:rgba(119,215,199,.06);font:800 10px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;cursor:pointer;transition:border-color .2s,background-color .2s}
  .peer-undo-btn:hover{border-color:rgba(119,215,199,.72);background:rgba(119,215,199,.14)}
  .peer-transport{position:relative;z-index:3;display:grid;gap:6px;padding:7px 18px calc(8px + env(safe-area-inset-bottom));border-top:1px solid rgba(245,236,220,.08);background:rgba(0,0,0,.4)}
  .peer-human-section{display:grid;gap:5px}
  .peer-section-label{width:min(480px,100%);margin:0 auto;display:flex;align-items:center;gap:10px;color:var(--bone-faint);font:900 9px/1 var(--mono);letter-spacing:.2em;text-transform:uppercase}
  .peer-section-label::after{content:"";height:1px;flex:1;background:linear-gradient(90deg,currentColor,transparent);opacity:.28}
  .peer-human-section>.peer-section-label{color:var(--amber)}
  .peer-ai-section{display:grid;align-items:center;justify-items:center;gap:0;opacity:.78;transition:opacity .2s}
  .peer-ai-section:focus-within,.peer-ai-section:hover{opacity:1}
  .peer-ai-section>.peer-section-label{width:auto;margin:0;color:var(--aqua);font-size:8px;letter-spacing:.13em;white-space:nowrap}
  .peer-ai-section>.peer-section-label::after{display:none}
  .peer-progress[hidden]{display:none}.peer-progress{height:4px;overflow:hidden;border-radius:999px;background:rgba(245,236,220,.1)}.peer-progress span{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--aqua),var(--amber));box-shadow:0 0 12px rgba(255,180,92,.4);transition:width .18s ease}
  .peer-status{margin:0;color:var(--bone-dim);font:italic 400 14px/1.4 var(--serif);overflow-wrap:anywhere}.peer-status:empty{display:none}.peer-status[data-tone="success"]{color:var(--aqua)}.peer-status[data-tone="error"]{color:var(--coral);font:700 13px/1.5 var(--sans)}
  .peer-selection-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:28px}
  .peer-selection-row:has(.peer-meta:empty):has(.peer-clear[hidden]){display:none}
  .peer-meta{min-width:0;color:var(--smoke);font:9px/1.5 var(--mono);letter-spacing:.05em;overflow-wrap:anywhere}.peer-meta:empty{display:none}
  .peer-clear{flex:0 0 auto;border:1px solid rgba(255,114,87,.32);border-radius:999px;padding:7px 12px;color:#ffc1b4;background:rgba(255,114,87,.07);font:900 9px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;cursor:pointer;transition:background-color .18s,border-color .18s,transform .18s}
  .peer-clear:hover{border-color:rgba(255,140,115,.7);background:rgba(255,114,87,.14)}.peer-clear:active{transform:scale(.96)}.peer-clear[hidden]{display:none}
  .peer-bar{display:grid;grid-template-columns:.78fr 1fr 1.18fr;gap:7px;width:min(580px,100%);justify-self:center}
  .peer-send{min-height:44px;min-width:0;padding:0 13px;display:inline-flex;align-items:center;justify-content:center;gap:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border:1px solid rgba(245,236,220,.18);border-radius:999px;color:var(--bone);background:rgba(255,255,255,.035);font:850 11px/1 var(--mono);letter-spacing:.11em;text-transform:uppercase;cursor:pointer;transition:color .25s,border-color .25s,background-color .25s,box-shadow .25s}
  .peer-send.is-armed{color:#1b1108;border-color:rgba(255,227,170,.75);background:linear-gradient(145deg,#ffd9a1,#e99141);box-shadow:0 0 26px rgba(255,180,92,.3),0 8px 30px rgba(0,0,0,.3)}
  .peer-send.is-armed:hover{box-shadow:0 0 36px rgba(255,180,92,.45),0 8px 30px rgba(0,0,0,.3)}
  .peer-send:disabled{cursor:default;opacity:.6}
  .peer-shelf-tab,.peer-text-toggle{position:relative;min-height:44px;min-width:0;padding:0 13px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid rgba(119,215,199,.34);border-radius:999px;color:var(--aqua);background:rgba(119,215,199,.065);font:850 11px/1 var(--mono);letter-spacing:.09em;text-transform:uppercase;cursor:pointer;transition:border-color .2s,background-color .2s,color .2s,box-shadow .2s}
  .peer-text-toggle{color:#d9cffc;border-color:rgba(183,165,255,.38);background:rgba(183,165,255,.08)}
  .peer-text-toggle:hover{border-color:rgba(205,194,255,.7);background:rgba(183,165,255,.15);box-shadow:0 0 22px rgba(183,165,255,.12)}
  .peer-shelf-tab:hover{border-color:rgba(119,215,199,.6);background:rgba(119,215,199,.1)}
  .peer-shelf-tab[aria-pressed="true"]{color:#07100e;border-color:rgba(163,239,228,.8);background:linear-gradient(135deg,#a3efe4,#73cabc);box-shadow:0 0 24px rgba(119,215,199,.3)}
  .peer-face-count{min-width:17px;padding:3px 5px;border-radius:999px;color:#07100e;background:var(--amber);font:800 9px/1 var(--mono);box-shadow:0 0 10px rgba(255,180,92,.55)}
  .peer-diagnostics{padding:12px;border:1px solid rgba(255,114,87,.3);border-radius:13px;background:rgba(255,114,87,.05)}.peer-diagnostics[hidden]{display:none}.peer-diagnostics summary{cursor:pointer;color:var(--coral);font:800 10px/1.2 var(--mono);letter-spacing:.07em}.peer-diagnostics p{margin:9px 0;color:var(--bone-dim);font:12px/1.45 var(--sans)}.peer-diagnostics button{min-height:31px;padding:0 10px;border:1px solid rgba(255,114,87,.38);border-radius:8px;color:var(--bone);background:transparent;font:800 9px/1 var(--mono);cursor:pointer}
  .peer-portal{display:grid;grid-template-columns:1fr 1fr;gap:7px;width:min(480px,100%);margin:0}
  .peer-portal button{min-height:40px;min-width:0;padding:0 13px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid rgba(119,215,199,.32);border-radius:999px;background:rgba(119,215,199,.055);color:var(--bone);font:850 10px/1 var(--mono);letter-spacing:.065em;text-transform:uppercase;cursor:pointer;transition:color .2s,border-color .2s,background-color .2s,box-shadow .2s,opacity .2s}
  .peer-portal button:hover:not(:disabled){border-color:rgba(119,215,199,.68);background:rgba(119,215,199,.12);box-shadow:0 0 25px rgba(119,215,199,.16)}
  .peer-portal button:disabled{cursor:default;opacity:.34}
  .peer-portal .peer-portal-toggle{background:rgba(119,215,199,.09)}
  .peer-portal[data-active="true"] .peer-portal-toggle{border-color:rgba(255,114,87,.48);color:#ffad9c;background:rgba(255,114,87,.075)}
  .peer-action-icon{width:23px;height:23px;flex:0 0 23px;overflow:visible}
  .peer-portal .peer-action-icon{width:13px;height:13px;flex-basis:13px}
  .peer-action-icon *{vector-effect:non-scaling-stroke}
  .peer-portal-toggle .peer-action-icon{animation:portalGateBreath 1.8s ease-in-out infinite}
  .peer-portal[data-active="true"] .peer-portal-toggle .peer-action-icon{animation:portalGateTurn 2.8s linear infinite}
  .peer-portal-copy .peer-action-icon{animation:portalCopyFloat 1.7s ease-in-out infinite}
  .peer-portal-copy:disabled .peer-action-icon{animation-play-state:paused}
  .peer-send .peer-action-icon{animation:peerSendFloat 1.55s ease-in-out infinite}
  .peer-send.is-armed .peer-action-icon{filter:drop-shadow(0 0 6px rgba(255,217,161,.65))}
  .peer-shelf-tab .peer-action-icon{animation:peerWiresPulse 2.1s ease-in-out infinite}
  @keyframes portalGateBreath{0%,100%{transform:scale(.92);opacity:.72}50%{transform:scale(1.08);opacity:1}}
  @keyframes portalGateTurn{to{transform:rotate(360deg)}}
  @keyframes portalCopyFloat{0%,100%{transform:translateY(1px)}50%{transform:translateY(-2px)}}
  @keyframes peerSendFloat{0%,100%{transform:translate(0,1px) rotate(-3deg)}50%{transform:translate(3px,-2px) rotate(2deg)}}
  @keyframes peerWiresPulse{0%,100%{transform:scale(.94);opacity:.7}50%{transform:scale(1.07);opacity:1}}
  @media(max-width:700px){.peer-head{grid-template-columns:minmax(112px,.85fr) minmax(135px,1.25fr) auto;gap:7px;padding-left:10px;padding-right:10px}.peer-help summary,.peer-head .upload-close{width:40px;height:40px}.peer-head-actions{gap:5px}.peer-person-button{min-height:42px;padding:0 10px}.peer-person-button span{font-size:15px}.peer-bar{grid-template-columns:.72fr 1fr 1.14fr}.peer-send,.peer-shelf-tab,.peer-text-toggle{min-height:42px;padding:0 8px;font-size:10px;letter-spacing:.045em}.peer-portal{gap:7px;width:100%}.peer-portal button{min-height:40px;padding:0 8px;font-size:9.5px;letter-spacing:.035em}.peer-action-icon{width:19px;height:19px;flex-basis:19px}.peer-portal .peer-action-icon{width:15px;height:15px;flex-basis:15px}}
  @media(max-width:500px){
    .peer-head{grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto}
    .peer-shelf-head{grid-column:1;grid-row:1}
    .peer-head-actions{grid-column:2;grid-row:1}
    .peer-head>.peer-person-picker{grid-column:1;grid-row:1}
    .peer-person-button{min-height:44px}
    .peer-bar{gap:5px}
    .peer-send,.peer-shelf-tab,.peer-text-toggle{padding:0 5px;font-size:9.5px}
    .peer-send .peer-action-icon,.peer-shelf-tab .peer-action-icon{display:none}
  }
  @keyframes peerHelpOrbit{to{transform:rotate(360deg)}}
  @keyframes peerHelpMark{0%,100%{opacity:.72;transform:translateY(0)}50%{opacity:1;transform:translateY(-.7px)}}
  @keyframes peerHelpDot{0%,100%{opacity:.55;transform:scale(.82)}50%{opacity:1;transform:scale(1.18)}}
  @keyframes peerShimmer{to{background-position:230% 0}}
  @media(max-width:430px){.peer-panel .peer-loom{width:min(330px,88vw)}.peer-face-send,.peer-face-shelf{padding-left:14px;padding-right:14px}.peer-transport{padding-left:14px;padding-right:14px}}
  .upload-panel{
    width:min(720px,100%);
    max-height:min(820px,calc(100dvh - 36px));
    overflow:auto;
    border:1px solid rgba(255,190,108,.22);
    border-radius:28px;
    background:
      radial-gradient(circle at 85% 5%,rgba(119,215,199,.1),transparent 34%),
      linear-gradient(145deg,rgba(24,19,15,.99),rgba(10,9,8,.99));
    box-shadow:0 40px 120px rgba(0,0,0,.72),inset 0 1px rgba(255,255,255,.035);
  }
  .upload-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    padding:25px 26px 18px;
    border-bottom:1px solid var(--line);
  }
  .upload-head small,.upload-section-label{
    display:block;
    color:var(--amber);
    font:9px/1.2 var(--mono);
    letter-spacing:.16em;
    text-transform:uppercase;
  }
  .upload-head h2{margin:6px 0 0;font:44px/.9 var(--serif);font-weight:400}
  .upload-close{
    width:44px;
    height:44px;
    display:grid;
    place-items:center;
    flex:0 0 auto;
    border:1px solid var(--line);
    border-radius:50%;
    color:var(--bone-dim);
    background:rgba(255,255,255,.025);
    cursor:pointer;
  }
  .upload-close svg{width:18px;height:18px}
  .upload-body{display:grid;gap:24px;padding:24px 26px 26px}
  .upload-drop{
    min-height:112px;
    display:grid;
    place-items:center;
    gap:7px;
    padding:20px;
    border:1px dashed rgba(255,190,108,.32);
    border-radius:18px;
    color:var(--bone-dim);
    background:rgba(255,180,92,.035);
    text-align:center;
    cursor:default;
  }
  .upload-drop.is-dragging{border-color:var(--aqua);background:rgba(119,215,199,.08)}
  .upload-drop strong{font:21px/1.15 var(--serif);font-weight:400;color:var(--bone)}
  .upload-drop span{font:9px/1.5 var(--mono);letter-spacing:.1em;text-transform:uppercase}
  .upload-pick-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:5px}
  .upload-pick{
    min-height:38px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:0 13px;
    border:1px solid rgba(245,236,220,.14);
    border-radius:999px;
    color:var(--bone-dim);
    background:rgba(255,255,255,.025);
    font:700 9px/1 var(--mono);
    letter-spacing:.1em;
    text-transform:uppercase;
    cursor:pointer;
  }
  .upload-pick-folder{border-color:rgba(119,215,199,.28);color:var(--aqua);background:rgba(119,215,199,.045)}
  .upload-file-input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .upload-file-name{color:var(--aqua)!important;overflow-wrap:anywhere}
  .upload-browser{display:grid;gap:11px}
  .upload-path-row{display:flex;align-items:center;gap:10px}
  .upload-up{
    min-width:44px;
    height:44px;
    border:1px solid var(--line);
    border-radius:12px;
    color:var(--bone-dim);
    background:rgba(255,255,255,.025);
    cursor:pointer;
  }
  .upload-up:disabled{opacity:.3;cursor:default}
  .upload-current{
    min-width:0;
    flex:1;
    padding:13px 14px;
    border:1px solid rgba(119,215,199,.18);
    border-radius:12px;
    color:var(--aqua);
    background:rgba(119,215,199,.035);
    font:10px/1.4 var(--mono);
    overflow-wrap:anywhere;
  }
  .upload-folders{
    min-height:70px;
    max-height:220px;
    overflow:auto;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
    padding:2px;
  }
  .upload-folder{
    min-height:45px;
    padding:10px 12px;
    border:1px solid var(--line);
    border-radius:11px;
    color:var(--bone-dim);
    background:rgba(255,255,255,.022);
    font:10px/1.25 var(--mono);
    text-align:left;
    overflow-wrap:anywhere;
    cursor:pointer;
  }
  .upload-folder::before{content:"/";margin-right:7px;color:var(--amber)}
  .upload-folder:hover{border-color:rgba(255,190,108,.35);color:var(--bone)}
  .upload-folder-empty{grid-column:1/-1;margin:auto;color:var(--smoke);font:10px/1.5 var(--mono);text-align:center}
  .upload-auto-folder{margin:0;color:var(--smoke);font:9px/1.45 var(--mono);letter-spacing:.04em}
  .upload-auto-folder strong{color:var(--aqua);font-weight:700}
  .upload-mode{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:9px;padding:3px}
  .upload-mode-card{position:relative;display:grid;gap:5px;min-height:74px;padding:13px 14px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.022);cursor:pointer;transition:border-color .18s ease,background .18s ease,transform .18s ease}
  .upload-mode-card:hover{border-color:rgba(255,190,108,.42);transform:translateY(-1px)}
  .upload-mode-card.is-selected{border-color:rgba(119,215,199,.62);background:linear-gradient(145deg,rgba(119,215,199,.15),rgba(119,215,199,.035));box-shadow:inset 0 0 0 1px rgba(119,215,199,.1)}
  .upload-mode-card input{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%)}
  .upload-mode-card strong{color:var(--bone);font:800 11px/1.1 var(--mono);letter-spacing:.12em;text-transform:uppercase}
  .upload-mode-card small{color:var(--smoke);font:9px/1.4 var(--mono)}
  .upload-mode-card.is-selected strong{color:var(--aqua)}
  .upload-mode-card:focus-within{box-shadow:0 0 0 2px var(--amber)}
  .upload-folder-tools,.sync-receipt-tools{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
  .upload-folder-tools{justify-content:space-between}
  .upload-tool,.sync-receipt-tools button{min-height:34px;padding:0 10px;border:1px solid var(--line);border-radius:9px;background:rgba(255,255,255,.025);color:var(--bone);font:10px/1 var(--mono)}
  .upload-tool:hover,.sync-receipt-tools button:hover{border-color:rgba(255,190,108,.42);color:var(--amber)}
  .upload-new-folder{display:flex;gap:7px;align-items:center}
  .upload-new-folder input{min-width:160px}
  .sync-options{position:relative;display:grid;gap:14px;padding:16px;overflow:hidden;border:1px solid rgba(255,190,108,.2);border-radius:16px;background:radial-gradient(circle at 100% 0,rgba(119,215,199,.09),transparent 34%),rgba(255,190,108,.035)}
  .sync-options::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg,transparent 18%,rgba(255,205,135,.04) 46%,transparent 67%)}
  .sync-options-head,.sync-policy-group,.sync-exclusion-field{position:relative;z-index:1}
  .sync-options-head{display:grid;gap:5px}
  .sync-options-kicker,.sync-policy-caption,.sync-exclusion-field>span{margin:0;color:var(--amber);font:700 9px/1.1 var(--mono);letter-spacing:.13em;text-transform:uppercase}
  .sync-options-head p:last-child{max-width:650px;margin:0;color:var(--bone-dim);font:11px/1.5 var(--mono)}
  .sync-policy-group{display:grid;gap:8px}
  .sync-policy-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
  .sync-policy-card{position:relative;display:block;min-height:92px;padding:13px;border:1px solid rgba(245,236,220,.11);border-radius:12px;background:rgba(9,12,12,.33);cursor:pointer;transition:border-color .18s ease,background .18s ease,transform .18s ease}
  .sync-policy-card:hover{border-color:rgba(255,190,108,.45);transform:translateY(-1px)}
  .sync-policy-card.is-selected{border-color:rgba(119,215,199,.62);background:linear-gradient(145deg,rgba(119,215,199,.15),rgba(119,215,199,.035));box-shadow:inset 0 0 0 1px rgba(119,215,199,.1),0 8px 24px rgba(0,0,0,.16)}
  .sync-policy-card input{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
  .sync-policy-card span{display:grid;gap:7px}
  .sync-policy-card strong{color:var(--bone);font:700 10px/1.2 var(--mono);letter-spacing:.045em;text-transform:uppercase}
  .sync-policy-card small{color:var(--smoke);font:9px/1.45 var(--mono)}
  .sync-policy-card.is-selected strong{color:var(--aqua)}
  .sync-policy-card:focus-within{box-shadow:0 0 0 2px var(--amber),0 8px 24px rgba(0,0,0,.16)}
  .sync-exclusion-field{display:grid;gap:7px;padding-top:2px}
  .sync-exclusion-field input{width:100%;min-height:42px;padding:0 12px;border:1px solid rgba(245,236,220,.14);border-radius:10px;background:rgba(0,0,0,.16);color:var(--bone);font:10px/1 var(--mono);letter-spacing:normal}
  .sync-exclusion-field input:focus{outline:none;border-color:rgba(119,215,199,.62);box-shadow:0 0 0 3px rgba(119,215,199,.09)}
  .sync-exclusion-field small{color:var(--smoke);font:9px/1.4 var(--mono)}
  .sync-source-warning{display:grid;gap:10px;padding:15px;border:1px solid rgba(255,114,87,.42);border-radius:15px;background:radial-gradient(circle at 100% 0,rgba(255,114,87,.12),transparent 42%),rgba(255,114,87,.045)}
  .sync-source-warning-head{display:grid;gap:4px}
  .sync-source-warning-head strong{color:#ffb09e;font:700 11px/1.2 var(--mono);letter-spacing:.04em;text-transform:uppercase}
  .sync-source-warning-head span{color:var(--bone-dim);font:10px/1.45 var(--mono)}
  .sync-source-issues{max-height:132px;display:grid;gap:5px;overflow:auto}
  .sync-source-issue{display:grid;gap:3px;padding:8px 9px;border-radius:9px;background:rgba(0,0,0,.18)}
  .sync-source-issue strong{overflow:hidden;color:var(--bone-dim);font:10px/1.25 var(--mono);text-overflow:ellipsis;white-space:nowrap}
  .sync-source-issue span{color:#ffb09e;font:9px/1.35 var(--mono)}
  .sync-source-warning-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
  .sync-source-continue{min-height:40px;padding:0 13px;border:1px solid rgba(255,190,108,.45);border-radius:10px;color:#1b1108;background:linear-gradient(145deg,#ffc476,#e99141);font:700 10px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;cursor:pointer}
  .sync-receipt{display:grid;gap:9px;padding:13px;border:1px solid rgba(255,190,108,.22);border-radius:15px;background:rgba(255,190,108,.035)}
  .sync-receipt pre{max-height:150px;margin:0;overflow:auto;white-space:pre-wrap;color:var(--bone-dim);font:10px/1.45 var(--mono)}
  .sync-preview{display:grid;gap:10px;padding:13px;border:1px solid rgba(119,215,199,.16);border-radius:15px;background:rgba(119,215,199,.025)}
  .sync-summary{display:flex;flex-wrap:wrap;gap:7px}
  .sync-count{padding:6px 8px;border:1px solid var(--line);border-radius:999px;color:var(--bone-dim);font:700 9px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase}
  .sync-count[data-status="new"],.sync-count[data-status="newer"],.sync-count[data-status="keep_both"],.sync-count[data-status="selected_replace"]{border-color:rgba(119,215,199,.28);color:var(--aqua)}
  .sync-count[data-status="destination_newer"],.sync-count[data-status="conflict"],.sync-count[data-status="unavailable"]{border-color:rgba(255,114,87,.25);color:#ff9b87}
  .sync-files{max-height:160px;display:grid;gap:5px;overflow:auto;overscroll-behavior:contain}
  .sync-file{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;padding:8px 9px;border-radius:9px;background:rgba(255,255,255,.022);font:10px/1.25 var(--mono)}
  .sync-file em{color:var(--smoke);font:9px/1.25 var(--mono);font-style:normal;white-space:nowrap}
  .sync-file em:empty{display:none}
  .upload-review{display:grid;gap:12px;min-width:0}
  .upload-review:not(:has(> :not([hidden]))){display:none}
  .upload-source-card{display:none}
  .sync-file span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .sync-file strong{font:700 9px/1.25 var(--mono);letter-spacing:.06em;text-transform:uppercase}
  .sync-file[data-status="new"] strong,.sync-file[data-status="newer"] strong,.sync-file[data-status="keep_both"] strong,.sync-file[data-status="selected_replace"] strong{color:var(--aqua)}
  .sync-file[data-status="destination_newer"] strong,.sync-file[data-status="conflict"] strong,.sync-file[data-status="unavailable"] strong{color:#ff9b87}
  .sync-file[data-status="unchanged"] strong,.sync-file[data-status="skipped"] strong{color:var(--smoke)}
  .upload-progress{height:4px;overflow:hidden;border-radius:99px;background:rgba(255,255,255,.055)}
  .upload-progress span{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--amber),var(--aqua));box-shadow:0 0 12px var(--aqua);transition:width .16s linear}
  .upload-progress.is-indeterminate span{width:34%!important;animation:uploadSweep 1.15s ease-in-out infinite}
  .upload-status{min-height:18px;margin:0;color:var(--smoke);font:10px/1.5 var(--mono)}
  .upload-status[data-tone="error"]{color:var(--coral)}
  .upload-status[data-tone="success"]{color:var(--aqua)}
  .upload-actions{display:flex;justify-content:flex-end;gap:10px}
  .upload-action{
    min-height:48px;
    padding:0 18px;
    border:1px solid var(--line);
    border-radius:13px;
    color:var(--bone-dim);
    background:rgba(255,255,255,.025);
    font:10px/1 var(--mono);
    letter-spacing:.1em;
    text-transform:uppercase;
    cursor:pointer;
  }
  .upload-submit{border-color:rgba(255,190,108,.45);color:#1b1108;background:linear-gradient(145deg,#ffc476,#e99141)}
  .upload-submit:disabled{opacity:.42;cursor:default}
  .upload-new{border-color:rgba(119,215,199,.45);color:#b9fff2;background:linear-gradient(145deg,rgba(119,215,199,.18),rgba(119,215,199,.06))}
  .upload-new:hover{border-color:rgba(119,215,199,.7);background:rgba(119,215,199,.14)}
  .upload-new[hidden],.upload-submit[hidden]{display:none!important}
                                                                        
  html,body,*{scrollbar-width:none;-ms-overflow-style:none}
  *::-webkit-scrollbar{display:none;width:0;height:0}

  @keyframes uploadSweep{0%{transform:translateX(-120%)}100%{transform:translateX(320%)}}

  main{
    width:min(1180px,100%);
    margin:0 auto;
    padding:clamp(12px,2.4vw,28px) 0 80px;
  }

  .welcome{
    display:flex;
    justify-content:center;
    align-items:flex-start;
  }

  .loom{
    --loom-spin:0deg;
    position:relative;
    isolation:isolate;
    display:block;
    width:min(390px,76vw);
    aspect-ratio:1;
    margin:0;
    padding:0;
    border:0;
    color:#ffc36f;
    background:transparent;
    font:inherit;
    text-align:initial;
    appearance:none;
    -webkit-tap-highlight-color:transparent;
    touch-action:none;
    cursor:pointer;
    filter:brightness(1.12) saturate(1.2) drop-shadow(0 35px 60px rgba(0,0,0,.48));
    transition:filter .35s ease;
  }
  .loom::before{
    content:"";
    position:absolute;
    z-index:0;
    inset:5%;
    border-radius:50%;
    background:
      radial-gradient(circle,rgba(255,226,178,.24) 0 4%,rgba(255,180,92,.3) 8%,rgba(255,142,72,.14) 31%,rgba(255,114,87,.065) 52%,transparent 72%);
    filter:blur(28px);
    animation:loomAura 4.2s ease-in-out infinite;
  }
  .loom::after{
    content:"";
    position:absolute;
    z-index:0;
    inset:33%;
    border:1px solid rgba(255,207,135,.28);
    border-radius:50%;
    background:rgba(255,180,92,.09);
    box-shadow:
      0 0 24px rgba(255,222,172,.3),
      0 0 62px rgba(255,180,92,.36),
      0 0 118px rgba(255,114,87,.18),
      inset 0 0 26px rgba(255,226,178,.22);
    animation:coreHalo 3.2s ease-in-out infinite;
    transition:box-shadow .32s ease;
  }
  .loom svg{
    position:relative;
    z-index:1;
    width:100%;
    height:100%;
    overflow:visible;
    transform:rotate(var(--loom-spin));
    transform-origin:50% 50%;
    filter:
      drop-shadow(0 0 5px rgba(255,211,145,.35))
      drop-shadow(0 0 20px rgba(255,180,92,.18))
      drop-shadow(0 0 42px rgba(255,114,87,.1));
  }
  .loom .orbit-line{
    fill:none;
    stroke:currentColor;
    stroke-width:1.15;
    opacity:.62;
  }
  .loom .orbit-line.faint{opacity:.28;stroke-dasharray:2 8}
  .loom .thread{
    fill:none;
    stroke:url(#threadGradient);
    stroke-width:2.2;
    opacity:1;
    stroke-dasharray:2 5;
    filter:drop-shadow(0 0 3px rgba(255,180,92,.9));
  }
  .loom .orbit-a,.loom .orbit-c{
    transform-origin:250px 250px;
    animation:orbitSpin 28s linear infinite;
  }
  .loom .orbit-b{
    transform-origin:250px 250px;
    animation:orbitSpinBack 34s linear infinite;
  }
  .loom .core-ring{
    fill:none;
    stroke:#ffc979;
    stroke-width:1.65;
    opacity:.9;
    filter:drop-shadow(0 0 4px rgba(255,180,92,.8));
  }
  .loom .core-halo{
    fill:url(#coreHalo);
    transform-origin:250px 250px;
    animation:coreHalo 3.2s ease-in-out infinite;
  }
  .loom .core{
    fill:#ffe1ad;
    filter:
      drop-shadow(0 0 5px #fff3df)
      drop-shadow(0 0 18px #ffb45c)
      drop-shadow(0 0 38px #ff7257);
    animation:coreGlow 3.2s ease-in-out infinite;
  }
  .loom .node{fill:#fff3df;opacity:1;filter:drop-shadow(0 0 5px rgba(255,243,223,.9))}
  .loom .node-hot{
    fill:#ff7257;
    filter:drop-shadow(0 0 5px #ffb45c) drop-shadow(0 0 13px #ff7257);
  }
  .loom-label{
    position:absolute;
    z-index:2;
    left:50%;
    bottom:5%;
    transform:translateX(-50%);
    display:flex;
    align-items:baseline;
    justify-content:center;
    gap:10px;
    color:#d5a86f;
    text-shadow:0 0 16px rgba(255,180,92,.62);
    white-space:nowrap;
  }
  .loom-count{
    color:#ffe0a8;
    font:700 clamp(17px,2vw,21px)/1 var(--mono);
    letter-spacing:.08em;
    text-shadow:0 0 8px rgba(255,232,193,.54),0 0 22px rgba(255,180,92,.8);
  }
  .loom-count.updated{animation:countFlash .8s ease-out}
  .loom-label-copy{
    font:700 9px/1 var(--mono);
    letter-spacing:.2em;
  }
  .loom.is-spin-armed{cursor:grab}
  .loom.is-spinning{
    cursor:grabbing;
    filter:brightness(1.48) saturate(1.38) drop-shadow(0 35px 72px rgba(255,114,87,.26));
  }
  .loom.is-coasting{
    filter:brightness(1.3) saturate(1.3) drop-shadow(0 35px 68px rgba(255,180,92,.2));
  }
  .loom.is-fast-spinning{
    filter:brightness(1.82) saturate(1.52) drop-shadow(0 34px 82px rgba(255,114,87,.42));
  }
  .loom.is-spinning::before{animation-duration:.7s;opacity:1}
  .loom.is-coasting::before{animation-duration:1.35s}
  .loom.is-spinning::after,
  .loom.is-coasting::after{
    box-shadow:
      0 0 31px rgba(255,243,223,.48),
      0 0 82px rgba(255,180,92,.54),
      0 0 145px rgba(255,114,87,.3),
      inset 0 0 34px rgba(255,226,178,.34);
  }
  .loom.is-fast-spinning::after{
    box-shadow:
      0 0 42px rgba(255,255,242,.78),
      0 0 112px rgba(255,180,92,.76),
      0 0 190px rgba(255,114,87,.5),
      inset 0 0 42px rgba(255,243,223,.5);
  }
  .loom.is-spinning .orbit-a,
  .loom.is-spinning .orbit-c{animation-duration:2.15s}
  .loom.is-spinning .orbit-b{animation-duration:1.7s}
  .loom.is-coasting .orbit-a,
  .loom.is-coasting .orbit-c{animation-duration:5.6s}
  .loom.is-coasting .orbit-b{animation-duration:4.4s}
  .loom.is-fast-spinning .orbit-a,
  .loom.is-fast-spinning .orbit-c{animation-duration:.78s}
  .loom.is-fast-spinning .orbit-b{animation-duration:.62s}
  .loom.is-spinning .thread{animation:threadSummon .3s linear infinite}
  .loom.is-coasting .thread{animation:threadSummon .64s linear infinite}
  .loom.is-spinning .core-halo{animation-duration:.64s}
  .loom.is-spinning .core{animation-duration:.54s}
  .loom.is-fast-spinning .core{animation-duration:.3s}
  .loom.is-choosing{
    cursor:progress;
    filter:brightness(1.65) saturate(1.4) drop-shadow(0 35px 72px rgba(255,114,87,.25));
    animation:doorWake .72s cubic-bezier(.4,0,.2,1) infinite alternate;
  }
  .loom.is-choosing::before{animation:doorAura .72s ease-in-out infinite alternate}
  .loom.is-choosing::after{animation:doorHalo .54s ease-in-out infinite alternate}
  .loom.is-choosing .orbit-a,.loom.is-choosing .orbit-c{animation-duration:1.15s}
  .loom.is-choosing .orbit-b{animation-duration:.9s}
  .loom.is-choosing .thread{animation:threadSummon .48s linear infinite}
  .loom.is-choosing .core{animation:doorCore .54s ease-in-out infinite alternate}

  @media (hover:hover){
    .loom:not(.is-choosing):hover{
      filter:brightness(1.32) saturate(1.28) drop-shadow(0 35px 68px rgba(255,180,92,.17));
    }
  }

  .results-region{min-height:420px}
  .results-head{
    display:flex;
    align-items:end;
    justify-content:space-between;
    gap:20px;
    margin-bottom:28px;
    padding-bottom:18px;
    border-bottom:1px solid var(--line);
  }
  .results-title small{
    display:block;
    margin-bottom:8px;
    color:var(--amber);
    font:9px/1 var(--mono);
    letter-spacing:.24em;
  }
  .results-title h2{
    max-width:780px;
    margin:0;
    overflow:hidden;
    color:var(--bone);
    font:400 clamp(28px,4vw,52px)/1.08 var(--serif);
    letter-spacing:-.035em;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
  .result-count{
    flex:0 0 auto;
    color:var(--smoke);
    font:10px/1 var(--mono);
    letter-spacing:.16em;
  }

  .cards{
    display:grid;
    grid-template-columns:repeat(12,minmax(0,1fr));
    gap:16px;
  }
  .card{
    --accent:var(--amber);
    --mx:50%;
    --my:50%;
    position:relative;
    min-height:330px;
    grid-column:span 6;
    display:flex;
    flex-direction:column;
    overflow:hidden;
    padding:24px;
    border:1px solid var(--line);
    border-radius:24px;
    background:
      radial-gradient(480px circle at var(--mx) var(--my),color-mix(in srgb,var(--accent) 11%,transparent),transparent 58%),
      linear-gradient(150deg,rgba(26,21,16,.94),rgba(14,12,10,.91));
    box-shadow:0 22px 55px rgba(0,0,0,.28);
    animation:cardIn .65s cubic-bezier(.2,.75,.2,1) both;
    animation-delay:calc(var(--i) * 55ms);
    transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease;
  }
  .card::before{
    content:"";
    position:absolute;
    inset:0 auto 0 0;
    width:2px;
    background:linear-gradient(180deg,transparent,var(--accent),transparent);
    opacity:.7;
  }
  .card::after{
    content:"";
    position:absolute;
    right:-80px;
    bottom:-110px;
    width:220px;
    height:220px;
    border:1px solid color-mix(in srgb,var(--accent) 20%,transparent);
    border-radius:50%;
    opacity:.25;
    pointer-events:none;
  }
  .card:hover{
    z-index:2;
    transform:translateY(-5px);
    border-color:color-mix(in srgb,var(--accent) 38%,transparent);
    box-shadow:0 32px 75px rgba(0,0,0,.42);
  }
  .card--lead{
    min-height:390px;
    grid-column:span 12;
    display:grid;
    grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr);
    grid-template-rows:auto 1fr;
    column-gap:clamp(30px,6vw,90px);
    padding:clamp(26px,4vw,46px);
  }
  .card--lead .card-top{grid-column:1/-1}
  .card--lead .card-body{align-self:center}
  .card--lead .card-actions{align-self:end}
  .card--lead h3{font-size:clamp(36px,5vw,68px);line-height:.98}
  .card--lead .summary{font-size:17px;max-width:680px}

  .card-top{
    position:relative;
    z-index:1;
    display:flex;
    align-items:center;
    gap:12px;
  }
  .result-number{
    color:var(--accent);
    font:10px/1 var(--mono);
    letter-spacing:.15em;
  }
  .kind{
    padding:6px 9px;
    border:1px solid color-mix(in srgb,var(--accent) 30%,transparent);
    border-radius:999px;
    color:color-mix(in srgb,var(--accent) 82%,white);
    background:color-mix(in srgb,var(--accent) 6%,transparent);
    font:8px/1 var(--mono);
    letter-spacing:.18em;
    text-transform:uppercase;
  }
  .card-rule{
    height:1px;
    flex:1;
    background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 28%,transparent),transparent);
  }
  .keep-button{
    flex:0 0 auto;
    display:inline-flex;
    align-items:center;
    gap:7px;
    padding:7px 2px 7px 8px;
    border:0;
    color:var(--smoke);
    background:transparent;
    cursor:pointer;
    font:700 8px/1 var(--mono);
    letter-spacing:.13em;
    text-transform:uppercase;
    transition:color .2s ease,opacity .2s ease;
  }
  .keep-button::before{
    content:"";
    width:5px;
    height:5px;
    border:1px solid currentColor;
    border-radius:50%;
  }
  .keep-button:hover{color:var(--bone-dim)}
  .keep-button[aria-pressed="true"]{color:var(--aqua)}
  .keep-button[aria-pressed="true"]::before{background:currentColor;box-shadow:0 0 9px currentColor}
  .keep-button:disabled{cursor:default;opacity:.58}
  .card-body{
    position:relative;
    z-index:1;
    flex:1;
    padding:38px 0 30px;
  }
  .card h3{
    margin:0;
    color:var(--bone);
    font:400 clamp(27px,3.2vw,43px)/1.05 var(--serif);
    letter-spacing:-.035em;
  }
  .summary{
    max-width:620px;
    margin:20px 0 0;
    color:var(--bone-dim);
    font-size:15px;
    line-height:1.72;
  }
  .card-actions{
    position:relative;
    z-index:1;
    display:flex;
    gap:9px;
  }
  .action-button{
    min-height:50px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    padding:0 18px;
    border:1px solid transparent;
    border-radius:14px;
    cursor:pointer;
    font:700 10px/1 var(--sans);
    letter-spacing:.13em;
    transition:transform .2s ease,filter .2s ease,background .2s ease,border-color .2s ease,color .2s ease;
  }
  .action-button svg{width:16px;height:16px}
  .action-button:hover{transform:translateY(-2px)}
  .action-button:active{transform:translateY(0)}
  .action-button:disabled{cursor:default;opacity:.64;transform:none}
  .open-button{
    min-width:118px;
    color:#171008;
    background:var(--bone);
  }
  .open-button:hover{filter:brightness(1.08)}
  .skeleton{
    min-height:300px;
    grid-column:span 6;
    overflow:hidden;
    padding:25px;
    border:1px solid var(--line);
    border-radius:24px;
    background:rgba(20,16,12,.7);
  }
  .skeleton:first-child{grid-column:span 12;min-height:365px}
  .shimmer{
    position:relative;
    overflow:hidden;
    border-radius:8px;
    background:rgba(255,255,255,.055);
  }
  .shimmer::after{
    content:"";
    position:absolute;
    inset:0;
    transform:translateX(-110%);
    background:linear-gradient(90deg,transparent,rgba(255,255,255,.07),transparent);
    animation:shimmer 1.5s ease-in-out infinite;
  }
  .skeleton-tag{width:88px;height:22px}
  .skeleton-title{width:72%;height:42px;margin-top:56px}
  .skeleton-line{width:90%;height:11px;margin-top:22px}
  .skeleton-line.short{width:63%;margin-top:10px}
  .skeleton-button{width:120px;height:50px;margin-top:52px;border-radius:14px}

  .empty-result{
    grid-column:1/-1;
    min-height:360px;
    display:grid;
    place-items:center;
    padding:50px 20px;
    border:1px dashed rgba(245,236,220,.15);
    border-radius:26px;
    text-align:center;
    background:rgba(16,13,10,.52);
  }
  .empty-result-icon{
    position:relative;
    width:94px;
    height:94px;
    margin:0 auto 26px;
    border:1px solid rgba(255,180,92,.28);
    border-radius:50%;
  }
  .empty-result-icon::before,.empty-result-icon::after{
    content:"";
    position:absolute;
    top:50%;
    left:50%;
    width:54px;
    height:1px;
    background:linear-gradient(90deg,transparent,var(--amber),transparent);
  }
  .empty-result-icon::before{transform:translate(-50%,-50%) rotate(35deg)}
  .empty-result-icon::after{transform:translate(-50%,-50%) rotate(-35deg)}
  .empty-result h3{margin:0;font:400 38px/1.05 var(--serif)}
  .empty-result p{max-width:460px;margin:14px auto 0;color:var(--smoke)}

  .toast{
    position:fixed;
    z-index:100;
    right:calc(18px + env(safe-area-inset-right));
    bottom:calc(18px + env(safe-area-inset-bottom));
    max-width:min(390px,calc(100vw - 36px));
    display:flex;
    align-items:center;
    gap:11px;
    padding:14px 17px;
    border:1px solid rgba(119,215,199,.32);
    border-radius:14px;
    color:var(--bone);
    background:rgba(12,17,14,.94);
    box-shadow:0 20px 50px rgba(0,0,0,.5);
    backdrop-filter:blur(18px);
    font-size:13px;
    transform:translateY(25px);
    opacity:0;
    pointer-events:none;
    transition:transform .3s ease,opacity .3s ease;
  }
  .toast.show{transform:translateY(0);opacity:1}
  .toast-dot{width:7px;height:7px;border-radius:50%;background:var(--aqua);box-shadow:0 0 12px var(--aqua)}

  .device-intake{
    position:fixed;
    z-index:900;
    top:calc(12px + env(safe-area-inset-top));
    left:50%;
    width:min(720px,calc(100vw - 24px));
    max-height:min(46vh,420px);
    overflow:auto;
    padding:12px;
    border:1px solid rgba(119,215,199,.28);
    border-radius:19px;
    color:var(--bone);
    background:linear-gradient(125deg,rgba(14,13,11,.96),rgba(8,10,9,.97));
    box-shadow:0 22px 70px rgba(0,0,0,.62),inset 0 1px rgba(255,255,255,.035);
    -webkit-backdrop-filter:blur(25px) saturate(120%);
    backdrop-filter:blur(25px) saturate(120%);
    transform:translateX(-50%);
    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
  }
  .device-intake[hidden]{display:none!important}
  .device-intake-head{display:flex;align-items:baseline;justify-content:space-between;gap:14px;padding:1px 4px 9px}
  .device-intake-head span{color:var(--aqua);font:8px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase}
  .device-intake-head strong{font:400 17px/1 var(--serif)}
  .device-intake-list{display:grid;gap:7px}
  .device-intake-row{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    gap:8px 12px;
    padding:11px 12px;
    border:1px solid rgba(245,236,220,.09);
    border-radius:13px;
    background:rgba(255,255,255,.022);
  }
  .device-intake-copy{min-width:0;display:grid;gap:4px;padding:0;border:0;color:inherit;background:transparent;cursor:pointer;text-align:left}
  .device-intake-copy:hover strong{color:var(--amber)}
  .device-intake-copy strong{overflow:hidden;font:400 14px/1.15 var(--serif);text-overflow:ellipsis;white-space:nowrap}
  .device-intake-copy span{overflow:hidden;color:var(--smoke);font:8px/1.3 var(--mono);font-variant-numeric:tabular-nums;letter-spacing:.08em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}
  .device-intake-action{min-width:72px;padding:0 10px;border:1px solid rgba(119,215,199,.25);border-radius:10px;color:var(--aqua);background:rgba(119,215,199,.055);font:700 8px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase}
  .device-intake-progress{grid-column:1/-1;height:3px;overflow:hidden;border-radius:99px;background:rgba(255,255,255,.06)}
  .device-intake-progress span{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--amber),var(--aqua));transition:width .14s linear}
  .device-intake-row[data-state="ready"]{border-color:rgba(119,215,199,.22)}
  .device-intake-row[data-state="error"]{border-color:rgba(255,114,87,.28)}
  .device-intake-row[data-state="error"] .device-intake-copy span{color:var(--coral)}

  .thread-rail{
    position:fixed;
    z-index:32;
    left:50%;
    bottom:calc(2px + env(safe-area-inset-bottom));
    width:min(720px,calc(100vw - 20px));
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:5px;
    padding:5px;
    border:1px solid rgba(245,236,220,.1);
    border-radius:20px;
    background:rgba(9,8,7,.72);
    box-shadow:0 18px 55px rgba(0,0,0,.34);
    -webkit-backdrop-filter:blur(20px) saturate(125%);
    backdrop-filter:blur(20px) saturate(125%);
    transform:translateX(-50%);
    transition:opacity .2s ease,transform .2s ease;
  }
  .thread-rail.has-transfers{grid-template-columns:repeat(6,minmax(0,1fr));gap:3px}
  body.keep-is-open .thread-rail{opacity:0;pointer-events:none;transform:translate(-50%,12px)}
  .claude-codex-art-display{
    position:relative;
    z-index:1;
    width:min(720px,calc(100vw - 20px));
    height:64px;
    margin:0 auto clamp(24px,3.6vh,40px);
    padding:6px 0;
    overflow:visible;
    border:0;
    border-radius:0;
    background:none;
    box-shadow:none;
    pointer-events:none;
    transition:opacity .2s ease;
  }
  .cc-art-canvas{position:absolute;inset:6px 0;width:100%;height:52px;overflow:visible}
  .cc-art-horizon,.cc-art-thread,.cc-art-echo{fill:none;vector-effect:non-scaling-stroke;stroke-linecap:round}
  .cc-art-horizon{stroke:rgba(245,236,220,.12);stroke-width:.7}
  .cc-art-thread{stroke-width:1.5;stroke-dasharray:5 9;animation:cc-art-current 8s linear infinite}
  .cc-art-thread-b{animation-direction:reverse;animation-duration:10s}
  .cc-art-echo{stroke:url(#wt-art-aurora);stroke-width:.65;stroke-dasharray:1 13;opacity:.75;animation:cc-art-current 13s linear infinite}
  .cc-art-core{transform-box:fill-box;transform-origin:center;animation:cc-art-breathe 4.8s ease-in-out infinite}
  .cc-art-spark{transform-box:fill-box;transform-origin:center;animation:cc-art-spark 5.6s ease-in-out infinite}
  .cc-art-spark:nth-of-type(2n){animation-delay:-2.8s}
  @keyframes cc-art-current{to{stroke-dashoffset:-84}}
  @keyframes cc-art-breathe{0%,100%{opacity:.55;transform:scale(.72)}50%{opacity:1;transform:scale(1.18)}}
  @keyframes cc-art-spark{0%,100%{opacity:.24;transform:translateY(3px) scale(.7)}50%{opacity:.95;transform:translateY(-3px) scale(1.2)}}
  body:not([data-machine-mode="idle"]) .claude-codex-art-display,
  body.keep-is-open .claude-codex-art-display,
  body.realm-is-open .claude-codex-art-display{visibility:hidden}
  body:not([data-machine-mode="idle"]) .claude-codex-art-display *,
  body.keep-is-open .claude-codex-art-display *,
  body.realm-is-open .claude-codex-art-display *{animation-play-state:paused!important}
  .thread-destination{min-height:48px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:1px solid transparent;border-radius:14px;color:#766c60;background:transparent;font:700 7px/1 var(--mono);letter-spacing:.1em}
  .thread-destination svg{width:18px;height:18px}
  .thread-destination[data-medium="home"]{color:var(--amber);border-color:rgba(255,180,92,.2);background:rgba(255,180,92,.045)}
  .thread-destination:active{transform:scale(.96)}
  .thread-download-toggle{position:relative;color:var(--aqua);border-color:rgba(119,215,199,.2);background:rgba(119,215,199,.045)}
  .thread-download-toggle[aria-expanded="false"]{color:#0b0e0d;background:var(--aqua);box-shadow:0 0 22px rgba(119,215,199,.2)}
  .thread-download-count{position:absolute;top:4px;right:7px;min-width:14px;height:14px;padding:0 3px;border-radius:99px;color:#090b0a;background:var(--aqua);font:800 7px/14px var(--mono);letter-spacing:0;text-align:center}
  .thread-download-toggle[aria-expanded="false"] .thread-download-count{color:var(--aqua);background:#0b0e0d}

  @keyframes orbitSpin{to{transform:rotate(360deg)}}
  @keyframes orbitSpinBack{to{transform:rotate(-360deg)}}
  @keyframes loomAura{
    0%,100%{opacity:.72;transform:scale(.92)}
    50%{opacity:1;transform:scale(1.06)}
  }
  @keyframes coreHalo{
    0%,100%{opacity:.68;transform:scale(.88)}
    50%{opacity:1;transform:scale(1.14)}
  }
  @keyframes coreGlow{
    0%,100%{opacity:.82;transform:scale(.9);transform-origin:center}
    50%{opacity:1;transform:scale(1.35);transform-origin:center}
  }
  @keyframes doorWake{
    from{transform:scale(.985)}
    to{transform:scale(1.035)}
  }
  @keyframes doorAura{
    from{opacity:.78;transform:scale(.9);filter:blur(30px)}
    to{opacity:1;transform:scale(1.22);filter:blur(36px)}
  }
  @keyframes doorHalo{
    from{transform:scale(.82);box-shadow:0 0 25px rgba(255,222,172,.35),0 0 70px rgba(255,180,92,.42),0 0 125px rgba(255,114,87,.22)}
    to{transform:scale(1.28);box-shadow:0 0 38px rgba(255,243,223,.72),0 0 105px rgba(255,180,92,.7),0 0 175px rgba(255,114,87,.4)}
  }
  @keyframes doorCore{
    from{opacity:.9;transform:scale(1);transform-origin:center}
    to{opacity:1;transform:scale(2.45);transform-origin:center}
  }
  @keyframes threadSummon{
    to{stroke-dashoffset:-28}
  }
  @keyframes countFlash{
    0%{color:#fff;filter:brightness(2);transform:scale(1.12)}
    100%{color:#ffe0a8;filter:brightness(1);transform:scale(1)}
  }
  @keyframes cardIn{
    from{opacity:0;transform:translateY(22px) scale(.985)}
    to{opacity:1;transform:translateY(0) scale(1)}
  }
  @keyframes shimmer{to{transform:translateX(110%)}}
  @keyframes realmArrowShimmer{
    0%,100%{opacity:.38;transform:translateX(-2px)}
    50%{opacity:1;transform:translateX(3px);text-shadow:0 0 18px rgba(255,213,145,.95)}
  }

  .house-pulse{margin:12px 0 0;color:rgba(255,243,223,.62);font-size:10px;line-height:1.6;letter-spacing:.12em;text-transform:uppercase}
  .realm-option-attention{display:block;margin-top:5px;color:var(--aqua);font-size:9px;letter-spacing:.14em;text-transform:uppercase}
  .house-eyes{position:relative;overflow:hidden;margin:0 0 24px;padding:22px 24px;border:1px solid rgba(119,215,199,.24);border-radius:22px;background:linear-gradient(135deg,rgba(11,25,31,.9),rgba(19,18,30,.74));box-shadow:0 24px 70px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.04)}
  .house-eyes::before{content:"";position:absolute;inset:-100% 54% -100% -20%;background:radial-gradient(circle,rgba(119,215,199,.12),transparent 64%);pointer-events:none}
  .house-eyes-head{position:relative;display:flex;align-items:center;justify-content:space-between;gap:18px}
  .house-eyes-head small{color:var(--aqua);font-size:10px;letter-spacing:.22em}
  .house-eyes-button{min-height:42px;padding:0 17px;border:1px solid rgba(255,209,143,.35);border-radius:999px;background:rgba(255,180,92,.08);color:#ffe0a8;font:700 10px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;cursor:pointer}
  .house-eyes-button:disabled{opacity:.46;cursor:wait}
  .house-eyes-answer{position:relative;max-width:900px;margin:18px 0 0;color:rgba(255,243,223,.86);font:400 clamp(16px,2vw,20px)/1.55 var(--serif)}
  .house-eyes-meta{position:relative;margin:10px 0 0;color:rgba(255,243,223,.44);font-size:9px;letter-spacing:.13em;text-transform:uppercase}
  .house-connections{position:relative;display:grid;gap:8px;margin-top:16px}
  .house-connection{width:100%;padding:11px 13px;border:1px solid rgba(255,255,255,.08);border-radius:13px;background:rgba(255,255,255,.025);color:rgba(255,243,223,.7);text-align:left;font:400 12px/1.45 var(--sans);cursor:pointer}
  .house-connection strong{color:#fff3df}
  .house-suggestions{position:relative;display:flex;flex-wrap:wrap;gap:7px;margin-top:14px}
  .house-suggestion{padding:8px 11px;border:1px solid rgba(119,215,199,.18);border-radius:999px;background:transparent;color:var(--aqua);font:600 9px/1.2 var(--sans);cursor:pointer}

  @media (min-width:781px){
    .site{display:grid;grid-template-rows:auto auto minmax(0,1fr)}
    main{min-height:0}
    .welcome:not([hidden]){min-height:100%;align-items:center}
    .results-region:not([hidden]){min-height:100%}
    .search-meta{font-size:11px}
    .realm-trigger-copy small,.realm-trigger-meta{font-size:11px}
    .realm-head small,.realm-option-count{font-size:11px}
    .realm-option-copy small{font-size:10px}
    kbd{font-size:11px}
    .upload-head small,.upload-section-label{font-size:14px}
    .upload-drop span{font-size:14px}
    .upload-pick,.upload-tool,.sync-receipt-tools button{font-size:13px}
    .upload-current,.upload-folder,.upload-folder-empty,.upload-status{font-size:14px}
    .sync-options-kicker,.sync-policy-caption,.sync-exclusion-field>span{font-size:13px}
    .sync-options-head p:last-child{font-size:15px}
    .sync-policy-card strong{font-size:14px}
    .sync-policy-card small,.sync-exclusion-field small{font-size:14px}
    .sync-exclusion-field input{font-size:14px}
    .sync-count,.sync-file,.sync-file strong,.sync-receipt pre{font-size:14px}
    .sync-source-warning-head strong,.sync-source-warning-head span,.sync-source-issue strong,.sync-source-issue span,.sync-source-continue{font-size:14px}
    .upload-action{font-size:14px}
    .loom-label-copy{font-size:11px}
    .results-title small,.result-number{font-size:11px}
    .result-count{font-size:12px}
    .kind,.keep-button{font-size:10px}
    .action-button{font-size:11px}
    .toast{font-size:14px}
    .device-intake-head span,.device-intake-copy span,.device-intake-action{font-size:10px}
    .thread-destination{font-size:9px}
    .thread-download-count{font-size:9px}
  }

  @media (max-width:780px){
    .site{
      padding:
        calc(14px + env(safe-area-inset-top))
        calc(14px + env(safe-area-inset-right))
        calc(16px + env(safe-area-inset-bottom))
        calc(14px + env(safe-area-inset-left));
    }
    .hero{margin-top:18px}
    .hero h1{
      flex-wrap:wrap;
      gap:0;
      font-size:clamp(62px,20vw,96px);
      line-height:.76;
    }
    .hero h1 .wire,.hero h1 .drive{width:100%}
    .search-stage{top:8px;margin-top:26px}
    .search-shell{padding:6px;border-radius:23px}
    .search-form{min-height:64px;padding-left:14px;border-radius:17px;gap:9px}
    .search-icon{width:20px;height:20px}
    .search-input{font-size:18px}
    .icon-button{width:44px;height:44px}
    .search-meta{padding:8px 13px 0}
    .search-state{padding:0 3px}
    .search-scope-row{padding:8px 8px 0}
    .realm-options{grid-template-columns:1fr}
    .realm-control-row{grid-template-columns:1fr;gap:10px}
    .realm-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
    .realm-action{padding:0 8px}
    .upload-panel{border-radius:22px}
    .upload-head{padding:20px 19px 16px}
    .upload-head h2{font-size:38px}
    .upload-body{padding:20px 19px 22px;gap:19px}
    .upload-folders{grid-template-columns:1fr;max-height:190px}
    main{padding-top:8px}
    .loom{width:min(300px,72vw)}
    .results-head{align-items:start;flex-direction:column}
    .results-title h2{max-width:calc(100vw - 28px);white-space:normal}
    .cards{display:block}
    .card,.card--lead{
      min-height:0;
      display:flex;
      margin-bottom:14px;
      padding:24px;
    }
    .card h3,.card--lead h3{font-size:34px;line-height:1.04}
    .card-body{padding:34px 0 28px}
    .card-actions{flex-direction:column}
    .action-button{width:100%;min-height:54px}
    .skeleton{min-height:290px;margin-bottom:14px}
  }

  @media (max-width:430px){
    .hero{margin-top:10px}
    .search-form{padding-right:7px}
    .clear-button{display:none}
    .search-input{font-size:17px}
    .search-meta{letter-spacing:.08em}
    .realm-trigger{grid-template-columns:58px minmax(0,1fr);padding-right:11px}
    .realm-trigger-meta{display:none}
    .realm-panel{border-radius:23px}
    .realm-head{padding:21px 20px 18px}
    .realm-controls{padding:12px}
    .realm-options{padding:12px}
    .realm-option{min-height:82px;padding:14px 16px}
    .upload-actions{flex-direction:column-reverse}
    .upload-action{width:100%}
    .loom{width:min(270px,72vw)}
    .card,.card--lead{padding:21px;border-radius:20px}
    .card h3,.card--lead h3{font-size:30px}
    .device-intake{top:calc(7px + env(safe-area-inset-top));width:calc(100vw - 14px);padding:9px;border-radius:16px}
    .device-intake-head strong{font-size:15px}
    .thread-rail.has-transfers{gap:1px}
    .thread-rail.has-transfers .thread-destination{font-size:5.5px;letter-spacing:.045em}
  }

                                 
  .command-deck{
    position:relative;width:min(1180px,100%);height:275px;margin:0 auto;display:grid;
    grid-template-columns:minmax(0,1fr);grid-template-rows:275px;align-items:start;contain:layout;
  }
  .command-deck>.hero,.command-deck>.search-stage{grid-column:1;grid-row:1}
  .hero h1{
    flex-wrap:nowrap;gap:0;font-size:clamp(69px,13vw,154px);line-height:.78;letter-spacing:-.08em;font-weight:500;white-space:nowrap;
  }
  .hero h1 .wire,.hero h1 .drive{width:auto}
  .hero h1 .wire{
    color:var(--bone);background:none;-webkit-text-fill-color:currentColor;-webkit-text-stroke:0;text-shadow:none;
    animation:wireTitleBreathe 5.8s ease-in-out infinite;
  }
  .hero h1 .drive{
    color:transparent;font-style:normal;
    background:linear-gradient(102deg,rgba(245,236,220,.42) 0%,rgba(245,236,220,.72) 36%,#fff8e9 47%,#ffb45c 51%,#77d7c7 55%,rgba(245,236,220,.72) 64%,rgba(245,236,220,.42) 100%);
    background-size:260% 100%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;
    -webkit-text-stroke:1px rgba(245,236,220,.78);
    animation:wireTitleShimmer 8.5s cubic-bezier(.45,0,.2,1) infinite;
    filter:drop-shadow(0 0 18px rgba(255,180,92,.1));
  }
  .hero{max-height:270px;transition:max-height .42s cubic-bezier(.2,.8,.2,1),margin .42s cubic-bezier(.2,.8,.2,1),opacity .28s ease,transform .42s cubic-bezier(.2,.8,.2,1)}
  body[data-machine-mode="ask"] .hero,body[data-machine-mode="search"] .hero{max-height:0;margin-top:0;overflow:hidden;opacity:0;transform:translateY(-18px) scale(.96);pointer-events:none}
  .search-stage{position:relative;top:auto;width:min(790px,100%);margin:clamp(8px,1.5vh,18px) auto 0;opacity:1;transform:translateY(0) scale(1);transform-origin:50% 0}
  .search-stage[hidden]{display:none!important}
  .search-stage.is-arriving{animation:consoleArrive .42s cubic-bezier(.2,.8,.2,1) both}
  .search-shell{border-color:rgba(255,206,139,.25);box-shadow:0 24px 68px rgba(0,0,0,.5),0 0 38px rgba(255,180,92,.07),inset 0 1px rgba(255,255,255,.045)}
  body[data-machine-mode="ask"] .search-shell{transform:translateY(20%)}
  .console-mode-mark{
    position:relative;width:44px;height:44px;flex:0 0 auto;display:grid;place-items:center;
    border:1px solid rgba(255,190,108,.28);border-radius:50%;color:var(--amber);background:rgba(255,180,92,.055);
    box-shadow:inset 0 0 18px rgba(255,180,92,.07),0 0 18px rgba(255,180,92,.08);
  }
  .console-mode-mark svg{width:23px;height:23px}
  body[data-machine-mode="ask"] .console-mode-mark{color:var(--aqua);border-color:rgba(119,215,199,.4);background:rgba(119,215,199,.07)}
  body[data-machine-mode="ask"] .console-search-glyph{display:none}
  body:not([data-machine-mode="ask"]) .console-ask-glyph{display:none}
  .ask-house-button{width:50px;min-width:50px;height:50px;padding:0;border-radius:50%;font:inherit;letter-spacing:0}
  .ask-house-button svg{width:23px;height:23px}
  .ask-house-button.is-busy svg{animation:askSignalSpin .8s linear infinite}
  .search-scope-row[hidden]{display:none!important}
  .welcome{position:relative;min-height:min(520px,60vh);align-items:center;padding:clamp(6px,1.8vh,18px) 0 28px}
  .machine-core{position:relative;width:min(650px,100%);min-height:480px;display:grid;place-items:center}
  .welcome:not(.is-results-mode) .machine-core{transform:translateY(-15%)}
  .machine-core::before{
    content:"";position:absolute;inset:12% 18%;border:1px solid rgba(255,180,92,.09);border-radius:50%;
    background:radial-gradient(circle,rgba(255,180,92,.045),transparent 67%);
    box-shadow:inset 0 0 70px rgba(119,215,199,.035),0 0 85px rgba(255,180,92,.035);
    animation:machineField 7s ease-in-out infinite;pointer-events:none;
  }
  .machine-tools{position:absolute;z-index:6;inset:0;pointer-events:none}
  .machine-help{
    position:absolute;z-index:9;left:50%;top:5%;width:46px;height:46px;display:grid;place-items:center;padding:0;
    border:1px solid rgba(255,211,143,.34);border-radius:50%;color:var(--amber);
    background:radial-gradient(circle at 44% 36%,rgba(255,246,218,.12),rgba(255,180,92,.055) 58%,rgba(9,8,7,.94) 72%);
    box-shadow:0 12px 32px rgba(0,0,0,.38),0 0 22px rgba(255,180,92,.09),inset 0 1px rgba(255,255,255,.08);
    transform:translateX(-50%);cursor:pointer;transition:color .22s,border-color .22s,background-color .22s,box-shadow .22s,transform .22s;
  }
  .machine-help:hover,.machine-help[aria-expanded="true"]{color:var(--aqua);border-color:rgba(119,215,199,.62);box-shadow:0 12px 32px rgba(0,0,0,.42),0 0 30px rgba(119,215,199,.2),inset 0 1px rgba(255,255,255,.1);transform:translateX(-50%) translateY(-1px)}
  .machine-help svg{width:27px;height:27px;overflow:visible}
  .machine-help-ring{fill:none;stroke:currentColor;stroke-width:1.05;stroke-dasharray:2.5 3.5;opacity:.44;transform-origin:12px 12px;animation:machineHelpOrbit 6.8s linear infinite}
  .machine-help-question{fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 5px currentColor)}
  .machine-help-dot{fill:currentColor;filter:drop-shadow(0 0 4px currentColor)}
  .machine-tool-help{position:absolute;top:50%;width:138px;display:grid;gap:4px;visibility:hidden;opacity:0;pointer-events:none;transition:opacity .28s ease,transform .34s cubic-bezier(.2,.8,.2,1),visibility 0s linear .34s}
  .machine-tool-help b{color:var(--tool-color);font:900 9px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;text-shadow:0 0 10px color-mix(in srgb,var(--tool-color) 48%,transparent)}
  .machine-tool-help small{color:var(--bone-dim);font:italic 400 13px/1.25 var(--serif);letter-spacing:0;text-transform:none;text-shadow:0 2px 12px #000}
  .machine-tool .machine-tool-help{top:calc(100% + 10px);right:auto;bottom:auto;left:50%;text-align:center;transform:translate(-50%,-6px) scale(.96)}
  .welcome.is-helping .machine-tool-help{visibility:visible;opacity:1;transform:translate(-50%,0) scale(1);transition-delay:.04s}
  .welcome.is-helping .machine-tool:disabled{opacity:.66}
  .welcome.is-results-mode .machine-help,body:not([data-machine-mode="idle"]) .machine-help{display:none}
  .machine-tool{
    --tool-color:var(--amber);position:absolute;width:72px;height:72px;display:grid;place-items:center;padding:0;
    border:1px solid color-mix(in srgb,var(--tool-color) 40%,transparent);border-radius:50%;color:var(--tool-color);
    background:radial-gradient(circle at 34% 27%,rgba(255,255,255,.15),transparent 17%),radial-gradient(circle,rgba(25,19,14,.98),rgba(9,8,7,.97));
    box-shadow:0 13px 35px rgba(0,0,0,.55),0 0 0 8px color-mix(in srgb,var(--tool-color) 4%,transparent),inset 0 1px rgba(255,255,255,.08),inset 0 -8px 17px rgba(0,0,0,.3);
    cursor:pointer;pointer-events:auto;
    transition:transform .26s cubic-bezier(.2,.8,.2,1),border-color .25s,box-shadow .25s,color .25s;
  }
  .machine-tool::before,.machine-tool::after{content:"";position:absolute;border-radius:50%;pointer-events:none}
  .machine-tool::before{inset:-8px;border:1px dashed color-mix(in srgb,var(--tool-color) 30%,transparent);animation:toolOrbit 12s linear infinite}
  .machine-tool::after{inset:8px;border:1px solid color-mix(in srgb,var(--tool-color) 17%,transparent);animation:toolPulse 2.8s ease-in-out infinite}
  .machine-tool svg{position:relative;z-index:2;width:31px;height:31px;overflow:visible;filter:drop-shadow(0 0 7px currentColor)}
  .machine-tool .icon-motion{transform-origin:12px 12px;animation:toolGlyph 3.2s ease-in-out infinite}
  .motion-toggle{display:none}
  .hero .settings-trigger{position:relative;z-index:910;max-width:100%;display:flex;align-items:baseline;justify-content:center;gap:0;border-radius:18px;cursor:pointer;outline:none}
  .hero .settings-trigger:focus-visible{box-shadow:0 0 0 2px rgba(119,215,199,.78),0 0 34px rgba(119,215,199,.2)}
  .hero .settings-trigger[aria-expanded="true"]{filter:drop-shadow(0 0 24px rgba(119,215,199,.18))}
  .settings-overlay{position:fixed;z-index:900;inset:0;display:grid;place-items:center;padding:calc(12px + env(safe-area-inset-top)) calc(12px + env(safe-area-inset-right)) calc(12px + env(safe-area-inset-bottom)) calc(12px + env(safe-area-inset-left));background:radial-gradient(circle at 50% 36%,rgba(119,215,199,.08),transparent 42%),rgba(3,4,4,.9)}
  .settings-overlay[hidden]{display:none}
  .settings-card{position:relative;width:min(420px,100%);max-height:calc(100dvh - 24px - env(safe-area-inset-top) - env(safe-area-inset-bottom));padding:20px;border:1px solid rgba(119,215,199,.32);border-radius:22px;background:radial-gradient(circle at 88% 4%,rgba(119,215,199,.11),transparent 30%),linear-gradient(145deg,#111a17,#070908 68%);box-shadow:0 32px 110px rgba(0,0,0,.78),inset 0 1px rgba(255,255,255,.055);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(119,215,199,.42) transparent}
  .settings-card::before{content:"";position:absolute;inset:0 12% auto;height:1px;background:linear-gradient(90deg,transparent,var(--amber),var(--aqua),transparent);opacity:.68}
  .settings-card h2{margin:0;color:var(--bone);font:italic 400 26px/1.1 Georgia,serif;padding-right:40px}
  .settings-kicker{margin:0 0 6px;color:var(--aqua);font:900 9px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase}
  .settings-intro{margin:8px 0 12px;color:rgba(245,236,220,.68);font:italic 400 12px/1.4 var(--serif)}
  .settings-close{position:absolute;z-index:2;top:10px;right:10px;width:44px;height:44px;display:grid;place-items:center;border:1px solid rgba(245,236,220,.2);border-radius:50%;color:var(--bone);background:rgba(255,255,255,.025);font-size:22px;cursor:pointer;transition:transform .2s ease,border-color .2s ease,color .2s ease,background .2s ease}
  .settings-close:hover,.settings-close:focus-visible{transform:rotate(8deg) scale(1.05);border-color:rgba(119,215,199,.58);color:var(--aqua);background:rgba(119,215,199,.08)}
  .settings-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid rgba(245,236,220,.1);color:var(--bone-dim)}
  .settings-label{min-width:0;display:grid;gap:3px}
  .settings-label b{color:var(--bone);font:850 12px/1.2 var(--mono);letter-spacing:.035em;text-transform:uppercase}
  .settings-label small{max-width:250px;color:rgba(245,236,220,.55);font:italic 400 12px/1.35 var(--serif)}
  .settings-switch{position:relative;width:84px;min-width:84px;flex:0 0 84px;min-height:44px;display:grid;grid-template-columns:34px 1fr;align-items:center;gap:5px;padding:5px 9px 5px 5px;border:1px solid rgba(245,236,220,.18);border-radius:999px;color:rgba(245,236,220,.62);background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(0,0,0,.18));box-shadow:inset 0 0 0 1px rgba(0,0,0,.16);cursor:pointer;transition:transform .2s ease,border-color .24s ease,color .24s ease,background .24s ease,box-shadow .24s ease}
  .settings-switch:hover,.settings-switch:focus-visible{transform:translateY(-1px);border-color:rgba(119,215,199,.48)}
  .settings-switch:disabled{opacity:.5;cursor:not-allowed;transform:none}
  .settings-switch[aria-pressed="true"]{color:var(--aqua);border-color:rgba(119,215,199,.52);background:linear-gradient(180deg,rgba(119,215,199,.14),rgba(119,215,199,.045));box-shadow:0 0 24px rgba(119,215,199,.08),inset 0 0 0 1px rgba(119,215,199,.08)}
  .settings-switch-track{position:relative;width:34px;height:24px;border-radius:999px;background:rgba(0,0,0,.34);box-shadow:inset 0 0 0 1px rgba(245,236,220,.12)}
  .settings-switch-track i{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:linear-gradient(145deg,#756f66,#3e3b37);box-shadow:0 5px 13px rgba(0,0,0,.5);transform:translateX(0);transition:transform .28s cubic-bezier(.2,.8,.2,1),background .24s ease,box-shadow .24s ease}
  .settings-switch[aria-pressed="true"] .settings-switch-track i{background:radial-gradient(circle at 38% 32%,#f1fffb,var(--aqua) 38%,#317e72 78%);box-shadow:0 0 12px rgba(119,215,199,.4),0 4px 10px rgba(0,0,0,.4);transform:translateX(10px)}
  .settings-switch-value{font:900 10px/1 var(--mono);letter-spacing:.06em;text-align:center}
  .settings-volume{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;width:136px;flex:0 0 136px}
  .settings-volume input{width:100%;height:44px;accent-color:var(--aqua);cursor:pointer}
  .settings-name-field{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;align-items:center;width:186px;flex:0 0 186px}
  .settings-name-field input{width:100%;min-width:0;min-height:44px;padding:0 11px;border:1px solid rgba(119,215,199,.32);border-radius:12px;color:var(--aqua);background:rgba(0,0,0,.28);font:800 12px/1 var(--mono);letter-spacing:.04em}
  .settings-name-field input:focus{outline:none;border-color:rgba(119,215,199,.7);box-shadow:0 0 0 3px rgba(119,215,199,.1)}
  .settings-name-save{min-height:44px;padding:0 11px;border:1px solid rgba(255,190,108,.48);border-radius:12px;color:#1b1108;background:linear-gradient(145deg,#ffc476,#e99141);font:900 10px/1 var(--mono);letter-spacing:.1em;cursor:pointer}
  .settings-volume output{min-width:32px;color:var(--aqua);text-align:right;font:800 10px/1 var(--mono)}
  .settings-performance-note{display:flex;align-items:center;gap:7px;margin:8px 0 0;padding:9px 10px;border:1px solid rgba(255,180,92,.18);border-radius:12px;color:rgba(245,236,220,.6);background:rgba(255,180,92,.035);font:700 9px/1.4 var(--mono);letter-spacing:.02em}
  .settings-performance-note::before{content:"";width:7px;height:7px;flex:0 0 auto;border-radius:50%;background:var(--aqua);box-shadow:0 0 13px rgba(119,215,199,.7)}
  html.wire-backgrounded *,html.wire-backgrounded *::before,html.wire-backgrounded *::after{animation-play-state:paused!important}
  body.settings-is-open .site *,body.upload-is-open .hero *,body.peer-is-open .hero *{animation-play-state:paused!important}
  body.settings-is-open #filamentField,body.settings-is-open .grain,body.settings-is-open .ambient{visibility:hidden}
  html:not(.wire-high-fidelity) .ambient{opacity:.055}
  html.wire-high-fidelity .ambient{opacity:.1}
  html.wire-high-fidelity .hero h1{filter:drop-shadow(0 0 24px rgba(119,215,199,.08))}
  @media(max-width:560px){.settings-card{padding:18px 16px 14px}.settings-card h2{font-size:24px}.settings-row{gap:10px}.settings-label b{font-size:11px}.settings-volume{width:120px;flex-basis:120px}.settings-name-field{width:150px;flex-basis:150px}}
  html.wire-motion-off *,html.wire-motion-off *::before,html.wire-motion-off *::after{animation-duration:0.001ms!important;animation-iteration-count:1!important;transition-duration:0.001ms!important;scroll-behavior:auto!important}
  .machine-tool:disabled{
    color:#756f69;border-color:rgba(117,111,105,.28);background:rgba(21,20,19,.82);
    box-shadow:0 8px 22px rgba(0,0,0,.35);cursor:not-allowed;opacity:.38;filter:grayscale(1);
  }
  .machine-tool:disabled::before,.machine-tool:disabled::after,.machine-tool:disabled .icon-motion{animation-play-state:paused}
  .machine-tool:disabled svg{filter:none}
  .machine-tool:hover,.machine-tool:focus-visible,.machine-tool[aria-pressed="true"]{
    transform:scale(1.14);border-color:color-mix(in srgb,var(--tool-color) 82%,white 8%);
    box-shadow:0 18px 46px rgba(0,0,0,.6),0 0 0 11px color-mix(in srgb,var(--tool-color) 9%,transparent),0 0 35px color-mix(in srgb,var(--tool-color) 32%,transparent),inset 0 1px rgba(255,255,255,.14);
  }
  .machine-tool[aria-pressed="true"]::before{animation-duration:2.4s;border-style:solid}
  .machine-tool-search[aria-pressed="true"]::before,.machine-tool-ask[aria-pressed="true"]::before{animation:none;border-color:transparent;opacity:0}
  .machine-tool-search{--tool-color:var(--amber);left:7%;top:23%}
  .machine-tool-ask{--tool-color:var(--aqua);right:7%;top:23%}
  .machine-tool-peer{--tool-color:var(--violet);left:12%;bottom:17%}
  .machine-tool-upload{--tool-color:var(--coral);right:12%;bottom:17%}
  .machine-mode-readout{
    position:absolute;z-index:7;left:50%;bottom:1%;min-width:235px;padding:9px 15px;
    border:1px solid rgba(245,236,220,.09);border-radius:999px;color:var(--bone-dim);background:rgba(9,8,7,.72);
    box-shadow:0 10px 30px rgba(0,0,0,.25);font:800 10px/1 var(--mono);letter-spacing:.17em;text-align:center;
    text-transform:uppercase;transform:translateX(-50%);backdrop-filter:blur(14px);
  }
  .machine-mode-readout::before{content:"";display:inline-block;width:6px;height:6px;margin:0 9px 1px 0;border-radius:50%;background:var(--aqua);box-shadow:0 0 12px var(--aqua);animation:aliveDot 1.6s ease-in-out infinite}
  .loom{z-index:3}
  .loom.is-mode-waking{animation:machineWake .58s cubic-bezier(.2,.9,.2,1)}
  body[data-machine-mode="ask"] .loom{color:#85e7d7}
  body[data-machine-mode="search"] .loom{color:#ffc36f}
  body[data-machine-mode="peer"] .loom{color:#b7a5ff}
  body[data-machine-mode="upload"] .loom{color:#ff8268}
  .welcome.is-results-mode{min-height:126px;padding:4px 0 12px}
  .welcome.is-results-mode .machine-core{width:min(570px,100%);min-height:112px}
  .welcome.is-results-mode .machine-core::before{inset:8% 32%}
  .welcome.is-results-mode .loom{width:104px;filter:brightness(1.15) saturate(1.25) drop-shadow(0 16px 28px rgba(0,0,0,.5))}
  .welcome.is-results-mode .loom-label{display:none}
  .welcome.is-results-mode .machine-mode-readout{display:none}
  .welcome.is-results-mode .machine-tools{
    left:50%;top:20px;right:auto;bottom:auto;width:min(560px,100%);height:68px;
    display:grid;grid-template-columns:64px 64px minmax(100px,1fr) 64px 64px;align-items:center;gap:7px;
    transform:translateX(-50%);
  }
  .welcome.is-results-mode .machine-tool{position:relative;inset:auto;width:58px;height:58px}
  .welcome.is-results-mode .machine-tool-search{grid-column:1}
  .welcome.is-results-mode .machine-tool-peer{grid-column:2}
  .welcome.is-results-mode .machine-tool-ask{grid-column:4}
  .welcome.is-results-mode .machine-tool-upload{grid-column:5}
  .welcome.is-results-mode .machine-tool svg{width:26px;height:26px}

                                                                           
  .thread-rail{
    width:min(560px,calc(100vw - 20px));gap:6px;padding:6px;border-color:rgba(245,236,220,.13);
    border-radius:24px;background:rgba(9,8,7,.82);box-shadow:0 18px 55px rgba(0,0,0,.46),0 0 38px rgba(255,180,92,.045),inset 0 1px rgba(255,255,255,.035);
  }
  .thread-rail.has-transfers{grid-template-columns:repeat(6,minmax(0,1fr));gap:4px}
  /* Optional room shortcuts. Keep the transfer control available while files load. */
  .thread-rail[data-player-shortcuts="off"]:not(.has-transfers),
  .thread-rail[data-player-shortcuts="off"] .thread-destination:not(.thread-download-toggle),
  body.settings-is-open .thread-rail{display:none!important}
  .thread-rail[data-player-shortcuts="off"].has-transfers{width:72px;grid-template-columns:minmax(0,1fr)}
  .thread-rail[data-player-shortcuts="off"] .thread-destination:not(.thread-download-toggle) *{animation:none!important}
  .thread-destination{
    --organ-tone:#ffbd6b;position:relative;isolation:isolate;min-height:58px;display:grid;place-items:center;gap:0;overflow:hidden;
    border:1px solid transparent;border-radius:18px;color:color-mix(in srgb,var(--organ-tone) 42%,#766c60);
    background:radial-gradient(circle at 50% 120%,color-mix(in srgb,var(--organ-tone) 7%,transparent),transparent 64%);
    cursor:pointer;touch-action:manipulation;
    transition:transform .22s cubic-bezier(.2,.8,.2,1),color .22s,border-color .22s,background .22s,box-shadow .22s;
  }
  .thread-destination[data-medium="home"]{--organ-tone:#ffbd6b}
  .thread-destination[data-medium="document"]{--organ-tone:#77d7c7}
  .thread-destination[data-medium="image"]{--organ-tone:#df91aa}
  .thread-destination[data-medium="audio"]{--organ-tone:#b7a5ff}
  .thread-destination[data-medium="video"]{--organ-tone:#ff7257}
  .thread-destination[data-medium="downloads"]{--organ-tone:#77d7c7}
  .thread-destination::before{
    content:"";position:absolute;z-index:-1;inset:9px;border:1px solid color-mix(in srgb,var(--organ-tone) 17%,transparent);
    border-radius:50%;opacity:.42;transform:scale(.78);animation:navOrganHalo 3.6s ease-in-out infinite;
  }
  .thread-destination::after{
    content:"";position:absolute;z-index:-1;inset:auto 20% 5px;height:1px;
    background:linear-gradient(90deg,transparent,var(--organ-tone),transparent);opacity:.15;
  }
  .thread-destination:hover,.thread-destination:focus-visible,.thread-destination[aria-current="page"]{
    color:var(--organ-tone);border-color:color-mix(in srgb,var(--organ-tone) 34%,transparent);
    background:radial-gradient(circle,color-mix(in srgb,var(--organ-tone) 10%,transparent),rgba(255,255,255,.018) 68%);
    box-shadow:0 0 24px color-mix(in srgb,var(--organ-tone) 12%,transparent),inset 0 0 24px color-mix(in srgb,var(--organ-tone) 5%,transparent);
    transform:translateY(-2px);
  }
  .thread-destination:active{transform:translateY(0) scale(.94)}
  .thread-destination span{display:none!important}
  .thread-destination .nav-organ-icon{width:30px;height:30px;overflow:visible;filter:drop-shadow(0 0 7px currentColor);animation:navOrganFloat 3.8s ease-in-out infinite}
  .nav-organ-icon *{vector-effect:non-scaling-stroke}
  .nav-organ-body,.nav-organ-page,.nav-organ-frame,.nav-organ-landscape,.nav-organ-bar,.nav-organ-screen,.nav-organ-queue-line{fill:none;stroke:currentColor;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round}
  .nav-organ-orbit{fill:none;stroke:currentColor;stroke-width:.75;stroke-dasharray:2 3;opacity:.36;transform-origin:12px 12px;animation:navOrganOrbit 7s linear infinite}
  .nav-organ-core,.nav-organ-sun,.nav-organ-play,.nav-organ-queue-dot{fill:currentColor;transform-box:fill-box;transform-origin:center}
  .nav-organ-core{animation:navOrganHeart 1.45s ease-in-out infinite}
  .nav-organ-page{transform-origin:12px 12px;animation:navOrganPage 3.2s ease-in-out infinite}
  .nav-organ-page-back{opacity:.35;animation-delay:-1.6s}
  .nav-organ-scan{fill:none;stroke:currentColor;stroke-width:1.1;stroke-linecap:round;stroke-dasharray:7 7;animation:navOrganScan 2.2s linear infinite}
  .nav-organ-sun{animation:navOrganSun 2.8s ease-in-out infinite}
  .nav-organ-landscape{animation:navOrganLandscape 3.4s ease-in-out infinite}
  .nav-organ-bar{transform-box:fill-box;transform-origin:center;animation:navOrganWave 1.15s ease-in-out infinite}
  .nav-organ-bar-2{animation-delay:-.42s}.nav-organ-bar-3{animation-delay:-.77s}.nav-organ-bar-4{animation-delay:-.2s}.nav-organ-bar-5{animation-delay:-.61s}
  .nav-organ-screen{animation:navOrganScreen 3s ease-in-out infinite}
  .nav-organ-play{animation:navOrganProject 1.8s ease-in-out infinite}
  .nav-organ-queue-line{stroke-dasharray:15 15;animation:navOrganFlow 2.1s linear infinite}
  .nav-organ-queue-line-2{animation-delay:-.7s}.nav-organ-queue-line-3{animation-delay:-1.4s}
  .nav-organ-queue-dot{animation:navOrganPacket 1.3s ease-in-out infinite}.nav-organ-queue-dot-2{animation-delay:-.65s}
  .thread-destination:hover .nav-organ-icon,.thread-destination[aria-current="page"] .nav-organ-icon{animation-duration:1.65s;filter:drop-shadow(0 0 11px currentColor)}
  .thread-download-toggle{border-color:transparent;background:radial-gradient(circle at 50% 120%,rgba(119,215,199,.07),transparent 64%)}
  .thread-download-toggle[aria-expanded="false"]{color:#10100e;background:var(--aqua);box-shadow:0 0 22px rgba(119,215,199,.2)}
  .card,.folder-result,.skeleton{content-visibility:auto;contain-intrinsic-size:240px}
  body.wire-is-launching .site *,body.keep-is-open .site *,body.realm-is-open .site *{animation-play-state:paused!important}

                                                         
  .upload-shell{
    z-index:215;
    padding:
      max(clamp(10px,2vw,22px),env(safe-area-inset-top))
      max(clamp(10px,2vw,22px),env(safe-area-inset-right))
      max(clamp(10px,2vw,22px),env(safe-area-inset-bottom))
      max(clamp(10px,2vw,22px),env(safe-area-inset-left));
    background:rgba(3,3,3,.88);backdrop-filter:blur(26px) saturate(124%)
  }
  .upload-panel{
    position:relative;width:min(1080px,100%);height:min(900px,calc(100dvh - clamp(20px,4vw,44px)));max-height:none;
    display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden;border-color:rgba(255,190,108,.3);border-radius:30px;
    background:radial-gradient(620px 360px at 3% 0,rgba(255,180,92,.12),transparent 68%),radial-gradient(680px 420px at 100% 100%,rgba(119,215,199,.1),transparent 67%),linear-gradient(145deg,#17110d,#080706);
    box-shadow:0 48px 150px rgba(0,0,0,.82),inset 0 1px rgba(255,255,255,.05)
  }
  .upload-panel::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(circle,rgba(255,224,177,.55) 0 1px,transparent 1.5px);background-size:67px 67px;mask-image:linear-gradient(to bottom,black,transparent 42%);opacity:.12}
  .upload-head{position:relative;z-index:3;min-height:88px;padding:18px clamp(20px,3.5vw,36px);border-bottom-color:rgba(245,236,220,.11);background:rgba(10,8,7,.34);backdrop-filter:blur(12px)}
  .upload-brand{min-width:0;flex:1;display:flex;align-items:center;gap:14px}
  .upload-brand>span:last-child{min-width:0;display:grid;gap:7px}
  .upload-brand small{font-size:11px;font-weight:900;text-shadow:0 0 14px rgba(255,180,92,.35)}
  .upload-brand strong{overflow:hidden;color:var(--bone-dim);font:700 clamp(13px,1.7vw,16px)/1.25 var(--sans);text-overflow:ellipsis;white-space:nowrap}
  .upload-brand-sigil{width:48px;height:48px;display:grid;place-items:center;flex:0 0 auto;border:1px solid rgba(255,190,108,.38);border-radius:50%;color:var(--amber);background:rgba(255,180,92,.07);box-shadow:0 0 28px rgba(255,180,92,.11),inset 0 0 18px rgba(255,180,92,.05)}
  .upload-brand-sigil svg{width:24px;height:24px;animation:uploadSignalBreathe 2.8s ease-in-out infinite}
  .upload-close{width:50px;height:50px;border-color:rgba(245,236,220,.18);background:rgba(255,255,255,.035)}
  .upload-close:hover{border-color:rgba(255,190,108,.48);color:var(--amber);background:rgba(255,180,92,.07)}
  .upload-head .upload-mode{width:min(500px,100%);grid-template-columns:repeat(2,minmax(112px,1fr));gap:8px;padding:0}
  .upload-head .upload-mode-card{min-height:48px;gap:0;padding:10px 14px;border-radius:16px;place-items:center;overflow:hidden;isolation:isolate}
  .upload-head .upload-mode-card::after{content:"";position:absolute;inset:-35% -60%;pointer-events:none;background:linear-gradient(110deg,transparent 35%,rgba(210,255,240,.2) 50%,transparent 65%);opacity:0;transform:translateX(-55%)}
  body[data-machine-mode="upload"]:not(.keep-is-open):not(.settings-is-open) .upload-mode-card.is-selected::after{animation:uploadModeGlimmer 1.6s ease-out both}
  @media(hover:hover){body[data-machine-mode="upload"]:not(.keep-is-open):not(.settings-is-open) .upload-mode-card:hover::after{animation:uploadModeHoverGlimmer 1.2s ease-out both}}
  @keyframes uploadModeGlimmer{0%{opacity:0;transform:translateX(-55%)}25%{opacity:.8}100%{opacity:0;transform:translateX(55%)}}
  @keyframes uploadModeHoverGlimmer{0%{opacity:0;transform:translateX(-55%)}25%{opacity:.65}100%{opacity:0;transform:translateX(55%)}}
  .upload-head .upload-mode-card strong{font-size:12px}
  .upload-head .upload-mode-card small{font-size:9px;white-space:nowrap}
  .upload-body{position:relative;z-index:2;min-height:0;align-content:start;overflow:auto;overscroll-behavior:contain;gap:14px;padding:clamp(14px,2vw,22px) clamp(17px,3.4vw,34px)}
  .upload-intake-grid{display:grid;grid-template-columns:minmax(250px,.7fr) minmax(400px,1.3fr);align-items:stretch;gap:16px}
  .upload-source-card,.upload-browser{position:relative;min-width:0;display:grid;align-content:start;gap:13px;padding:18px;overflow:hidden;border:1px solid rgba(245,236,220,.11);border-radius:22px;background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(8,7,6,.3));box-shadow:inset 0 1px rgba(255,255,255,.025)}
  .upload-source-card::before,.upload-browser::before{content:"";position:absolute;inset:0 auto 0 0;width:2px;background:linear-gradient(transparent,var(--amber),transparent);opacity:.78}
  .upload-browser::before{background:linear-gradient(transparent,var(--aqua),transparent)}
  .upload-card-head{display:grid;gap:7px}
  .upload-card-head small,.upload-folder-caption{color:var(--amber);font:900 10px/1 var(--mono);letter-spacing:.17em;text-transform:uppercase}
  .upload-destination-head{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:14px}
  .upload-destination-meta{min-width:0;display:flex;align-items:center;justify-content:flex-end;gap:9px}
  .upload-current{max-width:250px;padding:0;border:0;border-radius:0;color:var(--aqua);background:transparent;font:800 10px/1.35 var(--mono);text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .upload-drop{min-height:184px;align-content:center;gap:8px;padding:16px;border-width:1px;border-color:rgba(255,190,108,.3);border-radius:18px;background:radial-gradient(circle at 50% 35%,rgba(255,180,92,.1),transparent 46%),rgba(255,180,92,.025);transition:border-color .24s ease,background .24s ease,transform .24s ease}
  .upload-drop.is-dragging{transform:scale(.99);border-style:solid;box-shadow:inset 0 0 45px rgba(119,215,199,.08),0 0 30px rgba(119,215,199,.08)}
  .upload-drop-sigil{width:48px;height:48px;display:grid;place-items:center;margin-bottom:1px;border:1px solid rgba(255,190,108,.34);border-radius:50%;color:var(--amber);background:rgba(255,180,92,.065);box-shadow:0 0 30px rgba(255,180,92,.1),inset 0 0 22px rgba(255,180,92,.04)}
  .upload-drop-sigil svg{width:24px;height:24px}
  .upload-drop strong{font-size:clamp(20px,2.2vw,25px);font-style:italic}
  .upload-drop span{font-size:11px;letter-spacing:.07em}
  .upload-file-name{max-width:310px}
  .upload-pick-actions{position:relative;gap:10px;margin-top:5px}
  .upload-pick{min-height:48px;padding:0 17px;border-radius:14px;color:var(--bone);font-size:11px;font-weight:900}
  .upload-pick:hover{transform:translateY(-1px);border-color:rgba(255,190,108,.52);background:rgba(255,180,92,.08)}
  .upload-pick-toggle{border-color:rgba(119,215,199,.44);color:#b9fff2;background:linear-gradient(145deg,rgba(119,215,199,.14),rgba(119,215,199,.045))}
  .upload-pick-menu{position:absolute;z-index:20;left:50%;bottom:calc(100% + 8px);width:min(250px,calc(100vw - 48px));display:grid;gap:6px;padding:8px;border:1px solid rgba(119,215,199,.38);border-radius:16px;background:rgba(8,11,10,.99);box-shadow:0 22px 58px rgba(0,0,0,.72);transform:translateX(-50%)}
  .upload-pick-menu[hidden]{display:none}
  .upload-pick-menu button{min-height:44px;padding:0 13px;border:1px solid rgba(245,236,220,.12);border-radius:11px;color:var(--bone);background:rgba(255,255,255,.035);font:850 10px/1 var(--mono);letter-spacing:.07em;text-transform:uppercase;cursor:pointer}
  .upload-pick-menu button:hover,.upload-pick-menu button:focus-visible{border-color:rgba(119,215,199,.54);color:var(--aqua);background:rgba(119,215,199,.09)}
  .upload-pick:focus-within,.upload-tool:focus-visible,.upload-crumb:focus-visible,.upload-folder:focus-visible,.upload-action:focus-visible,.upload-close:focus-visible{box-shadow:0 0 0 3px rgba(119,215,199,.16),0 0 0 1px var(--aqua)!important}
  .upload-pick-folder{border-color:rgba(119,215,199,.42);color:#9ff8e8;background:rgba(119,215,199,.065)}
  .upload-tool{min-height:46px;padding:0 13px;border-radius:13px;font-size:11px;font-weight:900;letter-spacing:.055em;text-transform:uppercase;cursor:pointer}
  .upload-tool:disabled{opacity:.3;cursor:default}
  .upload-tool-new{border-color:rgba(119,215,199,.32);color:var(--aqua);background:rgba(119,215,199,.055)}
  .upload-new-folder{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}
  .upload-new-folder input{min-width:0;text-transform:none}
  .upload-tool-create{border-color:rgba(255,190,108,.48);color:#1b1108;background:linear-gradient(145deg,#ffc476,#e99141)}
  .upload-breadcrumbs{min-height:50px;display:flex;align-items:center;gap:7px;overflow-x:auto;overflow-y:hidden;padding:1px 1px 3px;scroll-snap-type:x proximity;overscroll-behavior-x:contain;touch-action:pan-x}
  .upload-crumb{min-height:46px;flex:0 0 auto;padding:0 15px;border:1px solid rgba(119,215,199,.28);border-radius:999px;color:#9ff8e8;background:rgba(119,215,199,.07);font:900 11px/1 var(--mono);cursor:pointer;scroll-snap-align:start}
  .upload-crumb[aria-current="page"]{color:var(--bone);border-color:rgba(255,190,108,.4);background:rgba(255,180,92,.075)}
  .upload-crumb-arrow{flex:0 0 auto;display:grid;place-items:center;min-width:18px;color:var(--amber);font:900 19px/1 var(--mono);text-shadow:0 0 13px rgba(255,180,92,.65);pointer-events:none;animation:realmArrowShimmer 1.7s ease-in-out infinite}
  .upload-auto-folder{min-height:34px;margin:0;padding:9px 11px;border:1px solid rgba(119,215,199,.15);border-radius:11px;color:var(--bone-dim);background:rgba(119,215,199,.025);font-size:10px;line-height:1.45}
  .upload-folder-caption{color:var(--aqua);font-size:9px}
  .upload-folders{min-height:174px;max-height:min(38vh,340px);grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:1px}
  .upload-folder{position:relative;min-height:58px;display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:9px;padding:9px 11px;overflow:hidden;border-color:rgba(245,236,220,.11);border-radius:14px;color:var(--bone);background:rgba(255,255,255,.025);font:inherit;transition:transform .2s ease,border-color .2s ease,background .2s ease}
  .upload-folder::before{content:"";position:absolute;inset:0 auto 0 0;width:2px;margin:0;background:linear-gradient(transparent,var(--aqua),transparent)}
  .upload-folder:hover{transform:translateY(-1px);border-color:rgba(119,215,199,.4);background:rgba(119,215,199,.06)}
  .upload-folder-sigil{width:36px;height:36px;display:grid;place-items:center;border:1px solid rgba(119,215,199,.27);border-radius:11px;color:var(--aqua);background:rgba(119,215,199,.055)}
  .upload-folder-sigil svg{width:19px;height:19px}
  .upload-folder-copy{min-width:0;display:grid;gap:4px}
  .upload-folder-copy strong{overflow:visible;font:italic 600 14px/1.08 var(--serif);overflow-wrap:normal;text-overflow:clip;white-space:normal}
  .upload-folder-copy small{color:var(--bone-dim);font:800 8px/1 var(--mono);letter-spacing:.11em;text-transform:uppercase}
  .upload-folder-arrow{color:var(--amber);font:900 20px/1 var(--mono);text-shadow:0 0 12px rgba(255,180,92,.45)}
  .upload-folder-empty{min-height:82px;display:grid;place-items:center;padding:16px;border:1px dashed rgba(245,236,220,.1);border-radius:15px;font-size:12px}
  .upload-footer{position:relative;z-index:4;display:grid;gap:11px;padding:13px clamp(18px,3.4vw,34px) calc(14px + env(safe-area-inset-bottom));border-top:1px solid rgba(245,236,220,.11);background:rgba(11,9,8,.94);backdrop-filter:blur(20px)}
  .upload-footer-row{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px}
  .upload-status{font-size:12px;line-height:1.45}
  .upload-actions{flex-wrap:nowrap}
  .upload-action{min-height:52px;padding:0 20px;border-radius:14px;font-size:11px;font-weight:900}
  .upload-submit{min-width:150px;box-shadow:0 9px 28px rgba(213,122,50,.2)}
  @keyframes uploadSignalBreathe{0%,100%{transform:translateY(1px);filter:drop-shadow(0 0 0 rgba(255,180,92,0))}50%{transform:translateY(-2px);filter:drop-shadow(0 0 9px rgba(255,180,92,.75))}}
  @media (max-width:820px){
    .upload-panel{height:calc(100dvh - 20px);border-radius:24px}
    .upload-intake-grid{grid-template-columns:1fr}
    .upload-drop{min-height:230px}
  }
  @media (max-width:520px){
    .upload-shell{padding:0}
    .upload-panel{height:100dvh;border-width:0;border-radius:0}
    .upload-head{
      min-height:calc(76px + env(safe-area-inset-top));
      padding:
        calc(13px + env(safe-area-inset-top))
        calc(15px + env(safe-area-inset-right))
        13px
        calc(15px + env(safe-area-inset-left))
    }
    .upload-brand-sigil{width:44px;height:44px}.upload-brand strong{font-size:12px}
    .upload-body{padding:14px;gap:14px}.upload-source-card,.upload-browser{padding:15px;border-radius:19px}
    .upload-destination-head{grid-template-columns:1fr}.upload-destination-meta{justify-content:space-between}.upload-current{max-width:calc(100% - 116px);text-align:left}
    .upload-drop{min-height:150px}.upload-pick{min-height:46px;padding:0 14px}
    .upload-folders{grid-template-columns:1fr;max-height:260px}
    .upload-footer{padding:11px 14px calc(11px + env(safe-area-inset-bottom))}
    .upload-footer-row{grid-template-columns:1fr;gap:9px}.upload-status{min-height:0}.upload-actions{display:grid;grid-template-columns:auto minmax(0,1fr)}
    .upload-action{min-height:50px}.upload-submit{min-width:0}
  }
  @keyframes navOrganHalo{0%,100%{opacity:.2;transform:scale(.72)}50%{opacity:.72;transform:scale(1.08)}}
  @keyframes navOrganFloat{0%,100%{transform:translateY(1px) scale(.97)}50%{transform:translateY(-2px) scale(1.04)}}
  @keyframes navOrganOrbit{to{transform:rotate(360deg)}}
  @keyframes navOrganHeart{0%,100%{opacity:.55;transform:scale(.72)}18%{opacity:1;transform:scale(1.32)}34%{transform:scale(.92)}48%{transform:scale(1.16)}}
  @keyframes navOrganPage{0%,100%{transform:translate(-.35px,.45px)}50%{transform:translate(.55px,-.55px)}}
  @keyframes navOrganScan{to{stroke-dashoffset:-14}}
  @keyframes navOrganSun{0%,100%{opacity:.55;transform:translate(-.4px,.4px) scale(.8)}50%{opacity:1;transform:translate(.8px,-.7px) scale(1.25)}}
  @keyframes navOrganLandscape{0%,100%{transform:translateY(.5px)}50%{transform:translateY(-.6px)}}
  @keyframes navOrganWave{0%,100%{transform:scaleY(.55);opacity:.55}50%{transform:scaleY(1.14);opacity:1}}
  @keyframes navOrganScreen{0%,100%{opacity:.62}50%{opacity:1;filter:drop-shadow(0 0 4px currentColor)}}
  @keyframes navOrganProject{0%,100%{opacity:.55;transform:scale(.76) translateX(-.4px)}50%{opacity:1;transform:scale(1.18) translateX(.6px)}}
  @keyframes navOrganFlow{to{stroke-dashoffset:-30}}
  @keyframes navOrganPacket{0%,100%{opacity:.35;transform:translateX(-1.2px) scale(.7)}50%{opacity:1;transform:translateX(1.2px) scale(1.2)}}
  @keyframes wireTitleBreathe{0%,100%{filter:drop-shadow(0 0 8px rgba(255,180,92,.08)) drop-shadow(0 0 22px rgba(255,114,87,.04))}50%{filter:drop-shadow(0 0 13px rgba(255,180,92,.24)) drop-shadow(0 0 38px rgba(255,114,87,.12))}}
  @keyframes wireTitleShimmer{0%,18%{background-position:120% 50%}52%,100%{background-position:-120% 50%}}
  @keyframes consoleArrive{from{opacity:0;transform:translateY(-13px) scale(.975)}to{opacity:1;transform:none}}
  @keyframes machineField{0%,100%{opacity:.55;transform:scale(.95)}50%{opacity:1;transform:scale(1.04)}}
  @keyframes toolOrbit{to{transform:rotate(360deg)}}
  @keyframes toolPulse{0%,100%{opacity:.25;transform:scale(.92)}50%{opacity:.8;transform:scale(1.08)}}
  @keyframes toolGlyph{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-2px) scale(1.055)}}
  @keyframes aliveDot{0%,100%{opacity:.45;transform:scale(.75)}50%{opacity:1;transform:scale(1.2)}}
  @keyframes machineWake{0%{transform:scale(1)}42%{transform:scale(1.055);filter:brightness(1.75) saturate(1.55) drop-shadow(0 0 75px currentColor)}100%{transform:scale(1)}}
  @keyframes askSignalSpin{to{transform:rotate(360deg)}}
  @keyframes machineHelpOrbit{to{transform:rotate(360deg)}}
  @media (max-width:720px){
    .command-deck{height:225px;grid-template-rows:225px}
    .hero{margin-top:clamp(14px,3vh,28px)}.hero h1{font-size:clamp(59px,19vw,104px)}
    .claude-codex-art-display{height:58px;margin-bottom:20px;padding:3px 0}
    .cc-art-canvas{inset:3px 0}
    .search-stage{margin-top:3px}.search-form{min-height:62px;padding-left:9px}.console-mode-mark{width:42px;height:42px}
    .machine-core{min-height:420px}.machine-tool{width:62px;height:62px}.machine-tool svg{width:27px;height:27px}
    .machine-tool-search{left:3%;top:20%}.machine-tool-ask{right:3%;top:20%}.machine-tool-peer{left:7%;bottom:18%}.machine-tool-upload{right:7%;bottom:18%}
  }
  @media (max-width:480px){
    .welcome{min-height:430px}.machine-core{min-height:390px}.loom{width:min(258px,70vw)}
    .machine-tool{width:56px;height:56px}.machine-tool::before{inset:-5px}
    .machine-tool-search{left:2%;top:18%}.machine-tool-ask{right:2%;top:18%}.machine-tool-peer{left:4%;bottom:18%}.machine-tool-upload{right:4%;bottom:18%}
    .machine-mode-readout{bottom:0;min-width:210px;font-size:9px}
    .machine-help{top:3%;width:43px;height:43px}
    .machine-help svg{width:25px;height:25px}
    .machine-tool-help{width:96px;gap:3px}
    .machine-tool-help b{font-size:7px;letter-spacing:.12em}
    .machine-tool-help small{font-size:10.5px;line-height:1.17}
    .machine-tool .machine-tool-help{top:calc(100% + 8px);right:auto;bottom:auto;left:50%;text-align:center;transform:translate(-50%,-5px) scale(.96)}
    .welcome.is-helping .machine-tool-help{transform:translate(-50%,0) scale(1)}
    .realm-trigger{min-height:76px;grid-template-columns:52px minmax(0,1fr);padding:10px}.realm-trigger-sigil{width:50px;height:50px}.realm-trigger-meta{display:none}
    .welcome.is-results-mode .machine-tools{grid-template-columns:52px 52px minmax(74px,1fr) 52px 52px;gap:2px}
    .welcome.is-results-mode .machine-tool{width:48px;height:48px}
    .welcome.is-results-mode .loom{width:78px}
  }

                                                                             
  .machine-workspace{
    --workspace-tone:var(--amber);
    position:relative;
    z-index:35;
    width:min(1120px,100%);
    height:min(760px,calc(100dvh - 250px - env(safe-area-inset-top) - env(safe-area-inset-bottom)));
    min-height:430px;
    top:-14px;
    margin:0 auto 96px;
    overflow:hidden;
    border:1px solid color-mix(in srgb,var(--workspace-tone) 30%,transparent);
    border-radius:30px;
    background:
      radial-gradient(700px 330px at 4% -8%,color-mix(in srgb,var(--workspace-tone) 12%,transparent),transparent 70%),
      radial-gradient(560px 300px at 100% 108%,rgba(119,215,199,.075),transparent 72%),
      linear-gradient(145deg,rgba(18,14,11,.97),rgba(6,6,6,.98));
    box-shadow:0 34px 110px rgba(0,0,0,.64),0 0 58px color-mix(in srgb,var(--workspace-tone) 7%,transparent),inset 0 1px rgba(255,255,255,.045);
    isolation:isolate;
    animation:machineWorkspaceArrive .52s cubic-bezier(.16,.82,.22,1) both;
    contain:layout paint style;
    backface-visibility:hidden;
  }
  .machine-workspace[hidden]{display:none!important}
  body[data-machine-mode="peer"] .machine-workspace{--workspace-tone:var(--violet)}
  body[data-machine-mode="upload"] .machine-workspace{--workspace-tone:var(--coral)}
  .machine-workspace::before{
    content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;opacity:.16;
    background-image:radial-gradient(circle,color-mix(in srgb,var(--workspace-tone) 68%,white 8%) 0 1px,transparent 1.5px);
    background-size:67px 67px;mask-image:linear-gradient(to bottom,black,transparent 72%);
  }
  .machine-workspace::after{
    content:"";position:absolute;z-index:8;inset:-1px;border-radius:inherit;pointer-events:none;
    border:1px solid color-mix(in srgb,var(--workspace-tone) 22%,transparent);
    box-shadow:inset 0 0 34px color-mix(in srgb,var(--workspace-tone) 4%,transparent);
  }
  .machine-workspace .upload-shell,
  .machine-workspace .peer-shell{
    position:relative;
    z-index:1;
    inset:auto;
    width:100%;
    height:100%;
    display:block;
    padding:0;
    background:transparent;
    -webkit-backdrop-filter:none;
    backdrop-filter:none;
    animation:machinePanelResolve .42s cubic-bezier(.2,.8,.2,1) both;
    contain:layout paint style;
    backface-visibility:hidden;
  }
  .machine-workspace .upload-panel,
  .machine-workspace .peer-panel{
    width:100%;
    height:100%;
    max-height:none;
    border:0;
    border-radius:inherit;
    box-shadow:none;
    background:transparent;
  }
  .machine-workspace .upload-head{
    min-height:70px;padding:10px clamp(16px,3vw,28px);
    background:linear-gradient(90deg,rgba(255,114,87,.055),rgba(10,8,7,.56),rgba(119,215,199,.025));
  }
  .machine-workspace .upload-brand-sigil{width:44px;height:44px}
  .machine-workspace .upload-close{width:46px;height:46px}
  .machine-workspace .upload-body{padding:clamp(13px,2vw,21px);gap:14px}
  .machine-workspace .upload-drop{min-height:160px}
  .machine-workspace .upload-footer{padding-bottom:max(12px,env(safe-area-inset-bottom))}
  .machine-workspace .peer-head{
    min-height:60px;padding:8px 18px 3px;
    background:linear-gradient(90deg,rgba(183,165,255,.05),rgba(8,8,8,.34),rgba(119,215,199,.035));
  }
  .machine-workspace .peer-face-send{gap:5px;padding:2px 18px 8px}
  .machine-workspace .peer-person-picker{width:min(410px,100%)}
  .machine-workspace .peer-person-button{min-height:54px;box-shadow:0 0 20px rgba(119,215,199,.09),inset 0 1px rgba(255,255,255,.05)}
  .machine-workspace .peer-panel .peer-loom{width:min(296px,54vh,68vw)}
  .machine-workspace .peer-transport{gap:6px;padding:8px 18px max(10px,env(safe-area-inset-bottom));background:linear-gradient(180deg,rgba(0,0,0,.2),rgba(0,0,0,.46))}
  .machine-workspace .peer-human-section{gap:6px}
  .machine-workspace .peer-ai-section{gap:8px;padding-top:6px;border-top-color:rgba(119,215,199,.075)}

  @media (min-width:821px){
    body[data-machine-mode="upload"] .machine-workspace{
      height:min(880px,calc(100dvh - 165px - env(safe-area-inset-top) - env(safe-area-inset-bottom)));
      top:-48px;
      margin-bottom:48px;
    }
  }
  @media (min-width:521px) and (max-width:820px){
    body[data-machine-mode="upload"] .machine-workspace{
      height:calc(100dvh - 180px - env(safe-area-inset-top) - env(safe-area-inset-bottom));
      top:-34px;
      margin-bottom:54px;
    }
  }

  body[data-machine-mode="upload"] .hero,
  body[data-machine-mode="peer"] .hero{
    max-height:0;margin-top:0;overflow:hidden;opacity:0;transform:translateY(-18px) scale(.96);pointer-events:none;
  }
  body[data-machine-mode="upload"] .command-deck,
  body[data-machine-mode="peer"] .command-deck{
    height:0;grid-template-rows:0;overflow:visible;
  }
  body[data-machine-mode="upload"] .welcome,
  body[data-machine-mode="peer"] .welcome{
    position:relative;z-index:42;min-height:126px;padding:4px 0 10px;pointer-events:none;
  }
  body[data-machine-mode="upload"] .machine-tools,
  body[data-machine-mode="peer"] .machine-tools{pointer-events:auto}
  body[data-machine-mode="upload"] .machine-core,
  body[data-machine-mode="peer"] .machine-core{
    width:min(570px,100%);min-height:112px;transform:none;
  }
  body[data-machine-mode="upload"] .machine-core::before,
  body[data-machine-mode="peer"] .machine-core::before{inset:8% 32%}
  body[data-machine-mode="upload"] .machine-core>.loom,
  body[data-machine-mode="peer"] .machine-core>.loom{
    width:104px;filter:brightness(1.2) saturate(1.3) drop-shadow(0 16px 28px rgba(0,0,0,.5));
  }
  body[data-machine-mode="upload"] .machine-core>.loom .loom-label,
  body[data-machine-mode="peer"] .machine-core>.loom .loom-label{display:none}
  body[data-machine-mode="upload"] .machine-mode-readout,
  body[data-machine-mode="peer"] .machine-mode-readout{display:none}
  body[data-machine-mode="upload"] .machine-tools,
  body[data-machine-mode="peer"] .machine-tools{
    left:50%;top:20px;right:auto;bottom:auto;width:min(680px,calc(100vw - 28px - env(safe-area-inset-left) - env(safe-area-inset-right)));height:68px;
    display:grid;grid-template-columns:64px 64px minmax(130px,1fr) 64px 64px;align-items:center;column-gap:18px;
    transform:translateX(-50%);
  }
  body[data-machine-mode="upload"] .machine-tool,
  body[data-machine-mode="peer"] .machine-tool{position:relative;inset:auto;width:58px;height:58px;grid-row:1}
  body[data-machine-mode="upload"] .machine-tool-search,
  body[data-machine-mode="peer"] .machine-tool-search{grid-column:1}
  body[data-machine-mode="upload"] .machine-tool-peer,
  body[data-machine-mode="peer"] .machine-tool-peer{grid-column:2}
  body[data-machine-mode="upload"] .machine-tool-ask,
  body[data-machine-mode="peer"] .machine-tool-ask{grid-column:4}
  body[data-machine-mode="upload"] .machine-tool-upload,
  body[data-machine-mode="peer"] .machine-tool-upload{grid-column:5}
  body[data-machine-mode="upload"] .machine-tool svg,
  body[data-machine-mode="peer"] .machine-tool svg{width:26px;height:26px}
  body[data-machine-mode="upload"] .results-region,
  body[data-machine-mode="peer"] .results-region{display:none!important}
  body.upload-is-open,body.peer-is-open{overflow:hidden;overscroll-behavior:none}
  body.upload-is-open .ambient,body.peer-is-open .ambient,
  body.upload-is-open #filamentField,body.peer-is-open #filamentField{visibility:hidden}
                                                                                      
                                                                                        
                                                                                     
                                                   
  body.keep-is-open .ambient,body.realm-is-open .ambient,body.mobile-home-recovering .ambient,
  body.keep-is-open .grain,body.realm-is-open .grain,body.mobile-home-recovering .grain,
  body.upload-is-open .grain,body.peer-is-open .grain,
  body.keep-is-open #filamentField,body.realm-is-open #filamentField{visibility:hidden}
  body.keep-is-open .thread-rail{-webkit-backdrop-filter:none;backdrop-filter:none}
                                                                                      
                                                                                    
  body.keep-is-open .machine-workspace,
  body.keep-is-open .peer-shell{visibility:hidden}
  body.keep-is-open .peer-shell{-webkit-backdrop-filter:none;backdrop-filter:none}
  body.machine-is-transitioning .machine-workspace,
  body.machine-is-transitioning .machine-core>.loom,
  body.machine-is-transitioning .machine-tool{will-change:transform,opacity}
  body.machine-is-transitioning .machine-tool .icon-motion,
  body.machine-is-transitioning .machine-core::before{animation-play-state:paused!important}

  @keyframes machineWorkspaceArrive{
    from{opacity:0;transform:translate3d(0,20px,0) scale(.982)}
    to{opacity:1;transform:translate3d(0,0,0) scale(1)}
  }
  @keyframes machinePanelResolve{
    from{opacity:0;transform:translate3d(14px,0,0)}
    to{opacity:1;transform:translate3d(0,0,0)}
  }
  @media (max-width:820px){
    .machine-workspace{
      height:calc(100dvh - 235px - env(safe-area-inset-top) - env(safe-area-inset-bottom));
      min-height:400px;margin-bottom:82px;border-radius:25px;
    }
    .machine-workspace .upload-panel{height:100%;border-radius:inherit}
    .machine-workspace .upload-intake-grid{grid-template-columns:1fr}
    .machine-workspace .upload-drop{min-height:150px}
  }
  @media (max-width:520px){
    .machine-workspace{
      width:calc(100% + 18px);height:calc(100dvh - 210px - env(safe-area-inset-top) - env(safe-area-inset-bottom));
      min-height:380px;top:-14px;margin-left:-9px;margin-bottom:76px;border-radius:22px;
    }
    body[data-machine-mode="peer"] .machine-workspace{
      position:fixed;top:calc(134px + env(safe-area-inset-top));right:calc(5px + env(safe-area-inset-right));bottom:calc(73px + env(safe-area-inset-bottom));left:calc(5px + env(safe-area-inset-left));
      width:auto;height:auto;min-height:0;margin:0;
    }
    .machine-workspace .upload-shell{padding:0}
    .machine-workspace .upload-panel{height:100%;border-width:0;border-radius:inherit}
    .machine-workspace .upload-head{min-height:62px;padding:8px 12px}
    .machine-workspace .upload-brand-sigil{width:40px;height:40px}
    .machine-workspace .upload-brand strong{font-size:11px}
    .machine-workspace .upload-body{padding:11px;gap:11px}
    .machine-workspace .upload-source-card,.machine-workspace .upload-browser{padding:13px;border-radius:17px}
    .machine-workspace .upload-drop{min-height:138px}
    .machine-workspace .upload-footer{padding:9px 11px max(9px,env(safe-area-inset-bottom))}
    .machine-workspace .peer-head{min-height:58px;padding:7px 12px 2px}
    .machine-workspace .peer-panel .peer-loom{width:min(240px,52vh,66vw)}
    .machine-workspace .peer-face-send{gap:5px;padding:2px 12px 8px}
    .machine-workspace .peer-person-button{min-height:50px}
    .machine-workspace .peer-transport{padding:7px 12px max(8px,env(safe-area-inset-bottom))}
    body[data-machine-mode="upload"] .machine-tools,
    body[data-machine-mode="peer"] .machine-tools{
      grid-template-columns:48px 48px minmax(74px,1fr) 48px 48px;column-gap:18px;
    }
    body[data-machine-mode="upload"] .machine-tool,
    body[data-machine-mode="peer"] .machine-tool{width:48px;height:48px}
    body[data-machine-mode="upload"] .machine-core>.loom,
    body[data-machine-mode="peer"] .machine-core>.loom{width:78px}
  }
  @keyframes machineWorkspaceArriveIOS{
    from{opacity:0;transform:translate3d(0,12px,0)}
    to{opacity:1;transform:translate3d(0,0,0)}
  }
  html.is-mobile-client .machine-workspace{
    animation:machineWorkspaceArriveIOS .3s cubic-bezier(.2,.78,.22,1) both;
    box-shadow:0 22px 58px rgba(0,0,0,.58),inset 0 1px rgba(255,255,255,.04);
    transform:translate3d(0,0,0);
  }
  html.is-mobile-client .machine-workspace .upload-shell,
  html.is-mobile-client .machine-workspace .peer-shell{animation:none}
  html.is-mobile-client .machine-workspace .upload-head,
  html.is-mobile-client .machine-workspace .upload-footer,
  html.is-mobile-client .peer-person-menu{
    -webkit-backdrop-filter:none;
    backdrop-filter:none;
  }
  html.is-mobile-client body[data-machine-mode="upload"] .machine-core>.loom,
  html.is-mobile-client body[data-machine-mode="peer"] .machine-core>.loom{filter:none}
  html.is-mobile-client body.machine-is-transitioning .machine-workspace::before,
  html.is-mobile-client body.machine-is-transitioning .machine-workspace::after,
  html.is-mobile-client body.machine-is-transitioning .peer-panel::before,
  html.is-mobile-client body.machine-is-transitioning .peer-panel::after{visibility:hidden}
  html.is-mobile-client .thread-destination:not([aria-current="page"])::before,
  html.is-mobile-client .thread-destination:not([aria-current="page"]) .nav-organ-icon,
  html.is-mobile-client .thread-destination:not([aria-current="page"]) .nav-organ-icon *{
    animation-play-state:paused!important;
  }
  html.is-mobile-client .thread-destination .nav-organ-icon{filter:none}
  html.is-mobile-client body.mobile-home-recovering .site *{animation-play-state:paused!important}
  html.is-mobile-client body:not(.wire-is-launching) .hero h1 .wire,
  html.is-mobile-client body:not(.wire-is-launching) .hero h1 .drive,
  html.is-mobile-client body:not(.wire-is-launching) .machine-core::before,
  html.is-mobile-client body:not(.wire-is-launching) .machine-tool::before,
  html.is-mobile-client body:not(.wire-is-launching) .machine-tool::after,
  html.is-mobile-client body:not(.wire-is-launching) .machine-tool .icon-motion,
  html.is-mobile-client body:not(.wire-is-launching) .thread-destination .nav-organ-icon *{
    animation:none!important;
  }
  html.is-mobile-client body:not(.wire-is-launching) .hero h1 .drive,
  html.is-mobile-client body:not(.wire-is-launching) .loom,
  html.is-mobile-client body:not(.wire-is-launching) .loom svg,
  html.is-mobile-client body:not(.wire-is-launching) .loom .thread,
  html.is-mobile-client body:not(.wire-is-launching) .loom .core-ring,
  html.is-mobile-client body:not(.wire-is-launching) .loom .core,
  html.is-mobile-client body:not(.wire-is-launching) .loom .node,
  html.is-mobile-client body:not(.wire-is-launching) .loom .node-hot,
  html.is-mobile-client body:not(.wire-is-launching) .machine-tool svg{
    filter:none!important;
  }
  html.is-mobile-client body:not(.wire-is-launching) .loom::before,
  html.is-mobile-client body:not(.wire-is-launching) .loom::after,
  html.is-mobile-client body:not(.wire-is-launching) .loom .orbit-a,
  html.is-mobile-client body:not(.wire-is-launching) .loom .orbit-b,
  html.is-mobile-client body:not(.wire-is-launching) .loom .orbit-c,
  html.is-mobile-client body:not(.wire-is-launching) .loom .core-halo{
    animation:none!important;
  }
  html.is-mobile-client body:not(.wire-is-launching) .loom .core{
    transform-origin:center;
    animation:mobileCoreAlive 5.6s ease-in-out infinite!important;
  }
  html.is-mobile-client body:not(.wire-is-launching) .machine-mode-readout{
    -webkit-backdrop-filter:none;
    backdrop-filter:none;
  }
  html.is-mobile-client body:not(.wire-is-launching) .machine-mode-readout::before{
    animation-duration:4.8s;
  }
  html.is-mobile-client body:not(.wire-is-launching) .machine-tool[aria-pressed="true"]::after{
    animation:toolPulse 4.8s ease-in-out infinite!important;
  }
  html.is-mobile-client body:not(.wire-is-launching) .machine-tool[aria-pressed="true"] .icon-motion{
    animation:toolGlyph 4.8s ease-in-out infinite!important;
  }
  @keyframes mobileCoreAlive{
    0%,100%{opacity:.86;transform:scale(.94)}
    50%{opacity:1;transform:scale(1.14)}
  }
  .wire-fps-hud{
    position:fixed;z-index:10000;left:max(8px,env(safe-area-inset-left));bottom:max(8px,env(safe-area-inset-bottom));
    width:min(330px,calc(100vw - 16px));max-height:min(72vh,620px);overflow:auto;overscroll-behavior:contain;
    padding:10px;border:1px solid rgba(119,215,199,.42);border-radius:13px;color:#dffcf5;
    background:rgba(3,8,7,.94);box-shadow:0 12px 42px rgba(0,0,0,.65),inset 0 1px rgba(255,255,255,.05);
    font:700 10px/1.42 var(--mono);letter-spacing:.025em;text-align:left;pointer-events:auto;
  }
  .wire-fps-hud[data-health="warn"]{border-color:rgba(255,180,92,.7);color:#fff0d5}
  .wire-fps-hud[data-health="bad"]{border-color:rgba(255,114,87,.82);color:#ffd3cb}
  .wire-fps-head{display:flex;align-items:center;gap:7px;margin-bottom:7px;touch-action:none;user-select:none;-webkit-user-select:none;cursor:grab}
  .wire-fps-head:active{cursor:grabbing}
  .wire-fps-head strong{margin-right:auto;color:#77d7c7;font-size:11px;letter-spacing:.12em}
  .wire-fps-hud[data-health="warn"] .wire-fps-head strong{color:#ffbd6b}
  .wire-fps-hud[data-health="bad"] .wire-fps-head strong{color:#ff7257}
  .wire-fps-head button{
    min-height:28px;padding:4px 8px;border:1px solid rgba(119,215,199,.28);border-radius:8px;color:inherit;
    background:rgba(119,215,199,.06);font:inherit;cursor:pointer;touch-action:manipulation;
  }
  .wire-fps-output{margin:0;white-space:pre-wrap;word-break:break-word}
  .wire-fps-hud.is-collapsed{width:auto}
  .wire-fps-hud.is-collapsed .wire-fps-output,.wire-fps-hud.is-collapsed .wire-fps-reset{display:none}
  @media (max-width:520px){
    .wire-fps-hud{width:min(290px,calc(100vw - 16px));max-height:54vh;font-size:9px}
    .wire-fps-head{flex-wrap:wrap}
    .wire-fps-head strong{flex-basis:100%;padding:1px 0 3px}
    .wire-fps-head button{padding:4px 6px;font-size:8px}
  }
  /* Quiet navigation. Satellite markup stays available for a reversible return. */
  html{height:100%;overflow:hidden;overscroll-behavior:none}
  body{--transfer-space:0px;--workspace-top:104px;--workspace-footer:144px;height:100dvh;min-height:0;overflow:hidden;overscroll-behavior:none}
  .site{height:100dvh;min-height:0;overflow:hidden}
  body[data-machine-mode="search"] .site{overflow-y:auto;overscroll-behavior:contain;padding-bottom:calc(90px + var(--transfer-space) + env(safe-area-inset-bottom))}
  .machine-tools,.machine-tools *,#loomHint{display:none!important;animation:none!important;transition:none!important}
  .title-shortcuts{display:inline-flex;align-items:baseline;gap:0}
  .title-shortcuts [role="button"]{display:inline-block;min-height:44px;cursor:pointer;border-radius:8px;outline-offset:5px}
  .title-shortcuts [role="button"]:focus-visible,#settingsTrigger:focus-visible{outline:2px solid var(--aqua)}
  .title-shortcuts [aria-disabled="true"]{cursor:default}
  #settingsTrigger{pointer-events:auto;cursor:pointer}
  body[data-machine-mode="idle"] .command-deck{height:clamp(150px,32dvh,275px);grid-template-rows:minmax(0,1fr)}
  body[data-machine-mode="idle"] .hero{margin-top:clamp(6px,2dvh,24px)}
  body[data-machine-mode="idle"] .hero h1{font-size:clamp(54px,min(12vw,17dvh),166px)}
  body[data-machine-mode="idle"] .claude-codex-art-display{height:clamp(32px,7dvh,64px);margin-bottom:clamp(8px,2dvh,22px)}
  body[data-machine-mode="idle"] .welcome{min-height:0;padding-top:0;padding-bottom:0}
  body[data-machine-mode="idle"] .machine-core{min-height:0;height:min(52dvh,480px);transform:none}
  body[data-machine-mode="idle"] .machine-core>.loom{width:min(460px,52dvh,88vw)}
  body:is([data-machine-mode="upload"],[data-machine-mode="peer"]) .hero{
    position:fixed;z-index:44;top:calc(4px + env(safe-area-inset-top));
    left:max(calc(12px + env(safe-area-inset-left)),calc(50vw - 550px));
    right:max(calc(104px + env(safe-area-inset-right)),calc(50vw - 458px));
    width:auto;height:84px;max-height:none;margin:0;display:flex;align-items:center;justify-content:center;gap:14px;
    opacity:1;transform:none;overflow:visible;pointer-events:auto;transition:none;
  }
  body:is([data-machine-mode="upload"],[data-machine-mode="peer"]) .hero h1{min-width:0;font-size:clamp(30px,5.8vw,59px);line-height:1;flex:0 1 auto}
  body:is([data-machine-mode="upload"],[data-machine-mode="peer"]) #settingsTrigger{flex:0 0 44px;width:44px;height:44px;margin:0;padding:0;visibility:visible;overflow:hidden}
  body:is([data-machine-mode="upload"],[data-machine-mode="peer"]) #settingsTrigger *{animation:none!important}
  body:is([data-machine-mode="upload"],[data-machine-mode="peer"]) .welcome{min-height:0;height:0;margin:0;padding:0;overflow:visible}
  body:is([data-machine-mode="upload"],[data-machine-mode="peer"]) .machine-core{
    position:fixed;z-index:45;top:calc(7px + env(safe-area-inset-top));
    right:max(calc(12px + env(safe-area-inset-right)),calc(50vw - 550px));left:auto;
    width:80px;height:80px;min-height:0;margin:0;transform:none;pointer-events:auto;
  }
  body:is([data-machine-mode="upload"],[data-machine-mode="peer"]) .machine-core::before{display:none}
  body:is([data-machine-mode="upload"],[data-machine-mode="peer"]) .machine-core>.loom{width:80px}
  body:is([data-machine-mode="upload"],[data-machine-mode="peer"]) .machine-workspace{
    position:fixed;top:calc(var(--workspace-top) + env(safe-area-inset-top));
    bottom:calc(12px + var(--transfer-space) + env(safe-area-inset-bottom));
    left:max(calc(6px + env(safe-area-inset-left)),calc(50vw - 560px));
    right:max(calc(6px + env(safe-area-inset-right)),calc(50vw - 560px));
    width:auto;height:auto;min-height:0;max-height:none;margin:0;transform:none;
  }
  .machine-workspace .upload-head,.machine-workspace .peer-head{height:70px;min-height:70px;box-sizing:border-box}
  .machine-workspace .upload-body,.machine-workspace .peer-body{min-height:0}
  .machine-workspace .upload-footer,.machine-workspace .peer-transport{
    height:var(--workspace-footer);min-height:0;box-sizing:border-box;padding:8px 12px;overflow:hidden;
    -webkit-backdrop-filter:none;backdrop-filter:none;
  }
  .machine-workspace .upload-footer{grid-template-rows:4px minmax(0,1fr);gap:6px}
  .machine-workspace .upload-footer-row{grid-template-columns:minmax(0,1fr);grid-template-rows:36px 44px;gap:8px;align-content:center;min-width:0}
  .machine-workspace .upload-actions{display:grid;grid-template-columns:auto minmax(0,1fr);height:44px;min-width:0}
  .machine-workspace .upload-actions button{min-width:0;white-space:normal;padding:8px 12px}
  .machine-workspace .upload-status,.machine-workspace .peer-status{
    display:block;height:36px;min-height:36px;max-height:36px;min-width:0;margin:0;
    overflow:auto;overflow-wrap:anywhere;white-space:normal;word-break:normal;
    font:12px/18px var(--mono);scrollbar-gutter:stable;overscroll-behavior:contain;
    animation:none!important;transform:none!important;
  }
  .machine-workspace .peer-transport{display:block}
  .machine-workspace .peer-human-section{display:grid;grid-template-rows:44px 4px 36px 28px;gap:4px}
  .machine-workspace .peer-progress[hidden]{display:block;visibility:hidden}
  .machine-workspace .peer-selection-row{display:flex!important;min-height:28px;overflow:auto}
  .machine-workspace .peer-face-shelf{min-height:0;height:100%;padding:10px 14px;overflow-y:auto;overscroll-behavior:contain}
  .peer-face-send>.peer-ai-section,.peer-face-send>.peer-zip-offer{flex-shrink:0;width:100%;margin-top:12px}
  .peer-wire>div,.sync-file,.upload-file-name,.upload-current{min-width:0;max-width:100%}
  .peer-wire strong,.peer-wire small,.sync-file span,.upload-file-name,.upload-current,.upload-folder strong{
    display:block;white-space:normal;overflow-wrap:anywhere;word-break:normal;text-overflow:clip;
    overflow:visible;-webkit-line-clamp:unset;animation:none!important;transform:none!important;
  }
  .sync-file{align-items:start}.sync-file strong{max-width:100px;white-space:normal;overflow-wrap:anywhere}
  .peer-wire{align-items:start}.peer-wire-actions{max-width:180px;flex-shrink:0}
  .upload-file-name{max-height:108px;overflow:auto;overscroll-behavior:contain}
  .transfer-dock{
    position:fixed;z-index:920;left:max(calc(8px + env(safe-area-inset-left)),calc(50vw - 560px));
    right:max(calc(8px + env(safe-area-inset-right)),calc(50vw - 560px));bottom:calc(8px + env(safe-area-inset-bottom));
    display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;
  }
  .transfer-dock[hidden],.transfer-lane[hidden]{display:none!important}
  .transfer-dock[data-count="1"]{grid-template-columns:minmax(0,1fr)}
  .transfer-lane{min-width:0;height:66px;box-sizing:border-box;display:grid;grid-template-columns:78px minmax(0,1fr) 64px;grid-template-rows:44px 4px;gap:5px 8px;padding:6px 10px;border:1px solid rgba(119,215,199,.34);border-radius:15px;background:linear-gradient(120deg,#15221e,#0a0c0b);color:var(--bone)}
  .transfer-lane[data-tone="error"]{border-color:var(--coral)}
  .transfer-lane button{min-width:0;min-height:44px;padding:0;background:none;border:0;color:var(--aqua);font:800 10px/1.4 var(--mono);cursor:pointer}
  .transfer-lane button:focus-visible{outline:2px solid var(--aqua);outline-offset:1px;border-radius:5px}
  .transfer-copy{min-width:0;align-self:center}
  .transfer-copy strong{display:block;font:800 9px/12px var(--mono);color:var(--aqua);letter-spacing:.06em}
  .transfer-copy p{height:28px;overflow:auto;margin:0;overflow-wrap:anywhere;white-space:normal;overscroll-behavior:contain;font:11px/14px var(--mono);scrollbar-gutter:stable}
  .transfer-track{grid-column:1/-1;height:4px;border-radius:4px;background:#2b3630;overflow:hidden}
  .transfer-track span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--aqua),var(--amber));transition:none}
  .transfer-track[data-indeterminate="true"] span{width:100%!important;opacity:.4}
  body.has-transfer-status{--transfer-space:76px}
  body.has-transfer-status .thread-rail{bottom:calc(12px + var(--transfer-space) + env(safe-area-inset-bottom))}
  body.has-transfer-status .toast{bottom:calc(88px + var(--transfer-space) + env(safe-area-inset-bottom))}
  body:has(.thread-rail[data-player-shortcuts="on"]):is([data-machine-mode="upload"],[data-machine-mode="peer"]) .machine-workspace{bottom:calc(86px + var(--transfer-space) + env(safe-area-inset-bottom))}
  body.wire-is-launching .transfer-dock{visibility:hidden!important;pointer-events:none!important}
  body:is(.keep-is-open,.realm-is-open,.settings-is-open) .hero{visibility:hidden;pointer-events:none}
  body:is(.keep-is-open,.realm-is-open,.settings-is-open) #settingsTrigger{visibility:hidden;pointer-events:none}
  @media(max-width:600px){
    .transfer-dock{grid-template-columns:minmax(0,1fr)}
    body[data-transfer-count="2"]{--transfer-space:148px}
    body[data-machine-mode="idle"] .hero h1{font-size:clamp(54px,min(20vw,17dvh),104px)}
    body:is([data-machine-mode="upload"],[data-machine-mode="peer"]) .hero{gap:8px}
    body:is([data-machine-mode="upload"],[data-machine-mode="peer"]) #settingsTrigger{flex-basis:36px;width:36px}
    .peer-wire{grid-template-columns:minmax(0,1fr)}.peer-wire-actions{max-width:none;justify-content:flex-start}
  }
  @media(max-height:540px){
    body{--workspace-top:76px;--workspace-footer:112px}
    body:is([data-machine-mode="upload"],[data-machine-mode="peer"]) .hero{height:64px}
    body:is([data-machine-mode="upload"],[data-machine-mode="peer"]) .machine-core{width:64px;height:64px;top:calc(3px + env(safe-area-inset-top))}
    body:is([data-machine-mode="upload"],[data-machine-mode="peer"]) .machine-core>.loom{width:64px}
    .machine-workspace .upload-head,.machine-workspace .peer-head{height:54px;min-height:54px}
    .machine-workspace .upload-footer-row{grid-template-rows:24px 36px;gap:4px}
    .machine-workspace .upload-status,.machine-workspace .peer-status{height:24px;min-height:24px;max-height:24px}
    .machine-workspace .peer-human-section{grid-template-rows:36px 4px 24px 20px;gap:3px}
    .machine-workspace .peer-selection-row{min-height:20px}
    .machine-workspace .upload-actions{height:36px}
  }

  /* Upload owns the viewport; home decoration and navigation sleep beneath it. */
  body[data-machine-mode="upload"] .hero,
  body[data-machine-mode="upload"] .command-deck,
  body[data-machine-mode="upload"] .welcome{display:none!important}
  body[data-machine-mode="upload"] .hero *,
  body[data-machine-mode="upload"] .welcome *,
  body[data-machine-mode="upload"] .thread-rail *{animation-play-state:paused!important}
  body[data-machine-mode="upload"] .thread-rail{visibility:hidden;pointer-events:none;-webkit-backdrop-filter:none;backdrop-filter:none}
  body.upload-is-open[data-machine-mode="upload"] #machineWorkspace{
    position:fixed;inset:0 0 var(--transfer-space) 0;width:auto;height:auto;min-height:0;
    margin:0;border:0;border-radius:0;background:#0c0b09;box-shadow:none;
  }
  body[data-machine-mode="upload"] #machineWorkspace::before,
  body[data-machine-mode="upload"] #machineWorkspace::after{display:none}
  body[data-machine-mode="upload"] .upload-panel::before{display:none}
  body[data-machine-mode="upload"] .upload-head{
    display:grid;grid-template-columns:minmax(168px,320px) minmax(80px,144px) minmax(44px,1fr);
    gap:10px;height:auto;min-height:66px;padding:10px max(18px,env(safe-area-inset-right)) 10px max(18px,env(safe-area-inset-left));
    padding-top:max(10px,env(safe-area-inset-top));overflow:visible;
    background:linear-gradient(100deg,#151710,#0c100e);border-bottom:1px solid rgba(119,215,199,.22);
    -webkit-backdrop-filter:none;backdrop-filter:none;
  }
  body[data-machine-mode="upload"] .upload-head .upload-mode{width:100%;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  body[data-machine-mode="upload"] .upload-head .upload-mode-card{min-height:44px;padding:10px 8px;border-radius:10px}
  body[data-machine-mode="upload"] .upload-head .upload-mode-card strong{font-size:22px;letter-spacing:.025em}
  body[data-machine-mode="upload"] .upload-head .upload-close{width:44px;height:44px;justify-self:end;border-radius:10px}
  body[data-machine-mode="upload"] .upload-pick-actions{position:relative;display:block;margin:0;min-width:0}
  body[data-machine-mode="upload"] .upload-source-card{display:none}
  body[data-machine-mode="upload"] .upload-pick-toggle{width:100%;min-height:48px;padding:0 10px;border:2px dashed #77d7c770;border-radius:10px;font-size:22px;letter-spacing:.025em}
  body[data-machine-mode="upload"] .upload-body{
    display:flex;flex-direction:column;gap:12px;min-height:0;padding:16px max(18px,env(safe-area-inset-right)) 12px max(18px,env(safe-area-inset-left));
    overflow:auto;scrollbar-gutter:stable;outline-offset:-5px;
  }
  body[data-machine-mode="upload"] .upload-panel.is-dragging .upload-body{outline:2px solid var(--aqua);background:rgba(119,215,199,.06)}
  body[data-machine-mode="upload"] .upload-panel.is-dragging .upload-pick-toggle{border-style:solid;border-color:var(--aqua);background:#77d7c733;box-shadow:0 0 24px #77d7c733}
  body[data-machine-mode="upload"] .upload-intake-grid{display:flex;flex:1 0 240px;min-height:240px;gap:0}
  body[data-machine-mode="upload"] .upload-browser{
    flex:1;display:flex;flex-direction:column;gap:10px;padding:16px;min-width:0;min-height:0;border-radius:17px;
    border-color:rgba(119,215,199,.22);background:linear-gradient(145deg,#101813,#0c0d0b);
  }
  body[data-machine-mode="upload"] .upload-browser::before{background:linear-gradient(transparent,var(--aqua),transparent)}
  body[data-machine-mode="upload"] .upload-destination-head{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;flex:none}
  body[data-machine-mode="upload"] .upload-destination-head small{color:var(--aqua);font-size:11px}
  body[data-machine-mode="upload"] .upload-destination-meta{justify-content:flex-end}
  body[data-machine-mode="upload"] .upload-current{display:none}
  body[data-machine-mode="upload"] .upload-tool-new{min-height:40px;padding:0 10px;border-radius:9px;font-size:10px}
  body[data-machine-mode="upload"] .upload-breadcrumbs{flex:none;min-height:44px;padding:0 0 5px}
  body[data-machine-mode="upload"] .upload-crumb{min-height:40px;padding:0 12px;font-size:11px}
  body[data-machine-mode="upload"] .upload-crumb-arrow{animation:none}
  body[data-machine-mode="upload"] .upload-folders{
    flex:1;min-height:100px;max-height:none;overflow:auto;align-content:start;
    grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;scrollbar-gutter:stable;
  }
  body[data-machine-mode="upload"] .upload-folder{min-height:60px;padding:10px;border-radius:11px}
  body[data-machine-mode="upload"] .upload-folder-copy strong{font:500 14px/1.35 var(--sans)}
  body[data-machine-mode="upload"] .upload-folder-copy small{font-size:9px}
  body[data-machine-mode="upload"] .sync-options{display:block;flex:none;margin:0;padding:0;border-radius:12px}
  body[data-machine-mode="upload"] .sync-options[hidden]{display:none}
  body[data-machine-mode="upload"] .sync-options>summary{padding:13px 15px;color:var(--aqua);font:700 11px/1.5 var(--mono);cursor:pointer}
  body[data-machine-mode="upload"] .sync-options>summary span{margin-left:8px;color:var(--bone-dim);font:11px/1.5 var(--sans)}
  body[data-machine-mode="upload"] .sync-options[open]{padding-bottom:15px}
  body[data-machine-mode="upload"] .sync-options[open]>:not(summary){margin:0 15px 12px}
  body[data-machine-mode="upload"] .sync-source-warning,
  body[data-machine-mode="upload"] .sync-preview,
  body[data-machine-mode="upload"] .sync-receipt{flex:none}
  body[data-machine-mode="upload"] .upload-footer{
    height:auto;min-height:0;grid-template-rows:3px auto;gap:10px;padding:11px max(18px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));
    border-top:1px solid rgba(119,215,199,.36);background:linear-gradient(105deg,#15241e,#0b1310 65%,#161512);
    box-shadow:inset 0 1px rgba(119,215,199,.07);overflow:hidden;
  }
  body[data-machine-mode="upload"] .upload-progress{height:3px;background:rgba(119,215,199,.1)}
  body[data-machine-mode="upload"] .upload-progress span{background:linear-gradient(90deg,var(--aqua),var(--amber))}
  body[data-machine-mode="upload"] .upload-footer-row{grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto;gap:18px;align-items:center}
  body[data-machine-mode="upload"] .upload-review-copy{display:grid;gap:6px;min-width:0}
  body[data-machine-mode="upload"] .upload-selection-summary{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:baseline;min-width:0}
  body[data-machine-mode="upload"] .upload-selection-summary>span{color:var(--aqua);font:800 10px/1.5 var(--mono);letter-spacing:.08em;text-transform:uppercase}
  body[data-machine-mode="upload"] .upload-file-name{margin:0;max-width:none;max-height:36px;overflow:auto;color:var(--bone);font:12px/18px var(--sans);scrollbar-gutter:stable;overscroll-behavior:contain}
  body[data-machine-mode="upload"] .upload-status{height:36px;min-height:36px;max-height:36px;color:var(--bone-dim);font:12px/18px var(--mono)}
  body[data-machine-mode="upload"] .upload-actions{display:flex;gap:8px;height:auto;min-width:0}
  body[data-machine-mode="upload"] .upload-actions .upload-action{min-height:44px;min-width:0;width:auto;max-width:180px;padding:9px 13px;border-radius:9px;font:800 16px/1.35 var(--mono);letter-spacing:.015em;white-space:normal}
  body[data-machine-mode="upload"] .upload-actions .upload-submit{box-shadow:none}
  /* Desktop Upload: source and destination side by side, the comparison or
     receipt beneath them, one status row. Mobile keeps its stacked flow. */
  @media(min-width:821px){
    html:not(.is-mobile-client) body[data-machine-mode="upload"] .upload-head{grid-template-columns:minmax(168px,320px) minmax(160px,240px) minmax(44px,1fr)}
    html:not(.is-mobile-client) body[data-machine-mode="upload"] .upload-body{
      display:grid;grid-template-columns:minmax(300px,2fr) minmax(360px,3fr);grid-template-rows:minmax(160px,1fr) auto fit-content(46%);
      grid-template-areas:"source destination" "rules destination" "review review";gap:12px;overflow:hidden;align-content:stretch;
    }
    html:not(.is-mobile-client) body[data-machine-mode="upload"] .upload-intake-grid{display:contents}
    html:not(.is-mobile-client) body[data-machine-mode="upload"] .upload-source-card{
      grid-area:source;position:relative;display:grid;grid-template-rows:auto auto auto minmax(0,1fr);align-content:stretch;gap:10px;min-width:0;min-height:0;padding:16px;overflow:hidden;
      border:1px solid rgba(255,190,108,.24);border-radius:17px;background:linear-gradient(145deg,#181410,#0d0c0a);
    }
    html:not(.is-mobile-client) body[data-machine-mode="upload"] .upload-source-card::before{content:"";position:absolute;inset:0 auto 0 0;width:2px;background:linear-gradient(transparent,var(--amber),transparent);opacity:.78}
    html:not(.is-mobile-client) body[data-machine-mode="upload"] .upload-source-head{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:center}
    html:not(.is-mobile-client) body[data-machine-mode="upload"] .upload-source-head small{color:var(--amber);font:900 11px/1 var(--mono);letter-spacing:.17em;text-transform:uppercase}
    html:not(.is-mobile-client) body[data-machine-mode="upload"] .upload-source-route{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:right;color:var(--aqua);font:800 10px/1.4 var(--mono)}
    html:not(.is-mobile-client) body[data-machine-mode="upload"] .upload-source-name{margin:0;color:var(--bone);font:600 18px/1.3 var(--sans);overflow-wrap:anywhere}
    html:not(.is-mobile-client) body[data-machine-mode="upload"] .upload-source-hint{margin:0;color:var(--bone-dim);font:11px/1.5 var(--mono)}
    html:not(.is-mobile-client) body[data-machine-mode="upload"] .upload-source-list{min-height:0;display:grid;align-content:start;gap:4px;padding-top:6px;overflow:auto;overscroll-behavior:contain;border-top:1px solid rgba(245,236,220,.08)}
    html:not(.is-mobile-client) body[data-machine-mode="upload"] .upload-source-list[hidden]{display:none}
    html:not(.is-mobile-client) body[data-machine-mode="upload"] .upload-source-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:6px 8px;border-radius:8px;color:var(--bone-dim);background:rgba(255,255,255,.02);font:10px/1.3 var(--mono)}
    html:not(.is-mobile-client) body[data-machine-mode="upload"] .upload-source-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
    html:not(.is-mobile-client) body[data-machine-mode="upload"] .upload-source-row em{color:var(--smoke);font-style:normal;white-space:nowrap}
    html:not(.is-mobile-client) body[data-machine-mode="upload"] .upload-browser{grid-area:destination;min-height:0}
    html:not(.is-mobile-client) body[data-machine-mode="upload"] .sync-options{grid-area:rules;align-self:start}
    html:not(.is-mobile-client) body[data-machine-mode="upload"] .upload-review{grid-area:review;min-height:0;align-content:start;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
    html:not(.is-mobile-client) body[data-machine-mode="upload"] .sync-files{max-height:none}
    html:not(.is-mobile-client) body[data-machine-mode="upload"] .sync-file{gap:14px;padding:9px 12px;font-size:11px}
    html:not(.is-mobile-client) body[data-machine-mode="upload"] .sync-file em{font-size:10px}
    html:not(.is-mobile-client) body[data-machine-mode="upload"] .sync-receipt pre{max-height:220px}
    html:not(.is-mobile-client) body[data-machine-mode="upload"] .upload-footer .upload-selection-summary{display:none}
  }
  @media(max-width:600px){
    body[data-machine-mode="upload"] .upload-head{padding-inline:max(12px,env(safe-area-inset-left)) max(12px,env(safe-area-inset-right));gap:8px;grid-template-columns:minmax(152px,1fr) 76px 44px}
    body[data-machine-mode="upload"] .upload-head .upload-mode{gap:6px}
    body[data-machine-mode="upload"] .upload-head .upload-mode-card strong{font-size:18px}
    body[data-machine-mode="upload"] .upload-pick-toggle{font-size:20px;padding-inline:8px}
    body[data-machine-mode="upload"] .upload-body{padding:12px max(11px,env(safe-area-inset-right)) 10px max(11px,env(safe-area-inset-left));gap:9px}
    body[data-machine-mode="upload"] .upload-browser{padding:12px;border-radius:14px}
    body[data-machine-mode="upload"] .upload-folders{grid-template-columns:minmax(0,1fr);gap:7px}
    body[data-machine-mode="upload"] .upload-footer{padding-inline:max(12px,env(safe-area-inset-left)) max(12px,env(safe-area-inset-right));gap:8px}
    body[data-machine-mode="upload"] .upload-footer-row{gap:12px}
    body[data-machine-mode="upload"] .upload-selection-summary{grid-template-columns:minmax(0,1fr);gap:2px}
    body[data-machine-mode="upload"] .upload-actions{display:grid;grid-template-columns:126px;gap:6px}
    body[data-machine-mode="upload"] .upload-actions .upload-action{width:126px;min-height:44px;padding:8px}
    body[data-machine-mode="upload"] .upload-status{height:36px;max-height:36px}
  }
  @media(max-height:540px){
    body[data-machine-mode="upload"] .upload-intake-grid{min-height:150px;flex-basis:150px}
    body[data-machine-mode="upload"] .upload-footer{padding-top:8px;gap:5px}
    body[data-machine-mode="upload"] .upload-status{height:24px;min-height:24px;max-height:24px;line-height:16px}
  }
  /* P2P is a full-screen room. Only its selected mode owns a painted surface. */
  body[data-machine-mode="peer"] .hero,
  body[data-machine-mode="peer"] .command-deck,
  body[data-machine-mode="peer"] .welcome{display:none!important}
  body[data-machine-mode="peer"] .hero *,
  body[data-machine-mode="peer"] .welcome *,
  body[data-machine-mode="peer"] .thread-rail *{animation-play-state:paused!important}
  body[data-machine-mode="peer"] .thread-rail{visibility:hidden;pointer-events:none;-webkit-backdrop-filter:none;backdrop-filter:none}
  body.peer-is-open[data-machine-mode="peer"] #machineWorkspace{
    position:fixed;inset:0 0 var(--transfer-space) 0;width:auto;height:auto;min-height:0;
    margin:0;border:0;border-radius:0;background:#090e0c;box-shadow:none;
  }
  body[data-machine-mode="peer"] #machineWorkspace::before,
  body[data-machine-mode="peer"] #machineWorkspace::after,
  body[data-machine-mode="peer"] .peer-panel::before,
  body[data-machine-mode="peer"] .peer-panel::after{display:none}
  body[data-machine-mode="peer"] .peer-panel{background:radial-gradient(ellipse at 50% 38%,#16231d,transparent 65%),#090e0c}
  body[data-machine-mode="peer"] .peer-head{
    display:grid;grid-template-columns:minmax(0,420px) auto;grid-template-rows:auto;justify-content:space-between;
    gap:12px;height:auto;min-height:68px;touch-action:auto;
    padding:12px max(18px,env(safe-area-inset-right)) 12px max(18px,env(safe-area-inset-left));
    padding-top:max(12px,env(safe-area-inset-top));border-bottom:1px solid rgba(119,215,199,.19);
    background:linear-gradient(110deg,#16211d,#0b100e 75%);
  }
  body[data-machine-mode="peer"] .peer-head-actions{grid-column:2;grid-row:1;justify-self:end}
  body[data-machine-mode="peer"] .peer-head .upload-close{width:44px;height:44px;border-radius:12px}
  body[data-machine-mode="peer"] .peer-shelf-head{grid-column:1;grid-row:1;gap:12px;min-height:56px}
  body[data-machine-mode="peer"] .peer-shelf-title{gap:12px;min-height:56px;font-size:26px;line-height:1.2;letter-spacing:.02em}
  body[data-machine-mode="peer"] .peer-shelf-count{padding:6px 9px;border-radius:8px;font-size:14px}
  body[data-machine-mode="peer"] .peer-shelf-head .peer-shelf-download,body[data-machine-mode="peer"] .peer-shelf-head .peer-shelf-clear{min-height:44px;padding:0 16px;border-radius:10px}
  body[data-machine-mode="peer"] .peer-person-picker{position:relative;grid-column:1;grid-row:1;width:100%;max-width:none}
  body[data-machine-mode="peer"] .peer-person-picker[hidden]{display:none!important}
  body[data-machine-mode="peer"] .peer-person-button{min-height:56px;padding:9px 14px;gap:12px;border-radius:12px;animation:none;box-shadow:none}
  body[data-machine-mode="peer"] .peer-person-button span{font-size:32px;line-height:1.15;overflow:visible;white-space:normal;overflow-wrap:anywhere;text-overflow:clip}
  body[data-machine-mode="peer"] .peer-person-dot{width:6px;height:6px}
  body[data-machine-mode="peer"] .peer-person-menu{width:100%;min-width:0;inset:calc(100% + 6px) 0 auto 0}
  body[data-machine-mode="peer"] .peer-person-option{padding-block:10px}
  body[data-machine-mode="peer"] .peer-person-option span{font-size:26px;overflow:visible;white-space:normal;overflow-wrap:anywhere;text-overflow:clip}
  .peer-mode-picker{position:relative;z-index:30;min-width:0;width:100%;max-width:192px}
  .peer-mode-button{
    display:flex;align-items:center;gap:10px;width:100%;min-height:44px;padding:0 13px;
    color:#e7fff2;background:linear-gradient(115deg,#234234,#18251f);border:1px solid #5b8d73;border-radius:12px;
    box-shadow:inset 0 1px rgba(225,255,229,.12),0 4px 18px #0003;cursor:pointer;
    font:800 18px/1.2 var(--mono);letter-spacing:.025em;text-align:left;
  }
  .peer-mode-button>svg{width:16px;height:16px;margin-left:auto;flex:none;transform:rotate(180deg);transition:transform .25s}
  .peer-mode-button[aria-expanded="true"]>svg{transform:rotate(0)}
  .peer-mode-signal{width:7px;height:7px;flex:none;background:#bcf0ce;border-radius:2px;transform:rotate(45deg);box-shadow:0 0 12px #9feabb66}
  .peer-menu-count{min-width:18px;padding:3px;border-radius:5px;color:#14231a;background:#b4e8c9;text-align:center;font:800 9px/1 var(--mono)}
  .peer-menu-count[hidden]{display:none}
  .peer-mode-menu{
    position:absolute;z-index:45;bottom:calc(100% + 10px);left:0;width:min(356px,calc(100vw - 28px - env(safe-area-inset-left) - env(safe-area-inset-right)));
    max-height:calc(100dvh - 92px - var(--transfer-space) - env(safe-area-inset-top) - env(safe-area-inset-bottom));overflow:auto;overscroll-behavior:contain;
    padding:9px;border:1px solid #52725f;border-radius:19px;
    background:radial-gradient(ellipse at 0 0,#293c2f,transparent 65%),linear-gradient(145deg,#17211b,#101411 80%);
    box-shadow:0 26px 70px #000b,inset 0 1px #e4ffe321,inset 0 0 0 4px #e0fbd503;
    transform-origin:24px 100%;animation:peerMenuUnfurl .32s cubic-bezier(.16,.8,.2,1) both;
  }
  .peer-mode-menu[hidden]{display:none!important}
  .peer-menu-caption{display:flex;justify-content:space-between;padding:10px 11px 12px;color:#a0b6a2;font:700 9px/1.4 var(--mono);letter-spacing:.18em;border-bottom:1px solid #a5d1b51a;margin-bottom:5px}
  .peer-menu-caption span{color:var(--amber);font-size:15px;line-height:10px}
  .peer-mode-menu .peer-portal{display:contents}
  .peer-mode-menu button{
    display:flex;position:relative;align-items:center;justify-content:flex-start;gap:14px;width:100%;min-height:62px;padding:11px 13px;margin:0;
    border:1px solid transparent;border-radius:11px;color:#e3ede2;background:transparent;text-align:left;
    font:800 16px/1.35 var(--mono);letter-spacing:.025em;cursor:pointer;white-space:normal;
    transition:background-color .18s,border-color .18s;box-shadow:none;
  }
  .peer-mode-menu button:hover:not(:disabled),.peer-mode-menu button:focus-visible{background:#b8efc510;border-color:#b8efc538;outline:none}
  .peer-mode-menu button[aria-checked="true"]{background:linear-gradient(95deg,#537c4b44,#acdaa710);border-color:#a1c19544;color:#d5f3bd}
  .peer-mode-menu button[aria-checked="true"]::after{content:"";width:5px;height:5px;margin-left:auto;flex:none;border-radius:50%;background:#d5f3bd;box-shadow:0 0 9px #d5f3bd66}
  .peer-mode-menu button:disabled{opacity:.38;cursor:default}
  .peer-mode-menu .peer-menu-symbol,.peer-mode-menu .peer-action-icon{display:grid;place-items:center;flex:0 0 26px;width:26px;height:26px;color:#a7d6ba;font:400 26px/1 var(--serif);animation:none}
  .peer-menu-copy{display:grid;gap:4px;min-width:0}
  .peer-menu-copy small{font:14px/1.35 var(--sans);letter-spacing:0;color:#9fae9f;text-transform:none}
  .peer-mode-menu .peer-portal[data-active="true"] .peer-portal-toggle{color:#ffb7a4;background:#ff725708;border-color:transparent}
  .peer-mode-button:focus-visible{outline:2px solid var(--aqua);outline-offset:3px}
  @keyframes peerMenuUnfurl{from{opacity:0;transform:translateY(9px) scaleY(.92)}to{opacity:1;transform:translateY(0) scaleY(1)}}
  body[data-machine-mode="peer"] .peer-panel .peer-faces{display:grid;grid-auto-flow:row;grid-template:100% / minmax(0,1fr);transform:none;transition:none}
  .peer-face[hidden]{display:none!important}
  .peer-face[hidden] *{animation-play-state:paused!important}
  body[data-machine-mode="peer"] .peer-face-send{display:flex;flex-direction:column;justify-content:center;gap:18px;padding:20px;min-height:0}
  body[data-machine-mode="peer"] .peer-panel .peer-loom{width:min(450px,57dvh,76vw)}
  body[data-machine-mode="peer"] .peer-face-shelf{padding:22px max(20px,env(safe-area-inset-right)) 22px max(20px,env(safe-area-inset-left))}
  body[data-machine-mode="peer"] .peer-shelf{width:100%}
  body[data-machine-mode="peer"] .peer-shelf-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,400px),1fr));gap:12px}
  body[data-machine-mode="peer"] .peer-shelf-empty{align-self:center;padding:48px 20px}
  body[data-machine-mode="peer"] .peer-face-text{
    display:flex;flex-direction:column;gap:16px;min-height:0;height:100%;overflow:hidden;
    padding:24px max(24px,env(safe-area-inset-right)) 20px max(24px,env(safe-area-inset-left));
  }
  .peer-text-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex:none}
  .peer-text-heading h3{margin:0;color:#e7efdc;font:400 clamp(28px,3vw,42px)/1.15 var(--serif)}
  .peer-text-heading>span{color:#9eafa1;font:11px/1.4 var(--mono)}
  #peerText{
    display:block;flex:1;min-height:0;width:100%;resize:none;padding:clamp(18px,3vw,36px);
    border:1px solid #59745d66;border-radius:18px;outline:none;
    color:#e4eddf;background:linear-gradient(135deg,#1b281dcc,#101811e6);
    box-shadow:inset 0 1px #e4ffdf0d;font:400 clamp(16px,1.35vw,20px)/1.6 var(--mono);letter-spacing:0;
    scrollbar-gutter:stable;overscroll-behavior:contain;user-select:text;-webkit-user-select:text;
  }
  #peerText,.peer-text-copy-fallback textarea{font-family:var(--mono);font-variant-ligatures:none;tab-size:4;white-space:pre;overflow-wrap:normal;word-break:normal}
  #peerText{white-space:pre-wrap;overflow-wrap:anywhere;overflow-x:hidden}
  #peerText::placeholder{color:#829484}
  #peerText:focus{border-color:#94bc91;box-shadow:inset 0 1px #e4ffdf12,0 0 0 3px #94bc910b}
  body[data-machine-mode="peer"] .machine-workspace .peer-transport{
    display:block;z-index:12;height:auto;min-height:0;max-height:none;overflow:visible;
    padding:12px max(20px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));
    border-top:1px solid #8bae8538;background:linear-gradient(105deg,#1c2c21,#101912 70%);
  }
  body[data-machine-mode="peer"] .peer-human-section{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto auto;gap:0;align-items:center}
  body[data-machine-mode="peer"] .peer-human-section>.peer-bar{grid-column:1;grid-row:4;display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;min-height:46px}
  body[data-machine-mode="peer"] .peer-mode-button{min-height:46px}
  body[data-machine-mode="peer"] .peer-send{min-width:132px;min-height:46px;border-radius:12px;font-size:18px;letter-spacing:.025em}
  body[data-machine-mode="peer"] .peer-clear,body[data-machine-mode="peer"] .peer-shelf-download,body[data-machine-mode="peer"] .peer-shelf-clear,body[data-machine-mode="peer"] .peer-wire-actions button,body[data-machine-mode="peer"] .peer-wire-actions a{font-size:14px;letter-spacing:.025em}
  body[data-machine-mode="peer"] .peer-send[hidden]{display:none!important}
  body[data-machine-mode="peer"] #peerCancel{color:#ffc1b4;border-color:#ff725766;background:#ff72570d}
  body[data-machine-mode="peer"] .peer-human-section>.peer-progress{grid-column:1;grid-row:1;margin-bottom:6px}
  body[data-machine-mode="peer"] .peer-human-section>.peer-progress[hidden]{display:none!important}
  body[data-machine-mode="peer"] .peer-human-section>.peer-status{grid-column:1;grid-row:2;height:auto;min-height:0;max-height:36px;margin-bottom:6px;font:12px/18px var(--mono);overflow:auto}
  body[data-machine-mode="peer"] .peer-human-section>.peer-status:empty{display:none!important}
  body[data-machine-mode="peer"] .peer-human-section>.peer-selection-row{grid-column:1;grid-row:3;min-height:0;max-height:32px;margin-bottom:6px;overflow:auto}
  body[data-machine-mode="peer"] .peer-panel:not([data-face="send"]) .peer-selection-row,
  body[data-machine-mode="peer"] .peer-human-section>.peer-selection-row:has(.peer-meta:empty):has(.peer-clear[hidden]){display:none!important}
  @media(max-width:700px){
    body[data-machine-mode="peer"] .peer-head{grid-template-columns:minmax(0,1fr) auto;gap:8px;padding-inline:max(18px,env(safe-area-inset-left)) max(18px,env(safe-area-inset-right))}
    body[data-machine-mode="peer"] .peer-head-actions{grid-column:2;grid-row:1}
    body[data-machine-mode="peer"] .peer-shelf-head{display:contents}
    body[data-machine-mode="peer"] .peer-shelf-title{grid-column:1;grid-row:1;min-height:52px;font-size:24px}
    body[data-machine-mode="peer"] .peer-shelf-actions{grid-column:1/-1;grid-row:2;gap:8px}
    body[data-machine-mode="peer"] .peer-shelf-actions:not(:has(button:not([hidden]))){display:none}
    body[data-machine-mode="peer"] .peer-shelf-head .peer-shelf-download,body[data-machine-mode="peer"] .peer-shelf-head .peer-shelf-clear{min-height:40px;padding:0 12px}
    body[data-machine-mode="peer"] .peer-person-picker{grid-column:1;grid-row:1;max-width:none;justify-self:stretch}
    body[data-machine-mode="peer"] .peer-person-button{min-height:52px}
    body[data-machine-mode="peer"] .peer-person-button span{font-size:28px}
  }
  @media(max-width:600px){
    body[data-machine-mode="peer"] .peer-face-text{padding:18px max(12px,env(safe-area-inset-right)) 12px max(12px,env(safe-area-inset-left));gap:12px}
    .peer-text-heading{gap:8px}.peer-text-heading>span{font-size:9px}
    body[data-machine-mode="peer"] .machine-workspace .peer-transport{padding-inline:max(12px,env(safe-area-inset-left)) max(12px,env(safe-area-inset-right))}
    body[data-machine-mode="peer"] .peer-send{min-width:108px}
    body[data-machine-mode="peer"] .peer-face-shelf{padding:18px 12px}
    body[data-machine-mode="peer"] .peer-head{padding-inline:max(12px,env(safe-area-inset-left)) max(12px,env(safe-area-inset-right))}
  }
  @media(max-width:360px){
    body[data-machine-mode="peer"] .peer-mode-button{gap:7px;padding-inline:10px;font-size:16px}
  }
  @media(max-height:540px){
    body[data-machine-mode="peer"] .peer-face-text{padding-top:10px;padding-bottom:10px;gap:8px}
    .peer-text-heading h3{font-size:24px}
    body[data-machine-mode="peer"] .machine-workspace .peer-transport{padding-top:8px;padding-bottom:max(8px,env(safe-area-inset-bottom))}
  }
  body[data-machine-mode="peer"]:not(.keep-is-open):not(.realm-is-open):not(.settings-is-open) #toast[data-source="peer-completion"]{display:none}
  body[data-machine-mode="upload"]:not(.keep-is-open):not(.realm-is-open):not(.settings-is-open) #toast[data-source="house-completion"]{display:none}