@import "https://fonts.googleapis.com/css2?family=EB+Garamond:wght@400;500&display=swap";
:root{--bg:#fff;--text:#000;--text-dim:#00000080;--text-faint:#00000040;--text-ghost:#0000001a;--accent:#000;--accent-dim:#00000040;--font:"EB Garamond", Georgia, serif}[data-theme=dark]{--bg:#000;--text:#fff;--text-dim:#ffffff80;--text-faint:#ffffff40;--text-ghost:#ffffff1a;--accent:#fff;--accent-dim:#ffffff40}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);height:100%;color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased}::selection{background:var(--accent-dim)}.fade-in{opacity:0;transition:opacity .4s,transform .4s;transform:translateY(8px)}.fade-in.visible{opacity:1;transform:translateY(0)}.shell{flex-direction:column;max-width:900px;height:100vh;margin:0 auto;display:flex}.rail{flex-shrink:0;justify-content:center;padding:20px 0;display:flex}.rail-tabs{flex-direction:row;gap:5px;display:flex}.rail-tab{cursor:pointer;color:var(--text);background:0 0;border:none;padding:8px;display:flex}.rail-tab-icon{opacity:.15;width:50px;height:50px;margin-left:0;transition:opacity .4s}.rail-tab:hover .rail-tab-icon{opacity:.5}.rail-tab.active .rail-tab-icon{opacity:1}.rail-tab:last-child{margin-left:-12px}.rail-tab:nth-child(2){margin-left:-2px}.v-left{clip-path:inset(0 0 100%)}.v-right{clip-path:inset(100% 0 0)}.animate .v-left{animation:.4s ease-out forwards reveal-down}.animate .v-right{animation:.4s ease-out .3s forwards reveal-up}.o-left{clip-path:inset(0 0 100%)}.o-bottom{clip-path:inset(0 100% 0 0)}.o-right{clip-path:inset(100% 0 0)}.o-top{clip-path:inset(0 0 0 100%)}.animate .o-left{animation:.175s ease-out forwards reveal-down}.animate .o-bottom{animation:.175s ease-out .175s forwards reveal-ltr}.animate .o-right{animation:.175s ease-out .35s forwards reveal-up}.animate .o-top{animation:.175s ease-out .525s forwards reveal-rtl}.x-front,.x-back{clip-path:inset(0 0 100%)}.animate .x-front{animation:.35s ease-out forwards reveal-down}.animate .x-back{animation:.35s ease-out .35s forwards reveal-down}.i-body{clip-path:inset(0 0 100%)}.i-dot{clip-path:inset(0 100% 0 0)}.animate .i-body{animation:.35s ease-out forwards reveal-down}.animate .i-dot{animation:.35s ease-out .35s forwards reveal-ltr}.rail-tab:not(.animate) .v-left,.rail-tab:not(.animate) .v-right,.rail-tab:not(.animate) .o-left,.rail-tab:not(.animate) .o-bottom,.rail-tab:not(.animate) .o-right,.rail-tab:not(.animate) .o-top,.rail-tab:not(.animate) .x-front,.rail-tab:not(.animate) .x-back,.rail-tab:not(.animate) .i-body,.rail-tab:not(.animate) .i-dot{clip-path:none}@keyframes reveal-down{0%{clip-path:inset(0 0 100%)}to{clip-path:inset(0 0 0%)}}@keyframes reveal-up{0%{clip-path:inset(100% 0 0)}to{clip-path:inset(0% 0 0)}}@keyframes reveal-ltr{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0% 0 0)}}@keyframes reveal-rtl{0%{clip-path:inset(0 0 0 100%)}to{clip-path:inset(0 0 0 0%)}}.icon-stack{display:flex;position:relative}.icon-stack .rail-tab-icon:first-child{clip-path:none;opacity:.15}.icon-stack .rail-tab-icon:first-child .v-left,.icon-stack .rail-tab-icon:first-child .v-right,.icon-stack .rail-tab-icon:first-child .o-left,.icon-stack .rail-tab-icon:first-child .o-bottom,.icon-stack .rail-tab-icon:first-child .o-right,.icon-stack .rail-tab-icon:first-child .o-top,.icon-stack .rail-tab-icon:first-child .x-front,.icon-stack .rail-tab-icon:first-child .x-back,.icon-stack .rail-tab-icon:first-child .i-body,.icon-stack .rail-tab-icon:first-child .i-dot{clip-path:none!important;animation:none!important}.icon-stack .rail-tab-icon:last-child{position:absolute;top:0;left:0}.stage{scrollbar-width:none;flex:1;overflow:hidden auto}.stage::-webkit-scrollbar{display:none}.page-content{padding:10px 32px 100px 0}.box-1,.box-2,.box-3{border:1.5px solid var(--text-faint);padding:2px}.box-4{border:1.5px solid var(--text-faint);min-height:500px;padding:32px}.back{color:var(--text-faint);font-family:var(--font);cursor:pointer;background:0 0;border:none;margin-bottom:40px;padding:0;font-size:18px;transition:color .2s;display:block}.back:hover{color:var(--accent)}.conv-list{flex-direction:column;display:flex}.conv-card{border-bottom:1px solid var(--text-ghost);cursor:pointer;padding:28px 0;transition:border-color .2s}.conv-card:first-child{padding-top:0}.conv-card:hover{border-bottom-color:var(--accent-dim)}.conv-card-names{color:var(--text-dim);letter-spacing:.8px;text-transform:uppercase;margin-bottom:10px;font-size:13px;font-weight:500}.conv-card-snippet{color:var(--text);-webkit-line-clamp:2;letter-spacing:-.1px;-webkit-box-orient:vertical;font-size:19px;line-height:1.45;display:-webkit-box;overflow:hidden}.conv-card-date{color:var(--text-faint);align-items:center;gap:8px;margin-top:12px;font-size:13px;display:flex}.conv-active-mark{background:var(--accent);border-radius:50%;width:5px;height:5px}.conv-reading-header{margin-bottom:56px}.conv-reading-speakers{align-items:baseline;gap:14px;margin-bottom:8px;display:flex}.speaker{color:var(--text);cursor:pointer;letter-spacing:-.3px;font-size:26px;transition:color .2s}.speaker:hover{color:var(--accent)}.speaker-divider{color:var(--text-faint);font-size:20px}.conv-reading-date{color:var(--text-faint);font-size:14px}.conv-reading-body{flex-direction:column;display:flex}.utterance{border-bottom:1px solid var(--text-ghost);padding:32px 0}.utterance:last-child{border-bottom:none}.utterance-left{padding-right:80px}.utterance-right{padding-left:80px}.utterance-speaker{color:var(--text-faint);letter-spacing:.5px;text-transform:uppercase;margin-bottom:10px;font-size:13px;font-weight:500}.utterance-right .utterance-speaker{color:var(--accent-dim)}.utterance-text{color:var(--text);letter-spacing:.05px;font-size:20px;line-height:1.7}.conv-compose{border-top:1px solid var(--text-ghost);margin-top:48px;padding-top:32px}.conv-textarea{border:1px solid var(--text-ghost);width:100%;color:var(--text);font-family:var(--font);resize:vertical;background:0 0;border-radius:2px;outline:none;padding:16px 20px;font-size:18px;line-height:1.65;transition:border-color .2s}.conv-textarea::placeholder{color:var(--text-faint);font-style:italic}.conv-textarea:focus{border-color:var(--accent-dim)}.search{border:none;border-bottom:1px solid var(--text-ghost);width:100%;color:var(--text);font-family:var(--font);background:0 0;outline:none;margin-bottom:32px;padding:12px 0;font-size:17px;transition:border-color .2s}.search::placeholder{color:var(--text-faint)}.search:focus{border-color:var(--accent-dim)}.people-list{flex-direction:column;display:flex}.people-row{border-bottom:1px solid var(--text-ghost);cursor:pointer;padding:22px 0;transition:border-color .2s}.people-row:hover{border-bottom-color:var(--accent-dim)}.people-row-name{color:var(--text);letter-spacing:-.1px;margin-bottom:2px;font-size:19px}.people-row-detail{color:var(--text-faint);margin-bottom:6px;font-size:13px}.people-row-bio{color:var(--text-dim);font-size:15px;line-height:1.45}.profile-header{margin-bottom:48px}.profile-name{letter-spacing:-.5px;margin-bottom:4px;font-size:32px;font-weight:400}.profile-country{color:var(--text-faint);margin-bottom:16px;font-size:14px}.profile-bio{color:var(--text-dim);font-size:18px;line-height:1.6}.profile-convs{margin-bottom:40px}.profile-section-label{color:var(--text-faint);letter-spacing:.5px;text-transform:uppercase;margin-bottom:20px;font-size:13px;font-weight:500}.invitation{border-bottom:1px solid var(--text-ghost);padding:24px 0}.invitation-from{color:var(--text);margin-bottom:6px;font-size:18px}.invitation-topic{color:var(--text-dim);margin-bottom:8px;font-size:16px;line-height:1.55}.invitation-date{color:var(--text-faint);margin-bottom:16px;font-size:13px}.invitation-actions{gap:12px;display:flex}.btn-accept,.btn-decline{border:1px solid var(--text-ghost);font-family:var(--font);cursor:pointer;background:0 0;border-radius:2px;padding:7px 20px;font-size:14px;transition:all .2s}.btn-accept{color:var(--accent);border-color:var(--accent-dim)}.btn-accept:hover{background:var(--accent-dim);color:var(--text)}.btn-decline{color:var(--text-faint)}.btn-decline:hover{color:var(--text-dim);border-color:var(--text-dim)}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--text-ghost);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:var(--text-faint)}@media (max-width:768px){.shell{flex-direction:column}.rail{flex-direction:row;justify-content:center;align-items:center;width:100%;height:auto;padding:16px 0}.rail-tabs{flex-direction:row}.rail-tab-icon{width:36px;height:36px}.rail-tab:last-child{margin-top:0;margin-left:-14px}.page-content{padding:20px 20px 80px}.utterance-left{padding-right:24px}.utterance-right{padding-left:24px}}