:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#151515;background:#fff}*{box-sizing:border-box}body{margin:0;min-width:320px}.shell{min-height:100vh;display:flex;flex-direction:column;background:#fff}.topbar{width:100%;padding:18px max(30px,calc((100% - 1220px)/2));border-bottom:1px solid #ddd;display:flex;align-items:center;justify-content:space-between}.brand{color:#16333a;text-decoration:none;font-family:Inter,Segoe UI Variable,Aptos,ui-sans-serif,system-ui,sans-serif;font-weight:650;font-size:20px;letter-spacing:-.035em;display:flex;gap:10px;align-items:center}.brand-mark{display:block;width:36px;height:36px;flex:0 0 36px}.header-tools{display:flex;align-items:center;gap:8px}.language{display:flex;height:38px;background:#e9f1ee;padding:3px;gap:2px}.language button{border:0;background:transparent;color:#526b64;font-weight:700;padding:7px 10px;cursor:pointer}.language button.active{background:#16333a;color:#fff}.history-nav-link{display:inline-flex;align-items:center;gap:9px;width:fit-content;height:38px;min-height:38px;padding:6px 12px;border:1px solid #aaa;background:#fff;color:#151515;font-size:13px;font-weight:700;text-decoration:none;transition:background .16s ease,color .16s ease,border-color .16s ease}.history-nav-link:hover,.history-nav-link:focus-visible{border-color:#16333a;background:#16333a;color:#fff}.history-nav-link svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.history-nav-count{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 6px;background:#eee;color:#151515;font-size:11px;font-weight:700}main{width:100%;max-width:1280px;padding:52px 30px 90px;margin:0 auto;flex:1}.shell.history-mode main{max-width:1280px}.shell.security-mode main{max-width:1280px}.shell.security-mode .hero p{max-width:none}.hero{text-align:left;margin-bottom:26px}.hero.compact{margin-bottom:26px}.hero-accent{color:#4a9b8d}.eyebrow{text-transform:uppercase;letter-spacing:.16em;color:#777;font-size:11px;font-weight:800;margin-bottom:15px}h1,h2{letter-spacing:-.045em}h1{font-size:clamp(32px,4vw,48px);line-height:1.05;margin:0 0 12px}#page-title:focus{outline:none}h2{font-size:18px;margin:0 0 26px}.hero p{color:#666;font-size:15px;line-height:1.65;max-width:700px;margin:0}.security-summary{margin:0 0 28px;color:#666;font-size:14px;line-height:1.6}.text-link{padding:0;border:0;background:none;color:#426b62;font:inherit;font-weight:700;text-decoration:underline;cursor:pointer}.text-link:hover,.text-link:focus-visible{color:#111}.compose-actions{display:flex;align-items:center;justify-content:flex-start;margin-top:24px;padding-top:22px;border-top:1px solid #d5d5d5}.card{max-width:none;width:100%;background:#fff;border:0;border-top:2px solid #16333A;box-shadow:none;padding:24px 0}.card label{display:block;font-weight:700;font-size:13px;margin:0 0 9px}.compose-layout,.link-settings{display:grid;grid-template-columns:minmax(0,1fr);gap:22px}.form-field{min-width:0}.form-field .field-note{margin:8px 0 0}.file-field .file-count{margin-top:8px}.link-settings{margin-top:0}.card textarea,.card select,.card input{display:block;width:100%;font:inherit;border:1px solid #aaa;border-radius:0;background:#fff;color:#111;padding:13px 15px;outline:none}.card textarea{resize:vertical;min-height:220px;line-height:1.5}.card textarea:focus,.card select:focus,.card input:focus{border-color:#111;box-shadow:0 0 0 2px #111}.card input,.card select{margin-bottom:0}.password-field{display:flex;align-items:stretch;border:1px solid #aaa;background:#fff}.password-field:focus-within{border-color:#111;box-shadow:0 0 0 2px #111}.password-field input{flex:1 1 auto;width:auto;min-width:0;padding:13px 15px;border:0}.password-field input:focus{border-color:transparent;box-shadow:none}.password-actions{position:relative;display:flex;align-items:stretch;gap:0;padding:0;background:transparent}.password-actions:before{position:absolute;top:-1px;bottom:-1px;left:0;border-left:1px solid #aaa;content:"";pointer-events:none}.password-action{display:flex;align-items:center;justify-content:center;width:34px;height:auto;flex:0 0 34px;padding:6px;border:0;background:transparent;color:#666;cursor:pointer}.password-actions .password-action+.password-action{position:relative}.password-actions .password-action+.password-action:before{position:absolute;top:-1px;bottom:-1px;left:0;border-left:1px solid #aaa;content:"";pointer-events:none}.password-generate-action{position:relative}.password-generate-action:after{position:absolute;top:-1px;right:0;bottom:-1px;border-right:1px solid #aaa;content:"";pointer-events:none}.password-action:hover:not(:disabled),.password-action:focus-visible,.password-action.is-active,.password-action.is-copied{background:#16333a;color:#fff}.password-action:disabled{color:#aaa;cursor:not-allowed}.password-action svg{display:block;width:18px;height:18px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.field-note{display:flex;justify-content:flex-start;gap:10px;font-size:12px;color:#777;margin:8px 0 25px;text-align:left}.field-note.trust-note{margin:0 0 12px;color:#426b62;font-size:14px;font-weight:600}.field-note.unlock-note{margin-top:8px;font-size:13px}.file-dropzone{position:relative;min-height:220px;display:grid;place-items:center;border:1px dashed #a9c1b9;background:#f6faf8;transition:background .18s ease,border-color .18s ease,box-shadow .18s ease}.file-dropzone.has-files{display:flex;flex-direction:column;align-items:stretch;gap:8px;height:220px;min-height:220px;overflow:hidden;padding:12px}.file-dropzone:hover,.file-dropzone:focus-within{border-color:#4a9b8d;background:#eef6f2}.file-dropzone.is-dragging{border:2px solid #4A9B8D;background:#e8f3ef;box-shadow:0 0 0 4px #4a9b8d29}.file-dropzone.has-files{border-color:#4a9b8d}.file-input{position:absolute;width:1px!important;height:1px;padding:0!important;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0!important}.dropzone-content{display:flex;align-items:center;flex-direction:column;gap:9px;padding:24px;text-align:center;color:#555}.file-dropzone.has-files .dropzone-content{flex:0 0 auto;flex-direction:row;justify-content:flex-end;padding:0;text-align:left}.file-dropzone.has-files .dropzone-content>:not(.file-button){display:none}.file-dropzone.has-files .file-button{min-height:36px;margin:0!important;padding:8px 14px}.dropzone-content strong{color:#111;font-size:15px}.upload-icon{display:grid;place-items:center;width:38px;height:38px;border:1px solid #aaa;border-radius:50%;color:#426b62;font-size:23px;line-height:1}.file-button{display:inline-flex!important;align-items:center;justify-content:center;min-height:40px;margin:2px 0 0!important;padding:9px 16px;background:#16333a;color:#fff;font-size:13px!important;cursor:pointer}.file-button:hover{background:#24474d}.file-count{justify-content:space-between;flex-wrap:wrap;margin-bottom:16px}.file-limit-note{color:#526b64;font-size:12px}.file-dropzone .file-list{min-height:0;flex:1 1 auto;overflow-y:auto;margin:0;padding:8px 4px 0;border:0;border-top:1px solid #ddd;color:#444;font-size:13px;list-style:none}.file-list{margin:0 0 25px;padding:12px 16px;border:1px solid #ddd;color:#444;font-size:13px;list-style:none}.file-list li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:5px 0}.file-list li+li{border-top:1px solid #eee}.file-list li span{min-width:0;overflow-wrap:anywhere}.remove-file{flex:0 0 auto;display:grid;place-items:center;width:32px;height:32px;padding:0;border:0;border-radius:4px;background:transparent;color:#666;font-size:22px;line-height:1;cursor:pointer}.remove-file:hover:not(:disabled),.remove-file:focus-visible{background:#e9e9e6;color:#111}.remove-file:disabled{opacity:.5;cursor:wait}.primary,.secondary{border-radius:0;min-height:46px;padding:12px 20px;font:inherit;font-weight:700;cursor:pointer}.primary{background:#16333a;border:1px solid #16333A;color:#fff}.primary:hover:not(:disabled){background:#24474d}.primary:disabled{opacity:.6;cursor:wait}.secondary{background:#fff;border:1px solid #16333A;color:#16333a}.actions{display:flex;gap:10px;flex-wrap:wrap}.card>.primary,.card>.actions{margin-top:24px}.error{color:#8f1f2d;background:#fff4f4;border:1px solid #e4bfc3;padding:12px;border-radius:0;font-size:14px}.password-copy-dialog{width:min(520px,calc(100% - 32px));border:1px solid #111;border-top:3px solid #111;padding:28px;color:#151515;box-shadow:0 18px 60px #0000003d}.password-copy-dialog::backdrop{background:#1111117a}.password-generator-dialog{width:min(640px,calc(100% - 32px));max-height:min(92vh,780px);overflow-y:auto;margin:auto;padding:0;border:1px solid #d8dfdc;border-top:3px solid #4A9B8D;color:#151515;background:#fff;box-shadow:0 18px 60px #0000003d}.password-generator-dialog::backdrop{background:#11111194}.generator{width:100%;padding:28px;border-top:2px solid #16333A;background:#fff}.generator-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:22px}.generator-heading .eyebrow{margin-bottom:8px}.generator-heading h2{margin:0;font-size:clamp(22px,4vw,29px)}.generator-close{display:grid;place-items:center;width:38px;height:38px;flex:0 0 38px;margin:-5px -5px 0 0;padding:0;border:1px solid transparent;background:transparent;color:#526b64;font-size:29px;line-height:1;cursor:pointer}.generator-close:hover,.generator-close:focus-visible{border-color:#b9c9c3;background:#eef4f1;color:#16333a}.generator-type{display:grid;grid-template-columns:repeat(2,1fr);gap:5px;padding:5px;background:#f1f4f2}.generator-type button{min-height:42px;border:1px solid transparent;background:transparent;color:#526b64;font:inherit;font-size:14px;font-weight:650;cursor:pointer}.generator-type button.is-selected{border-color:#dbe3df;background:#fff;color:#16333a;box-shadow:0 2px 6px #16333a1f}.generator-settings,.generator-result{margin-top:23px;border-bottom:1px solid #d6ddda}.generator-settings h3,.generator-result h3{margin:0;padding-bottom:15px;font-size:15px;font-weight:700}.generator-length{display:grid;grid-template-columns:minmax(90px,1fr) minmax(100px,1.5fr) 58px;align-items:center;gap:16px;padding:16px 0;border-top:1px solid #e1e5e3}.generator-length label{color:#526b64;font-size:14px}.generator-length input{width:100%;accent-color:#4A9B8D}.generator-length output{display:grid;place-items:center;min-height:38px;border:1px solid #ccd6d2;background:#fff;color:#16333a;font-variant-numeric:tabular-nums}.generator-options{display:grid;grid-template-columns:minmax(0,1fr);gap:2px;padding:13px 0;border-top:1px solid #e1e5e3}.generator-toggle{display:flex;align-items:center;justify-content:space-between;gap:7px;min-height:36px;padding:4px 0;border:0;background:transparent;color:#526b64;font:inherit;font-size:12px;cursor:pointer;text-align:left}.generator-toggle span{min-width:0;flex:1 1 auto}.generator-toggle i{position:relative;width:34px;height:19px;flex:0 0 34px;border-radius:20px;background:#a4adaa;transition:background .15s ease}.generator-toggle i:after{position:absolute;top:3px;left:3px;width:13px;height:13px;border-radius:50%;background:#fff;content:"";transition:transform .15s ease}.generator-toggle.is-on{color:#16333a}.generator-toggle.is-on i{background:#4a9b8d}.generator-toggle.is-on i:after{transform:translate(15px)}.generator-hint{margin:0;padding:0 0 14px;color:#707b77;font-size:12px;line-height:1.5}.generator-result{padding-bottom:18px}.generator-value-row{display:flex;align-items:stretch;min-height:48px;border:1px solid #aaa;background:#fff}.generator-value-row:focus-within{border-color:#111;box-shadow:0 0 0 2px #111}.generator-value{display:flex;align-items:center;flex:1 1 auto;min-width:0;min-height:46px;padding:8px 13px;color:#16333a;font:600 15px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.025em;overflow-wrap:anywhere}.generator-icon-actions{flex:0 0 auto}.generator-icon-actions .password-action{width:34px;flex-basis:34px;color:#666}.generator-icon-actions .password-action:hover:not(:disabled),.generator-icon-actions .password-action:focus-visible,.generator-icon-actions .password-action.is-copied{background:#16333a;color:#fff}.generator-actions{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin-top:22px}.generator-actions .primary,.generator-actions .secondary{min-height:42px;padding:10px 14px;font-size:13px}.generator-spacer{flex:1 1 auto}.generator-page-link{color:#426b62;text-decoration:underline;text-underline-offset:2px}.generator-page-link:hover,.generator-page-link:focus-visible{color:#111}.shell.generator-mode main{max-width:850px}.shell.generator-mode .generator{border:1px solid #ddd;border-top:2px solid #16333A;padding:24px}.shell.generator-mode .generator-heading .eyebrow{display:none}.shell.generator-mode .generator-heading{margin-bottom:17px}.shell.generator-mode .generator-heading .generator-close{display:none}.password-copy-dialog h2{margin:0 0 12px;font-size:21px}.password-copy-dialog p{margin:0;color:#555;font-size:14px;line-height:1.6}.history-page-card{width:100%}.history-privacy-note{margin:14px 0 22px!important;padding:11px 13px;border:1px solid #d9d2b5;background:#fbf8ec;color:#625a3d!important;font-size:12px!important}.history-empty{display:grid;gap:6px;padding:36px 18px;border:1px dashed #aaa;color:#555;text-align:center}.history-empty strong{color:#151515;font-size:15px}.history-empty-action{display:inline-flex;justify-self:center;margin-top:12px;text-decoration:none}.history-table-wrap{width:100%;overflow-x:auto;border:1px solid #ddd}.history-table{width:100%;border-collapse:collapse;table-layout:auto;font-size:12px}.history-table th{padding:12px 10px;background:#f5f5f2;color:#444;font-size:11px;text-align:left;white-space:nowrap}.history-table td{padding:12px 10px;border-top:1px solid #e5e5e5;vertical-align:middle}.history-date{white-space:nowrap}.history-link-cell,.history-password-cell{display:flex;align-items:center;gap:8px}.history-link-cell .history-share-action,.history-link-cell .history-open-action{margin-left:-6px}.history-password-cell .icon-action+.history-copy-action{margin-left:-6px}.history-link-cell code{min-width:130px;max-width:560px;color:#333;font:11px/1.45 ui-monospace,SFMono-Regular,Consolas,monospace;overflow-wrap:anywhere}.history-password{min-width:74px;max-width:230px;overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.icon-action{display:grid;place-items:center;width:34px;height:34px;flex:0 0 auto;padding:6px;border:0;background:transparent;color:#555;cursor:pointer;font-size:18px}.icon-action:hover,.icon-action:focus-visible{background:#16333a;color:#fff}.icon-action svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.history-page-card .icon-action,.history-page-card .history-copy-action{width:28px;height:28px;flex:0 0 28px;padding:4px}.history-page-card .icon-action svg,.history-page-card .history-copy-action svg{width:18px;height:18px}.history-remove{font-size:23px}.history-actions{display:flex;align-items:center;justify-content:flex-end;gap:2px}.history-clear-actions{display:flex;justify-content:flex-end;margin-top:18px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.security-page-content{width:100%}.security-detail-list{display:grid;gap:16px;margin:24px 0 0;padding:0;list-style:none}.security-detail-list li{display:grid;gap:4px;padding-left:14px;border-left:2px solid #c8d7d2}.security-detail-list strong{font-size:13px}.security-detail-list span{color:#555;font-size:13px;line-height:1.55}.security-engineer-link{margin:22px 0}.security-engineering-content{max-width:980px}.security-engineering-section{margin-top:30px}.security-engineering-section h2{margin:0 0 10px;font-size:20px}.security-engineering-section p,.security-engineering-section li{color:#4f5961;font-size:14px;line-height:1.65}.security-engineering-section p{margin:0 0 10px}.security-engineering-section ul{margin:8px 0 0;padding-left:22px}.security-engineering-section li+li{margin-top:6px}.security-disclaimer{margin-top:28px;padding:16px 18px;border:1px solid #d9d2b5;background:#fbf8ec;color:#625a3d;font-size:13px;line-height:1.6}.security-back-action{display:inline-flex;align-items:center;margin-top:24px;text-decoration:none}.statistics-content{width:100%}.statistics-state{margin:24px 0;padding:20px;border:1px dashed #aaa;color:#555;text-align:center}.statistics-table-wrap{width:100%;overflow-x:auto;border:1px solid #ddd}.statistics-table{width:100%;border-collapse:collapse;font-size:13px}.statistics-table th{padding:11px 12px;background:#f5f5f2;color:#444;font-size:12px;text-align:left}.statistics-table td,.statistics-table tbody th{padding:10px 12px;border-top:1px solid #e5e5e5;text-align:left}.statistics-table td:not(:first-child),.statistics-table thead th:not(:first-child){width:18%;text-align:right;white-space:nowrap}.statistics-table tbody th{font-weight:600}.statistics-dimension{display:block;margin-top:3px;color:#666;font-size:12px;font-weight:400}.statistics-note{margin:22px 0;color:#666;font-size:12px;line-height:1.5}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.dialog-actions .primary,.dialog-actions .secondary{min-height:42px}.text-button{display:block;margin:25px 0;background:none;border:0;color:#111;text-decoration:underline;font:inherit;font-weight:700;cursor:pointer}.message-display{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;line-height:1.6;margin:0;padding:16px;border:1px solid #aaa;background:#fafaf8}.download-list{display:flex;flex-direction:column;gap:10px;margin:18px 0 0;padding:0;list-style:none}.download-list li{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px 14px;border:1px solid #ddd;background:#fafaf8}.download-file-info{display:grid;min-width:0;gap:2px;overflow-wrap:anywhere;line-height:1.45}.download-file-size{color:#666;font-size:12px}.download-button{flex:0 0 auto;min-height:38px;padding:9px 15px}.opened-recipient-hero{margin-bottom:18px}.opened-recipient-hero h1{font-size:clamp(30px,3.2vw,40px)}.recipient-expiry{margin:0 0 24px;color:#666;font-size:13px}.opened-content-grid{display:grid;gap:28px}.opened-content-grid h2{margin:0 0 12px}.opened-message-section,.opened-files-section{min-width:0}.opened-files-section .download-list{margin-top:0}.opened-recipient-card .message-display{min-height:0}footer{text-align:center;padding:25px;color:#888;font-size:12px}footer a{color:inherit;text-underline-offset:2px}footer a:hover,footer a:focus-visible{color:#16333a}@media(max-width:700px){.topbar{padding:18px 16px}main{padding:50px 16px 70px}.card{padding:24px 0}.hero p{font-size:15px}.field-note{flex-wrap:wrap}.card .primary{width:100%}.generator{padding:20px 16px}.generator-actions{align-items:stretch}.generator-actions .primary,.generator-actions .secondary{flex:1 1 auto}.generator-spacer{display:none}.compose-actions{flex-direction:column;align-items:stretch}.download-list li{align-items:stretch;flex-direction:column;gap:10px}.download-button{width:100%}.history-table-wrap{overflow:visible;border:0}.history-table,.history-table tbody,.history-table tr,.history-table td{display:block;width:100%}.history-table thead{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.history-table tr{margin-bottom:12px;border:1px solid #ddd}.history-table td{display:grid;grid-template-columns:minmax(98px,30%) minmax(0,1fr);align-items:center;gap:8px;padding:10px;border-top:1px solid #eee}.history-table td:before{color:#666;font-size:11px;font-weight:700}.history-table td:nth-child(-n+4):before{content:attr(data-label)}.history-table td:nth-child(5){display:flex;justify-content:flex-end;padding:4px 8px}.history-table td:nth-child(5):before{content:none}.history-link-cell code{min-width:0;max-width:none}}@media(min-width:760px){.link-settings{grid-template-columns:minmax(0,1.35fr) minmax(0,.9fr);gap:24px}}@media(min-width:1050px){.compose-layout{grid-template-columns:minmax(0,1.35fr) minmax(300px,.9fr);column-gap:24px;row-gap:24px}.message-field{grid-column:1;grid-row:1}.file-field{grid-column:2;grid-row:1 / span 2;display:flex;flex-direction:column}.file-field>.file-dropzone{flex:1 1 220px}.file-field .file-count{margin-bottom:0}.link-settings{grid-column:1;grid-row:2;width:100%}.opened-content-grid{grid-template-columns:minmax(0,1.35fr) minmax(300px,.9fr);column-gap:24px;align-items:start}.opened-content-grid.has-files:not(.has-message) .opened-files-section,.opened-content-grid.has-message:not(.has-files) .opened-message-section{grid-column:1 / -1}}
