:root{font-family:Arial,Helvetica,sans-serif;color:#e4e7ed;background:#101217;color-scheme:dark;font-synthesis:none;--muted:#858c9a;--line:#ffffff0e;--accent:#b6dfd4}*{box-sizing:border-box}body{margin:0;min-height:100svh;display:flex;flex-direction:column;background:radial-gradient(ellipse at 15% 31%,#98dabd38,transparent 40%),radial-gradient(ellipse at 85% 55%,#b9a1f533,transparent 42%),radial-gradient(ellipse at 53% 95%,#626ccd25,transparent 50%),#101217}button,select,input,textarea{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.3;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid #b6dfd4;outline-offset:5px}[hidden]{display:none!important}.nav,main,footer{width:min(1020px,calc(100% - 80px));margin-inline:auto}.nav{height:100px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{color:#e0e7e9;text-decoration:none;font-size:25px;font-weight:600;letter-spacing:-1px;display:inline-flex;align-items:center;gap:5px}.brand-icon{font-size:27px;font-weight:400;margin-right:7px;color:#b1d4ca}.brand-dot{display:none}.nav nav{display:flex;align-items:center;gap:27px}.nav nav button{border:0;background:none;color:#8c93a0;font-size:11px;padding:10px 0}.nav nav button:hover{color:#e5eaf0}main{padding:44px 0 55px}.workspace-heading{text-align:center;margin:0 0 45px}.workspace-heading h1{font-size:17px;line-height:1.5;letter-spacing:.05px;font-weight:400;margin:0;color:#c3c8d2}.workspace-heading h1 span{color:#727c8b}.photo-grid{display:grid;grid-template-columns:minmax(0,1fr) 48px minmax(0,1fr);gap:20px;align-items:center}.photo-card{position:relative;isolation:isolate;padding:20px 20px 0;border:1px solid #d6edff1a;border-top-color:#eff9ff33;background:linear-gradient(145deg,#dceeff0c,#96a9be04);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-radius:22px;box-shadow:inset 0 1px #ffffff08,inset 0 -1px #ffffff03,0 20px 60px #00000025;min-width:0}.card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px;padding:0 3px}.card-title h2{font-size:12px;font-weight:400;color:#a1a9b8;letter-spacing:.3px;margin:0}.card-index{display:none}.pill{display:block;flex-shrink:0;width:7px;height:7px;padding:0;font-size:0;overflow:hidden;border-radius:50%;background:#677180;box-shadow:0 0 0 4px #ffffff03}.pill[data-state=waiting]{background:#c4a46e;box-shadow:0 0 9px #c4a46e25,0 0 0 4px #c4a46e08}.pill[data-state=ready]{background:#9eafdc;box-shadow:0 0 10px #9eafdc33,0 0 0 4px #9eafdc08}.pill[data-state=sealed],.pill[data-state=unlocked]{background:#a4dbbf;box-shadow:0 0 10px #a4dbbf40,0 0 0 4px #a4dbbf08}.photo-space{height:350px;background:linear-gradient(160deg,#b0ddd008,#0b101528);border:1px dashed #bac5d324;border-radius:13px;position:relative;overflow:hidden;display:grid;place-items:center}.peer-space{border:1px solid #ffffff08;background:linear-gradient(160deg,#a8b7dc06,#10141a25)}.drop-label,.placeholder{display:flex;align-items:center;justify-content:center;flex-direction:column;width:100%;height:100%;padding:20px;text-align:center}.drop-label{cursor:pointer}.upload-symbol,.waiting-symbol{display:grid;place-items:center;height:50px;width:50px;margin-bottom:19px;color:#859b9c}.upload-symbol svg,.waiting-symbol svg{height:36px;width:36px;stroke:currentColor;stroke-width:1.15;stroke-linecap:round;stroke-linejoin:round}.waiting-symbol{color:#535d6c;margin:0}.drop-label strong,.placeholder strong{font-size:12px;font-weight:400;color:#a7b3bc;letter-spacing:.1px}.placeholder .upload-symbol{font-size:25px;color:#b6dfd4}.format-note{font-size:9px;color:#606d7b;margin-top:10px;line-height:1.7}.photo-space img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#13181e}.photo-space .pixelated{object-fit:cover;image-rendering:pixelated;filter:blur(6px);transform:scale(1.05)}.photo-space.dragging{outline:1px solid #b6dfd4;outline-offset:-4px;background:#b6dfd40a}.card-controls{min-height:55px;display:flex;justify-content:space-between;align-items:center;gap:12px;color:#849aa0;font-size:10px}.text-button{font-size:10px;color:#9eafb8;background:none;border:0;padding:9px 0;cursor:pointer;text-decoration:none}.text-button:hover{color:#d7ede8}.peer-controls{justify-content:flex-end}.exchange-symbol{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;border:1px solid #ffffff15;background:linear-gradient(150deg,#ffffff0d,#ffffff03);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);color:#798a97;box-shadow:inset 0 1px #ffffff08}.exchange-symbol svg{width:25px;height:25px;stroke:currentColor;stroke-width:1.1;stroke-linecap:round;stroke-linejoin:round}.exchange-symbol[data-state=unlocked]{color:#b6dfd4;border-color:#b6dfd43b;box-shadow:0 0 30px #b6dfd410,inset 0 1px #ffffff08}.lock-label{position:absolute;bottom:17px;background:#10151ecf;border:1px solid #ffffff14;backdrop-filter:blur(15px);border-radius:20px;padding:7px 13px;color:#a2acb9;font-size:9px}.exchange-bar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:25px 0}.expiry{font-size:9px;color:#646f7f;letter-spacing:.2px}.primary,.secondary{border-radius:10px;font-size:11px;padding:12px 20px;line-height:1.5;white-space:nowrap}.primary{color:#152625;border:1px solid #c0e8dc;background:linear-gradient(125deg,#98dabd,#cce185);box-shadow:0 4px 18px #afdbcc08}.primary:hover:not(:disabled){filter:brightness(1.08)}.secondary{border:1px solid #ffffff25;color:#b8c6cd;background:#ffffff05}.send-button{min-width:150px;display:flex;justify-content:space-between;gap:30px}.room-tools{display:flex;align-items:center;gap:25px;border-top:1px solid var(--line);padding:12px 0}.danger{border:0;background:none;color:#ad8586;font-size:10px;padding:9px 0;margin-left:auto}.notice{display:flex;justify-content:space-between;align-items:center;gap:20px;border:1px solid #b6dfd418;background:#b6dfd407;backdrop-filter:blur(20px);border-radius:13px;padding:13px 18px;margin-bottom:20px}.notice strong{font-size:11px;font-weight:400;color:#9bafb7}.notice p{display:none}.notice .primary,.notice .secondary{font-size:10px;padding:9px 14px}#message{font-size:11px;color:#a6b4bd;line-height:1.7;background:#ffffff04;border:1px solid #ffffff0a;border-radius:10px;padding:11px 15px;margin-bottom:18px;overflow-wrap:anywhere}#message.error{color:#d9a9a6;border-color:#c7888825;background:#c7888807}footer{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 0;font-size:9px;color:#4c5868}footer .text-button{font-size:9px;color:#7f8b99}.footer-status{display:flex;align-items:center;gap:7px}.status-dot{height:4px;width:4px;border-radius:50%;background:#718c86}.footer-note{letter-spacing:.1px}dialog{color:#e0e6ec;background:#1b212bed;border:1px solid #ffffff20;border-top-color:#ffffff33;border-radius:20px;padding:30px;max-width:min(440px,calc(100% - 32px));max-height:85svh;overflow:auto;backdrop-filter:blur(35px);-webkit-backdrop-filter:blur(35px);box-shadow:0 35px 100px #0008}dialog::backdrop{background:#080c1288;backdrop-filter:blur(12px)}.info-dialog{width:570px;max-width:calc(100% - 32px);padding:30px 35px}.dialog-top{display:flex;align-items:center;justify-content:space-between;gap:20px}.eyebrow{font-size:9px;font-weight:400;letter-spacing:2px;color:#758a96;margin:0}.close-button{border:0;background:none;font-size:25px;color:#8999a8;padding:4px 8px}dialog h2{font-weight:400;font-size:28px;letter-spacing:-.5px;line-height:1.4;margin:14px 0 25px}dialog h3{font-weight:500;font-size:13px;margin-top:28px;color:#c4d0da}dialog p,dialog li{font-size:12px;color:#97a6b7;line-height:1.95}dialog ol{padding-left:20px}dialog li{margin-bottom:9px}.dialog-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:25px}.fine{font-size:10px!important;color:#778797}details{border-top:1px solid #ffffff0d;padding:17px 0}summary{cursor:pointer;font-size:12px;color:#bdc8d4;line-height:1.7}details p{margin-bottom:0}#contact-form{display:flex;flex-direction:column;gap:10px}#contact-form>label:not(.consent){font-size:11px;color:#b3bfcb;margin-top:12px}#contact-form input:not([type=checkbox]),#contact-form select,#contact-form textarea{border:1px solid #ffffff1c;border-radius:8px;background:#10172270;padding:12px;color:#d8e2eb;max-width:100%;width:100%;font-size:12px}#contact-form textarea{resize:vertical}.consent{display:flex;gap:10px;align-items:flex-start;font-size:10px;line-height:1.8;color:#8596a7;margin-top:12px}.consent input{margin-top:4px;accent-color:#b6dfd4}#contact-result{font-size:11px;margin:4px 0;overflow-wrap:anywhere}.form-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}body:has(#file:focus-visible) #drop-zone{outline:2px solid #b6dfd4;outline-offset:4px}@media(min-width:850px) and (min-height:900px){main{padding-top:90px}.photo-space{height:390px}.workspace-heading{margin-bottom:50px}}@media(max-width:800px){.nav,main,footer{width:calc(100% - 48px)}.photo-grid{grid-template-columns:minmax(0,1fr) 38px minmax(0,1fr);gap:10px}.exchange-symbol{width:38px;height:38px}.photo-card{padding:15px 15px 0}.photo-space{height:290px}.nav{height:85px}.workspace-heading{margin-bottom:32px}.workspace-heading h1{font-size:15px}}@media(max-width:560px){.nav,main,footer{width:calc(100% - 40px)}.nav{height:75px}.brand{font-size:23px}.brand-icon{font-size:25px;margin-right:4px}.nav nav{gap:18px}.nav nav button{font-size:10px}.workspace-heading h1{font-size:13px}.workspace-heading{margin-bottom:28px}main{padding:24px 0 35px}.photo-grid{grid-template-columns:1fr;gap:10px}.photo-card{padding:17px 17px 0;border-radius:18px}.card-top{margin-bottom:14px}.photo-space{height:225px}.peer-space{height:190px}.card-controls{min-height:44px}.exchange-symbol{justify-self:center;width:36px;height:36px;transform:rotate(90deg);margin:0}.exchange-symbol svg{width:22px;height:22px}.upload-symbol{margin-bottom:14px}.format-note{font-size:9px}.exchange-bar{padding:20px 0}.send-button{min-width:145px}.expiry{max-width:160px;line-height:1.7;font-size:9px}.room-tools{gap:14px;flex-wrap:wrap}.room-tools .text-button,.room-tools .danger{font-size:9px}.notice{gap:12px;padding:12px}.notice strong{font-size:10px}.notice .primary,.notice .secondary{font-size:9px;padding:8px 11px}.info-dialog{padding:25px}footer{padding:18px 0;font-size:8px;gap:12px}.footer-status{font-size:8px}}@media(prefers-reduced-transparency:reduce){.photo-card{background:#1b232d}.exchange-symbol{background:#1d2832}dialog{background:#1b212b}}@media(forced-colors:active){.pill{background:CanvasText!important;outline:1px solid CanvasText}.pill:after{content:attr(title);font-size:9px}.exchange-symbol,.photo-card{border:1px solid CanvasText}}
.photo-space.has-photo{border:0;background:linear-gradient(145deg,#a6e5dc09,#a6acd705)}.has-photo img{inset:20px 12% auto;width:76%;height:77%;border-radius:13px;object-fit:cover;transform:rotate(-5deg);box-shadow:0 10px 35px #0005}.has-photo img.pixelated{transform:rotate(-5deg) scale(1.03)}.folder-cover{position:absolute;bottom:0;left:0;right:0;height:40%;padding:34px 22px 20px;display:flex;flex-direction:column;justify-content:space-between;gap:15px;clip-path:polygon(0 0,36% 0,44% 17px,100% 17px,100% 100%,0 100%);background:linear-gradient(140deg,#33434ce8,#232a38ed);backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);box-shadow:inset 0 -1px #ffffff0a}.folder-label{font-size:13px;color:#ccd7de;letter-spacing:-.1px}.folder-meta{font-size:8px;letter-spacing:1.4px;color:#829aa7;display:flex;justify-content:space-between;gap:15px}.has-photo .lock-label{top:15px;right:15px;bottom:auto;left:auto;z-index:1;background:#1017229c}.nav nav button{font-size:12px}.card-title h2{font-size:13px}.drop-label strong{font-size:14px}.primary,.secondary{font-size:12px}.format-note{font-size:10px}@media(max-width:560px){.nav nav button{font-size:11px}.folder-cover{height:43%;padding:25px 18px 13px}.folder-label{font-size:12px}.folder-meta{font-size:7px;letter-spacing:1px}.has-photo img{height:82%;inset:13px 12% auto}.drop-label strong{font-size:13px}.format-note{font-size:9px}}
body{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}

#timer-settings label{display:block;font-size:12px;color:#b3bfcb;margin:16px 0 10px}#expiry-minutes{width:100%;padding:12px;border:1px solid #ffffff1c;border-radius:8px;background:#10172270;color:#d8e2eb}#timer-dialog .dialog-actions{flex-wrap:wrap;justify-content:flex-start}

.timer-presets{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.timer-presets button{padding:8px 12px}.timer-estimate{color:var(--accent)!important}.timer-rates{margin:18px 0}.timer-rates dl div{display:flex;justify-content:space-between;gap:20px;padding:8px 0;font-size:12px;color:#aab7c4}.timer-rates dd{margin:0;white-space:nowrap}.timer-rates summary{font-size:12px;cursor:pointer}#timer-dialog{max-height:85svh;overflow:auto}
/* Brighter sea-glass palette and readable controls. */
:root{--muted:#b0c4ce;--line:#ffffff25;--accent:#c7f3dc;color:#edf6fa;background:#1a2b3a}body{background:radial-gradient(ellipse at 12% 25%,#98dabd60,transparent 54%),radial-gradient(ellipse at 88% 55%,#b9a1f54d,transparent 53%),linear-gradient(135deg,#203d48,#233244 60%,#2c364c)}.photo-card{background:linear-gradient(135deg,#d5fff51b,#d6dafa12);border-color:#e6fff332;box-shadow:0 18px 55px #102d3733}.photo-space{background:#b5e1dd09;border-color:#d5ede12a}.nav nav button,.nav nav a{font-size:14px;color:#e2eef3}.workspace-heading h1{color:#e4f2f5}.workspace-heading h1 span{color:#c3d6e0}.card-title h2{font-size:15px}.format-note,.expiry,.card-controls{color:#b7cbd5}.info-dialog{background:linear-gradient(145deg,#2a4550,#2d354b);border-color:#d2e9ef38}.info-dialog p{color:#c3d3dd;font-size:14px}.info-dialog .fine{font-size:12px;line-height:1.7}.primary{background:#c7f3dc;color:#203d3b;font-size:14px}.secondary{font-size:13px}.text-button{font-size:13px}.notice{background:#c5f1dd10;border-color:#ddf9f52c}.notice p{color:#b9ced8}.link-field{display:block;width:100%;min-width:0;margin-top:12px;padding:11px;border:1px solid #d0ebe333;border-radius:9px;background:#13263360;color:#e2f2ed;font-size:12px}.notice>div{min-width:0;flex:1}.invite-action{display:flex;flex-direction:column;align-items:center;gap:12px;padding:20px;background:transparent;border:0;color:#daf6ee;text-align:center}.invite-icon{display:grid;place-items:center;width:78px;height:78px;border:1px solid #c8f9e860;border-radius:24px;background:linear-gradient(140deg,#b8f7df22,#c9dcf012);transition:transform .2s,background .2s}.invite-icon svg{width:40px;height:40px}.invite-action:hover .invite-icon{transform:translateY(-3px);background:#c8f7e533}.invite-action strong{font-size:18px;font-weight:500}.invite-action>span:last-child{font-size:12px;color:#b9d1da}#waiting-label{font-size:14px;color:#bdd4dd}.menu-toggle{display:none}#timer-settings{border:0;padding:0;margin:20px 0}#timer-settings legend{font-size:12px;letter-spacing:.5px;margin-bottom:12px;color:#c5d8e0}.timer-choices{display:grid;grid-template-columns:1fr 1fr;gap:8px}.timer-option{position:relative;display:grid!important;grid-template-columns:16px 1fr;gap:6px 9px;align-items:center;padding:13px!important;margin:0!important;border:1px solid #d4e8f32b;border-radius:12px;background:#efffff06;cursor:pointer;font-size:12px!important}.timer-option input{accent-color:#c7f3dc;margin:0;width:15px;height:15px}.timer-option strong{grid-column:2;color:#d2f8df;font-size:14px;font-weight:500}.timer-option:has(input:checked){border-color:#c7f3dc;background:#c7f3dc19}.timer-option:focus-within{outline:2px solid #c7f3dc;outline-offset:2px}#custom-time label{font-size:12px}#expiry-minutes{background:#10273260}.get-link{width:100%;margin-top:8px}.invite-dialog{max-height:90svh;overflow:auto}.pricing-dialog table{width:100%;border-collapse:collapse;font-size:13px}.pricing-dialog th,.pricing-dialog td{padding:12px 4px;text-align:left;border-bottom:1px solid #d8e6ee24}.pricing-dialog th:last-child,.pricing-dialog td:last-child{text-align:right;white-space:nowrap}.pricing-dialog caption{text-align:left;font-size:12px;color:#b8ccd6;padding:8px 0}.pricing-notice{padding:12px;border-radius:10px;background:#c7f3dc12}footer{flex-wrap:wrap;gap:16px}#room-tools{flex-wrap:wrap;gap:18px}.menu-toggle{background:transparent;border:1px solid #e1f3ed33;border-radius:10px;color:#e4f5ef;padding:9px}.photo-space .placeholder{width:100%;height:100%}@media(max-width:640px){.nav{height:78px;position:relative;z-index:5;flex-wrap:nowrap}.menu-toggle{display:grid;place-items:center;margin-left:auto}.nav #nav-links{display:none;position:absolute;right:0;top:68px;width:210px;flex-direction:column;align-items:stretch;gap:0;padding:10px;border:1px solid #cce8e53b;border-radius:15px;background:#29424f;box-shadow:0 20px 45px #10232c80}.nav.nav-open #nav-links{display:flex}.nav #nav-links button,.nav #nav-links a{padding:13px 14px;text-align:left;font-size:14px}.invite-icon{width:68px;height:68px;border-radius:20px}.invite-action strong{font-size:16px}.timer-choices{grid-template-columns:1fr 1fr}.timer-option{padding:10px!important;font-size:11px!important}.notice{align-items:stretch;flex-direction:column;gap:14px}.notice .primary{align-self:flex-start}.info-dialog{padding:23px}.workspace-heading h1{font-size:22px}.exchange-bar{flex-wrap:wrap;gap:12px}.exchange-bar .send-button{margin-left:auto}footer{justify-content:space-between}.footer-note{display:none}}
.placeholder .invite-action strong{color:#eefbf5;font-size:18px;font-weight:500}.drop-label strong{color:#e0f3ee;font-size:15px}.upload-symbol{color:#c0e8df}.card-title h2{color:#e1f0f7}.expiry{font-size:12px}.notice strong{font-size:14px;color:#e2f6ed}.notice .primary,.notice .secondary{font-size:13px}.room-tools .text-button,.room-tools .danger{font-size:12px;min-height:40px}.invite-confirm{position:sticky;bottom:-24px;padding:12px 0 1px;background:linear-gradient(#2c3b4cfa,#2c3b4c);z-index:1}.invite-confirm .fine{margin-bottom:0;font-size:11px}#invite-error{color:#ffcfbc}#invite-error:empty{display:none}.timer-option:has(input:disabled){cursor:default}.footer-status,.footer-note{font-size:11px;color:#b4c8d4}@media(max-width:640px){.placeholder .invite-action strong{font-size:17px}.room-tools .text-button,.room-tools .danger{font-size:12px}.invite-confirm{bottom:-23px}footer .text-button{font-size:12px}}
.invite-confirm{position:static;background:transparent;padding:8px 0 0}.dialog-top .close-button{min-width:44px;min-height:44px;flex:0 0 44px;color:#e2f4f1}.invite-dialog h2{margin:12px 0 14px}.invite-dialog>p{font-size:13px}.pricing-dialog .dialog-top{position:sticky;top:-24px;background:#2a3e4e;z-index:2}
/* Deletion choices use human-readable hours/days, with the cost beside each. */
.timer-option{grid-template-columns:16px minmax(0,1fr) auto!important;gap:8px!important;min-height:48px}.timer-option strong{grid-column:3;font-size:12px;white-space:nowrap}.timer-option span{line-height:1.5}.timer-choices{grid-template-columns:1fr}.timer-estimate{font-size:13px!important}.invite-confirm .fine{line-height:1.6}.get-link{min-height:48px}
@media(min-width:700px){.timer-option{padding:13px 15px!important}.timer-option strong{font-size:14px}.timer-option span{font-size:13px}}
/* Keep confirmation visible while the list of deletion choices scrolls. */
.invite-dialog[open]{display:flex;flex-direction:column;max-height:calc(100svh - 32px)}.invite-dialog>.dialog-top,.invite-dialog>h2,.invite-dialog>p,.invite-dialog>.invite-confirm{flex-shrink:0}#timer-settings{min-height:0;flex:1 1 auto;overflow-y:auto;margin:14px 0;padding:2px 4px 2px 2px;scrollbar-width:thin}.invite-confirm{padding-top:8px}
.invite-dialog[open]{display:block}#timer-settings{overflow:visible;flex:none}.timer-choices{max-height:min(340px,32svh);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;padding:2px 4px 2px 2px}

.wallet-breakdown>div{display:flex;justify-content:space-between;gap:20px;padding:8px 0}.wallet-breakdown dd{margin:0}.refund-confirm{padding:20px 0}.refund-confirm .dialog-actions{flex-wrap:wrap}

.public-page-links{display:flex;flex-wrap:wrap;gap:18px;margin-top:24px;padding-top:20px;border-top:1px solid #ffffff1c}.public-page-links a{color:inherit}.account-card h2{margin-top:24px}