:root{--color-primary: #000000;--color-primary-light: #333333;--color-secondary: #f5f5f7;--color-accent: #0066cc;--color-accent-hover: #0052a3;--color-white: #ffffff;--color-text: #1d1d1f;--color-text-muted: #6e6e73;--color-border: rgba(0, 0, 0, .1);--color-success: #34c759;--color-error: #ff3b30;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--font-size-4xl: 2.5rem;--font-size-5xl: 3rem;--font-size-6xl: 3.75rem;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--spacing-4xl: 6rem;--spacing-5xl: 8rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .07);--shadow-lg: 0 10px 25px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 40px rgba(0, 0, 0, .12);--transition-fast: .15s ease;--transition-base: .3s ease;--transition-slow: .5s ease;--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-modal-backdrop: 400;--z-modal: 500;--z-tooltip: 600;--container-max: 1200px;--container-padding: 5%}@media(max-width:768px){:root{--font-size-5xl: 2.5rem;--font-size-6xl: 3rem;--spacing-4xl: 4rem;--spacing-5xl: 5rem}}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:1.6;color:var(--color-text);background-color:var(--color-white);overflow-x:hidden;min-height:100vh}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2;letter-spacing:-.02em}h1{font-size:var(--font-size-5xl)}h2{font-size:var(--font-size-4xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}p{color:var(--color-text-muted);line-height:1.8}a{color:inherit;text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-accent)}.container{max-width:var(--container-max);margin:0 auto;padding:0 var(--container-padding)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);font-family:inherit;font-size:var(--font-size-base);font-weight:500;border:none;border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-base);text-decoration:none}.btn-primary{background-color:var(--color-primary);color:var(--color-white)}.btn-primary:hover{background-color:var(--color-primary-light);transform:translateY(-2px);box-shadow:var(--shadow-lg);color:var(--color-white)}.btn-secondary{background-color:var(--color-secondary);color:var(--color-text)}.btn-secondary:hover{background-color:var(--color-border);color:var(--color-text)}.btn-outline{background-color:transparent;color:var(--color-text);border:1px solid var(--color-border)}.btn-outline:hover{background-color:var(--color-secondary);color:var(--color-text)}.btn-lg{padding:var(--spacing-lg) var(--spacing-2xl);font-size:var(--font-size-lg)}@media(max-width:768px){.btn-lg{padding:var(--spacing-md) var(--spacing-lg)}}.card{background-color:var(--color-secondary);border-radius:var(--radius-2xl);padding:var(--spacing-2xl);transition:all var(--transition-base)}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .6s ease forwards}.animate-fade-in-up{animation:fadeInUp .6s ease forwards}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}::selection{background-color:var(--color-primary);color:var(--color-white)}.text-center{text-align:center}.text-muted{color:var(--color-text-muted)}.app{min-height:100vh;display:flex;flex-direction:column}.header{position:sticky;top:0;background-color:#ffffffe6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:var(--z-sticky);padding:var(--spacing-lg) 0;border-bottom:1px solid var(--color-border)}.header-content{display:flex;align-items:center;justify-content:space-between}.logo{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-primary);text-decoration:none}.logo:hover{color:var(--color-primary)}.nav{display:flex;align-items:center;gap:var(--spacing-xl)}.nav-link{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-muted);text-decoration:none;transition:color var(--transition-fast)}.nav-link:hover{color:var(--color-text)}.main{flex:1}.page-hero{background-color:var(--color-secondary);padding:var(--spacing-4xl) var(--container-padding);text-align:center}.page-hero h1{font-size:var(--font-size-5xl);font-weight:700;margin-bottom:var(--spacing-lg)}.page-hero p{font-size:var(--font-size-lg);color:var(--color-text-muted);max-width:600px;margin:0 auto}.page-content{padding:var(--spacing-4xl) var(--container-padding)}.page-grid{display:grid;grid-template-columns:1fr 380px;gap:var(--spacing-4xl);max-width:var(--container-max);margin:0 auto}@media(max-width:1024px){.page-grid{grid-template-columns:1fr}}.hero{text-align:center;padding:var(--spacing-4xl) var(--container-padding) var(--spacing-xl);max-width:600px;margin:0 auto}.badge{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);background-color:var(--color-secondary);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:500;margin-bottom:var(--spacing-lg)}.hero h1{font-size:var(--font-size-5xl);margin-bottom:var(--spacing-md)}.hero>p{font-size:var(--font-size-lg);max-width:500px;margin:0 auto}.options-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-xl);max-width:900px;margin:0 auto var(--spacing-5xl);padding:0 var(--container-padding)}@media(max-width:768px){.options-grid{grid-template-columns:1fr}}.option-card{background-color:var(--color-secondary);border:none;border-radius:var(--radius-2xl);padding:var(--spacing-2xl);text-align:left;cursor:pointer;transition:all var(--transition-base);display:flex;flex-direction:column;gap:var(--spacing-md);font-family:inherit}.option-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.option-card:hover .option-icon{background-color:var(--color-primary);color:var(--color-white)}.option-card:hover .option-action{color:var(--color-accent)}.option-icon{width:64px;height:64px;background-color:var(--color-white);border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;color:var(--color-primary);transition:all var(--transition-base)}.option-card h3{font-size:var(--font-size-xl);color:var(--color-text);margin:0}.option-card p{font-size:var(--font-size-base);color:var(--color-text-muted);margin:0;line-height:1.6}.option-action{display:inline-flex;align-items:center;gap:var(--spacing-sm);font-weight:500;font-size:var(--font-size-base);color:var(--color-text);margin-top:auto;padding-top:var(--spacing-md);transition:color var(--transition-fast)}.back-button{display:inline-flex;align-items:center;gap:var(--spacing-sm);background:none;border:none;color:var(--color-text-muted);font-family:inherit;font-size:var(--font-size-base);cursor:pointer;padding:var(--spacing-sm) 0;margin-bottom:var(--spacing-lg);transition:color var(--transition-fast)}.back-button:hover{color:var(--color-text)}.form-container{background-color:var(--color-secondary);border-radius:var(--radius-2xl);padding:var(--spacing-2xl)}@media(max-width:768px){.form-container{padding:var(--spacing-xl)}}.sidebar{display:flex;flex-direction:column;gap:var(--spacing-xl)}.info-card{background-color:var(--color-secondary);border-radius:var(--radius-2xl);padding:var(--spacing-xl)}.info-card h3{font-size:var(--font-size-lg);font-weight:600;margin-bottom:var(--spacing-xl)}.info-item{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.info-item:last-child{margin-bottom:0}.info-item svg{flex-shrink:0;color:var(--color-accent);margin-top:2px}.info-item-content strong{display:block;font-size:var(--font-size-sm);font-weight:600;margin-bottom:var(--spacing-xs)}.info-item-content span{font-size:var(--font-size-sm);color:var(--color-text-muted)}.process-list{list-style:none;counter-reset:process}.process-list li{position:relative;padding-left:var(--spacing-2xl);margin-bottom:var(--spacing-lg);counter-increment:process}.process-list li:last-child{margin-bottom:0}.process-list li:before{content:counter(process);position:absolute;left:0;top:0;width:24px;height:24px;background-color:var(--color-primary);color:var(--color-white);border-radius:50%;font-size:var(--font-size-xs);font-weight:600;display:flex;align-items:center;justify-content:center}.process-list li strong{display:block;font-size:var(--font-size-sm);font-weight:600;margin-bottom:var(--spacing-xs)}.process-list li p{font-size:var(--font-size-xs);color:var(--color-text-muted);margin:0}.dropzone{border:2px dashed var(--color-border);border-radius:var(--radius-xl);padding:var(--spacing-3xl) var(--spacing-xl);text-align:center;cursor:pointer;transition:all var(--transition-base);margin-bottom:var(--spacing-xl);color:var(--color-text-muted);background-color:var(--color-white)}.dropzone:hover,.dropzone.active{border-color:var(--color-accent);background-color:#0066cc0a}.dropzone.active{border-style:solid}.dropzone p{font-size:var(--font-size-lg);font-weight:500;color:var(--color-text);margin:var(--spacing-md) 0 var(--spacing-xs)}.dropzone span{font-size:var(--font-size-sm)}.files-list{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-xl)}.file-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);background-color:var(--color-white);border-radius:var(--radius-lg);font-size:var(--font-size-sm)}.file-name{flex:1;font-weight:500;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-size{color:var(--color-text-muted);white-space:nowrap}.remove-file{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:none;border:none;border-radius:var(--radius-full);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast)}.remove-file:hover{background-color:var(--color-error);color:var(--color-white)}.form-group{margin-bottom:var(--spacing-lg)}.form-group label{display:block;font-size:var(--font-size-sm);font-weight:500;color:var(--color-text);margin-bottom:var(--spacing-sm)}.form-group input,.form-group textarea{width:100%;padding:var(--spacing-md) var(--spacing-lg);font-family:inherit;font-size:var(--font-size-base);border:1px solid var(--color-border);border-radius:var(--radius-lg);background-color:var(--color-white);color:var(--color-text);transition:all var(--transition-fast);resize:vertical}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--color-text-muted);opacity:.6}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #0066cc1a}.security-info{display:flex;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-lg);background-color:var(--color-white);border-radius:var(--radius-lg);margin-bottom:var(--spacing-xl);font-size:var(--font-size-sm);color:var(--color-text-muted)}.security-info svg{flex-shrink:0;color:var(--color-success)}.submit-btn{width:100%;margin-top:var(--spacing-md)}.submit-btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.success-container{text-align:center;max-width:600px;margin:0 auto;padding:var(--spacing-3xl) var(--container-padding) var(--spacing-4xl)}.success-icon{width:80px;height:80px;background-color:#34c7591a;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:var(--color-success);margin:0 auto var(--spacing-lg)}.success-container h1{font-size:var(--font-size-3xl);margin-bottom:var(--spacing-sm)}.success-container>p{font-size:var(--font-size-base);color:var(--color-text-muted);margin-bottom:0}.success-container .btn{margin-top:var(--spacing-lg)}.security-section{background-color:var(--color-secondary);padding:var(--spacing-4xl) var(--container-padding);text-align:center}.security-section h2{font-size:var(--font-size-3xl);margin-bottom:var(--spacing-md)}.security-intro{font-size:var(--font-size-lg);color:var(--color-text-muted);max-width:600px;margin:0 auto var(--spacing-3xl)}.security-flow{display:flex;align-items:flex-start;justify-content:center;gap:var(--spacing-lg);max-width:1000px;margin:0 auto var(--spacing-2xl)}.flow-step{flex:1;max-width:200px}.flow-icon{width:56px;height:56px;background-color:var(--color-white);border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;color:var(--color-primary);margin:0 auto var(--spacing-md)}.flow-step h4{font-size:var(--font-size-base);font-weight:600;margin-bottom:var(--spacing-sm)}.flow-step p{font-size:var(--font-size-sm);color:var(--color-text-muted);line-height:1.5;margin:0}.flow-arrow{display:flex;align-items:center;color:var(--color-text-muted);padding-top:var(--spacing-lg)}.security-note{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);background-color:var(--color-white);border-radius:var(--radius-full);font-size:var(--font-size-sm);color:var(--color-text-muted)}.security-note svg{color:var(--color-success)}@media(max-width:900px){.security-flow{flex-direction:column;align-items:center;gap:var(--spacing-xl)}.flow-step{max-width:280px}.flow-arrow{transform:rotate(90deg);padding:0}}@media(max-width:768px){.security-section h2{font-size:var(--font-size-2xl)}.security-intro{font-size:var(--font-size-base)}}.footer{padding:var(--spacing-xl) 0;border-top:1px solid var(--color-border);text-align:center}.footer p{font-size:var(--font-size-sm);margin:0}@media(max-width:1024px){.sidebar{flex-direction:row;flex-wrap:wrap}.info-card{flex:1;min-width:280px}}@media(max-width:768px){.page-hero h1,.hero h1{font-size:var(--font-size-4xl)}.sidebar{flex-direction:column}.info-card{min-width:auto}}.progress-bar{width:100%;height:8px;background-color:var(--color-border);border-radius:var(--radius-full);overflow:hidden;margin-bottom:var(--spacing-md)}.progress-fill{height:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-accent));border-radius:var(--radius-full);transition:width .3s ease}.upload-progress{padding:var(--spacing-lg);background-color:var(--color-white);border-radius:var(--radius-lg);margin-top:var(--spacing-md)}.progress-info{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-text-muted)}.download-progress{margin:var(--spacing-xl) 0}.download-progress p{text-align:center;margin-top:var(--spacing-md);color:var(--color-text-muted)}.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.share-link-container{width:100%;margin:var(--spacing-2xl) auto var(--spacing-xl);padding:var(--spacing-xl);background-color:var(--color-secondary);border-radius:var(--radius-xl);text-align:left}.share-link-container label{display:block;font-size:var(--font-size-sm);font-weight:600;color:var(--color-text);margin-bottom:var(--spacing-md)}.share-link-box{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.share-link-input{flex:1;padding:var(--spacing-md) var(--spacing-lg);font-family:monospace;font-size:var(--font-size-sm);border:1px solid var(--color-border);border-radius:var(--radius-lg);background-color:var(--color-white);color:var(--color-text);min-width:0}.copy-btn{display:flex;align-items:center;gap:var(--spacing-xs);white-space:nowrap;flex-shrink:0}.share-link-note{display:flex;align-items:flex-start;gap:var(--spacing-sm);font-size:var(--font-size-xs);color:var(--color-text-muted);line-height:1.5}.share-link-note svg{flex-shrink:0;margin-top:2px;color:var(--color-success)}.files-links-list{margin:var(--spacing-lg) 0 0;padding-top:var(--spacing-lg);border-top:1px solid var(--color-border);display:flex;flex-direction:column;gap:var(--spacing-sm)}.files-links-list label{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text);margin-bottom:var(--spacing-xs)}.file-link-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);background-color:var(--color-white);border-radius:var(--radius-lg);font-size:var(--font-size-sm)}.file-link-item svg:first-child{color:var(--color-text-muted);flex-shrink:0}.file-link-item span{flex:1;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:480px){.share-link-box{flex-direction:column}.copy-btn{width:100%;justify-content:center}}.error-message{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);background-color:#ff3b301a;border-radius:var(--radius-lg);color:var(--color-error);font-size:var(--font-size-sm);margin-bottom:var(--spacing-lg)}.btn-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:none;border:none;border-radius:var(--radius-lg);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast)}.btn-icon:hover{background-color:var(--color-secondary);color:var(--color-text)}.download-container,.secret-container{text-align:center;max-width:560px;margin:0 auto;padding:var(--spacing-3xl) var(--container-padding)}.download-header,.secret-header{margin-bottom:var(--spacing-xl)}.download-complete-container{text-align:center;max-width:480px;margin:0 auto;padding:var(--spacing-4xl) var(--container-padding)}.complete-icon{width:80px;height:80px;background-color:#34c7591a;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:var(--color-success);margin:0 auto var(--spacing-lg)}.download-complete-container h1{font-size:var(--font-size-3xl);margin-bottom:var(--spacing-sm)}.complete-message{font-size:var(--font-size-base);color:var(--color-text-muted);margin-bottom:var(--spacing-xl)}.complete-file-info{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);background-color:var(--color-secondary);border-radius:var(--radius-lg);font-size:var(--font-size-sm);font-weight:500;color:var(--color-text);margin-bottom:var(--spacing-lg)}.complete-file-info svg{color:var(--color-text-muted)}.complete-security{display:inline-flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--spacing-xl)}.complete-security svg{color:var(--color-success)}.complete-btn{display:inline-flex}.file-icon,.secret-icon{width:96px;height:96px;background-color:var(--color-secondary);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:var(--color-primary);margin:0 auto var(--spacing-xl)}.secret-icon.revealed{background-color:#34c7591a;color:var(--color-success)}.error-icon{width:96px;height:96px;background-color:#ff3b301a;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:var(--color-error);margin:0 auto var(--spacing-xl)}.error-page-container{text-align:center;max-width:480px;margin:0 auto;padding:var(--spacing-3xl) var(--container-padding)}.error-page-icon{width:88px;height:88px;background-color:#ff95001a;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:var(--color-warning);margin:0 auto var(--spacing-lg)}.error-page-container h1{font-size:var(--font-size-3xl);margin-bottom:var(--spacing-sm)}.error-page-message{font-size:var(--font-size-base);color:var(--color-text-muted);margin-bottom:var(--spacing-xl);line-height:1.6}.error-page-tips{background-color:var(--color-secondary);border-radius:var(--radius-xl);padding:var(--spacing-xl);margin-bottom:var(--spacing-xl);text-align:left}.error-page-tips h3{font-size:var(--font-size-base);font-weight:600;margin-bottom:var(--spacing-md)}.error-page-tips ul{list-style:none;padding:0;margin:0}.error-page-tips li{position:relative;padding-left:var(--spacing-lg);margin-bottom:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-text-muted)}.error-page-tips li:last-child{margin-bottom:0}.error-page-tips li:before{content:"•";position:absolute;left:0;color:var(--color-accent);font-weight:700}.error-page-actions{display:flex;flex-direction:column;gap:var(--spacing-md)}.error-page-actions .btn{width:100%;justify-content:center}@media(min-width:400px){.error-page-actions{flex-direction:row}.error-page-actions .btn{flex:1}}.loading-spinner{display:flex;align-items:center;justify-content:center;padding:var(--spacing-2xl);color:var(--color-primary)}.file-info{background-color:var(--color-secondary);border-radius:var(--radius-xl);padding:var(--spacing-xl);margin-bottom:var(--spacing-xl);text-align:left}.file-details h2{font-size:var(--font-size-lg);font-weight:600;margin-bottom:var(--spacing-sm);word-break:break-all}.file-meta{display:flex;gap:var(--spacing-lg);font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--spacing-lg)}.file-message{padding:var(--spacing-md);background-color:var(--color-white);border-radius:var(--radius-lg);margin-bottom:var(--spacing-lg)}.file-message p{font-size:var(--font-size-sm);color:var(--color-text);margin:0}.file-expiry{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-text-muted)}.security-badge{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);background-color:#34c7591a;border-radius:var(--radius-full);font-size:var(--font-size-sm);color:var(--color-success);margin-bottom:var(--spacing-xl)}.download-btn,.reveal-btn{margin-top:var(--spacing-md)}.warning-text{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-warning);margin-top:var(--spacing-lg)}.secret-warning{display:flex;gap:var(--spacing-md);padding:var(--spacing-lg);background-color:#ff95001a;border-radius:var(--radius-lg);margin-bottom:var(--spacing-xl);text-align:left}.secret-warning svg{flex-shrink:0;color:var(--color-warning)}.secret-warning strong{display:block;font-size:var(--font-size-sm);color:var(--color-warning);margin-bottom:var(--spacing-xs)}.secret-warning p{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0}.secret-message{padding:var(--spacing-md) var(--spacing-lg);background-color:var(--color-secondary);border-radius:var(--radius-lg);margin-bottom:var(--spacing-xl)}.secret-message p{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0}.secret-content-box{background-color:var(--color-secondary);border-radius:var(--radius-xl);overflow:hidden;margin-bottom:var(--spacing-xl)}.secret-content-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);background-color:#00000008;border-bottom:1px solid var(--color-border);font-size:var(--font-size-sm);font-weight:500}.secret-actions{display:flex;gap:var(--spacing-xs)}.secret-content{padding:var(--spacing-lg);margin:0;font-family:monospace;font-size:var(--font-size-sm);white-space:pre-wrap;word-break:break-all;text-align:left;min-height:80px;transition:filter .2s ease}.secret-content.blurred{filter:blur(8px);-webkit-user-select:none;user-select:none}.security-notice{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--spacing-xl)}.info-text{font-size:var(--font-size-sm);color:var(--color-text-muted);padding:var(--spacing-md) var(--spacing-lg);background-color:var(--color-secondary);border-radius:var(--radius-lg);margin-bottom:var(--spacing-md);text-align:center}.transfer-files-list{margin-top:var(--spacing-xl);padding-top:var(--spacing-xl);border-top:1px solid var(--color-border);text-align:left}.transfer-files-list h3{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-muted);margin-bottom:var(--spacing-md)}.transfer-file-item{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);background-color:var(--color-secondary);border-radius:var(--radius-lg);margin-bottom:var(--spacing-sm)}.transfer-file-item:last-child{margin-bottom:0}.transfer-file-info{display:flex;align-items:center;gap:var(--spacing-md);flex:1;min-width:0}.transfer-file-info>svg{color:var(--color-text-muted);flex-shrink:0}.transfer-file-details{display:flex;flex-direction:column;gap:var(--spacing-xs);min-width:0}.transfer-file-name{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.transfer-file-size{font-size:var(--font-size-xs);color:var(--color-text-muted)}.transfer-file-downloaded{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-success)}.transfer-file-progress{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-primary)}.btn-sm{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm)}@media(max-width:480px){.transfer-file-item{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.transfer-file-item .btn-sm{width:100%;justify-content:center}}