:root{--color-bg: #0f1419;--color-surface: #1a1f26;--color-surface-hover: #242b33;--color-border: #2d3640;--color-text: #e7e9ea;--color-text-muted: #8b98a5;--color-primary: #f97316;--color-primary-hover: #fb923c;--color-success: #22c55e;--color-error: #ef4444;--color-warning: #eab308;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .3)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--color-bg);color:var(--color-text);line-height:1.6;min-height:100vh}html[data-route=recipient] body{font-family:Inter,system-ui,-apple-system,sans-serif;line-height:normal}html[data-route=recipient] #auth-screen,html[data-route=recipient] #app{display:none!important}html[data-route=recipient] #recipient-screen.hidden{display:grid!important}html[data-route=recipient][data-recipient-ready=false] #recipient-card>*:not(#recipient-loading-panel){visibility:hidden}html[data-route=recipient][data-recipient-ready=false] #recipient-loading-panel{opacity:1;visibility:visible;pointer-events:auto}.recipient-canvas-container{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;opacity:0;transition:opacity .9s cubic-bezier(.22,1,.36,1)}html[data-recipient-visuals=ready] .recipient-canvas-container{opacity:1}.recipient-canvas-container canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.recipient-screen{position:fixed;top:0;right:0;bottom:0;left:0;min-height:100vh;padding:3rem 1.5rem 2rem;display:grid;grid-template-rows:1fr auto;place-items:center;background:#0a0a0a;overflow:auto;isolation:isolate}.recipient-shell{width:min(1200px,100%);display:flex;justify-content:center;position:relative;z-index:1}.recipient-card{width:min(500px,calc(100vw - 48px));position:relative;padding:26px;display:grid;grid-template-rows:auto auto minmax(0,1fr);gap:18px;background:#121212c7;border:1px solid rgba(255,255,255,.14);border-radius:24px;box-shadow:0 28px 90px #00000052;transition:opacity .8s ease,width .42s cubic-bezier(.22,1,.36,1),height .42s cubic-bezier(.22,1,.36,1);overflow:visible}#recipient-card.is-loading>*:not(.recipient-loading-panel):not(.brand-logo-anchor){visibility:hidden}.recipient-card.recipient-card--wide{width:min(750px,calc(100vw - 48px))}.recipient-card.recipient-card--details{width:min(1002px,calc(100vw - 48px))}.recipient-card.recipient-card--wide.recipient-card--details{width:min(1162px,calc(100vw - 48px))}.recipient-state{color:#ffffffb8;font-size:.86rem}.recipient-state[data-tone=loading]{color:#fbbf24f0}.recipient-state[data-tone=error]{color:#f87171f2}.recipient-header{display:flex;align-items:flex-start;justify-content:flex-start;gap:18px}.recipient-header-copy{min-width:0}.recipient-title{font-size:1.4rem;line-height:1.05;letter-spacing:.02em;font-weight:300;margin:0}.recipient-subtitle{margin-top:7px;color:#ffffff80;font-size:.72rem;letter-spacing:.06em;text-transform:uppercase}.recipient-logo-anchor{position:absolute;left:50%;bottom:calc(100% + 18px);transform:translate(-50%);width:clamp(180px,22vw,220px);pointer-events:none;opacity:0;transition:opacity .8s cubic-bezier(.22,1,.36,1)}.recipient-logo-anchor img{width:100%;height:auto;display:block}html[data-route=recipient][data-recipient-ready=true] .brand-logo-anchor{opacity:.92}.recipient-loading-panel{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;display:grid;place-content:center;gap:.9rem;justify-items:center;border-radius:inherit;background:#0a0a0af5;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .55s cubic-bezier(.22,1,.36,1),visibility 0s linear .55s}.recipient-loading-panel.is-visible{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s}.recipient-loading-spinner{width:30px;height:30px;border-radius:999px;border:2px solid rgba(255,255,255,.12);border-top-color:#ffffffb8;animation:recipientSpin .8s linear infinite}.recipient-loading-label{color:#ffffff9e;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase}.recipient-message-card{width:100%;justify-self:stretch;transition:width .42s cubic-bezier(.22,1,.36,1)}.recipient-card.recipient-card--details .recipient-message-card{width:calc(100% - 350px)}.recipient-message{margin:0;color:#ffffffb8;font-size:.8rem;line-height:1.6;text-align:justify;text-align-last:left;text-justify:inter-word}.recipient-auth-panel,.recipient-package-panel{min-width:0}.recipient-package-panel{display:contents}.recipient-auth-form{display:flex;flex-direction:column;gap:1rem;padding:1rem;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:#ffffff07}.recipient-auth-copy h2{font-size:1.1rem;margin-bottom:.22rem}.recipient-auth-copy p{color:#ffffff8f;font-size:.92rem}.recipient-auth-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem}.recipient-auth-field{display:flex;flex-direction:column;gap:.45rem}.recipient-auth-field label{color:#ffffff8f;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}.recipient-auth-field input,.recipient-tree-search-input{width:100%;height:40px;padding:0 12px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:#ffffff09;color:var(--color-text);font:inherit;font-size:.9rem}.recipient-auth-field input:focus,.recipient-tree-search-input:focus{outline:none;border-color:#ffffff2e;background:#ffffff0d;box-shadow:0 0 0 3px #ffffff0a}.recipient-tree-search-input{height:34px;font-size:.74rem;line-height:1}.recipient-tree-search-input::placeholder{color:#ffffff57}.recipient-auth-error{color:#f87171f2;font-size:.88rem}.recipient-auth-actions{display:flex;justify-content:flex-end}.recipient-auth-btn{min-width:180px}.recipient-package-workspace{position:relative;min-height:0;height:auto;overflow:visible;transition:height .42s cubic-bezier(.22,1,.36,1)}.recipient-browser-column{min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:12px;padding:14px;height:100%;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:#ffffff07}.recipient-browser-panel{position:absolute;top:0;left:0;bottom:0;z-index:2;width:100%;transition:width .42s cubic-bezier(.22,1,.36,1),transform .42s cubic-bezier(.22,1,.36,1)}.recipient-package-workspace:not(.details-hidden) .recipient-browser-panel{width:calc(100% - 350px)}.recipient-tree-mount,.recipient-tree-browser{min-height:0;height:100%}.recipient-tree-mount{display:grid;grid-template-rows:auto minmax(0,1fr);gap:12px;flex:1 1 auto}.recipient-tree-browser{display:grid;grid-template-rows:auto minmax(0,1fr);gap:12px;min-height:0;flex:1 1 auto}.recipient-tree-toolbar{display:flex;align-items:center;gap:10px}.recipient-tree-search{flex:1 1 auto;min-width:0}.recipient-tree-toolbar-end{display:flex;align-items:center;gap:8px;margin-left:auto}.recipient-tree-icon-toggle{width:34px;height:34px;padding:0;border-radius:10px;border:1px solid rgba(255,255,255,.08);background:#ffffff08;color:#ffffffa8;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .22s ease,border-color .22s ease,color .22s ease}.recipient-tree-icon-toggle:hover{background:#ffffff14;border-color:#ffffff29;color:#fffffff0}.recipient-tree-icon-toggle[aria-pressed=true]{background:#ffffff1a;border-color:#ffffff2e;color:#fff}.recipient-tree-list{min-height:0;height:100%;max-height:none;overflow:auto;padding:2px 0}.recipient-tree-list::-webkit-scrollbar,.recipient-inspector::-webkit-scrollbar{width:4px}.recipient-tree-list::-webkit-scrollbar-track,.recipient-inspector::-webkit-scrollbar-track{background:#ffffff0d;border-radius:2px}.recipient-tree-list::-webkit-scrollbar-thumb,.recipient-inspector::-webkit-scrollbar-thumb{background:#fff3;border-radius:2px}.recipient-tree-empty{padding:2rem 1rem;color:#ffffff7a;text-align:center}.recipient-tree-row{display:grid;grid-template-columns:14px minmax(0,1fr) auto 24px;align-items:center;column-gap:12px;padding:5px 12px;border-radius:9px;border:1px solid transparent;background:#ffffff08;transition:background .24s ease,border-color .24s ease,box-shadow .24s ease,color .24s ease}.recipient-tree-row+.recipient-tree-row{margin-top:4px}.recipient-tree-row-folder{background:#ffffff0a}.recipient-tree-row:hover,.recipient-tree-row-folder:hover,.recipient-tree-row.is-selected:hover,.recipient-tree-row.is-partial:hover{background:#ffffff17}.recipient-tree-row.is-selected{background:#ffffff08}.recipient-tree-row.is-partial{background:#ffffff0b}.recipient-tree-row.is-active{border-color:#ffffff57;background:#ffffff1a;box-shadow:inset 0 0 0 1px #ffffff0f,0 0 0 1px #ffffff14}.recipient-tree-row.is-child{margin-left:calc(22px * var(--tree-depth, 1));width:calc(100% - (22px * var(--tree-depth, 1)))}.recipient-tree-check{width:14px;height:14px;padding:0;border:0;background:transparent;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.recipient-tree-check-box{width:14px;height:14px;border:1.5px solid rgba(255,255,255,.25);border-radius:4px;position:relative;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.recipient-tree-check.is-checked .recipient-tree-check-box{background:#fff;border-color:#fff}.recipient-tree-check.is-checked .recipient-tree-check-box:after{content:"";width:8px;height:4px;border-left:1.5px solid #000;border-bottom:1.5px solid #000;transform:rotate(-45deg) translateY(-.5px)}.recipient-tree-check.is-indeterminate .recipient-tree-check-box{background:#ffffffe6;border-color:#ffffffe6}.recipient-tree-check.is-indeterminate .recipient-tree-check-box:after{content:"";width:7px;height:1.5px;border-radius:999px;background:#000}.recipient-tree-folder-primary,.recipient-tree-file-primary{display:flex;align-items:center;gap:8px;min-width:0;width:100%;padding:0;border:0;background:transparent;text-align:left;cursor:pointer;color:inherit}.recipient-tree-file-primary{display:block}.recipient-tree-folder-icon{width:15px;height:15px;flex-shrink:0;color:#ffffffb3}.recipient-tree-row:hover .recipient-tree-folder-icon,.recipient-tree-row.is-active .recipient-tree-folder-icon,.recipient-tree-row.is-active .recipient-tree-disclosure,.recipient-tree-row.is-active .recipient-tree-action{color:#fffffff5}.recipient-tree-name{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.15;font-size:.75rem;color:#ffffffe0}.recipient-tree-size{min-width:132px;text-align:right;font-size:.68rem;color:#ffffff7a;font-family:Inter,monospace;letter-spacing:.02em;white-space:nowrap}.recipient-tree-disclosure,.recipient-tree-action{width:24px;height:24px;padding:0;border:0;border-radius:6px;background:#ffffff08;color:#ffffff80;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s ease,color .2s ease,transform .2s ease}.recipient-tree-disclosure:hover,.recipient-tree-action:hover{background:#ffffff14;color:#ffffffeb}.recipient-tree-disclosure svg{transition:transform .2s ease}.recipient-tree-disclosure[aria-expanded=true] svg{transform:rotate(90deg)}.recipient-download-btn{position:relative;width:100%;height:60px;min-height:60px;border-radius:14px;overflow:hidden;cursor:pointer;border:1px solid rgba(255,255,255,.28);color:#fff;background:#ffffff06;box-shadow:inset 0 0 0 1px #ffffff0f;transition:transform .2s,border-color .3s,opacity .2s ease;isolation:isolate}.recipient-download-bar{position:relative;padding-top:2px}.recipient-download-aurora{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border-radius:inherit;overflow:hidden;z-index:1;background:radial-gradient(circle at 50% 40%,rgba(255,255,255,.04),transparent 54%),linear-gradient(90deg,#04080ef7,#070c14c7 50%,#04080ef7)}.recipient-download-aurora:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:radial-gradient(circle at 50% 0%,rgba(255,255,255,.08),transparent 38%),linear-gradient(180deg,rgba(255,255,255,.03),transparent 28%,rgba(0,0,0,.2) 100%);z-index:1;pointer-events:none}.recipient-download-aurora canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;z-index:0;opacity:.86;transform:scale(1.04);transform-origin:center;filter:saturate(1) brightness(1);transition:opacity .24s ease,filter .24s ease}.recipient-download-btn-noise{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;border-radius:inherit;opacity:.08;background-image:linear-gradient(90deg,rgba(255,255,255,.035) 0 1px,transparent 1px),linear-gradient(rgba(255,255,255,.035) 0 1px,transparent 1px);background-size:18px 18px;mix-blend-mode:soft-light;animation:recipientAuroraPulse 7s ease-in-out infinite;pointer-events:none;transition:opacity .24s ease}.recipient-download-btn:hover:not(:disabled){border-color:#ffffffad;box-shadow:inset 0 0 0 1px #ffffff1f,0 0 0 1px #ffffff0f}.recipient-download-btn:hover:not(:disabled) .recipient-download-aurora canvas{opacity:.98;filter:saturate(1.16) brightness(1.12)}.recipient-download-btn:active:not(:disabled){transform:translateY(0) scale(.98)}.recipient-download-btn:disabled{opacity:.45;cursor:not-allowed}.recipient-inspector{min-height:0;position:absolute;top:0;right:0;bottom:0;z-index:1;width:332px;padding:16px;display:flex;flex-direction:column;gap:16px;overflow-y:auto;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:#ffffff07;opacity:1;transform:translate(0);visibility:visible;transition:opacity .26s ease,transform .42s cubic-bezier(.22,1,.36,1),border-color .2s ease,background .2s ease}.recipient-inspector-content{display:flex;flex-direction:column;gap:16px}.recipient-package-workspace.details-hidden .recipient-inspector{opacity:0;transform:translate(-34px);pointer-events:none;visibility:hidden;border-color:#fff0;background:#fff0}.recipient-package-panel{overflow:visible}.ui-container{position:relative;width:min(500px,calc(100vw - 48px));--shell-gap: 18px;--inspector-width: 332px;padding:26px;background:#121212c7;border:1px solid rgba(255,255,255,.14);border-radius:24px;display:grid;grid-template-rows:auto auto minmax(0,1fr);gap:18px;z-index:10;box-shadow:0 28px 90px #00000052;overflow:visible}.ui-container.with-details{width:min(1002px,calc(100vw - 48px))}.ui-container.wide-view{width:min(750px,calc(100vw - 48px))}.ui-container.wide-view.with-details{width:min(1162px,calc(100vw - 48px))}.brand-logo-anchor{position:absolute;left:50%;bottom:calc(100% + 18px);transform:translate(-50%);width:clamp(180px,22vw,220px);pointer-events:none;opacity:.92}.header-section{display:flex;align-items:flex-start;justify-content:flex-start;gap:18px;text-align:left}.header-title{font-size:1.4rem;font-weight:300;letter-spacing:.02em;margin:0}.header-subtitle{font-size:.72rem;color:#ffffff80;letter-spacing:.06em;margin-top:7px;text-transform:uppercase}.message-card{width:100%;justify-self:stretch;transition:width .42s cubic-bezier(.22,1,.36,1)}.ui-container.with-details .message-card{width:calc(100% - var(--inspector-width) - var(--shell-gap));justify-self:start}.message-body{margin:0;font-size:.8rem;line-height:1.6;color:#ffffffb8;text-align:justify;text-align-last:left;text-justify:inter-word}.content-shell{min-height:0;position:relative;overflow:visible;transition:height .42s cubic-bezier(.22,1,.36,1)}.browser-panel,.inspector-panel{min-height:0;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:#ffffff07}.browser-panel{position:absolute;top:0;left:0;bottom:0;z-index:2;width:100%;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:12px;padding:14px;transition:width .42s cubic-bezier(.22,1,.36,1),transform .42s cubic-bezier(.22,1,.36,1)}.content-shell:not(.details-hidden) .browser-panel{width:calc(100% - var(--inspector-width) - var(--shell-gap))}.inspector-panel{position:absolute;top:0;right:0;bottom:0;z-index:1;width:var(--inspector-width);padding:16px;display:flex;flex-direction:column;gap:16px;overflow-y:auto;overflow-x:hidden;min-width:0;opacity:1;transform:translate(0);visibility:visible;transition:opacity .26s ease,transform .42s cubic-bezier(.22,1,.36,1),border-color .2s ease,background .2s ease}.inspector-panel-inner{display:flex;flex-direction:column;gap:16px}.content-shell.details-hidden .inspector-panel{opacity:0;transform:translate(-34px);pointer-events:none;visibility:hidden;border-color:#fff0;background:#fff0}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px}.search-wrap{flex:1 1 auto;min-width:0}.search-input{width:100%;height:34px;padding:0 12px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:#ffffff09;color:#ffffffe6;font:inherit;font-size:.74rem;outline:none;transition:border-color .2s ease,background .2s ease}.search-input::placeholder{color:#ffffff57}.search-input:focus{border-color:#ffffff38;background:#ffffff0d}.toolbar-end{display:flex;align-items:center;gap:8px;margin-left:auto}.icon-toggle{width:34px;height:34px;padding:0;border-radius:10px;border:1px solid rgba(255,255,255,.08);background:#ffffff08;color:#ffffffad;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s ease,border-color .2s ease,color .2s ease}.icon-toggle:hover{background:#ffffff14;border-color:#ffffff29;color:#fffffff0}.icon-toggle[aria-pressed=true]{background:#ffffff1a;border-color:#ffffff2e;color:#fff}.file-list-container{width:100%;height:100%;overflow-y:auto;min-height:0;padding:2px 0}.file-list-inner{display:flex;flex-direction:column;gap:4px}.file-row{display:grid;grid-template-columns:14px minmax(0,1fr) auto 24px;align-items:center;column-gap:12px;padding:5px 12px;background:#ffffff08;border:1px solid transparent;border-radius:9px;transition:background .24s ease,border-color .24s ease,box-shadow .24s ease,color .24s ease;cursor:default}.file-row:hover,.file-row.folder:hover,.file-row.selected:hover,.file-row.partial:hover{background:#ffffff17}.file-row.selected{background:#ffffff08}.file-row.active{border-color:#ffffff57;background:#ffffff1a;box-shadow:inset 0 0 0 1px #ffffff0f,0 0 0 1px #ffffff14}.file-row.active .file-name,.file-row.active .file-size,.file-row.active .folder-icon,.file-row.active .folder-disclosure,.file-row.active .row-action-icon{color:#fffffff5}.file-row.partial{background:#ffffff0b}.file-row.folder{background:#ffffff0a}.file-row.child{margin-left:calc(22px * var(--indent-depth, 1));width:calc(100% - (22px * var(--indent-depth, 1)))}.checkbox-custom{width:14px;height:14px;border:1.5px solid rgba(255,255,255,.25);border-radius:4px;position:relative;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.file-row.selected .checkbox-custom{background:#fff;border-color:#fff}.checkbox-custom:after{content:"";width:8px;height:4px;border-left:1.5px solid #000;border-bottom:1.5px solid #000;transform:rotate(-45deg) translateY(-.5px);opacity:0}.file-row.selected .checkbox-custom:after{opacity:1}.checkbox-custom:before{content:"";position:absolute;width:7px;height:1.5px;background:#000;border-radius:999px;opacity:0}.file-row.partial .checkbox-custom{background:#ffffffe6;border-color:#ffffffe6}.file-row.partial .checkbox-custom:before{opacity:1}.file-row.partial .checkbox-custom:after{opacity:0}.row-select-toggle{width:14px;height:14px;padding:0;border:0;background:transparent;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.file-info{min-width:0}.folder-label-button{display:flex;align-items:center;gap:8px;min-width:0;width:100%;padding:0;border:0;background:transparent;text-align:left;cursor:pointer;color:inherit}.folder-icon{width:15px;height:15px;flex-shrink:0;color:#ffffffb3}.file-name{font-size:.75rem;color:#ddd;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;line-height:1.15}.file-size{min-width:132px;text-align:right;font-size:.68rem;color:#ffffff73;font-family:Inter,monospace;letter-spacing:.02em;white-space:nowrap}.row-action-icon{width:24px;height:24px;padding:0;border:0;color:#ffffff73;transition:all .2s;display:flex;align-items:center;justify-content:center;border-radius:5px;background:#ffffff08;flex-shrink:0;cursor:pointer}.row-action-icon:hover{background:#ffffff1a;color:#fff;transform:scale(1.05)}.row-action-spacer{width:24px;height:24px}.folder-disclosure{width:24px;height:24px;padding:0;border:0;border-radius:6px;background:#ffffff08;color:#ffffff80;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s ease,color .2s ease}.folder-disclosure:hover{background:#ffffff14;color:#ffffffe6}.folder-disclosure svg{transition:transform .2s ease}.folder-disclosure[aria-expanded=true] svg{transform:rotate(90deg)}.download-bar{display:block;padding-top:2px}button.download-btn-wrapper{padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.download-btn-wrapper{position:relative;width:100%;height:60px;border-radius:14px;overflow:hidden;cursor:pointer;border:1px solid rgba(255,255,255,.28);box-shadow:inset 0 0 0 1px #ffffff0f;transition:transform .2s,border-color .3s;isolation:isolate;background:#ffffff06}.download-btn-wrapper:hover{border-color:#ffffffad;box-shadow:inset 0 0 0 1px #ffffff1f,0 0 0 1px #ffffff0f}.download-btn-wrapper:active{transform:translateY(0) scale(.98)}.btn-aurora{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;overflow:hidden;z-index:1;background:radial-gradient(circle at 50% 40%,rgba(255,255,255,.04),transparent 54%),linear-gradient(90deg,#04080ef7,#070c14c7 50%,#04080ef7)}.btn-aurora:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:radial-gradient(circle at 50% 0%,rgba(255,255,255,.08),transparent 38%),linear-gradient(180deg,rgba(255,255,255,.03),transparent 28%,rgba(0,0,0,.2) 100%);z-index:1;pointer-events:none}#btnAuroraCanvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;z-index:0;opacity:.86;transform:scale(1.04);transform-origin:center;filter:saturate(1) brightness(1);transition:opacity .24s ease,filter .24s ease}.download-btn-wrapper:hover #btnAuroraCanvas{opacity:.98;filter:saturate(1.16) brightness(1.12)}.btn-aurora-noise{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;border-radius:inherit;opacity:.08;background-image:linear-gradient(90deg,rgba(255,255,255,.035) 0 1px,transparent 1px),linear-gradient(rgba(255,255,255,.035) 0 1px,transparent 1px);background-size:18px 18px;mix-blend-mode:soft-light;animation:auroraPulse 7s ease-in-out infinite;pointer-events:none;transition:opacity .24s ease}.download-btn-wrapper:hover .btn-aurora-noise{opacity:.11}.btn-content{position:relative;z-index:3;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#00000038;color:#fff;font-size:.8rem;font-weight:600;font-family:Inter,system-ui,-apple-system,sans-serif;line-height:normal;text-transform:uppercase;letter-spacing:.12em;pointer-events:none}.download-btn-wrapper:hover .btn-content{background:#0000002e}.footer-note{position:fixed;bottom:18px;left:0;width:100%;text-align:center;font-size:.6rem;font-family:Inter,system-ui,-apple-system,sans-serif;font-weight:400;line-height:normal;color:#888;letter-spacing:.05em;text-transform:uppercase;z-index:20}@keyframes recipientAuroraPulse{0%,to{opacity:.08;transform:scale(1)}50%{opacity:.13;transform:scale(1.01)}}.recipient-inspector-title{font-size:1rem;font-weight:600;color:#fffffff5}.recipient-inspector-path{margin-top:.25rem;color:#ffffff6b;font-size:.8rem;word-break:break-word}.recipient-inspector-detail-card{padding:14px 16px;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,#ffffff0a,#ffffff05);display:flex;flex-direction:column;gap:14px}.recipient-inspector-section{display:flex;flex-direction:column;gap:8px}.recipient-inspector-section+.recipient-inspector-section{padding-top:12px;border-top:1px solid rgba(255,255,255,.06)}.recipient-inspector-section-title{color:#ffffff70;font-size:.68rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.recipient-inspector-row{display:grid;grid-template-columns:minmax(72px,88px) minmax(0,1fr);align-items:start;gap:8px}.recipient-inspector-key{color:#ffffff85;font-size:.82rem}.recipient-inspector-value{color:#ffffffe6;font-size:.84rem;word-break:break-word}.recipient-inspector-empty{color:#ffffff94;font-size:.9rem;line-height:1.6}@media (max-width: 980px){.recipient-screen{padding:1.25rem .9rem 1.8rem}.recipient-logo-anchor{width:170px;bottom:calc(100% + 14px)}.recipient-card,.recipient-card.recipient-card--wide,.recipient-card.recipient-card--details,.recipient-card.recipient-card--wide.recipient-card--details{width:min(100%,calc(100vw - 28px));padding:1.25rem}.recipient-auth-grid{grid-template-columns:minmax(0,1fr)}.recipient-package-workspace,.recipient-card.recipient-card--details .recipient-package-workspace{position:relative}.recipient-card.recipient-card--details .recipient-message-card{width:100%}.recipient-browser-column{position:relative;top:auto;left:auto;bottom:auto;width:100%;padding:12px}.recipient-inspector{position:relative;top:auto;right:auto;bottom:auto;width:100%;min-height:0;opacity:1;transform:none;visibility:visible;pointer-events:auto}.recipient-tree-list{max-height:48vh}}#app{max-width:800px;margin:0 auto;padding:2rem}.header{display:flex;align-items:center;justify-content:space-between;margin-bottom:3rem}.header-left{text-align:left}.header h1{font-size:2.5rem;font-weight:700;margin-bottom:.5rem;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-hover));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.tagline{color:var(--color-text-muted);font-size:1.1rem}.header-right{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.user-name{color:var(--color-text-muted);font-size:.875rem;white-space:nowrap}.signout-btn{background:transparent;border:1px solid var(--color-border);color:var(--color-text-muted);padding:.375rem .75rem;border-radius:var(--radius-sm);cursor:pointer;font-size:.8125rem;transition:all .2s}.signout-btn:hover{border-color:var(--color-error);color:var(--color-error)}.section{margin-bottom:2rem}.section h2{font-size:1.25rem;margin-bottom:1rem;color:var(--color-text)}.hidden{display:none!important}.upload-zone{border:2px dashed var(--color-border);border-radius:var(--radius-lg);padding:3rem 2rem;text-align:center;cursor:pointer;transition:all .2s ease;background:var(--color-surface)}.upload-zone:hover,.upload-zone.dragover{border-color:var(--color-primary);background:var(--color-surface-hover)}.upload-zone.dragover{transform:scale(1.01)}.upload-zone-content{pointer-events:none}.upload-icon{width:48px;height:48px;margin-bottom:1rem;color:var(--color-text-muted)}.upload-zone:hover .upload-icon,.upload-zone.dragover .upload-icon{color:var(--color-primary)}.upload-text{font-size:1.25rem;font-weight:500;margin-bottom:.25rem}.upload-subtext{color:var(--color-text-muted);font-size:.9rem}.selection-buttons{display:flex;gap:1rem;margin-top:1.5rem;pointer-events:auto}.select-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.25rem 1.5rem;background:var(--color-surface-hover);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease;color:var(--color-text-muted);font-size:.85rem;min-width:120px}.select-btn:hover{background:var(--color-border);border-color:var(--color-primary);color:var(--color-text);transform:translateY(-2px)}.select-icon{width:24px;height:24px;margin-bottom:.5rem}.file-input{position:absolute;width:0;height:0;opacity:0}.file-preview{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-top:1rem;overflow:hidden}.file-preview-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid var(--color-border);background:var(--color-surface-hover)}.file-preview-header h3{font-size:1rem;font-weight:600;margin:0}.clear-btn{background:transparent;border:none;color:var(--color-text-muted);font-size:.85rem;cursor:pointer;padding:.25rem .5rem;border-radius:var(--radius-sm);transition:all .2s ease}.clear-btn:hover{background:var(--color-border);color:var(--color-text)}.file-list{max-height:200px;overflow-y:auto}.file-list-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1.25rem;border-bottom:1px solid var(--color-border)}.file-list-item:last-child{border-bottom:none}.file-list-name{font-size:.9rem;color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;margin-right:1rem}.file-list-path{font-size:.75rem;color:var(--color-text-muted);margin-top:.125rem}.file-list-size{font-size:.8rem;color:var(--color-text-muted);white-space:nowrap}.file-list-summary{padding:1rem 1.25rem;text-align:center;color:var(--color-text-muted);font-size:.9rem}.file-preview-footer{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-top:1px solid var(--color-border);background:var(--color-surface-hover)}#file-summary{font-size:.9rem;color:var(--color-text-muted)}.upload-btn{background:var(--color-primary);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:var(--radius-md);font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease}.upload-btn:hover{background:var(--color-primary-hover)}.upload-btn:disabled{background:var(--color-border);cursor:not-allowed}.transfer-list{display:flex;flex-direction:column;gap:1rem}.transfer-item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:1rem}.transfer-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem}.transfer-name{font-weight:500;word-break:break-word;flex:1;margin-right:1rem}.transfer-size{color:var(--color-text-muted);font-size:.85rem;white-space:nowrap}.transfer-progress{margin-bottom:.5rem}.progress-bar{height:8px;background:var(--color-border);border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:var(--color-primary);border-radius:4px;transition:width .1s linear}.progress-fill.complete{background:var(--color-success)}.progress-fill.error{background:var(--color-error)}.progress-fill.finalizing{width:100%!important;position:relative;overflow:hidden}.progress-fill.finalizing:after{content:"";position:absolute;top:0;left:0;width:40%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.35) 50%,transparent 100%);animation:finalizing-sweep 1.8s ease-in-out infinite}@keyframes finalizing-sweep{0%,to{transform:translate(-100%)}50%{transform:translate(250%)}}.transfer-stats{display:flex;justify-content:space-between;font-size:.85rem;color:var(--color-text-muted)}.transfer-status{display:flex;align-items:center;gap:.5rem}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--color-primary)}.status-dot.complete{background:var(--color-success)}.status-dot.error{background:var(--color-error)}.status-dot.paused{background:var(--color-warning)}.status-dot.finalizing{animation:status-pulse 1.5s ease-in-out infinite}@keyframes status-pulse{0%,to{opacity:.4}50%{opacity:1}}.transfer-resume-message{font-size:.8rem;color:var(--color-text-secondary, #999);margin-top:.5rem;padding:.25rem 0}.resume-prompt span{display:block;margin-bottom:.5rem}.resume-prompt-actions{display:flex;gap:.5rem}.btn-sm{padding:.3rem .75rem;font-size:.8rem}.transfer-actions{display:flex;gap:.5rem;margin-top:.75rem}.btn{padding:.5rem 1rem;border:none;border-radius:var(--radius-sm);font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{background:var(--color-primary-hover)}.btn-secondary{background:var(--color-surface-hover);color:var(--color-text);border:1px solid var(--color-border)}.btn-secondary:hover{background:var(--color-border)}.btn-danger{background:transparent;color:var(--color-error);border:1px solid var(--color-error)}.btn-danger:hover{background:var(--color-error);color:#fff}.download-link{display:inline-flex;align-items:center;gap:.5rem;color:var(--color-primary);text-decoration:none;font-weight:500}.download-link:hover{text-decoration:underline}.footer{margin-top:3rem;text-align:center;color:var(--color-text-muted);font-size:.85rem}@media (max-width: 600px){.recipient-screen{padding:1rem .75rem 1.5rem}.recipient-package-header,.recipient-download-bar,.recipient-tree-toolbar{flex-direction:column;align-items:stretch}.recipient-auth-grid{grid-template-columns:1fr}.recipient-package-summary{min-width:0}.recipient-tree-toolbar-actions{width:100%}.recipient-tree-toolbar-btn,.recipient-download-btn,.recipient-auth-btn{width:100%;justify-content:center}.recipient-tree-row{grid-template-columns:18px 18px minmax(0,1fr)}.recipient-tree-badge,.recipient-tree-download-btn{grid-column:3;margin-top:.35rem}#app{padding:1rem}.header h1{font-size:1.75rem}.upload-zone{padding:2rem 1rem}}.perf-panel{position:fixed;bottom:1rem;right:1rem;width:320px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow);font-size:.8rem;z-index:1000}.perf-panel-header{display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem;background:var(--color-surface-hover);border-bottom:1px solid var(--color-border);border-radius:var(--radius-md) var(--radius-md) 0 0}.perf-panel-title{font-weight:600;font-size:.85rem}.perf-panel-toggle{background:none;border:none;color:var(--color-text-muted);cursor:pointer;font-size:1rem;padding:0 .25rem}.perf-panel-toggle:hover{color:var(--color-text)}.perf-panel-content{padding:.75rem;max-height:500px;overflow-y:auto}.perf-section{margin-bottom:.75rem}.perf-section:last-child{margin-bottom:0}.perf-section-title{font-weight:600;font-size:.7rem;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:.5rem;letter-spacing:.05em}.perf-row{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.perf-row label{width:60px;color:var(--color-text-muted)}.perf-row select,.perf-row input[type=range],.perf-row input[type=number],.perf-row input[type=text]{flex:1}.perf-row select,.perf-row input[type=number],.perf-row input[type=text]{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);padding:.25rem .5rem;font-size:.8rem}.perf-row input[type=range]{height:4px;-webkit-appearance:none;background:var(--color-border);border-radius:2px}.perf-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;background:var(--color-primary);border-radius:50%;cursor:pointer}.perf-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.perf-grid-3{grid-template-columns:repeat(3,1fr)}.perf-stat{background:var(--color-bg);padding:.5rem;border-radius:var(--radius-sm);text-align:center}.perf-stat-label{display:block;font-size:.65rem;color:var(--color-text-muted);margin-bottom:.25rem}.perf-stat-value{display:block;font-weight:600;font-size:.85rem}.perf-stat-good{color:var(--color-success)}.perf-stat-bad{color:var(--color-error)}.perf-chunk-list{background:var(--color-bg);border-radius:var(--radius-sm);max-height:150px;overflow-y:auto}.perf-chunk-empty{padding:1rem;text-align:center;color:var(--color-text-muted);font-style:italic}.perf-chunk-row{display:flex;align-items:center;padding:.35rem .5rem;border-bottom:1px solid var(--color-border);gap:.5rem}.perf-chunk-row:last-child{border-bottom:none}.perf-chunk-index{width:35px;color:var(--color-text-muted);font-family:monospace}.perf-chunk-source{padding:.1rem .35rem;border-radius:3px;font-size:.65rem;font-weight:600;text-transform:uppercase}.perf-source-cache{background:#22c55e33;color:var(--color-success)}.perf-source-origin{background:#ef444433;color:var(--color-error)}.perf-chunk-latency{flex:1;text-align:right;color:var(--color-text-muted);font-family:monospace}.perf-chunk-speed{width:70px;text-align:right;font-family:monospace}.stream-bench-panel{width:420px}.stream-bench-panel .perf-row label{width:70px}.stream-bench-actions{display:flex;gap:.5rem;margin-top:.75rem}.stream-bench-actions .btn{flex:1}.stream-bench-note{margin-top:.5rem;color:var(--color-text-muted);font-size:.72rem;line-height:1.35}.stream-bench-log{background:var(--color-bg);border-radius:var(--radius-sm);font-family:monospace;font-size:.72rem;line-height:1.45;max-height:180px;min-height:120px;overflow-y:auto;padding:.65rem;white-space:pre-wrap}.stream-bench-log-empty{color:var(--color-text-muted);font-style:italic;font-family:inherit}#bucket-selector{position:fixed;bottom:1rem;left:1rem;z-index:1000}.bucket-current{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease;font-size:.85rem}.bucket-current:hover{background:var(--color-surface-hover);border-color:var(--color-primary)}.bucket-icon{font-size:1rem}.bucket-label{color:var(--color-text)}.bucket-arrow{color:var(--color-text-muted);font-size:.7rem}.bucket-dropdown{position:absolute;bottom:100%;left:0;margin-bottom:.5rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow);overflow:hidden;min-width:160px}.bucket-option{padding:.6rem .75rem;cursor:pointer;transition:background .15s ease;font-size:.85rem;display:flex;align-items:center;gap:.5rem}.bucket-option:hover{background:var(--color-surface-hover)}.bucket-option.selected{background:var(--color-primary);color:#fff}.bucket-option.selected:hover{background:var(--color-primary-hover)}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;display:flex;align-items:center;justify-content:center;padding:1rem}.modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{position:relative;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:2rem;max-width:420px;width:100%;box-shadow:0 25px 50px -12px #00000080;animation:modal-appear .2s ease}@keyframes modal-appear{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-icon{width:48px;height:48px;margin:0 auto 1.25rem;color:var(--color-primary)}.modal-icon svg{width:100%;height:100%}.modal-title{font-size:1.25rem;font-weight:600;text-align:center;margin-bottom:.75rem}.modal-text{color:var(--color-text-muted);text-align:center;font-size:.95rem;margin-bottom:1.25rem;line-height:1.5}.modal-note{display:flex;gap:.75rem;padding:1rem;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:1.5rem;font-size:.85rem;line-height:1.5}.modal-note-icon{flex-shrink:0;width:20px;height:20px;color:var(--color-warning)}.modal-note strong{color:var(--color-warning)}.modal-actions{display:flex;gap:.75rem;justify-content:flex-end}.modal-btn{padding:.75rem 1.25rem;border:none;border-radius:var(--radius-md);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.modal-btn-secondary{background:var(--color-surface-hover);color:var(--color-text);border:1px solid var(--color-border)}.modal-btn-secondary:hover{background:var(--color-border)}.modal-btn-primary{background:var(--color-primary);color:#fff}.modal-btn-primary:hover{background:var(--color-primary-hover)}.modal-icon.warning{color:var(--color-warning, #f59e0b)}.browser-options{margin:1.5rem 0;text-align:left}.browser-option{display:flex;gap:1rem;padding:1rem;background:var(--color-bg-secondary);border-radius:8px;margin-bottom:1rem}.browser-option.recommended{border:1px solid var(--color-primary);background:#3b82f60d}.browser-option-icon{width:40px;height:40px;color:var(--color-primary);flex-shrink:0}.browser-option-icon svg{width:100%;height:100%}.browser-option-content{flex:1}.browser-option-content strong{display:block;margin-bottom:.25rem;color:var(--color-text)}.browser-option-content p{font-size:.875rem;color:var(--color-text-muted);margin-bottom:.75rem}.browser-option-buttons{display:flex;gap:.5rem;flex-wrap:wrap}.browser-option-buttons .modal-btn{padding:.5rem 1rem;font-size:.875rem}.browser-option-divider{text-align:center;color:var(--color-text-muted);font-size:.875rem;margin:1rem 0}.supported-browsers{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap}.browser-badge{padding:.375rem .75rem;background:var(--color-bg-secondary);border-radius:4px;font-size:.875rem;color:var(--color-text-muted)}.auth-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem}.auth-container{width:100%;max-width:400px}.auth-header{text-align:center;margin-bottom:2rem}.auth-header h1{font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-hover));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.auth-header p{color:var(--color-text-muted);font-size:1rem}.auth-form h2{font-size:1.25rem;font-weight:600;margin-bottom:1.25rem;text-align:center}.auth-description{color:var(--color-text-muted);font-size:.875rem;text-align:center;margin-bottom:1.25rem}.auth-social-buttons{display:flex;flex-direction:column;gap:.625rem;margin-bottom:1.25rem}.auth-social-btn{display:flex;align-items:center;justify-content:center;gap:.625rem;width:100%;padding:.625rem 1rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.auth-social-btn:hover{background:var(--color-surface-hover);border-color:var(--color-text-muted)}.auth-social-btn svg{flex-shrink:0}.auth-divider{display:flex;align-items:center;gap:1rem;margin:1.25rem 0;color:var(--color-text-muted);font-size:.8125rem}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--color-border)}.auth-field{margin-bottom:1rem;transition:all .2s ease}#auth-confirm-field.hidden{display:none}.auth-field label{display:block;font-size:.8125rem;font-weight:500;color:var(--color-text-muted);margin-bottom:.375rem}.auth-password-wrapper{position:relative}.auth-password-wrapper input{padding-right:2.5rem}.auth-password-toggle{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--color-text-muted);cursor:pointer;padding:.25rem;display:flex;align-items:center}.auth-password-toggle:hover{color:var(--color-text)}.auth-field input{width:100%;padding:.625rem .75rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);color:var(--color-text);font-size:.875rem;transition:border-color .2s}.auth-field input::placeholder{color:var(--color-text-muted);opacity:.6}.auth-field input:focus{outline:none;border-color:var(--color-primary)}.auth-error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:var(--color-error);padding:.625rem .75rem;border-radius:var(--radius-md);font-size:.8125rem;margin-bottom:1rem}.auth-success{background:#22c55e1a;border:1px solid rgba(34,197,94,.3);color:var(--color-success);padding:.625rem .75rem;border-radius:var(--radius-md);font-size:.8125rem;margin-bottom:1rem}.auth-submit-btn{width:100%;padding:.625rem 1rem;border:none;border-radius:var(--radius-md);background:var(--color-primary);color:#fff;font-size:.875rem;font-weight:600;cursor:pointer;transition:background .2s;margin-top:.25rem}.auth-submit-btn:hover{background:var(--color-primary-hover)}.auth-submit-btn:disabled{opacity:.6;cursor:not-allowed}.auth-links{display:flex;justify-content:center;gap:1.5rem;margin-top:1.25rem}.auth-links-divider{color:var(--color-border);font-size:.8125rem;-webkit-user-select:none;user-select:none}.auth-link-btn{background:none;border:none;color:var(--color-primary);font-size:.8125rem;cursor:pointer;padding:0;text-decoration:none}.auth-link-btn:hover{text-decoration:underline}.auth-confirm-icon{text-align:center;color:var(--color-primary);margin-bottom:1rem}.auth-confirm-icon svg{opacity:.8}html[data-route=recipient] body{margin:0;padding:0;background-color:#0a0a0a;color:#fff;font-family:Inter,system-ui,-apple-system,sans-serif;overflow:hidden;height:100vh;width:100vw}html[data-route=recipient] body.is-resizing .ui-container,html[data-route=recipient] body.is-resizing .content-shell,html[data-route=recipient] body.is-resizing .browser-panel,html[data-route=recipient] body.is-resizing .inspector-panel{transition:none!important}html[data-route=recipient] .recipient-screen{position:fixed;top:0;right:0;bottom:0;left:0;padding:0;display:block!important;overflow:hidden;background:transparent;isolation:isolate}html[data-route=recipient] .recipient-shell{display:contents}html[data-route=recipient] .recipient-canvas-container{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;opacity:0;transition:opacity .9s cubic-bezier(.22,1,.36,1)}html[data-route=recipient][data-recipient-visuals=ready] .recipient-canvas-container{opacity:1}html[data-route=recipient] .recipient-canvas-container canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}html[data-route=recipient] #recipient-card.ui-container{position:fixed;top:50%;left:50%;width:min(500px,calc(100vw - 48px));--shell-gap: 18px;--inspector-width: 332px;padding:26px;background:#121212c7;border:1px solid rgba(255,255,255,.14);border-radius:24px;display:grid;grid-template-rows:auto auto minmax(0,1fr);gap:18px;z-index:10;transform:translate(-50%,calc(-50% - 36px));transition:width .42s cubic-bezier(.22,1,.36,1),height .42s cubic-bezier(.22,1,.36,1);box-shadow:0 28px 90px #00000052;overflow:visible}html[data-route=recipient] #recipient-card.ui-container.with-details{width:min(1002px,calc(100vw - 48px))}html[data-route=recipient] #recipient-card.ui-container.wide-view{width:min(750px,calc(100vw - 48px))}html[data-route=recipient] #recipient-card.ui-container.wide-view.with-details{width:min(1162px,calc(100vw - 48px))}html[data-route=recipient] .brand-logo-anchor{position:absolute;left:50%;bottom:calc(100% + 18px);transform:translate(-50%);width:clamp(180px,22vw,220px);pointer-events:none;opacity:.92}html[data-route=recipient] .brand-logo-anchor img{width:100%;height:auto;display:block}html[data-route=recipient] .header-section{display:flex;align-items:flex-start;justify-content:flex-start;gap:18px;text-align:left}html[data-route=recipient] .header-title{font-size:1.4rem;font-weight:300;letter-spacing:.02em;margin:0}html[data-route=recipient] .header-subtitle{font-size:.72rem;color:#ffffff80;letter-spacing:.06em;margin-top:7px;text-transform:uppercase}html[data-route=recipient] .message-card{width:100%;justify-self:stretch;transition:width .42s cubic-bezier(.22,1,.36,1)}html[data-route=recipient] .ui-container.with-details .message-card{width:calc(100% - var(--inspector-width) - var(--shell-gap));justify-self:start}html[data-route=recipient] .message-card[hidden]{display:none!important}html[data-route=recipient] .message-body{margin:0;font-size:.8rem;line-height:1.6;color:#ffffffb8;text-align:justify;text-align-last:left;text-justify:inter-word}html[data-route=recipient] #recipient-package-panel.hidden{display:none!important}html[data-route=recipient] .content-shell{min-height:0;position:relative;transition:height .42s cubic-bezier(.22,1,.36,1)}html[data-route=recipient] .browser-panel,html[data-route=recipient] .inspector-panel{min-height:0;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:#ffffff07}html[data-route=recipient] .browser-panel{position:absolute;top:0;left:0;bottom:0;z-index:2;width:100%;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:12px;padding:14px;transition:width .42s cubic-bezier(.22,1,.36,1),transform .42s cubic-bezier(.22,1,.36,1)}html[data-route=recipient] .content-shell:not(.details-hidden) .browser-panel{width:calc(100% - var(--inspector-width) - var(--shell-gap))}html[data-route=recipient] .inspector-panel{position:absolute;top:0;right:0;bottom:0;z-index:1;width:var(--inspector-width);padding:16px;display:flex;flex-direction:column;gap:16px;overflow-y:auto;overflow-x:hidden;min-width:0;opacity:1;transform:translate(0);visibility:visible;transition:opacity .26s ease,transform .42s cubic-bezier(.22,1,.36,1),border-color .2s ease,background .2s ease}html[data-route=recipient] .inspector-panel-inner{display:flex;flex-direction:column;gap:16px}html[data-route=recipient] .inspector-panel.hidden{opacity:0;transform:translate(-34px);pointer-events:none;visibility:hidden;border-color:#fff0;background:#fff0}html[data-route=recipient] .toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px}html[data-route=recipient] .search-wrap{flex:1 1 auto;min-width:0}html[data-route=recipient] .search-input{width:100%;height:34px;padding:0 12px;border-radius:12px;border:1px solid rgba(255,255,255,.08);background:#ffffff09;color:#ffffffe6;font:inherit;font-size:.74rem;outline:none;transition:border-color .2s ease,background .2s ease}html[data-route=recipient] .search-input::placeholder{color:#ffffff57}html[data-route=recipient] .search-input:focus{border-color:#ffffff38;background:#ffffff0d}html[data-route=recipient] .toolbar-end{display:flex;align-items:center;gap:8px;margin-left:auto}html[data-route=recipient] .icon-toggle{width:34px;height:34px;padding:0;border-radius:10px;border:1px solid rgba(255,255,255,.08);background:#ffffff08;color:#ffffffad;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s ease,border-color .2s ease,color .2s ease}html[data-route=recipient] .icon-toggle:hover{background:#ffffff14;border-color:#ffffff29;color:#fffffff0}html[data-route=recipient] .icon-toggle[aria-pressed=true]{background:#ffffff1a;border-color:#ffffff2e;color:#fff}html[data-route=recipient] .file-list-container{width:100%;height:100%;overflow-y:auto;min-height:0;padding:2px 0;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) rgba(255,255,255,.05)}html[data-route=recipient] .file-list-container::-webkit-scrollbar,html[data-route=recipient] .inspector-panel::-webkit-scrollbar{width:4px}html[data-route=recipient] .file-list-container::-webkit-scrollbar-track,html[data-route=recipient] .inspector-panel::-webkit-scrollbar-track{background:#ffffff0d;border-radius:2px}html[data-route=recipient] .file-list-container::-webkit-scrollbar-thumb,html[data-route=recipient] .inspector-panel::-webkit-scrollbar-thumb{background:#fff3;border-radius:2px}html[data-route=recipient] .inspector-panel{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) rgba(255,255,255,.05)}html[data-route=recipient] .file-list-inner{display:flex;flex-direction:column;gap:4px}html[data-route=recipient] .file-row{display:grid;grid-template-columns:14px minmax(0,1fr) auto 24px;align-items:center;column-gap:12px;padding:5px 12px;background:#ffffff08;border:1px solid transparent;border-radius:9px;transition:background .24s ease,border-color .24s ease,box-shadow .24s ease,color .24s ease;cursor:default}html[data-route=recipient] .file-row:hover,html[data-route=recipient] .file-row.folder:hover,html[data-route=recipient] .file-row.selected:hover,html[data-route=recipient] .file-row.partial:hover{background:#ffffff17}html[data-route=recipient] .file-row.selected{background:#ffffff08}html[data-route=recipient] .file-row.partial{background:#ffffff0b}html[data-route=recipient] .file-row.folder{background:#ffffff0a}html[data-route=recipient] .file-row.active{border-color:#ffffff57;background:#ffffff1a;box-shadow:inset 0 0 0 1px #ffffff0f,0 0 0 1px #ffffff14}html[data-route=recipient] .file-row.active .file-name,html[data-route=recipient] .file-row.active .file-size,html[data-route=recipient] .file-row.active .folder-icon,html[data-route=recipient] .file-row.active .folder-disclosure,html[data-route=recipient] .file-row.active .row-action-icon{color:#fffffff5}html[data-route=recipient] .file-row.child{margin-left:calc(22px * var(--indent-depth, 1));width:calc(100% - (22px * var(--indent-depth, 1)))}html[data-route=recipient] .checkbox-custom{width:14px;height:14px;border:1.5px solid rgba(255,255,255,.22);border-radius:4px;position:relative;display:flex;align-items:center;justify-content:center;background:#ffffff04;transition:border-color .2s ease,background .2s ease,opacity .2s ease;flex-shrink:0}html[data-route=recipient] .file-row.selected .checkbox-custom{background:#ffffff05;border-color:#ffffff80}html[data-route=recipient] .checkbox-custom:after{content:"";width:8px;height:4px;border-left:1.5px solid rgba(255,255,255,.92);border-bottom:1.5px solid rgba(255,255,255,.92);transform:rotate(-45deg) translateY(-.5px);opacity:0}html[data-route=recipient] .file-row.selected .checkbox-custom:after{opacity:1}html[data-route=recipient] .checkbox-custom:before{content:"";position:absolute;width:7px;height:1.5px;background:#ffffffe0;border-radius:999px;opacity:0}html[data-route=recipient] .file-row.partial .checkbox-custom{background:#ffffff05;border-color:#ffffff6b}html[data-route=recipient] .file-row.partial .checkbox-custom:before{opacity:1}html[data-route=recipient] .file-row.partial .checkbox-custom:after{opacity:0}html[data-route=recipient] .row-select-toggle{width:14px;height:14px;padding:0;border:0;background:transparent;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}html[data-route=recipient] .file-info{min-width:0}html[data-route=recipient] .folder-label-button{display:flex;align-items:center;gap:8px;min-width:0;width:100%;padding:0;border:0;background:transparent;text-align:left;cursor:pointer;color:inherit}html[data-route=recipient] .folder-icon{width:15px;height:15px;flex-shrink:0;color:#ffffffb3}html[data-route=recipient] .file-name{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.15;font-size:.75rem;color:#ffffffe0}html[data-route=recipient] .file-size{min-width:132px;text-align:right;font-size:.68rem;color:#888;font-family:Inter,monospace;letter-spacing:.02em;white-space:nowrap}html[data-route=recipient] .row-action-icon,html[data-route=recipient] .row-action-spacer,html[data-route=recipient] .folder-disclosure{width:24px;height:24px}html[data-route=recipient] .row-action-icon,html[data-route=recipient] .folder-disclosure{color:#888;display:flex;align-items:center;justify-content:center;border-radius:6px;background:#ffffff08}html[data-route=recipient] .folder-disclosure{padding:0;border:0;cursor:pointer;transition:background .2s ease,color .2s ease}html[data-route=recipient] .folder-disclosure:hover,html[data-route=recipient] .row-action-icon:hover{background:#ffffff14;color:#ffffffeb}html[data-route=recipient] .folder-disclosure svg{transition:transform .2s ease}html[data-route=recipient] .folder-disclosure[aria-expanded=true] svg{transform:rotate(90deg)}html[data-route=recipient] .download-bar{display:block;padding-top:2px}html[data-route=recipient] button.download-btn-wrapper{padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}html[data-route=recipient] .download-btn-wrapper{position:relative;width:100%;height:60px;border-radius:14px;overflow:hidden;cursor:pointer;border:1px solid rgba(255,255,255,.28);box-shadow:inset 0 0 0 1px #ffffff0f;transition:transform .2s,border-color .3s;isolation:isolate;background:#ffffff06}html[data-route=recipient] .download-btn-wrapper:hover{border-color:#ffffffad;box-shadow:inset 0 0 0 1px #ffffff1f,0 0 0 1px #ffffff0f}html[data-route=recipient] .download-btn-wrapper:active{transform:translateY(0) scale(.98)}html[data-route=recipient] .download-btn-wrapper:disabled{opacity:.45;cursor:not-allowed}html[data-route=recipient] .btn-aurora{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border-radius:inherit;overflow:hidden;z-index:1;background:radial-gradient(circle at 50% 40%,rgba(255,255,255,.04),transparent 54%),linear-gradient(90deg,#04080ef7,#070c14c7 50%,#04080ef7)}html[data-route=recipient] .btn-aurora:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:radial-gradient(circle at 50% 0%,rgba(255,255,255,.08),transparent 38%),linear-gradient(180deg,rgba(255,255,255,.03),transparent 28%,rgba(0,0,0,.2) 100%);z-index:1;pointer-events:none}html[data-route=recipient] #btnAuroraCanvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;z-index:0;opacity:.86;transform:scale(1.04);transform-origin:center;filter:saturate(1) brightness(1);transition:opacity .24s ease,filter .24s ease}html[data-route=recipient] .download-btn-wrapper:hover #btnAuroraCanvas{opacity:.98;filter:saturate(1.16) brightness(1.12)}html[data-route=recipient] .btn-aurora-noise{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;border-radius:inherit;opacity:.08;background-image:linear-gradient(90deg,rgba(255,255,255,.035) 0 1px,transparent 1px),linear-gradient(rgba(255,255,255,.035) 0 1px,transparent 1px);background-size:18px 18px;mix-blend-mode:soft-light;animation:auroraPulse 7s ease-in-out infinite;pointer-events:none;transition:opacity .24s ease}html[data-route=recipient] .download-btn-wrapper:hover .btn-aurora-noise{opacity:.11}html[data-route=recipient] .btn-content{position:relative;z-index:3;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#00000038;color:#fff;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:.8rem;font-weight:600;line-height:normal;text-transform:uppercase;letter-spacing:.12em;pointer-events:none}html[data-route=recipient] .download-btn-wrapper:hover .btn-content{background:#0000002e}html[data-route=recipient] .footer-note{position:fixed;bottom:18px;left:0;width:100%;text-align:center;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:.6rem;font-weight:400;line-height:normal;color:#888;letter-spacing:.05em;text-transform:uppercase;z-index:20}html[data-route=recipient] .recipient-state.hidden{display:none!important}html[data-route=recipient] .recipient-loading-panel{position:absolute;top:0;right:0;bottom:0;left:0;z-index:30;display:grid;place-content:center;gap:.9rem;justify-items:center;border-radius:inherit;background:#0a0a0af5;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .55s cubic-bezier(.22,1,.36,1),visibility 0s linear .55s}html[data-route=recipient] .recipient-loading-panel.is-visible{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s}html[data-route=recipient] .recipient-loading-spinner{width:30px;height:30px;border-radius:999px;border:2px solid rgba(255,255,255,.12);border-top-color:#ffffffb8;animation:recipientSpin .8s linear infinite}html[data-route=recipient] .recipient-loading-label{color:#ffffff9e;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase}@keyframes auroraPulse{0%,to{opacity:.08;transform:scale(1)}50%{opacity:.13;transform:scale(1.01)}}@keyframes recipientSpin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){html[data-route=recipient] .btn-aurora-noise{animation:none}}@media (max-width: 980px){html[data-route=recipient] #recipient-card.ui-container,html[data-route=recipient] #recipient-card.ui-container.with-details{width:min(500px,calc(100vw - 28px));padding:20px}html[data-route=recipient] #recipient-card.ui-container.wide-view,html[data-route=recipient] #recipient-card.ui-container.wide-view.with-details{width:min(750px,calc(100vw - 28px))}html[data-route=recipient] .ui-container.with-details .message-card{width:100%;justify-self:stretch}html[data-route=recipient] .header-section{flex-direction:column}html[data-route=recipient] .content-shell{position:relative;min-height:0}html[data-route=recipient] .browser-panel,html[data-route=recipient] .content-shell:not(.details-hidden) .browser-panel,html[data-route=recipient] .inspector-panel{position:relative;width:100%;right:auto;left:auto;top:auto;bottom:auto;transform:none}html[data-route=recipient] .inspector-panel.hidden{display:none;opacity:0;visibility:hidden}}