:root{--ink:#302d34;--muted:#77717b;--paper:#f7f2ed;--card:rgba(255,253,249,.91);--line:rgba(70,61,75,.13);--lilac:#dcd4e9;--sage:#d7e3da;--blush:#ead7da;--blue:#d7e3eb;--accent:#76658f;--accent-dark:#5f5076;--shadow:0 18px 55px rgba(71,58,72,.11);--serif:Georgia,"Times New Roman",serif;--sans:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);min-height:100vh}button,textarea{font:inherit}button{color:inherit}.world-map{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:0;background:radial-gradient(circle at 12% 4%,rgba(231,214,222,.75),transparent 28%),radial-gradient(circle at 91% 27%,rgba(211,225,217,.7),transparent 31%),radial-gradient(circle at 48% 92%,rgba(218,214,234,.72),transparent 32%)}.world-map svg{width:100%;height:100%;opacity:.32}.map-lines path{fill:none;stroke:#a69ab0;stroke-width:1.2;stroke-dasharray:5 14}.map-stars circle{fill:url(#nodeGlow);stroke:#9f92aa;stroke-width:1}.app{position:relative;z-index:1;max-width:1040px;margin:0 auto;min-height:100vh;padding-bottom:110px}.topbar{height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;position:sticky;top:0;z-index:25;background:linear-gradient(to bottom,rgba(247,242,237,.96),rgba(247,242,237,.72),transparent);backdrop-filter:blur(12px)}.brand,.bell{border:0;background:none;cursor:pointer}.brand{display:flex;align-items:center;gap:9px}.brand span{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:#363039;color:white;font-family:var(--serif);font-size:20px;font-style:italic}.brand b{font-family:var(--serif);font-size:20px;font-weight:500}.top-purpose{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.bell{width:40px;height:40px;border:1px solid var(--line);border-radius:50%;background:rgba(255,255,255,.55);position:relative}.bell i{position:absolute;right:-2px;top:-3px;background:var(--accent);color:#fff;font-style:normal;font-size:10px;width:18px;height:18px;border-radius:50%;display:grid;place-items:center;border:2px solid var(--paper)}main{padding:0 22px}.profile-header{position:relative;text-align:center;padding:32px 28px 34px;max-width:780px;margin:0 auto}.cover-wash{position:absolute;inset:0 0 42%;border-radius:44% 56% 48% 52% / 53% 42% 58% 47%;background:linear-gradient(135deg,rgba(231,214,222,.6),rgba(219,230,222,.56),rgba(221,218,237,.62));filter:blur(1px);z-index:-1}.round-photo{width:126px;height:126px;border-radius:50%;border:7px solid rgba(255,253,249,.9);padding:0;overflow:hidden;box-shadow:0 14px 34px rgba(67,55,68,.16);position:relative;background:#ddd;cursor:pointer}.round-photo svg{width:100%;height:100%;display:block}.online-dot{position:absolute;right:8px;bottom:10px;width:15px;height:15px;border:3px solid white;border-radius:50%;background:#88a18e}.private-label{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:#706a74;margin:14px 0 7px}.private-label span{color:#8da090;font-size:8px}.profile-header h1{font-family:var(--serif);font-weight:500;font-size:42px;margin:0}.profile-line{max-width:550px;margin:10px auto 22px;color:#68616b;line-height:1.65;font-size:15px}.hero-write{border:0;border-radius:18px;background:#342f38;color:white;padding:13px 22px 13px 13px;display:inline-grid;grid-template-columns:42px auto;grid-template-rows:auto auto;column-gap:12px;text-align:left;align-items:center;box-shadow:0 14px 35px rgba(54,47,56,.18);cursor:pointer}.hero-write>span{grid-row:1/3;width:42px;height:42px;border-radius:13px;background:rgba(255,255,255,.14);display:grid;place-items:center;font-size:24px}.hero-write b{font-size:14px;align-self:end}.hero-write small{font-size:11px;color:rgba(255,255,255,.66);align-self:start}.profile-stats{margin:26px auto 0;display:flex;justify-content:center;align-items:center;gap:12px;color:#77717a;font-size:11px}.profile-stats b{color:var(--ink);font-size:13px}.profile-stats i{width:3px;height:3px;background:#a49ca6;border-radius:50%}.unlock-explainer{max-width:760px;margin:4px auto 46px;display:flex;align-items:flex-start;gap:13px;padding:15px 17px;border-radius:18px;background:rgba(255,253,249,.66);border:1px solid var(--line);backdrop-filter:blur(12px)}.soft-icon{width:36px;height:36px;border-radius:12px;background:var(--lilac);display:grid;place-items:center;color:var(--accent)}.unlock-explainer b{font-family:var(--serif);font-weight:500}.unlock-explainer p{margin:3px 0 0;font-size:12px;color:var(--muted);line-height:1.5}.related-section,.wall-section{max-width:900px;margin:0 auto 50px}.section-title{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:16px}.eyebrow{font-size:10px;letter-spacing:.15em;color:#877d89;margin:0 0 6px}.section-title h2{font-family:var(--serif);font-weight:500;font-size:28px;margin:0}.section-title>button,.filter-button{border:0;background:none;color:var(--accent-dark);font-size:12px;cursor:pointer}.story-slider{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(265px,31%);gap:14px;overflow-x:auto;padding:2px 3px 18px;scroll-snap-type:x mandatory;scrollbar-width:none}.story-slider::-webkit-scrollbar{display:none}.related-card{scroll-snap-align:start;border:1px solid rgba(72,64,77,.1);border-radius:23px;padding:17px;text-align:left;min-height:247px;display:flex;flex-direction:column;cursor:pointer;box-shadow:0 10px 30px rgba(62,52,65,.07);transition:.25s transform,.25s box-shadow}.related-card:hover{transform:translateY(-3px);box-shadow:0 16px 35px rgba(62,52,65,.12)}.related-card.lilac{background:linear-gradient(145deg,#f8f5fb,#e7e0ef)}.related-card.sage{background:linear-gradient(145deg,#f7faf7,#e0ebe2)}.related-card.blush{background:linear-gradient(145deg,#fff8f7,#f0dfe2)}.related-card.blue{background:linear-gradient(145deg,#f7fafc,#dfebf1)}.related-top{display:flex;align-items:center;gap:8px}.avatar{width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.75);display:grid;place-items:center;font-family:var(--serif);font-size:15px}.story-kind{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:#6f6872}.related-top i{margin-left:auto;font-style:normal;font-size:10px;color:#74687b;background:rgba(255,255,255,.63);padding:5px 7px;border-radius:20px}.related-card blockquote{font-family:var(--serif);font-size:18px;line-height:1.43;margin:22px 0 18px;flex:1}.related-card>p{font-size:10px;color:#7b747c;margin:0}.matched-by{margin-top:11px;padding-top:10px;border-top:1px solid rgba(73,66,76,.1);font-size:10px;color:#726b74}.matched-by b{font-weight:600}.wall-title{margin-top:8px}.filter-button{border:1px solid var(--line)!important;background:rgba(255,255,255,.58)!important;padding:8px 11px!important;border-radius:20px!important;color:#6d6570!important}.timeline{display:flex;flex-direction:column}.story-post{display:grid;grid-template-columns:78px 1fr;gap:15px}.timeline-rail{text-align:right;position:relative;padding-top:11px}.timeline-rail time{font-size:10px;color:#8a828b;line-height:1.4}.timeline-rail time b{font-weight:600;color:#665e68}.timeline-rail span{position:absolute;right:-11px;top:13px;width:8px;height:8px;border-radius:50%;background:#b6a6bd;border:2px solid var(--paper);box-shadow:0 0 0 1px #b6a6bd}.timeline-rail:after{content:"";position:absolute;right:-8px;top:22px;bottom:-13px;border-left:1px dashed rgba(132,120,139,.25)}.story-post:last-child .timeline-rail:after{display:none}.post-card{margin-bottom:17px;background:var(--card);backdrop-filter:blur(16px);border:1px solid rgba(73,64,77,.1);border-radius:23px;padding:18px;box-shadow:0 10px 35px rgba(60,51,63,.065)}.post-head{display:flex;align-items:center;gap:8px}.type-chip,.visibility-chip{border:0;border-radius:20px;font-size:9px;text-transform:uppercase;letter-spacing:.1em;padding:7px 9px;background:#ece6ef}.type-chip.thought{background:#e8e8dc}.type-chip.past{background:#e0e9e4}.type-chip.about{background:#e1e7ee}.visibility-chip{margin-left:auto;text-transform:none;letter-spacing:0;cursor:pointer}.visibility-chip.open{background:#eef3ed;color:#52695a}.visibility-chip.private{background:#f0ece8;color:#716860}.dots{border:0;background:none;letter-spacing:2px;color:#8d858e;cursor:pointer}.post-card>p{font-family:var(--serif);font-size:20px;line-height:1.52;margin:17px 0}.post-photo{height:160px;border-radius:17px;margin:12px 0;background:linear-gradient(135deg,#cfc4d8,#e5d5d8 44%,#cbdad0);display:flex;align-items:flex-end;padding:13px;overflow:hidden;position:relative}.post-photo:before{content:"";position:absolute;width:170px;height:210px;border:1px solid rgba(255,255,255,.55);border-radius:50%;right:8%;top:-70px;transform:rotate(29deg)}.post-photo span{position:relative;background:rgba(255,255,255,.7);padding:7px 10px;border-radius:20px;font-size:10px;letter-spacing:.1em;text-transform:uppercase}.match-notice{width:100%;display:flex;align-items:center;gap:11px;border:1px solid rgba(112,95,128,.14);background:linear-gradient(105deg,rgba(230,222,237,.8),rgba(247,244,249,.82));padding:11px;border-radius:16px;text-align:left;cursor:pointer}.constellation-mini{display:flex}.constellation-mini i{width:28px;height:28px;border-radius:50%;background:#fff;display:grid;place-items:center;font-style:normal;font-size:10px;border:2px solid #e8e1ec;margin-right:-7px}.match-notice>span:nth-child(2){display:flex;flex-direction:column}.match-notice b{font-size:11px}.match-notice small{font-size:9px;color:#7a7180;margin-top:2px}.match-notice strong{margin-left:auto;font-weight:400}.private-note{border-radius:14px;padding:10px 12px;background:#f0ece8;color:#756c65;font-size:10px}.bottom-nav{position:fixed;z-index:50;bottom:14px;left:50%;transform:translateX(-50%);width:min(560px,calc(100% - 24px));height:70px;border-radius:25px;background:rgba(48,44,52,.95);display:grid;grid-template-columns:repeat(5,1fr);align-items:center;padding:5px 10px;box-shadow:0 16px 50px rgba(42,36,45,.22);backdrop-filter:blur(16px)}.bottom-nav>button{border:0;background:none;color:rgba(255,255,255,.55);display:flex;flex-direction:column;align-items:center;gap:3px;font-size:18px;cursor:pointer}.bottom-nav small{font-size:9px}.bottom-nav .active{color:#fff}.bottom-nav .add-button{width:54px;height:54px;border-radius:18px;background:#f7f2ed;color:#39333d;font-size:29px;justify-self:center;box-shadow:0 8px 22px rgba(0,0,0,.23);transform:translateY(-14px)}.sheet{position:fixed;inset:0;z-index:100;visibility:hidden;opacity:0;transition:.25s opacity,.25s visibility}.sheet.open{visibility:visible;opacity:1}.sheet-backdrop{position:absolute;inset:0;background:rgba(48,43,51,.32);backdrop-filter:blur(7px)}.sheet-panel{position:absolute;left:50%;bottom:0;transform:translate(-50%,105%);width:min(680px,100%);max-height:92vh;overflow:auto;border-radius:29px 29px 0 0;background:#fbf8f4;box-shadow:0 -20px 65px rgba(46,39,48,.18);transition:.38s cubic-bezier(.2,.75,.2,1) transform;padding:11px 22px 34px}.sheet.open .sheet-panel{transform:translate(-50%,0)}.sheet-handle{width:42px;height:4px;background:#d5cfd5;border-radius:10px;margin:0 auto 14px}.composer-head{display:grid;grid-template-columns:40px 1fr 40px;align-items:start}.composer-head>div{text-align:center}.composer-head p,.detail-head p,.constellation-head p{font-size:9px;letter-spacing:.14em;color:#8a818b;margin:3px 0 5px}.composer-head h2{font-family:var(--serif);font-size:26px;font-weight:500;margin:0}.close-button,.back-button{width:36px;height:36px;border-radius:50%;border:1px solid var(--line);background:#fff;cursor:pointer;font-size:20px}.back-button{font-size:16px}.hidden{visibility:hidden}.composer-step{display:none}.composer-step.active{display:block}.step-help{text-align:center;color:#7d757e;font-size:12px;margin:14px 0 18px}.kind-grid{display:grid;gap:10px}.kind-grid>button{display:grid;grid-template-columns:45px 1fr 20px;align-items:center;gap:11px;text-align:left;border:1px solid var(--line);border-radius:17px;padding:13px;background:#fffdf9;cursor:pointer;transition:.2s}.kind-grid>button:hover{transform:translateX(3px);background:#f5f0f7}.kind-grid>button>span{width:42px;height:42px;border-radius:14px;background:#ede7f0;display:grid;place-items:center;font-size:18px}.kind-grid b{display:block;font-size:13px}.kind-grid small{font-size:10px;color:#817984}.kind-grid i{font-style:normal;color:#8a7b93}.visibility-switch{display:grid;grid-template-columns:1fr 1fr;background:#ebe6e1;padding:4px;border-radius:17px;margin:17px 0 12px}.visibility-switch button{border:0;background:transparent;border-radius:13px;display:grid;grid-template-columns:28px auto;grid-template-rows:auto auto;text-align:left;padding:9px 10px;cursor:pointer}.visibility-switch button>span{grid-row:1/3;align-self:center}.visibility-switch b{font-size:11px}.visibility-switch small{font-size:9px;color:#7b747b}.visibility-switch .active{background:#fff;box-shadow:0 5px 15px rgba(54,47,57,.09)}.write-card{border:1px solid var(--line);border-radius:20px;background:#fff;padding:15px}.selected-kind{display:flex;align-items:center;gap:11px;border-bottom:1px solid var(--line);padding-bottom:11px}.selected-kind>span{width:38px;height:38px;border-radius:12px;background:var(--lilac);display:grid;place-items:center}.selected-kind p{margin:0}.selected-kind small{display:block;font-size:8px;letter-spacing:.1em;color:#8a818a}.selected-kind b{font-family:var(--serif);font-size:15px;font-weight:500}.write-card textarea{width:100%;min-height:175px;border:0;outline:0;resize:none;padding:17px 2px;font-family:var(--serif);font-size:20px;line-height:1.45;color:var(--ink);background:transparent}.write-card textarea::placeholder{color:#aaa2aa}.prompt-row{display:flex;gap:7px;overflow-x:auto;padding-bottom:9px}.prompt-row button{white-space:nowrap;border:1px solid var(--line);background:#f7f3f0;border-radius:20px;padding:7px 10px;font-size:9px;color:#746c75;cursor:pointer}.composer-tools{border-top:1px solid var(--line);padding-top:11px;display:flex;align-items:center;gap:8px}.composer-tools button{border:0;background:none;font-size:10px;color:#756d77;cursor:pointer}.composer-tools span{margin-left:auto;font-size:9px;color:#9b939b}.open-explanation{display:flex;gap:10px;align-items:flex-start;padding:12px;margin:12px 0;background:#ede8f1;border-radius:15px}.open-explanation>span{color:var(--accent)}.open-explanation p{margin:0;font-size:10px;color:#6e6671;line-height:1.45}.publish-button{width:100%;border:0;border-radius:16px;background:#342f38;color:white;padding:15px;cursor:pointer;font-weight:600}.publish-button span{float:right}.detail-panel{padding-bottom:32px}.detail-head{display:grid;grid-template-columns:40px 1fr 40px;align-items:center;text-align:center}.person-block{display:flex;align-items:center;gap:12px;margin:18px 0}.large-avatar{width:54px;height:54px;border-radius:50%;background:var(--lilac);display:grid;place-items:center;font-family:var(--serif);font-size:21px}.person-block h2{font-family:var(--serif);font-weight:500;margin:0;font-size:24px}.person-block p{font-size:10px;color:var(--muted);margin:3px 0 0}.person-block button{margin-left:auto;border:1px solid var(--accent);background:transparent;color:var(--accent-dark);border-radius:20px;padding:8px 13px;font-size:10px;cursor:pointer}.reason-card{display:flex;gap:10px;padding:13px;background:#eee8f2;border-radius:16px}.reason-card p{margin:0}.reason-card small{display:block;font-size:8px;letter-spacing:.1em;color:#83798a}.reason-card b{font-family:var(--serif);font-weight:500;font-size:14px}.detail-story{padding:22px 4px}.detail-story blockquote{font-family:var(--serif);font-size:25px;line-height:1.45;margin:17px 0}.handling{border-left:2px solid #cbbfd4;padding-left:13px}.handling small{font-size:8px;letter-spacing:.12em;color:#89808a}.handling p{font-size:13px;line-height:1.5}.outcome{font-size:9px;border-radius:20px;padding:6px 9px;background:#e0eadf;color:#55705c}.detail-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.detail-actions button{border:1px solid var(--line);background:white;border-radius:14px;padding:12px;font-size:10px;cursor:pointer}.connection-rule{text-align:center;font-size:9px;color:#8b838c}.sheet.full .sheet-panel{width:100%;height:100%;max-height:none;border-radius:0}.constellation-panel{padding:22px}.constellation-head{display:grid;grid-template-columns:45px 1fr auto;align-items:center}.constellation-head h2{font-family:var(--serif);font-weight:500;margin:0;font-size:24px}.source-story{max-width:660px;margin:20px auto 0;padding:13px 15px;border:1px solid var(--line);background:rgba(255,255,255,.7);border-radius:15px}.source-story small{font-size:8px;letter-spacing:.12em;color:#8e8490}.source-story p{font-family:var(--serif);font-size:14px;margin:4px 0 0}.constellation-stage{position:relative;width:min(760px,100%);height:min(650px,64vh);margin:0 auto}.constellation-stage svg{position:absolute;inset:0;width:100%;height:100%}.connections path{stroke:#b6a5c0;stroke-width:1.5;fill:none;stroke-dasharray:4 9}.faint-connections path{stroke:#d4cbd8;stroke-width:1;fill:none;opacity:.55}.map-person{position:absolute;border:0;background:none;cursor:pointer;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:5px}.map-person span{width:54px;height:54px;border-radius:50%;background:#fff;display:grid;place-items:center;border:4px solid rgba(255,255,255,.7);box-shadow:0 8px 24px rgba(65,53,68,.15);font-family:var(--serif)}.map-person small{font-size:9px;background:rgba(255,255,255,.75);padding:3px 6px;border-radius:10px}.map-person.center{left:50%;top:50%}.map-person.center span{width:68px;height:68px;background:#3b3540;color:white}.map-person.n1{left:24%;top:23%}.map-person.n2{left:76%;top:21%}.map-person.n3{left:85%;top:58%}.map-person.n4{left:68%;top:83%}.map-person.n5{left:24%;top:79%}.map-person.n6{left:12%;top:51%}.map-caption{max-width:520px;margin:-6px auto 0;display:flex;gap:10px;padding:12px 15px;border-radius:15px;background:#ede8f1}.map-caption p{font-size:10px;line-height:1.45;margin:0}.toast{position:fixed;z-index:200;left:50%;bottom:98px;transform:translate(-50%,25px);opacity:0;pointer-events:none;background:#39333d;color:white;border-radius:16px;padding:11px 15px;display:flex;flex-direction:column;min-width:250px;box-shadow:var(--shadow);transition:.3s}.toast.show{opacity:1;transform:translate(-50%,0)}.toast b{font-size:11px}.toast span{font-size:9px;color:rgba(255,255,255,.65);margin-top:2px}
@media(max-width:720px){.app{padding-bottom:98px}.topbar{height:58px;padding:0 15px}.top-purpose{display:none}main{padding:0 12px}.profile-header{padding:18px 14px 27px}.round-photo{width:112px;height:112px}.profile-header h1{font-size:34px}.profile-line{font-size:13px;line-height:1.55}.unlock-explainer{margin-bottom:36px}.section-title h2{font-size:24px}.story-slider{grid-auto-columns:82%}.story-post{grid-template-columns:50px 1fr;gap:10px}.timeline-rail{text-align:left}.timeline-rail span{right:-7px}.timeline-rail:after{right:-4px}.post-card{padding:15px;border-radius:20px}.post-card>p{font-size:18px}.post-photo{height:125px}.bottom-nav{bottom:8px}.sheet-panel{padding-left:15px;padding-right:15px}.composer-head h2{font-size:22px}.detail-story blockquote{font-size:22px}.constellation-panel{padding:15px}.constellation-stage{height:62vh}.map-person span{width:48px;height:48px}.map-person.center span{width:62px;height:62px}.profile-stats{gap:8px}.section-title>button{font-size:10px}}
@media(min-width:900px){.profile-header{padding-top:46px}.round-photo{width:142px;height:142px}.story-slider{grid-auto-columns:28%}}


/* Restored My Book and Profile views */
.inner-view-head{display:grid;grid-template-columns:44px 1fr 44px;align-items:center;max-width:760px;margin:0 auto 18px;text-align:center}.inner-view-head p{font-size:9px;letter-spacing:.15em;color:#8a818b;margin:2px 0 5px}.inner-view-head h2{font-family:var(--serif);font-size:27px;font-weight:500;margin:0}.icon-button,.text-button{height:36px;border:1px solid var(--line);background:#fff;border-radius:18px;cursor:pointer}.icon-button{width:36px;font-family:var(--serif)}.text-button{padding:0 13px;color:var(--accent-dark);font-size:10px;font-weight:700}.book-panel,.profile-panel{background:radial-gradient(circle at 12% 7%,rgba(232,215,221,.75),transparent 28%),radial-gradient(circle at 92% 28%,rgba(216,229,220,.7),transparent 32%),#f8f3ee;padding:20px 20px 110px}.book-intro{max-width:610px;margin:0 auto 20px;display:flex;align-items:flex-start;gap:10px;padding:13px 15px;border-radius:16px;background:rgba(255,255,255,.68);border:1px solid var(--line)}.book-intro>span{color:var(--accent)}.book-intro p{margin:0;font-size:10px;line-height:1.55;color:#716975}.book-stage{position:relative;max-width:570px;min-height:530px;margin:0 auto;display:grid;place-items:center;perspective:1500px}.book-cover-shadow{position:absolute;width:80%;height:82%;border-radius:8px 20px 20px 8px;background:#5e5266;transform:translate(17px,12px) rotate(1.6deg);box-shadow:0 28px 55px rgba(58,48,61,.23)}.book-page{position:relative;width:min(440px,88vw);height:500px;transform-origin:left center;transition:transform .42s cubic-bezier(.2,.75,.2,1),opacity .25s}.book-page.turning-forward{transform:rotateY(-12deg) translateX(8px);opacity:.45}.book-page.turning-back{transform:rotateY(12deg) translateX(-8px);opacity:.45}.page-paper{height:100%;overflow:hidden;position:relative;border-radius:6px 18px 18px 6px;background:linear-gradient(90deg,rgba(102,87,107,.09),transparent 7%),#fffdf7;padding:34px 42px;box-shadow:0 24px 60px rgba(56,47,59,.2);border:1px solid rgba(86,73,89,.1)}.page-paper:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 27px,rgba(104,91,108,.035) 28px);pointer-events:none}.page-number{position:absolute;right:28px;top:22px;font-family:var(--serif);font-size:13px;color:#958a96}.page-kicker{font-size:8px;letter-spacing:.2em;color:#8c7c91;margin:0 0 9px}.page-paper h3{font-family:var(--serif);font-size:31px;line-height:1.08;font-weight:500;max-width:330px;margin:0 0 20px}.page-illustration{height:130px;border-radius:70px 18px 70px 18px;background:linear-gradient(135deg,var(--blush),var(--sage),var(--lilac));display:grid;place-items:center;margin:0 0 20px;position:relative;overflow:hidden}.page-illustration:before,.page-illustration:after{content:"";position:absolute;width:130px;height:130px;border:1px solid rgba(255,255,255,.75);border-radius:50%}.page-illustration:before{left:42px;top:-55px}.page-illustration:after{right:28px;bottom:-70px}.page-illustration span{font-family:var(--serif);font-size:20px;font-style:italic;text-align:center;z-index:1}.page-paper blockquote{font-family:var(--serif);font-size:18px;line-height:1.45;margin:0 0 13px}.page-copy{font-size:10px;line-height:1.55;color:#6f6871;margin:0 0 15px}.page-tags{display:flex;gap:6px}.page-tags span{font-size:8px;padding:5px 9px;border:1px solid var(--line);border-radius:20px;background:#f6f0ec}.book-controls{display:flex;align-items:center;justify-content:center;gap:22px;margin-top:7px}.book-controls>button{width:42px;height:42px;border-radius:50%;border:1px solid var(--line);background:#fff;cursor:pointer;font-size:17px}.book-controls>button:disabled{opacity:.35;cursor:default}.book-progress{display:flex;gap:7px}.book-progress i{width:6px;height:6px;border-radius:50%;background:#c9c0c9}.book-progress i.active{width:22px;border-radius:10px;background:var(--accent)}.secondary-action{display:block;margin:18px auto 0;border:1px solid var(--accent);background:rgba(255,255,255,.55);color:var(--accent-dark);border-radius:18px;padding:12px 18px;font-size:10px;font-weight:700;cursor:pointer}.profile-editor-card{max-width:600px;margin:8px auto 20px;text-align:center}.editable-avatar{display:block;width:126px;height:126px;border-radius:50%;margin:0 auto 14px;border:7px solid rgba(255,255,255,.82);padding:0;position:relative;overflow:hidden;box-shadow:0 15px 38px rgba(67,55,68,.16);cursor:pointer}.editable-avatar svg{width:100%;height:100%;display:block}.editable-avatar>span{position:absolute;inset:auto 0 0;background:rgba(50,44,53,.75);color:#fff;font-size:8px;padding:7px}.profile-editor-card h3{font-family:var(--serif);font-size:31px;font-weight:500;margin:0}.profile-editor-card>p{font-size:10px;color:var(--muted);margin:3px 0}.profile-form{max-width:680px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:11px}.profile-form label{display:flex;flex-direction:column;gap:6px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.78);padding:12px 14px}.profile-form label>span{font-size:8px;letter-spacing:.12em;text-transform:uppercase;color:#8b818b}.profile-form input,.profile-form textarea{border:0;background:transparent;outline:0;color:var(--ink);font-family:var(--serif);font-size:17px;resize:none}.profile-form textarea{min-height:88px;line-height:1.4}.profile-form .wide{grid-column:1/-1;position:relative}.profile-form label>small{align-self:flex-end;font-size:8px;color:#948b95}.profile-visibility-card,.connection-compass{max-width:680px;margin:12px auto 0;border:1px solid var(--line);background:rgba(255,255,255,.7);border-radius:18px;padding:15px}.profile-visibility-card{display:flex;align-items:center;justify-content:space-between;gap:12px}.profile-visibility-card>div{display:flex;gap:11px;align-items:center}.profile-visibility-card p{margin:0}.profile-visibility-card b{font-size:11px}.profile-visibility-card small{display:block;font-size:9px;color:var(--muted);margin-top:2px}.profile-visibility-card button{border:0;background:#eee8f2;border-radius:14px;padding:9px 11px;font-size:9px;color:var(--accent-dark);cursor:pointer}.connection-compass h3{font-family:var(--serif);font-weight:500;font-size:21px;margin:3px 0 12px}.compass-options{display:flex;flex-wrap:wrap;gap:8px}.compass-options button{border:1px solid var(--line);background:#fff;border-radius:20px;padding:9px 12px;font-size:9px;cursor:pointer}.compass-options button.active{background:#3a343e;color:#fff;border-color:#3a343e}.compass-note{font-size:9px;color:var(--muted);margin:11px 0 0}.bottom-nav>button.active{color:#fff}.round-photo:focus-visible,.bottom-nav button:focus-visible,.book-controls button:focus-visible{outline:3px solid rgba(118,101,143,.32);outline-offset:3px}
@media(max-width:620px){.inner-view-head h2{font-size:22px}.book-panel,.profile-panel{padding-left:13px;padding-right:13px}.book-stage{min-height:480px}.book-page{height:450px;width:min(365px,90vw)}.page-paper{padding:29px 29px}.page-paper h3{font-size:27px}.page-illustration{height:112px}.page-paper blockquote{font-size:16px}.profile-form{grid-template-columns:1fr}.profile-form .wide{grid-column:auto}.profile-visibility-card{align-items:flex-start;flex-direction:column}.profile-visibility-card button{margin-left:31px}}

/* Friendly, photo-first social profiles */
.round-photo img,.editable-avatar img{width:100%;height:100%;display:block;object-fit:cover;object-position:center}.round-photo:hover,.editable-avatar:hover{transform:translateY(-2px);box-shadow:0 18px 42px rgba(67,55,68,.2)}.round-photo,.editable-avatar{transition:transform .2s ease,box-shadow .2s ease}.avatar-photo{object-fit:cover!important;display:block}.related-card .avatar-photo{width:38px;height:38px;border-radius:50%;border:3px solid rgba(255,255,255,.85);box-shadow:0 5px 14px rgba(54,46,57,.12)}
.person-block{gap:12px}.person-identity{border:0;background:none;padding:0;display:flex;align-items:center;gap:12px;min-width:0;flex:1;text-align:left;cursor:pointer;border-radius:16px}.person-identity:hover{background:rgba(235,228,240,.55)}.person-identity:focus-visible{outline:3px solid rgba(118,101,143,.28);outline-offset:3px}.person-identity>div{min-width:0}.person-identity h2{margin:0}.person-identity p{margin:3px 0 0}.person-identity small{display:inline-block;margin-top:5px;color:var(--accent-dark);font-size:9px;font-weight:700}.large-avatar.photo-avatar{width:60px;height:60px;object-fit:cover;border-radius:50%;border:4px solid #fff;box-shadow:0 8px 20px rgba(59,48,61,.14);flex:0 0 auto}
.constellation-stage{min-height:510px}.map-person{min-width:92px;z-index:2}.map-person img{width:58px;height:58px;border-radius:50%;object-fit:cover;border:4px solid rgba(255,255,255,.94);box-shadow:0 10px 25px rgba(65,53,68,.18);transition:transform .2s ease,box-shadow .2s ease}.map-person:hover img{transform:scale(1.08);box-shadow:0 14px 32px rgba(65,53,68,.24)}.map-person small{display:flex;flex-direction:column;align-items:center;line-height:1.1;padding:5px 9px;background:rgba(255,255,255,.88);box-shadow:0 5px 14px rgba(62,50,64,.08);white-space:nowrap}.map-person small b{font-size:10px;font-weight:700;color:var(--ink)}.map-person small em{font-size:7px;font-style:normal;color:var(--muted);margin-top:3px}.map-person.center img{width:74px;height:74px;border-color:#403945}.map-person.center small{background:#403945}.map-person.center small b,.map-person.center small em{color:#fff}.map-person:focus-visible{outline:3px solid rgba(118,101,143,.35);outline-offset:5px;border-radius:20px}

.public-profile-panel{overflow-y:auto;background:linear-gradient(180deg,#f7f1ed 0,#faf7f3 48%,#f4f0ec 100%);padding:0 0 110px}.public-profile-topbar{position:sticky;top:0;z-index:20;height:64px;display:grid;grid-template-columns:42px 1fr 42px;align-items:center;padding:0 18px;background:rgba(248,244,240,.82);backdrop-filter:blur(18px);border-bottom:1px solid rgba(70,61,75,.08)}.public-profile-topbar p{text-align:center;font-size:9px;letter-spacing:.18em;color:#817782}.public-profile-topbar .icon-button{font-size:12px}.social-profile-hero{max-width:760px;margin:0 auto 18px;position:relative}.social-cover{height:210px;margin:0 16px;border-radius:0 0 34px 34px;background:radial-gradient(circle at 17% 35%,rgba(255,255,255,.65),transparent 20%),radial-gradient(circle at 79% 28%,rgba(255,255,255,.5),transparent 17%),linear-gradient(135deg,#e8d8df 0%,#d9e6de 48%,#ddd8ec 100%);position:relative;overflow:hidden}.social-cover:before,.social-cover:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.7);border-radius:50%}.social-cover:before{width:220px;height:220px;right:-45px;top:-95px}.social-cover:after{width:160px;height:160px;left:-40px;bottom:-90px}.cover-star{position:absolute;color:rgba(255,255,255,.9);font-size:24px}.cover-star.one{left:24%;top:28%}.cover-star.two{right:24%;bottom:25%;font-size:18px}.social-profile-main{text-align:center;margin-top:-77px;padding:0 22px;position:relative;z-index:2}.social-profile-main>img{width:142px;height:142px;border-radius:50%;object-fit:cover;border:7px solid #fbf7f3;box-shadow:0 18px 40px rgba(54,45,57,.19)}.social-presence{display:inline-flex;align-items:center;gap:6px;margin:11px 0 2px;padding:5px 9px;border-radius:20px;background:#edf3ee;color:#607668;font-size:8px;font-weight:700}.social-presence span{width:7px;height:7px;border-radius:50%;background:#7fa087}.social-profile-main h1{font-family:var(--serif);font-size:38px;font-weight:500;margin:5px 0 2px}.social-profile-main>p:not(.social-profile-bio):not(.mutual-rule){font-size:10px;color:var(--muted);margin:0}.social-profile-bio{max-width:540px;margin:13px auto 15px;font-family:var(--serif);font-size:16px;line-height:1.55;color:#4b464f}.social-profile-actions{display:flex;justify-content:center;gap:9px}.social-profile-actions button{height:43px;border-radius:22px;padding:0 20px;font-size:10px;font-weight:700;cursor:pointer}.primary-connect{border:0;background:#403945;color:#fff;min-width:126px}.primary-connect:disabled{background:#8d8490}.soft-action{border:1px solid var(--line);background:#fff;color:var(--accent-dark)}.mutual-rule{font-size:8px!important;color:#918792!important;margin:9px 0 0!important}.public-profile-content{max-width:720px;margin:0 auto;padding:0 18px}.friendly-match-card{display:flex;align-items:flex-start;gap:12px;padding:17px;border:1px solid rgba(93,78,101,.1);border-radius:22px;background:linear-gradient(135deg,rgba(238,228,242,.9),rgba(232,241,234,.85));box-shadow:0 12px 28px rgba(69,57,71,.07)}.friendly-match-card>span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--accent);flex:0 0 auto}.friendly-match-card small,.public-section-title p{font-size:8px;letter-spacing:.14em;color:#837785}.friendly-match-card h2{font-family:var(--serif);font-size:20px;font-weight:500;line-height:1.3;margin:4px 0}.friendly-match-card p{font-size:9px;line-height:1.5;color:var(--muted);margin:0}.profile-social-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:12px 0}.profile-social-stats div{padding:14px 8px;text-align:center;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.76)}.profile-social-stats b{display:block;font-family:var(--serif);font-size:22px;font-weight:500}.profile-social-stats span{display:block;font-size:8px;color:var(--muted);margin-top:3px}.public-profile-section{margin-top:22px}.public-section-title{display:flex;align-items:end;justify-content:space-between;margin-bottom:10px}.public-section-title p{margin:0 0 4px}.public-section-title h2{font-family:var(--serif);font-size:23px;font-weight:500;margin:0}.public-section-title>button{border:0;background:none;color:var(--accent-dark);font-size:9px;font-weight:700;cursor:pointer}.friendly-facts{display:flex;flex-wrap:wrap;gap:8px}.friendly-facts span{display:flex;align-items:center;gap:7px;padding:10px 12px;border:1px solid var(--line);background:#fff;border-radius:16px;font-size:9px}.friendly-facts i{font-style:normal;color:var(--accent)}.person-story-list{display:grid;gap:9px}.person-story-list button{border:1px solid var(--line);background:rgba(255,255,255,.86);border-radius:19px;padding:15px;text-align:left;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease}.person-story-list button:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(65,54,67,.09)}.person-story-list p{font-family:var(--serif);font-size:16px;line-height:1.42;margin:10px 0}.person-story-list small{display:flex;justify-content:space-between;color:#778078;font-size:8px}.interest-cloud{display:flex;flex-wrap:wrap;gap:8px}.interest-cloud span{padding:9px 13px;border-radius:18px;background:#ede8f1;color:#62566d;font-size:9px}.interest-cloud span:nth-child(2n){background:#e6eee8;color:#586c5d}.interest-cloud span:nth-child(3n){background:#f1e5e7;color:#755f65}

@media(max-width:720px){.constellation-stage{height:65vh;min-height:500px}.map-person{min-width:76px}.map-person img{width:49px;height:49px}.map-person.center img{width:63px;height:63px}.map-person small{padding:4px 7px}.map-person small b{font-size:9px}.map-person small em{font-size:6px}.social-cover{height:180px;margin:0 8px;border-radius:0 0 28px 28px}.social-profile-main{margin-top:-69px}.social-profile-main>img{width:128px;height:128px}.social-profile-main h1{font-size:34px}.social-profile-bio{font-size:15px}.public-profile-content{padding:0 12px}.person-block{align-items:center}.person-identity{gap:9px}.large-avatar.photo-avatar{width:54px;height:54px}.person-identity small{display:none}}
@media(max-width:430px){.map-person.n1{left:20%;top:22%}.map-person.n2{left:79%;top:20%}.map-person.n3{left:86%;top:58%}.map-person.n4{left:70%;top:83%}.map-person.n5{left:22%;top:80%}.map-person.n6{left:11%;top:52%}.map-person small em{display:none}.profile-social-stats span{font-size:7px}.social-profile-actions button{padding:0 15px}.friendly-match-card h2{font-size:18px}}

/* Community safety, comments, and personal profile */
.edit-story{border:0;background:transparent;color:#5f5076;font-size:10px;font-weight:700;cursor:pointer}.profile-quick-link{border:0;background:transparent;color:var(--accent-dark);font-size:10px;font-weight:700;text-decoration:underline;text-underline-offset:4px;cursor:pointer;margin-top:5px}
.comments-section{border-top:1px solid var(--line);margin-top:18px;padding-top:18px}.comments-heading{display:flex;align-items:end;justify-content:space-between;gap:16px}.comments-heading small{font-size:8px;letter-spacing:.14em;color:#8a818b}.comments-heading h3{font-family:var(--serif);font-size:22px;font-weight:500;margin:3px 0}.comments-heading>p{font-size:9px;line-height:1.45;color:var(--muted);max-width:250px;text-align:right;margin:0}.comment-composer{display:grid;grid-template-columns:42px 1fr;gap:10px;margin:14px 0;padding:12px;border:1px solid var(--line);background:#fff;border-radius:18px}.comment-composer[hidden]{display:none}.comment-composer>img{width:42px;height:42px;border-radius:50%;object-fit:cover}.comment-composer textarea{width:100%;min-height:82px;border:0;outline:0;resize:vertical;background:transparent;font-family:var(--serif);font-size:16px;line-height:1.45}.comment-tools{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid var(--line);padding-top:9px}.comment-tools label{font-size:9px;color:var(--muted);display:flex;align-items:center;gap:6px}.comment-tools button{border:0;background:#403945;color:#fff;border-radius:18px;padding:9px 13px;font-size:9px;font-weight:700;cursor:pointer}.comments-list{display:grid;gap:9px;margin-top:13px}.comment-card{display:grid;grid-template-columns:38px 1fr;gap:10px;padding:12px;border:1px solid var(--line);background:rgba(255,255,255,.78);border-radius:17px}.comment-card>img{width:38px;height:38px;border-radius:50%;object-fit:cover}.comment-card header{display:flex;justify-content:space-between;gap:10px}.comment-card header p{margin:0}.comment-card header b{display:block;font-size:10px}.comment-card header small{font-size:8px;color:var(--muted)}.comment-card>div>p{font-family:var(--serif);font-size:14px;line-height:1.45;margin:7px 0 0}.comment-more{border:0;background:none;cursor:pointer;color:var(--muted)}.empty-comments{display:flex;align-items:center;gap:10px;padding:14px;border-radius:16px;background:#f1ecef;color:var(--muted)}.empty-comments p{font-size:10px;line-height:1.45;margin:0}.empty-comments span{font-size:20px;color:var(--accent)}
.action-sheet{z-index:220}.action-menu-panel{max-width:520px;padding:10px 14px 22px}.action-row{width:100%;border:0;background:#fff;display:grid;grid-template-columns:38px 1fr;gap:10px;text-align:left;padding:13px;border-radius:15px;margin:7px 0;cursor:pointer}.action-row>span{width:36px;height:36px;border-radius:12px;background:#eee8f2;display:grid;place-items:center}.action-row b{display:block;font-size:11px}.action-row small{display:block;color:var(--muted);font-size:9px;margin-top:3px}.action-row.danger{color:#8f4f58}.action-row.danger>span{background:#f3e2e4}.action-cancel{width:100%;border:1px solid var(--line);background:transparent;border-radius:15px;padding:12px;margin-top:8px;cursor:pointer;font-weight:700;font-size:10px}
.my-profile-panel{overflow-y:auto;background:linear-gradient(180deg,#f7f1ed 0,#faf7f3 48%,#f4f0ec 100%);padding:0 0 110px}.my-social-profile{margin-bottom:8px}.private-presence{background:#eee8f2;color:#665b70}.private-presence span{background:#877792}.profile-main-edit{margin-top:3px}.my-profile-content{padding-bottom:80px}.profile-edit-drawer{margin-top:28px;padding:18px;border:1px solid var(--line);border-radius:24px;background:rgba(255,255,255,.78)}.profile-edit-drawer[hidden]{display:none}.drawer-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.drawer-title p{font-size:8px;letter-spacing:.14em;color:var(--muted);margin:0 0 4px}.drawer-title h2{font-family:var(--serif);font-size:24px;font-weight:500;margin:0}.drawer-title button{width:36px;height:36px;border-radius:50%;border:1px solid var(--line);background:#fff;cursor:pointer}.save-profile-bottom{margin-top:18px}.empty-profile-stories{padding:18px;border:1px dashed var(--line);border-radius:18px;text-align:center;font-size:10px;color:var(--muted)}
#constellationPeople{position:absolute;inset:0}.map-person[hidden],.related-card[hidden]{display:none!important}.map-caption{position:relative;z-index:3}
@media(max-width:620px){.comments-heading{align-items:flex-start;flex-direction:column;gap:4px}.comments-heading>p{text-align:left;max-width:none}.comment-tools{align-items:flex-start;flex-direction:column}.comment-tools button{align-self:flex-end}.profile-edit-drawer{padding:13px}.social-profile-main h1{font-size:32px}}

.auth-gate{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;padding:22px;background:rgba(247,242,237,.94);backdrop-filter:blur(18px);transition:.25s}.auth-gate.hidden{opacity:0;visibility:hidden;pointer-events:none}.auth-card{width:min(430px,100%);max-height:92vh;overflow:auto;padding:34px;border:1px solid rgba(112,91,123,.15);border-radius:34px;background:rgba(255,255,255,.92);box-shadow:0 28px 80px rgba(81,63,87,.14);text-align:center}.auth-mark{width:58px;height:58px;margin:0 auto 18px;border-radius:50%;display:grid;place-items:center;background:#cfc3df;color:#fff;font:italic 34px Georgia,serif}.auth-card h1{font:400 38px/1.05 Georgia,serif;color:#403846;margin:8px 0 14px}.auth-card h1 em{color:#8a7894;font-weight:400}.auth-copy{color:#756d78;line-height:1.6;margin:0 auto 24px;max-width:340px}.auth-tabs{display:flex;padding:4px;background:#f4eff4;border-radius:16px;margin:0 0 18px}.auth-tabs button{flex:1;border:0;padding:11px;border-radius:12px;background:transparent;color:#746a78}.auth-tabs button.active{background:#fff;color:#4e4354;box-shadow:0 5px 18px rgba(80,62,90,.08)}#authForm{display:grid;gap:12px;text-align:left}#authForm label{display:grid;gap:6px;color:#706875;font-size:13px}#authForm input{width:100%;box-sizing:border-box;border:1px solid #e2dbe4;border-radius:14px;padding:13px 14px;background:#fff;font:inherit;color:#4a424d}#signupFields{display:grid;gap:12px}.auth-message{min-height:20px;text-align:center;color:#9a6671;font-size:13px}.auth-demo{border:0;background:transparent;color:#887990;text-decoration:underline;margin-top:15px}.account-button{border:1px solid rgba(100,80,110,.15);background:rgba(255,255,255,.72);border-radius:999px;padding:8px 12px;color:#6f6275;font-size:12px}.setup-notice{position:fixed;z-index:10000;left:16px;right:16px;bottom:90px;max-width:680px;margin:auto;padding:15px 44px 15px 16px;border-radius:18px;background:#fff1d6;color:#695436;box-shadow:0 15px 45px rgba(80,60,40,.18);display:grid;gap:4px}.setup-notice span{font-size:13px}.setup-notice button{position:absolute;right:12px;top:10px;border:0;background:none;font-size:22px}.db-empty{padding:45px 20px;text-align:center;color:#5f5963}.db-empty span{font-size:30px}.db-empty h3{font:400 25px Georgia,serif;margin:8px}.db-empty p{margin:0}.public-story-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.public-story-card{border:1px solid rgba(50,43,54,.18);border-radius:20px;background:#fffdfa;padding:20px;text-align:left;cursor:pointer;box-shadow:0 8px 24px rgba(45,38,48,.07)}.public-story-card:hover{border-color:#76658f;transform:translateY(-2px)}.public-story-card blockquote{margin:14px 0;font:400 18px/1.5 Georgia,serif;color:#211f24}.public-story-card small{color:#5f5963}.post-card,.auth-card,.profile-edit-drawer{background:#fffdfa}.post-card>p,.auth-card h1,.section-title h2{color:#211f24}.profile-line,.auth-copy{color:#5f5963}input,textarea{color:#211f24!important}.bottom-nav{justify-content:space-around}@media(max-width:620px){.public-story-list{grid-template-columns:1fr}}