:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif;color:#17201e;background:#f6f7f4;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#root{margin:0;width:100%;height:100%;min-height:100%;overflow:hidden}button,input{font:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #438a6d;outline-offset:3px}.app-root{width:100%;max-width:480px;height:100dvh;margin:0 auto;background:linear-gradient(180deg,#fffdf9,#f8faf7 72%,#f5f7f2);display:flex;flex-direction:column;position:relative;overflow:hidden}.app-header{height:calc(74px + env(safe-area-inset-top));flex-shrink:0;display:flex;justify-content:space-between;align-items:center;padding:env(safe-area-inset-top) 19px 0 21px;position:relative;z-index:4;background:#fffdf9}.brand-name{font-weight:820;letter-spacing:-1.65px;color:#185b48;font-size:34px;line-height:1}.header-actions{display:flex;align-items:center;gap:20px}.header-icon,.header-back,.header-profile,.icon-button{border:0;background:transparent;color:#16211d;display:grid;place-items:center;padding:0}.header-icon{width:38px;height:43px}.header-back{width:39px;height:42px}.header-section-name{position:absolute;left:50%;transform:translate(-50%);font-size:19px;letter-spacing:-.3px}.header-profile{height:41px;width:41px;border-radius:50%;background:#e4e6e4;overflow:hidden}.header-profile__initials{font-size:14px;font-weight:750;color:#656e68}.app-main{flex:1;min-height:0;position:relative;overflow:hidden}.feed-view,.deck-shell{height:100%;width:100%}.deck-stage{position:relative;isolation:isolate;overflow:hidden;height:100%;padding:0 8px;touch-action:none;user-select:none;-webkit-user-select:none}.stack-card{position:absolute;left:8px;right:8px;top:2px;height:calc(100% - 122px);transform-origin:50% 17%;will-change:transform;pointer-events:auto}.stack-card--previous{z-index:1;pointer-events:none}.stack-card--queued{z-index:2;pointer-events:none}.stack-card--current{z-index:3}.stack-card--next{z-index:4;pointer-events:none}.stack-card__shade{position:absolute;inset:0;z-index:6;border-radius:23px;background:#0c17111c;pointer-events:none;will-change:opacity}.deck-stage.is-settling .stack-card,.deck-stage:not(.is-dragging):not(.is-settling) .stack-card{transition:transform 285ms cubic-bezier(.22,.84,.18,1)}.deck-stage.is-settling .stack-card__shade,.deck-stage:not(.is-dragging):not(.is-settling) .stack-card__shade{transition:opacity 285ms linear}.deck-stage.is-dragging .stack-card,.deck-stage.is-dragging .stack-card__shade{transition:none}.post-card{height:100%;width:100%;display:flex;flex-direction:column;min-height:0;background:#fff;border:1px solid #eaedea;border-radius:23px;overflow:hidden;padding:9px 9px 8px;box-shadow:0 9px 23px #15362917}.web-preview{width:100%;height:clamp(195px,37dvh,345px);min-height:170px;flex:0 1 auto;position:relative;overflow:hidden;border-radius:14px;border:1px solid #dfe2e0;background:#e5e7e6}.web-preview--placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;padding:24px;color:#7c8580}.web-preview__placeholder-site{font-size:18px;font-weight:750;letter-spacing:-.25px;color:#5d6761}.web-preview__placeholder-label{font-size:12px;font-weight:550;color:#87908a}.post-card__source{display:flex;gap:7px;align-items:center;color:#5b8273;font-size:12px;line-height:1.1;padding:11px 7px 6px;flex-shrink:0;white-space:nowrap}.post-card__identity{display:flex;gap:9px;padding:4px 7px 6px;min-height:0;flex:1;overflow:hidden;align-items:flex-start}.avatar{flex:0 0 37px;width:37px;height:37px;border-radius:50%;display:grid;place-items:center;font-size:12px;color:#59645d;font-weight:800;background:#e4e6e4;overflow:hidden}.avatar--mint,.avatar--lavender,.avatar--blue{background:#e4e6e4}.post-card__writing{flex:1;min-width:0;overflow:hidden}.post-card__byline{display:flex;align-items:baseline;gap:9px;min-height:21px;white-space:nowrap}.author-link{border:0;background:none;padding:0;font-size:13px;font-weight:750;color:#1b2924}.post-card__byline span{font-size:12px;color:#9aa39f}.annotation-clamp{font-size:14px;line-height:1.45;color:#29312d;margin:0;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;user-select:text;-webkit-user-select:text}.show-more{display:block;border:0;background:transparent;color:#2b8060;font-weight:730;font-size:12px;margin-top:3px;padding:0}.post-more{flex:0 0 25px;width:25px;height:26px;color:#686e69}.post-card__footer{flex-shrink:0;margin-top:auto;padding:5px 4px 0;display:flex;flex-direction:column;gap:7px}.source-button,.comments-button{display:flex;justify-content:center;align-items:center;gap:9px;border:0;border-radius:10px;width:100%;text-decoration:none;font-weight:750;font-size:14px;min-height:46px;padding:10px 11px}.source-button{background:#319769;color:#fff;box-shadow:0 2px 3px #237c4f1a}.source-button:active{background:#267d59}.comments-button{background:#f2f3f4;color:#1d2530;border:1px solid #e6e9eb}.post-card__social{display:flex;align-items:center;justify-content:space-around;gap:5px;height:44px}.social-action{border:0;background:transparent;display:flex;align-items:center;justify-content:center;gap:8px;color:#151d2b;font-size:12px;padding:5px 9px;min-width:75px}.social-action.is-active{color:#258960}.social-reaction{position:relative}.reaction-picker{position:absolute;bottom:42px;left:-12px;background:#fff;border:1px solid #d9e5dd;border-radius:19px;box-shadow:0 8px 28px #10271a33;display:flex;gap:2px;padding:8px;z-index:6;min-width:280px}.reaction-picker button{background:transparent;border:0;min-width:50px;display:flex;flex-direction:column;align-items:center;gap:2px;padding:5px 1px;border-radius:10px}.reaction-picker button.selected,.reaction-picker button:focus-visible{background:#ebf4ec}.reaction-picker span{font-size:21px}.reaction-picker small{font-size:8px;color:#536a59}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.deck-a11y-controls:focus-within{position:absolute;z-index:9;top:0;left:0;width:auto;height:auto;clip:auto;overflow:visible;padding:10px;background:#fff}.empty-feed{text-align:center;padding:40px;color:#5e7468}.empty-feed h2{color:#20352a}.sheet-shade{position:fixed;inset:0;z-index:20;background:#121b1694;display:flex;align-items:flex-end;justify-content:center}.comments-panel{background:#fffefa;border-radius:27px 27px 0 0;width:100%;max-width:480px;height:calc(100dvh - 16px - env(safe-area-inset-top));display:flex;flex-direction:column;overflow:hidden;box-shadow:0 -9px 36px #0c160d30;padding-bottom:env(safe-area-inset-bottom)}.comments-header{min-height:64px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0;padding:9px 19px;border-bottom:1px solid #f1f2ee;position:relative}.comments-header h2{margin:0;font-weight:750;font-size:17px;position:absolute;left:50%;transform:translate(-50%);color:#151c18}.comments-header .icon-button,.comments-more{width:29px;height:32px;display:grid;place-items:center}.comments-more{color:#17231e}.comments-scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;padding:13px 19px 22px;user-select:text;-webkit-user-select:text}.comments-scroll::-webkit-scrollbar{display:none}.thread-source-card{display:flex;align-items:center;gap:12px;background:#fff;border-radius:15px;padding:9px;box-shadow:0 3px 18px #293f3012;border:1px solid #f0f2ee}.thread-source-thumb{width:84px;height:84px;background:#e5e7e6;border:1px solid #dfe2e0;border-radius:9px;flex-shrink:0}.thread-source-copy{min-width:0;flex:1;display:flex;flex-direction:column;gap:5px}.thread-source-copy>span{color:#757d75;font-size:12px}.thread-source-copy strong{font-size:13px;line-height:1.25;color:#1b201e;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.thread-source-copy small{font-size:12px;color:#7a8079}.thread-source-card>svg{align-self:flex-end;flex-shrink:0;margin:0 2px 4px 0}.thread-opener{display:flex;align-items:flex-start;gap:11px;margin:17px 1px 15px;padding-bottom:15px;border-bottom:1px solid #efefea}.thread-avatar{width:39px;height:39px;border-radius:50%;background:#e4e6e4;display:grid;place-items:center;font-size:12px;font-weight:750;flex-shrink:0;overflow:hidden;color:#59645d}.thread-opener__body{min-width:0;flex:1}.thread-opener__body>strong,.thread-comment__name strong{font-size:13px;color:#171d1a;font-weight:740}.thread-opener__body>small{display:block;font-size:11px;color:#949b95;margin-top:3px}.thread-opener__body p{font-size:14px;line-height:1.46;margin:8px 0 10px;color:#222925}.thread-opener__actions{display:flex;align-items:center;gap:13px;font-size:11px;color:#69756e}.thread-opener__actions svg{flex-shrink:0}.thread-opener__actions svg:nth-of-type(2){margin-left:7px}.thread-opener__actions svg:last-child{margin-left:auto}.thread-count{display:flex;justify-content:space-between;align-items:center;padding:10px 1px 14px}.thread-count strong{font-size:13px}.thread-count button{background:transparent;border:0;display:flex;align-items:center;gap:5px;color:#7c8580;font-size:12px}.thread-comment{display:flex;align-items:flex-start;gap:11px;margin:0 1px 21px}.thread-comment__body{flex:1;min-width:0}.thread-comment__name{display:flex;align-items:baseline;gap:9px}.thread-comment__name small{font-size:11px;color:#969d98}.thread-comment__body p{font-size:13.5px;line-height:1.47;color:#2a312e;margin:6px 0 7px}.thread-comment__actions{display:flex;align-items:center;gap:7px;color:#7f8881;font-size:11px}.thread-comment__actions>button{color:#737c77;background:transparent;border:0;padding:3px 5px;font-size:12px;margin-left:15px}.thread-comment__actions>button:last-child{margin-left:auto}.empty-comments{font-size:13px;color:#777}.comment-compose{flex-shrink:0;min-height:70px;display:flex;align-items:center;gap:10px;border-top:1px solid #eef0ed;padding:8px 17px;background:#fffefa}.comment-compose>.thread-avatar{width:35px;height:35px}.comment-compose input{height:43px;border:0;border-radius:25px;background:#f3f4f0;padding:0 15px;min-width:0;flex:1;font-size:13px;outline:none}.comment-compose button{border:0;border-radius:50%;height:37px;width:37px;background:#8da799;color:#fff;display:grid;place-items:center;flex-shrink:0}.comment-compose button:disabled{background:#cacdc8}.utility-sheet{width:100%;max-width:480px;background:#fff;border-radius:24px 24px 0 0;padding-bottom:max(14px,env(safe-area-inset-bottom));max-height:90dvh;overflow-y:auto;box-shadow:0 -9px 36px #102d1e40}.utility-sheet__head{display:flex;align-items:center;justify-content:space-between;padding:21px 21px 10px;border-bottom:1px solid #ecefea}.utility-sheet__head h2{font-size:18px;margin:0;color:#172a20}.utility-sheet__head small{font-size:11px;color:#888}.utility-sheet__body{padding:20px 21px 25px}.utility-sheet__body h3{font-size:22px;letter-spacing:-.5px;margin:13px 0}.utility-sheet__body p{font-size:13px;line-height:1.55;color:#607369}.utility-sheet__icon{width:53px;height:53px;border-radius:15px;background:#e9f2e9;display:grid;place-items:center;color:#3c7455}.demo-disclosure{display:block;background:#f1f3f0;border-radius:11px;color:#617066!important;padding:12px;margin:17px 0!important;font-size:12px!important;line-height:1.5}.utility-sheet__actions{padding:9px 20px 14px}.utility-sheet__actions button{width:100%;display:flex;gap:13px;align-items:center;border:0;border-bottom:1px solid #edf0ec;background:transparent;padding:15px 4px;color:#263b2c;text-align:left;font-weight:650;font-size:13px}.utility-sheet__actions small{margin-left:auto;color:#929d93;font-size:10px}.search-input{display:flex;align-items:center;gap:10px;background:#f1f4f0;border-radius:12px;padding:10px 12px}.search-input input{outline:none;border:0;background:transparent;flex:1;font-size:13px;min-width:0}.search-results{display:flex;flex-direction:column;max-height:50dvh;overflow:auto}.search-results button{border:0;border-bottom:1px solid #edf0ec;background:transparent;text-align:left;display:flex;flex-direction:column;gap:5px;padding:13px 2px}.search-results span{color:#69786e;font-size:12px;line-height:1.4}.toast{position:fixed;z-index:30;bottom:calc(20px + env(safe-area-inset-bottom));left:50%;transform:translate(-50%);width:min(420px,calc(100% - 32px));display:flex;gap:10px;background:#20553b;color:#fff;border-radius:13px;padding:14px;font-size:12px;box-shadow:0 10px 28px #19342044}.toast span{flex:1}.toast button{background:transparent;border:0;color:#fff}.placeholder-screen{height:100%;overflow:auto;padding:26px 23px}.placeholder-screen h1{font-size:32px;letter-spacing:-1px}.placeholder-screen p{font-size:15px;line-height:1.55;color:#65766a}.profile-large{width:85px;height:85px;border-radius:50%;object-fit:cover}.profile-large--placeholder{display:grid;place-items:center;background:#e4e6e4;color:#59645d;font-weight:800;font-size:25px}.profile-stats{display:flex;justify-content:space-around;border-block:1px solid #dde9e0;padding:24px 0;margin:23px 0}.profile-stats span{display:flex;flex-direction:column;gap:6px;font-size:12px;color:#627569}.profile-stats strong{font-size:23px;color:#244e39}.placeholder-cta{background:#2f9a6b;color:#fff;padding:13px 19px;border:0;border-radius:12px;font-weight:750}.settings-preview{display:flex;justify-content:space-between;background:#fff;border:1px solid #e1e7df;border-radius:12px;padding:17px;margin-top:12px;font-size:13px}.settings-preview small{color:#96a096}@media(max-height:760px){.app-header{height:calc(62px + env(safe-area-inset-top))}.brand-name{font-size:31px}.web-preview{height:clamp(163px,34dvh,280px);min-height:153px}.post-card__source{padding:7px 6px 3px;font-size:11px}.post-card__identity{padding-top:2px}.annotation-clamp{font-size:12.5px;line-height:1.38}.post-card__byline{min-height:18px}.source-button,.comments-button{min-height:38px;font-size:12px;padding:7px}.post-card__social{height:37px}.social-action svg{width:19px;height:19px}.post-card__footer{gap:5px}}@media(min-width:700px){body{background:#e0e8e2}.app-root{box-shadow:0 0 40px #28442a2b}}@media(prefers-reduced-motion:reduce){.stack-card{transition:none!important}}.post-card__author-avatar{border:0;padding:0;cursor:pointer}.post-card__author-avatar:focus-visible{outline:2px solid #438a6d;outline-offset:2px}.profile-view{height:100%;overflow:hidden}.profile-screen{height:100%;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:25px 21px 42px;background:#fffdf9}.profile-screen::-webkit-scrollbar{display:none}.header-profile--static{display:grid;place-items:center;flex-shrink:0}.profile-intro{display:flex;align-items:center;gap:16px;min-height:104px}.profile-intro .profile-large{flex-shrink:0;width:76px;height:76px;font-size:21px}.profile-intro__copy{min-width:0;flex:1}.profile-intro__copy h1{font-size:23px;letter-spacing:-.7px;line-height:1.12;margin:0 0 4px;color:#1a2721}.profile-handle{font-size:12px;color:#87928a;margin:0 0 7px}.profile-bio{font-size:13px;color:#455c4d;line-height:1.35;margin:0}.profile-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;border:0;padding:18px 0 17px;margin:7px 0 0}.profile-stats>div{display:flex;flex-direction:column;gap:3px;align-items:center;text-align:center}.profile-stats strong{color:#182f24;font-size:21px;font-weight:790}.profile-stats span{color:#8b9a90;font-size:11px}.profile-follow,.profile-owner-actions button{min-height:43px;border:1px solid #2f9768;border-radius:11px;background:#2f9768;color:#fff;font-size:13px;font-weight:760}.profile-follow{width:100%}.profile-follow.is-following{background:#eff5f0;border-color:#d0e1d4;color:#266d4b}.profile-owner-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.profile-owner-actions button{background:#f0f3ef;color:#285239;border-color:#dce5df;display:flex;align-items:center;justify-content:center;gap:7px}.profile-owner-actions button:first-child{background:#2f9768;color:#fff;border-color:#2f9768}.profile-content-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid #edf0ec;margin-top:25px;padding-top:19px;margin-bottom:4px}.profile-content-heading h2{font-size:16px;letter-spacing:-.3px;margin:0;color:#1b2921}.profile-content-heading>span{font-size:12px;color:#8b9990;font-weight:700}.profile-tabs{display:flex;align-items:center;gap:17px}.profile-tabs button{font-size:15px;color:#89998d;font-weight:740;background:transparent;border:0;padding:0 0 5px}.profile-tabs button.is-active{color:#1d3b2d;border-bottom:2px solid #2f9768}.profile-posts{display:flex;flex-direction:column}.profile-post-row{width:100%;display:flex;align-items:center;gap:12px;text-align:left;background:transparent;border:0;border-bottom:1px solid #ebefec;padding:13px 1px;color:#1b2921}.profile-post-row:active{background:#f3f5f2}.profile-post-thumb{width:90px;height:82px;flex:0 0 90px;background:#e5e7e6;border:1px solid #dfe3df;border-radius:10px;display:grid;place-items:center}.profile-post-thumb__text{font-size:13px;letter-spacing:1px;color:#9ca59e;font-weight:750}.profile-post-copy{min-width:0;flex:1}.profile-post-meta{font-size:11px;line-height:1.45;color:#78887e;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-post-copy p{display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin:5px 0 0;color:#26382c;font-size:12.5px;line-height:1.45}.profile-row-chevron{transform:rotate(-90deg);color:#9dab9f;flex-shrink:0}.profile-empty{padding:26px 4px;color:#73877a;font-size:13px;line-height:1.5}.profile-demo-footer{text-align:center;color:#abb5ac;font-size:11px;margin-top:24px}.profile-edit{display:flex;flex-direction:column;gap:11px}.profile-edit h1{font-size:25px;margin:0 0 4px}.profile-demo-note{font-size:12px;line-height:1.5;color:#77887d;margin:0 0 13px}.profile-edit label{font-size:12px;font-weight:750;color:#344a3a}.profile-edit input,.profile-edit textarea{width:100%;padding:12px;border:1px solid #d5dfd6;background:#fff;border-radius:10px;color:#1d2b21;font-size:14px}.profile-edit textarea{resize:vertical;font:inherit}.profile-edit-actions{display:flex;gap:10px;margin-top:10px}.profile-edit-actions button{flex:1;padding:13px;border:1px solid #dde3dc;border-radius:10px;background:#f2f4f1;color:#24432f;font-weight:750}.profile-edit-actions button:last-child{background:#2f9768;color:#fff;border-color:#2f9768}@media(max-width:370px){.profile-screen{padding-inline:15px}.profile-intro{gap:12px}.profile-intro__copy h1{font-size:20px}.profile-post-thumb{width:78px;height:74px;flex-basis:78px}.profile-post-row{gap:9px}}
