@import url('/tokens.css');
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;-webkit-font-smoothing:antialiased}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--gold);outline-offset:5px}button{border:0}button,.primary{min-height:44px}.shell{max-width:1320px;padding:0 64px;margin:auto}.header{height:116px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:9px;text-decoration:none;font-size:29px;font-weight:700;letter-spacing:-1.5px}.brand-dot{color:var(--gold)}.text-button{background:none;color:var(--muted);font-size:13px;padding:8px 0}.help-button span{color:var(--gold);margin-left:13px}.help-button:hover,.text-button:hover{color:var(--gold)}main{display:grid;grid-template-columns:1.2fr 1fr;gap:65px;align-items:center;min-height:740px;padding:60px 0 44px}.eyebrow{font-size:10px;font-weight:600;letter-spacing:2.1px;color:var(--gold);display:flex;gap:9px;align-items:center}.live-dot{height:5px;width:5px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 4px #e9c36b10}h1{font-size:clamp(48px,5.5vw,76px);line-height:1.06;font-weight:500;letter-spacing:-4px;margin:28px 0 21px}h1 em{font-family:Georgia,serif;color:var(--gold);font-weight:400}.intro{color:var(--muted);font-size:16px;line-height:1.8;margin:0}.world{margin:-15px -40px -5px;max-width:600px}.globe{width:100%;height:auto;display:block}.globe-label rect{fill:#1d211b;stroke:#776a46;stroke-width:.5}.globe-label circle{fill:var(--green)}.globe-label text{font-size:10px;fill:#e7e5dc}.world-caption{display:flex;align-items:center;justify-content:center;gap:10px;letter-spacing:2px;color:var(--faint);font-size:8px;margin-top:-30px}.caption-line{height:1px;width:24px;background:var(--gold)}.auth-panel{background:var(--surface);border:1px solid var(--line);border-radius:24px;padding:42px 38px;max-width:430px;width:100%;justify-self:end}.mini-icon{width:49px;height:49px;border:1px solid var(--gold-line);border-radius:15px;display:grid;place-items:center;color:var(--gold);margin-bottom:29px;background:var(--gold-tint)}.mini-icon svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}h2{font-size:30px;line-height:1.2;font-weight:500;letter-spacing:-1px;margin:0 0 12px}.subtext{color:var(--muted);font-size:14px;line-height:1.7;margin:0 0 28px}label.field-label{display:block;font-size:12px;font-weight:500;margin:0 0 10px;color:var(--text)}input[type=email],input[type=text]{width:100%;height:53px;border:1px solid var(--input-border);border-radius:10px;color:var(--text);background:var(--input);padding:0 15px;font-size:16px;outline-offset:2px}input::placeholder{color:var(--faint)}input:focus{border-color:var(--gold)}.remember{display:flex;gap:9px;align-items:center;font-size:12px;color:var(--muted);margin:18px 0 26px;cursor:pointer;min-height:26px}.remember input{width:16px;height:16px;accent-color:var(--gold);margin:0}.primary{display:flex;align-items:center;justify-content:space-between;width:100%;border-radius:10px;min-height:53px;padding:0 19px;background:var(--gold);color:#19180f;font-size:13px;font-weight:650;transition:background .2s}.primary:hover{background:#f0ce85}.primary span{font-size:20px;font-weight:400}.secure-note{display:flex;justify-content:center;gap:7px;align-items:center;font-size:10px;color:var(--muted);margin:16px 0 0}.secure-note svg{width:11px;height:11px;stroke:currentColor;fill:none;stroke-width:1.5}.panel-bottom{border-top:1px solid var(--line);margin-top:29px;padding-top:23px;display:flex;align-items:center;gap:12px}.panel-bottom img{opacity:.7;width:27px;height:27px}.panel-bottom p{font-size:11px;color:var(--muted);line-height:1.7;margin:0}.panel-bottom strong{font-weight:500;color:var(--text)}.footer{border-top:1px solid var(--line);padding:26px 0 30px;display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.6px;color:var(--faint)}.footer span:last-child{font-size:11px;letter-spacing:0;color:var(--muted)}.error{color:var(--error);font-size:12px;line-height:1.7;margin:14px 0}.error:empty{display:none}.back{margin:0 0 23px;font-size:12px}.code-input{font-size:25px!important;letter-spacing:9px;text-align:center;font-variant-numeric:tabular-nums}.code-submit{margin-top:23px}.resend-row{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--muted);margin-top:16px}.resend-row button{font-size:11px;color:var(--gold)}.email-recipient{color:var(--text);overflow-wrap:anywhere}.loading{text-align:center;color:var(--muted);padding:100px 0;font-size:13px}dialog{background:var(--surface);color:var(--text);max-width:480px;width:calc(100% - 32px);border:1px solid var(--input-border);border-radius:20px;padding:40px;max-height:90dvh;overflow:auto}dialog::backdrop{background:#000b;backdrop-filter:blur(5px)}dialog .eyebrow{margin:20px 0}dialog p,dialog li{font-size:14px;line-height:1.8;color:var(--muted)}dialog ol{padding-left:20px}dialog li{padding:8px 0}dialog strong{color:var(--text);font-weight:500}.close{position:absolute;right:24px;top:12px;min-width:44px;font-size:20px}.muted{color:var(--muted)}.avatar{width:60px;height:60px;border-radius:50%;background:var(--gold-tint);color:var(--gold);border:1px solid var(--gold-line);display:grid;place-items:center;font-size:23px;margin-bottom:24px}.profile-name{overflow-wrap:anywhere}.signed-in{color:var(--green);font-size:10px;letter-spacing:1.5px;display:flex;align-items:center;gap:6px;margin-bottom:22px}.signed-in:before{content:'';width:5px;height:5px;border-radius:50%;background:var(--green)}.empty-title{text-align:center;font-size:14px}.empty-text{text-align:center;font-size:12px;color:var(--muted);line-height:1.8;margin:10px 0 25px}.account-actions{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:15px;margin-top:20px}.status-note{font-size:11px;background:var(--gold-tint);color:var(--gold);border:1px solid var(--gold-line);padding:12px;border-radius:8px;line-height:1.7}.saved{color:var(--green);font-size:12px}.skip{position:absolute;top:-100px;padding:15px;background:var(--gold);color:#111;z-index:10}.skip:focus{top:10px}.noscript{padding:20px;color:var(--gold)}
@media(min-width:1400px){main{min-height:calc(100dvh - 195px)}}
@media(max-width:1000px){.shell{padding:0 32px}main{gap:25px;grid-template-columns:1fr 1fr}.auth-panel{padding:32px 26px}h1{letter-spacing:-3px}.eyebrow{font-size:8px;letter-spacing:1.5px}}
@media(max-width:700px){.shell{padding:0 23px}.header{height:82px}.brand{font-size:25px}.brand img{width:36px;height:36px}.help-button{font-size:11px}main{display:flex;flex-direction:column;gap:0;padding:32px 0 30px;min-height:0}.story{text-align:center;width:100%;position:relative}.story>.eyebrow{justify-content:center;font-size:8px;letter-spacing:1.6px}h1{font-size:45px;letter-spacing:-2.2px;margin:20px 0 12px;line-height:1.08}h1 br{display:none}h1{max-width:340px;margin-left:auto;margin-right:auto}.intro{font-size:13px;line-height:1.65}.intro br{display:none}.world{max-width:330px;height:180px;margin:-4px auto 0;overflow:hidden}.globe{margin-top:-28px}.world-caption{display:none}.auth-panel{max-width:430px;padding:27px 25px;border-radius:18px;position:relative;z-index:1;margin-top:-7px}.mini-icon{width:39px;height:39px;margin-bottom:20px;border-radius:11px}.mini-icon svg{width:19px;height:19px}h2{font-size:26px}.subtext{font-size:12px;margin-bottom:23px}.remember{margin:14px 0 20px}.panel-bottom{margin-top:23px;padding-top:18px}.footer{font-size:7px;letter-spacing:1.2px;justify-content:center;padding:24px 0 calc(24px + env(safe-area-inset-bottom))}.footer span:last-child{display:none}dialog{padding:30px}.world .globe-label{display:none}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
/* Profile: compact editing, private account details, and contact-facing preview. */
.avatar{overflow:hidden;flex-shrink:0}.avatar img{width:100%;height:100%;object-fit:cover;display:block}
.photo-editor{display:flex;align-items:center;gap:20px;margin-top:28px}.photo-editor .avatar{width:88px;height:88px;margin:0;font-size:34px}.photo-editor>div:last-child{display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.photo-choice{display:inline-block;border:1px solid var(--gold,#e7c366);border-radius:10px;padding:10px 14px;cursor:pointer;font-weight:600}.photo-choice:focus-within{outline:2px solid currentColor}.photo-input{max-width:190px;font-size:12px;margin-top:6px}.field-help{font-size:12px;line-height:1.6;color:var(--muted,#a3a69a);margin:12px 0 22px}.bio-label{margin-top:24px}.optional{font-weight:400;font-size:12px}
textarea{box-sizing:border-box;width:100%;resize:vertical;min-height:106px;border:1px solid #434638;border-radius:12px;padding:14px;background:#11140f;color:#f4f3ed;font:inherit;font-size:16px;line-height:1.5}textarea:focus{outline:2px solid #e7c366;outline-offset:2px}
.profile-preview{margin:26px 0;padding:20px;border:1px solid #414332;border-radius:16px;background:#11140f}.preview-heading{display:flex;justify-content:space-between;gap:12px;align-items:baseline;flex-wrap:wrap}.preview-heading h3{font-size:14px;margin:0}.preview-heading span{font-size:11px;color:#a3a69a}#preview-content{text-align:center;padding-top:24px}.preview-avatar{width:76px;height:76px;font-size:32px;margin:0 auto 14px}.preview-name{display:block;font-size:22px;overflow-wrap:anywhere}.preview-bio{font-size:14px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}.profile-preview .field-help{margin-bottom:0}
.private-account{display:flex;gap:12px;padding:18px 0 24px;border-top:1px solid #35382d;font-size:13px}.private-account svg{width:18px;height:18px;fill:none;stroke:currentColor;flex-shrink:0}.private-account strong,.private-account span,.private-account small{display:block}.private-account span{overflow-wrap:anywhere;margin:6px 0}.private-account small{color:#a3a69a}.cancel-profile{display:block;margin:16px auto}.saved-notice{color:#e7c366;font-size:14px}.saved-notice:empty{display:none}[hidden]{display:none!important}
@media(max-width:375px){.photo-editor{gap:12px}.photo-editor .avatar{width:64px;height:64px}.photo-input{max-width:150px}.profile-preview{padding:14px}}

.photo-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.photo-editor:focus-within .photo-choice{outline:2px solid var(--gold);outline-offset:3px}.bio-label{display:block;margin-top:22px;margin-bottom:10px}
@media(max-width:767px){body[data-view="profile"] .story{display:none}body[data-view="profile"] main{padding-top:24px}body[data-view="profile"] .auth-panel{margin-top:0}}
.circle-greeting{display:flex;align-items:center;gap:14px;margin-bottom:18px}.circle-greeting .avatar{margin:0;width:48px;height:48px;font-size:20px}.circle-greeting h2{margin:0;font-size:27px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.section-heading h3,section h3{font-size:16px;font-weight:600}.section-heading>span{font-size:12px;color:var(--muted);white-space:nowrap}.favorites-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:20px 0}.favorite-person,.favorite-open{min-width:0;text-align:center;background:none;color:var(--text);font-size:11px;display:flex;flex-direction:column;align-items:center;gap:9px;padding:0}.favorite-person>span{width:100%;overflow-wrap:anywhere;line-height:1.5}.favorite-person .avatar{width:46px;height:46px;font-size:20px;margin:0}.slot-number{border:1px dashed var(--input-border);width:46px;height:46px;border-radius:50%;display:grid;place-items:center;font-size:15px}.favorite-open{color:var(--faint)}.invite-section,.contacts-section,.invitations,.outgoing-section{border-top:1px solid var(--line);padding-top:16px;margin-top:24px}.invite-section .primary{margin-top:14px}.invite-section .field-help{margin-top:8px}.contact-row{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);padding:9px 0}.contact-person{display:flex;gap:12px;align-items:center;text-align:left;min-width:0;background:none;color:var(--text);padding:0;flex:1}.contact-person>span{overflow-wrap:anywhere;font-size:14px}.contact-person .avatar{width:40px;height:40px;margin:0;font-size:18px}.pin-button{flex-shrink:0;min-width:56px;color:var(--gold)}.invitation-row{padding:14px 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.invitation-row>strong{font-size:15px}.invitation-row p{font-size:13px;color:var(--muted);margin:6px 0}.row-actions{display:flex;gap:20px;align-items:center}.small-button{background:var(--gold);color:var(--bg);border-radius:8px;padding:8px 20px;min-height:44px}.outgoing-row{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}.outgoing-row>div{min-width:0}.outgoing-row strong{font-size:12px;overflow-wrap:anywhere;display:block}.outgoing-row span{font-size:11px;color:var(--muted);display:block;margin-top:5px}.contact-bio{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.7;font-size:15px;margin-bottom:30px}.remove-contact{color:var(--error)}
@media(max-width:767px){body[data-view="home"] .story,body[data-view="contact"] .story{display:none}body[data-view="home"] main,body[data-view="contact"] main{padding-top:24px}body[data-view="home"] .auth-panel,body[data-view="contact"] .auth-panel{margin-top:0}.favorites-grid{gap:5px}.favorite-person .avatar,.slot-number{width:38px;height:38px}.circle-greeting h2{font-size:24px}}
h2[tabindex="-1"]:focus{outline:none}
.voice-composer,.conversation{border-top:1px solid var(--line);margin-top:24px;padding-top:18px}.voice-composer h3{overflow-wrap:anywhere}.hold-record{display:block;width:100%;min-height:96px;margin-top:18px;background:var(--gold);color:var(--bg);border-radius:22px;font-weight:700;font-size:19px;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.hold-record.recording{background:var(--error);outline:3px solid var(--gold);outline-offset:4px}.record-state{min-height:48px;font-size:14px;line-height:1.6;color:var(--gold);overflow-wrap:anywhere}.voice-composer audio,.chirp-message audio{width:100%;max-width:100%;display:block;margin:12px 0}.chirp-message{padding:16px 12px;margin:14px 0;border:1px solid var(--input-border);border-radius:14px}.chirp-message.sent{background:var(--gold-tint)}.message-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap}.message-heading strong{font-size:13px;overflow-wrap:anywhere}.message-heading>span,.message-info{font-size:11px;color:var(--muted)}.playback-error{color:var(--error);font-size:12px;line-height:1.6}.playback-error:empty{display:none}.unheard-badge{display:block;color:var(--gold);font-size:10px;line-height:1.7;margin-top:4px}.contact-bio{margin-bottom:18px}#voice-panel{margin-bottom:24px}#voice-draft{padding:12px;border:1px solid var(--gold-line);border-radius:12px}#voice-draft .row-actions{flex-wrap:wrap;gap:12px}.voice-composer .field-help{margin-bottom:12px}

.app-menu{position:relative;margin-left:18px;z-index:5}.app-menu summary{cursor:pointer;color:var(--gold);padding:12px 0;list-style:none;white-space:nowrap}.app-menu nav{position:absolute;right:0;top:48px;width:220px;padding:8px;background:var(--surface);border:1px solid var(--gold-line);border-radius:12px;box-shadow:0 12px 32px #0008}.app-menu nav button{display:block;text-align:left;width:100%;padding:12px;background:none;color:var(--text);border-radius:8px}.app-menu nav button:hover{background:var(--gold-tint)}body:not([data-view="signin"]) .help-button{display:none}

@media(max-width:767px){body[data-view="notifications"] .story{display:none}body[data-view="notifications"] main{padding-top:24px}}
.voice-composer{position:relative}.send-flight{height:110px;overflow:hidden;pointer-events:none}.send-flight svg{display:block;width:100%;height:110px}.flight-trail{fill:none;stroke:var(--gold);stroke-width:2;stroke-dasharray:380;stroke-dashoffset:380;animation:chirp-trail 1.2s ease-out forwards}.flight-bird{offset-path:path('M15 85 Q90 -5 175 53 T303 25');animation:chirp-flight 1.1s ease-in-out forwards}.flight-bolt{fill:var(--gold);opacity:0;animation:chirp-flash .3s 1s ease-out forwards}@keyframes chirp-flight{from{offset-distance:0%;opacity:1}90%{opacity:1}to{offset-distance:100%;opacity:0}}@keyframes chirp-trail{to{stroke-dashoffset:0;opacity:0}}@keyframes chirp-flash{50%{opacity:1}to{opacity:0}}@media(prefers-reduced-motion:reduce){.send-flight{display:none}}