:root{font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;color:#282724;background:#f6f2ea;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:#f6f2ea}button,input,textarea,select{font:inherit}button{cursor:pointer;border:0}button:disabled{cursor:not-allowed;opacity:.58}.app{min-height:100dvh;max-width:680px;margin:auto;padding:calc(22px + env(safe-area-inset-top)) 20px calc(94px + env(safe-area-inset-bottom));background:#f6f2ea}.dark{background:#20201f;color:#f4efe6}.dark .material,.dark .row,.dark .balance,.dark .modal,.dark input,.dark textarea,.dark select{background:#2a2927;color:#f4efe6;border-color:#45423c}.dark nav{background:#20201ff0;border-color:#45423c}.dark .empty,.dark .send-preview{background:#292825}.dark .quiet,.dark .quiet-button{background:#373530;color:#f4efe6}header{display:flex;justify-content:space-between;align-items:start;margin-bottom:22px}.eyebrow{margin:0 0 8px;color:#857d6d;font-size:10px;font-weight:800;letter-spacing:.13em}h1,h2,p{margin-top:0}h1{margin-bottom:0;font-size:32px;line-height:1.05;letter-spacing:-.04em}h2{font-size:16px;letter-spacing:-.02em;margin-bottom:5px}p{color:#777164;line-height:1.45;font-size:14px}.icon-button{width:40px;height:40px;display:grid;place-items:center;border-radius:13px;background:#ebe5d9;color:inherit}.section-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.section-top p{margin:0;max-width:260px}.primary,.material-actions button{display:inline-flex;align-items:center;justify-content:center;gap:7px;background:#292824;color:#fffaf0;border-radius:12px;padding:12px 15px;font-weight:750;font-size:14px;box-shadow:0 9px 21px #39301f21}.primary:active,.material-actions button:active{transform:scale(.98)}.dark .primary{background:#e9dbad;color:#292720}.materials,.list{display:grid;gap:12px}.material{overflow:hidden;border:1px solid #e2dbcf;border-radius:18px;background:#fffdf8}.media-grid{display:grid;grid-template-columns:1.15fr .85fr;grid-template-rows:92px 92px;gap:2px;background:#e7dfd1}.media-tile{overflow:hidden;background:linear-gradient(135deg,#d4c7ae,#b9ab90);display:grid;place-items:center;color:#f8f2e8}.media-tile img,.media-tile video{width:100%;height:100%;object-fit:cover}.tile-0{grid-row:span 2;background:linear-gradient(145deg,#cfbd99,#856f59)}.media-tile span{font-size:9px;letter-spacing:.14em;font-weight:800}.material-copy{padding:15px 15px 10px;display:flex;justify-content:space-between;gap:14px}.material-copy p,.row p{margin:0;font-size:12px}.material-copy strong,.sale strong{white-space:nowrap;color:#a47726;font-size:15px}.material-actions{padding:0 15px 15px;display:flex;gap:8px}.material-actions .quiet{background:#eee8dc;color:#514d44;box-shadow:none}.row{background:#fffdf8;border:1px solid #e7dfd4;border-radius:15px;padding:14px;display:flex;align-items:center;gap:12px}.row>svg{margin-left:auto;color:#a39a8b}.row h2{margin-bottom:3px}.avatar{height:38px;width:38px;border-radius:12px;display:grid;place-items:center;background:#d8c9a7;color:#59472e;font-weight:800}.sale{justify-content:space-between}.sale .status{text-transform:uppercase;color:#a47726;font-weight:800;letter-spacing:.08em;font-size:9px;margin-bottom:4px}.balance{border-radius:18px;background:#292824;color:#f9f3e8;padding:24px;margin-bottom:16px;background-image:radial-gradient(circle at 92% 8%,rgba(227,199,125,.2),transparent 30%)}.balance p,.balance small{color:#c4bba9}.balance strong{display:block;font-size:30px;letter-spacing:-.04em}.balance small{display:block;margin-top:11px;font-size:12px}.bot-link{display:inline-flex;gap:6px;align-items:center;margin-top:14px;color:#ecd78e;font-size:13px;font-weight:750}.empty{margin-top:36px;padding:28px 20px;text-align:center;background:#eee8dc;border-radius:18px}.empty>div{color:#a47726;margin-bottom:12px}.empty h2{font-size:16px;max-width:270px;margin:0 auto 16px}.loading{display:grid;gap:12px}.loading i{height:104px;border-radius:18px;background:linear-gradient(90deg,#ebe5db,#f7f3ec,#ebe5db);background-size:200% 100%;animation:shimmer 1.2s infinite}@keyframes shimmer{to{background-position:-200%}}nav{position:fixed;z-index:4;bottom:0;left:50%;transform:translate(-50%);width:min(680px,100%);padding:9px max(16px,env(safe-area-inset-left)) calc(9px + env(safe-area-inset-bottom));display:flex;justify-content:space-around;background:#f6f2eaf0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid #e4ddcf}nav button{display:grid;gap:3px;justify-items:center;background:transparent;color:#938b7d;font-size:10px;padding:5px 9px}nav button.active{color:#9c7124;font-weight:800}.notice,.demo-banner{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:11px 13px;border-radius:12px;margin-bottom:16px;font-size:13px}.notice{background:#f1ded4;color:#7e4332}.notice button,.demo-banner button{background:transparent;color:inherit;font-weight:800}.setup{background:#eee3c8;color:#69552f}.demo-banner{background:#eae1c9;color:#766033}.empty-screen{display:grid;place-items:center;position:relative}.theme{position:absolute;right:20px;top:calc(22px + env(safe-area-inset-top))}.empty-hero{max-width:340px;text-align:center}.emblem{width:58px;height:58px;border-radius:17px;display:grid;place-items:center;margin:0 auto 20px;background:#292824;color:#e6cf86;overflow:hidden;box-shadow:0 14px 32px #4c3b7847;animation:mark-glow 5s ease-in-out infinite}.emblem svg{width:100%;height:100%}@keyframes mark-glow{50%{transform:translateY(-2px);box-shadow:0 19px 38px #4c3b7861}}.empty-hero h1{font-size:30px}.empty-hero small{display:block;margin-top:14px;color:#90897c;font-size:12px}.full{width:100%;margin-top:8px}.modal-dialog{border:0;padding:0;background:transparent;width:min(640px,calc(100% - 32px));max-height:90dvh}.modal-dialog::backdrop{background:#1c1a167a}.modal{overflow:auto;border-radius:20px;background:#fffdf8;padding:20px;box-shadow:0 22px 50px #19161040}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.modal-head h2{margin:0;font-size:21px}form{display:grid;gap:13px}label{display:grid;gap:6px;color:#615b50;font-size:13px;font-weight:700}input,textarea,select{border:1px solid #ddd5c8;border-radius:11px;background:#fffefa;padding:11px 12px;color:#292724;font-weight:500}textarea{min-height:78px;resize:vertical}.file-input{padding:14px;border:1px dashed #c8b68b;border-radius:12px;place-items:center;color:#92702f}.file-input input{display:none}.upload-previews,.send-preview{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.upload-previews img,.upload-previews video{width:100%;height:75px;object-fit:cover;border-radius:10px}.send-preview{grid-template-columns:70px 70px 1fr;align-items:center;padding:10px;border-radius:13px;background:#eee7d8;margin-bottom:15px}.send-preview .media-tile{height:56px;border-radius:8px}.send-preview strong{font-size:13px;padding-left:4px}.form-error{margin:0;color:#a45039}.form-ok{margin:0;color:#59713a}.quiet-button{display:inline-flex;align-items:center;gap:6px;padding:9px 10px;border-radius:10px;background:#ebe4d7;color:#5c5549;font-size:12px;font-weight:700}.search{width:100%;margin:-6px 0 12px}.access-note{margin:-4px 0 0;font-size:12px}.access-list{margin-top:20px}.security-link{margin:16px 0;padding:14px;border-radius:14px;background:#eee8dc}.security-link p{margin:4px 0 10px;font-size:12px}.dark .security-link{background:#373530}.recovery-page{max-width:620px}.recovery-card{display:grid;gap:24px;padding:20px;border:1px solid #e2dbcf;border-radius:18px;background:#fffdf8}.recovery-card form{padding-top:2px}.recovery-card form+form{border-top:1px solid #e7dfd4;padding-top:22px}.recovery-status{display:flex;align-items:center;gap:9px;color:#69552f;font-size:13px;font-weight:700}.recovery-status .quiet-button{margin-left:auto}.recovery-notice{margin-top:16px}.dark .recovery-card{background:#2a2927;border-color:#45423c}.access-list .quiet-button{margin-left:auto}.material,.row,.balance{animation:rise-in .28s ease both}@keyframes rise-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media(min-width:680px){.app{border-left:1px solid #e4ddcf;border-right:1px solid #e4ddcf}.dark.app{border-color:#45423c}}.media-grid:has(>:only-child){grid-template-columns:1fr}.media-grid>.media-tile:nth-child(2):last-child{grid-row:span 2}.media-grid:has(>:nth-child(4))>.media-tile{grid-row:auto}.media-tile img,.media-tile video{width:100%;height:100%;min-height:0;object-fit:cover}.dark p,.dark label{color:#bdb6a8}.dark .icon-button{background:#373530;color:#f4efe6}.dark .eyebrow{color:#aaa08e}.dark .material-copy strong,.dark .sale strong{color:#dfbd72}body:has(.app.dark){background:#20201f}.send-preview:has(>.media-tile:first-child:nth-last-child(2)){grid-template-columns:90px 1fr}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #ba913d;outline-offset:3px}@media(prefers-reduced-motion:reduce){.loading i,.emblem,.material,.row,.balance{animation:none}}@media(max-width:390px){.app{padding-left:14px;padding-right:14px}nav button{padding-left:4px;padding-right:4px;font-size:10px}.access-list .row{align-items:flex-start;flex-wrap:wrap}.access-list .quiet-button{margin-left:50px}}nav button{font-size:12px;min-height:44px}.material-copy h2,.row h2{overflow-wrap:anywhere}