:root{color:#f5f7f2;font-synthesis:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#f5f7f2;--muted:#93a79f;--panel:#101f1a;--line:#22372f;--green:#b9f17d;--danger:#ffb4a7;background:#081410;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 85% 8%,#1d4f3b 0,#0000 33%),radial-gradient(circle at -10% 65%,#17352d 0,#0000 35%),#081410;min-height:100vh;margin:0}body:before{content:"";pointer-events:none;opacity:.14;background-image:linear-gradient(#fff 1px,#0000 1px),linear-gradient(90deg,#fff 1px,#0000 1px);background-size:44px 44px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 55%);mask-image:linear-gradient(#000,#0000 55%)}.app-shell{max-width:480px;min-height:100vh;padding:calc(28px + env(safe-area-inset-top)) 22px calc(30px + env(safe-area-inset-bottom));margin:auto;position:relative}.hero{align-items:center;gap:17px;margin-bottom:32px;display:flex}.mark{background:var(--green);color:#10251d;border-radius:18px;place-items:center;width:54px;height:58px;font:italic 38px/1 Georgia;display:grid;box-shadow:0 15px 40px #b9f17d24}.hero span,.preview-heading>span{letter-spacing:.2em;color:#95ad9e;font-size:10px;font-weight:700}.hero h1{letter-spacing:-1.8px;margin:5px 0 7px;font:700 40px/1.05 ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}.hero p{color:var(--muted);margin:0;font-size:14px}.status-card,.preview-card,.info-card{border:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(145deg,#14251fdd,#0d1b17ee);border-radius:22px;box-shadow:0 22px 55px #0005}.status-card{margin-bottom:16px;padding:17px 19px}.status-top{align-items:center;gap:9px;display:flex}.status-dot{background:var(--green);border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 5px #b9f17d12}.status-top p{color:#a9bbb4;overflow-wrap:anywhere;margin:0;font-size:12px}#status{margin:12px 0 0;font:600 15px/1.4 ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}#status[data-kind=error]{color:var(--danger)}#status[data-kind=saved]{color:var(--green)}button{background:var(--green);color:#10231c;cursor:pointer;border:0;border-radius:16px;width:100%;min-height:58px;margin:12px 0;padding:15px 17px;font:700 17px ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;transition:transform .16s,filter .16s;box-shadow:0 14px 36px #0003}button:active{transform:scale(.985)}button.secondary{color:var(--ink);box-shadow:none;background:#152720;border:1px solid #2b443a}button.compact{min-height:46px;padding:11px;font-size:13px}button:disabled{opacity:.5;cursor:wait}button:focus-visible,summary:focus-visible{outline:3px solid var(--green);outline-offset:3px}#source-actions{grid-template-columns:1.05fr .95fr;gap:12px;margin:17px 0;display:grid}#source-actions button{text-align:left;flex-direction:column;justify-content:space-between;align-items:flex-start;min-height:116px;margin:0;display:flex}#source-actions button>span:last-child{flex-direction:column;gap:3px;display:flex}#source-actions small{opacity:.62;font:500 11px ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}.action-icon{width:31px;height:31px;display:block}.action-icon svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:100%;height:100%}.preview-card{margin-top:18px;padding:16px}.preview-heading{padding:3px 4px 13px}.preview-heading p{color:var(--muted);overflow-wrap:anywhere;margin:5px 0 0;font-size:11px}.photo-frame{background:#07100d;border:1px solid #263c34;border-radius:18px;padding:7px}#photo{object-fit:contain;background:#08110e;border-radius:12px;width:100%;max-height:47vh;display:block}#send{justify-content:space-between;align-items:center;padding-inline:20px;display:flex}.destination{color:var(--green);margin:16px 3px;font-size:12px;line-height:1.6}.info-card{color:var(--muted);margin-top:22px;padding:4px 18px;font-size:13px;line-height:1.65}.info-card summary{cursor:pointer;color:#d8e4dd;justify-content:space-between;align-items:center;padding:17px 0;font-weight:600;list-style:none;display:flex}.info-card summary::-webkit-details-marker{display:none}.info-card[open] summary span{transform:rotate(45deg)}.info-card p{margin:0 0 16px}.info-card button{margin-bottom:17px}[hidden]{display:none!important}@media (width<=370px){.app-shell{padding-inline:16px}.hero{gap:13px}.mark{width:48px;height:52px}.hero h1{font-size:35px}#source-actions{grid-template-columns:1fr}#source-actions button{flex-direction:row;align-items:center;min-height:82px}.action-icon{font-size:27px}}
