:root{--bg:#f6f5ef;--paper:#fff;--ink:#1d1d19;--muted:#77746a;--line:#e8e5dc;--gold:#92713a;--green:#246b55;--red:#a34747;--shadow:0 24px 70px rgba(42,38,28,.10)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}body{padding-bottom:env(safe-area-inset-bottom)}button,input,textarea,select{font:inherit}button{cursor:pointer}.hidden{display:none!important}.accessScreen{min-height:100svh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 50% 0,#fff 0,#f6f5ef 52%,#ece9df 100%)}.accessCard{width:min(460px,94vw);background:rgba(255,255,255,.94);border:1px solid var(--line);border-radius:32px;padding:42px 28px;text-align:center;box-shadow:var(--shadow)}.seal,.brandMark{background:linear-gradient(145deg,#22221e,#9a7c46);color:#fff;display:grid;place-items:center;font-family:Georgia,serif}.seal{width:62px;height:62px;border-radius:20px;margin:auto;font-size:20px}.kicker{margin-top:18px;font-size:9px;letter-spacing:.24em;color:#8f8a7d}.accessCard h1{font:500 48px/1 Georgia,serif;letter-spacing:-.05em;margin:12px 0 16px}.accessCard>p{color:var(--muted);font-size:13px;line-height:1.55}.textButton{border:0;background:none;color:var(--gold);font-size:11px;margin-top:15px}.setupForm{display:grid;gap:9px;margin-top:18px}.setupForm input,.search,.inviteForm input,.inviteForm select,.copyRow input{width:100%;border:1px solid var(--line);background:#fbfbf8;border-radius:14px;padding:13px 14px;outline:0}.setupForm small,.newInvite small{font-size:9px;color:var(--muted)}.primary,.danger{border:0;border-radius:14px;padding:13px 16px;font-weight:700}.primary{background:#1e1e1b;color:#fff}.danger{background:#fff0f0;color:var(--red);border:1px solid #efcece}.full{width:100%}.error{margin-top:15px;background:#fff0f0;color:#8b3c3c;border:1px solid #efcece;padding:11px;border-radius:12px;font-size:11px}.loading{font-size:11px;color:var(--muted);margin-top:15px}.app{min-height:100svh}.appHeader{position:sticky;top:0;z-index:20;height:70px;padding:10px max(15px,env(safe-area-inset-left)) 10px max(15px,env(safe-area-inset-right));display:flex;justify-content:space-between;align-items:center;background:rgba(246,245,239,.91);backdrop-filter:blur(18px);border-bottom:1px solid rgba(232,229,220,.8)}.brand{display:flex;align-items:center;gap:10px}.brandMark{width:38px;height:38px;border-radius:13px;font-size:14px}.brand b{display:block;font-size:12px}.brand span{font-size:8.5px;color:var(--muted);display:block;margin-top:2px}.profileButton{border:0;background:transparent;display:flex;align-items:center;gap:8px;text-align:left}.profileButton>span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#1590a1;color:#fff;font-weight:800}.profileButton b{font-size:10px;display:block}.profileButton small{font-size:8px;color:var(--muted);text-transform:capitalize}.shell{width:min(820px,100%);margin:auto;padding:28px 16px 190px}.hero .eyebrow{font-size:8.5px;letter-spacing:.18em;color:#918c80;margin-bottom:8px}.hero h1{font:500 clamp(35px,9vw,52px)/.98 Georgia,serif;letter-spacing:-.05em;margin:0 0 10px}.hero p{font-size:12px;color:var(--muted);line-height:1.5;margin:0}.quickRow{display:flex;gap:7px;overflow:auto;padding:19px 0 17px;scrollbar-width:none}.quickRow::-webkit-scrollbar{display:none}.quickRow button{white-space:nowrap;border:1px solid var(--line);background:#fff;border-radius:999px;padding:8px 11px;font-size:9px;color:#666259}.chatCard{background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow);overflow:hidden}.chatTop{height:52px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 15px}.chatTop b{display:block;font-size:11px}.chatTop span{display:block;font-size:8px;color:var(--muted);margin-top:2px}.iconButton{width:34px;height:34px;border:1px solid var(--line);background:#fff;border-radius:11px}.feed{min-height:52vh;max-height:calc(100svh - 310px);overflow:auto;padding:17px}.empty{text-align:center;padding:60px 22px;color:var(--muted)}.emptyOrb{width:48px;height:48px;border-radius:16px;background:#f0eadc;color:#8c713f;display:grid;place-items:center;margin:0 auto 13px}.empty b{color:var(--ink);font-size:12px}.empty p{font-size:10px;line-height:1.5}.msg{max-width:88%;margin:0 0 14px}.msg.mine{margin-left:auto}.msg.assistant,.msg.other{margin-right:auto}.msgHead{display:flex;gap:8px;align-items:center;margin:0 5px 5px}.msgHead b{font-size:8.5px}.msgHead span{font-size:7.5px;color:#aaa59a}.msgText{font-size:12px;line-height:1.55;border-radius:17px;padding:11px 13px;white-space:pre-wrap;background:#f5f4ef;border:1px solid #ebe8df}.msg.mine .msgText{background:#1e1e1b;color:#fff;border-color:#1e1e1b}.fileCard{margin-top:7px;border:1px solid var(--line);background:#fff;border-radius:15px;padding:10px;display:grid;grid-template-columns:36px 1fr auto;gap:9px;align-items:center;min-width:min(520px,75vw)}.fileIcon{width:36px;height:40px;border:1px solid var(--line);border-radius:10px;display:grid;place-items:center;color:var(--gold);font-size:7px;font-weight:800}.fileMeta{min-width:0}.fileMeta b{font-size:9.5px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fileMeta small{font-size:7.8px;color:var(--muted);display:block;margin-top:2px}.fileMeta p{font-size:8px;color:#656158;line-height:1.35;margin:5px 0 0}.openFile{border:1px solid var(--line);background:#fff;border-radius:9px;padding:7px 8px;font-size:8px}.attachmentPreview{position:fixed;z-index:42;left:50%;transform:translateX(-50%);bottom:calc(110px + env(safe-area-inset-bottom));width:min(760px,calc(100% - 28px));background:#fff;border:1px solid var(--line);border-radius:14px;padding:9px 10px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 12px 35px rgba(0,0,0,.12)}.attachmentPreview>div{display:flex;gap:8px;align-items:center;min-width:0}.attachmentPreview b{font-size:9px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:65vw}.attachmentPreview small{font-size:8px;color:var(--muted)}.attachmentPreview button{border:0;background:none;font-size:18px}.composerDock{position:fixed;z-index:40;left:0;right:0;bottom:calc(68px + env(safe-area-inset-bottom));padding:8px 14px;background:linear-gradient(transparent,rgba(246,245,239,.98) 30%)}.composer{width:min(760px,100%);margin:auto;background:#fff;border:1px solid var(--line);border-radius:22px;padding:7px;display:grid;grid-template-columns:40px 1fr 40px;gap:5px;align-items:end;box-shadow:0 14px 38px rgba(39,36,26,.12)}.attachButton,.sendButton{width:40px;height:40px;border-radius:14px;border:0}.attachButton{background:#f2f0e9;font-size:19px}.sendButton{background:#1e1e1b;color:#fff;font-size:18px}.composer textarea{border:0;resize:none;outline:0;min-height:40px;max-height:120px;padding:11px 5px;background:transparent;font-size:13px}.bottomNav{position:fixed;z-index:45;left:0;right:0;bottom:0;height:calc(68px + env(safe-area-inset-bottom));padding:5px 12px env(safe-area-inset-bottom);background:rgba(255,255,255,.96);backdrop-filter:blur(20px);border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(5,1fr)}.bottomNav button{border:0;background:transparent;color:#8a877e;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.bottomNav span{font-size:18px}.bottomNav small{font-size:7.5px}.bottomNav .active{color:#1e1e1b}.navAdd span{width:42px;height:42px;background:#1e1e1b;color:#fff;border-radius:15px;display:grid;place-items:center;margin-top:-19px;box-shadow:0 10px 22px rgba(0,0,0,.18)}.overlay{position:fixed;inset:0;z-index:70;background:rgba(25,24,20,.3);backdrop-filter:blur(8px);display:flex;align-items:flex-end;justify-content:center}.sheet{width:min(760px,100%);max-height:88svh;background:#fff;border-radius:28px 28px 0 0;box-shadow:0 -20px 70px rgba(0,0,0,.18);overflow:auto;padding-bottom:env(safe-area-inset-bottom)}.compactSheet{max-height:60svh}.sheetHandle{width:42px;height:4px;background:#d7d3ca;border-radius:999px;margin:8px auto}.sheetHead{padding:9px 18px 14px;display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid var(--line)}.sheetHead h2{font:500 25px Georgia,serif;margin:0}.sheetHead p{font-size:9px;color:var(--muted);margin:4px 0}.sheetHead>button{width:34px;height:34px;border:1px solid var(--line);background:#fff;border-radius:11px;font-size:17px}.sheetBody{padding:16px 18px 24px}.list{display:grid;gap:8px;margin-top:12px}.listItem,.personRow{border:1px solid var(--line);border-radius:14px;padding:11px;display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center}.listItem b,.personRow b{font-size:10px}.listItem small,.personRow small{display:block;color:var(--muted);font-size:8px;margin-top:2px}.listItem p{font-size:8px;color:#666158;line-height:1.4;margin:5px 0 0}.personRow{grid-template-columns:34px 1fr auto}.avatarMini{width:34px;height:34px;border-radius:50%;background:#eee9dc;display:grid;place-items:center;color:#806638;font-weight:800}.revokePerson{border:1px solid #efcece;background:#fff3f3;color:#994444;border-radius:9px;padding:7px 8px;font-size:8px}.statusPill{font-size:8px;background:#edf6f2;color:var(--green);border-radius:999px;padding:6px 8px}.inviteForm{display:grid;gap:8px;padding:12px;border:1px solid var(--line);border-radius:16px;background:#faf9f5}.newInvite{margin-top:12px;padding:12px;border:1px solid #dfd4b9;background:#fffaf0;border-radius:16px}.newInvite label{font-size:8px;color:#7a6848;display:block;margin-bottom:6px}.copyRow{display:grid;grid-template-columns:1fr auto;gap:7px}.copyRow button{border:0;background:#1e1e1b;color:#fff;border-radius:11px;padding:0 13px;font-size:9px}.privacyCard{border:1px solid var(--line);background:#faf9f5;border-radius:16px;padding:14px;margin-bottom:12px}.privacyCard b{font-size:10px}.privacyCard p{font-size:9px;color:var(--muted);line-height:1.5}.toast{position:fixed;z-index:100;left:50%;bottom:calc(145px + env(safe-area-inset-bottom));transform:translate(-50%,15px);opacity:0;background:#1e1e1b;color:#fff;padding:10px 14px;border-radius:999px;font-size:9px;pointer-events:none;transition:.2s;max-width:88vw;text-align:center}.toast.show{opacity:1;transform:translate(-50%,0)}.emptySmall{padding:25px;text-align:center;color:var(--muted);font-size:10px}@media(min-width:850px){.shell{padding-top:40px}.bottomNav{left:50%;right:auto;transform:translateX(-50%);width:520px;border:1px solid var(--line);border-bottom:0;border-radius:22px 22px 0 0}.composerDock{bottom:76px}.attachmentPreview{bottom:125px}.feed{max-height:560px}.appHeader{padding-left:28px;padding-right:28px}.overlay{align-items:center}.sheet{border-radius:28px;max-height:82vh}.toast{bottom:150px}}
