@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,600;0,700;1,600;1,700&display=swap');
:root{--paper:#f5f3ed;--ink:#1d2822;--green:#356044;--lime:#d4eb69;--line:#dcded3;--muted:#777d75;--white:#fffefa;--orange:#da714a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:15px 'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}.topbar{height:78px;display:flex;align-items:center;padding:0 5.5vw;border-bottom:1px solid var(--line);gap:42px;background:rgba(245,243,237,.95)}.wordmark{display:flex;align-items:center;gap:11px;font-weight:700;letter-spacing:.1em;font-size:12px}.wordmark small{display:block;font:9px 'DM Mono',monospace;letter-spacing:.14em;color:var(--muted);margin-top:4px}.logo{display:grid;place-items:center;width:38px;height:38px;background:var(--green);color:var(--lime);font:700 13px 'DM Mono';border-radius:50%}.topbar nav{display:flex;gap:30px;margin:auto;font-size:13px;color:#535b53}.join{background:transparent;border:1px solid var(--ink);border-radius:30px;padding:10px 19px;font-size:12px;font-weight:700}.join:hover,.join.joined{background:var(--green);color:white;border-color:var(--green)}main{max-width:1320px;margin:auto;padding:0 36px}.hero{display:grid;grid-template-columns:1.04fr .96fr;min-height:530px;padding:64px 0 58px;gap:5vw}.hero-copy{align-self:center;padding:10px 0 24px}.eyebrow{font:10px 'DM Mono',monospace;letter-spacing:.16em;color:var(--green);margin:0 0 18px}.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--orange);margin-right:7px}h1,h2,h3,p{margin-top:0}h1{font:clamp(56px,6.5vw,88px)/.98 'Playfair Display',Georgia,serif;letter-spacing:-.045em;margin:0 0 24px}h1 em{color:var(--green)}.intro{max-width:430px;font-size:16px;line-height:1.75;color:#60665e}.hero-actions{display:flex;align-items:center;gap:23px;margin:30px 0 40px}.button{border:0;border-radius:3px;padding:14px 20px;font-weight:700;font-size:12px}.button.dark{background:var(--green);color:white}.button.dark:hover{background:#233f2d}.button span{margin-left:20px}.text-link{font-size:12px;font-weight:700;border-bottom:1px solid #9ca398;padding-bottom:5px}.community-proof{display:flex;align-items:center;gap:13px;font-size:10px;line-height:1.5;color:var(--muted)}.community-proof strong{font-size:11px;color:var(--ink)}.avatar-stack{display:flex}.avatar-stack b{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#d6dfc8;border:2px solid var(--paper);margin-right:-7px;color:var(--green);font:10px 'DM Mono'}.avatar-stack b:nth-child(2){background:#f0d2bb}.avatar-stack b:nth-child(3){background:#d1dbe0}.avatar-stack b:nth-child(4){background:var(--green);color:white}.hero-visual{position:relative;min-height:405px;overflow:hidden;background:#d8d8cc}.hero-visual>img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;filter:saturate(.83)}.image-tag{position:absolute;left:20px;bottom:20px;padding:13px 17px;background:var(--white);min-width:195px}.image-tag span,.image-tag strong{display:block}.image-tag span{font:9px 'DM Mono';color:var(--green);letter-spacing:.12em;margin-bottom:6px}.image-tag strong{font:14px 'Playfair Display'}.scribble{position:absolute;right:22px;top:18px;border-radius:50%;background:var(--lime);height:82px;width:82px;display:grid;place-content:center;text-align:center;font:italic 13px 'Playfair Display';transform:rotate(8deg)}.ticker{margin:0 -36px;padding:17px 30px;background:var(--green);color:#f5f4eb;display:flex;justify-content:space-around;align-items:center;font:9px 'DM Mono';letter-spacing:.16em;gap:14px}.ticker i{color:var(--lime);font-style:normal;font-size:13px}.content-grid{display:grid;grid-template-columns:205px minmax(0,1fr) 235px;gap:28px;padding:56px 0 82px;align-items:start}.left-rail{position:sticky;top:20px}.rail-heading{font:9px 'DM Mono';letter-spacing:.15em;color:var(--muted);padding:0 10px 14px;border-bottom:1px solid var(--line);margin-bottom:10px}.rail-heading span{float:right;color:var(--green)}.room{width:100%;border:0;background:transparent;text-align:left;padding:11px 10px;border-radius:4px;color:#586158;font-size:11px;display:flex;align-items:center;gap:10px}.room span{font-size:15px;color:#748675;width:17px}.room b{margin-left:auto;font-size:10px;color:#95998f;font-weight:500}.room.active,.room:hover{background:#e7eadf;color:var(--green);font-weight:700}.rail-card{margin-top:28px;padding:18px;background:#e8eadf}.mini-star{color:var(--green);font-size:19px}.rail-card p{font:19px 'Playfair Display';margin:11px 0 8px}.rail-card small{color:#73786e;line-height:1.6;font-size:10px}.rail-footer{display:block;margin:22px 10px;font-size:10px;color:var(--muted)}.feed-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:20px}.feed-head .eyebrow{margin-bottom:7px}.feed-head h2,.gallery-title h2{font:32px 'Playfair Display';letter-spacing:-.02em;margin:0}.new-post{border:1px solid var(--green);background:transparent;color:var(--green);border-radius:3px;padding:11px 14px;font-size:11px;font-weight:700}.new-post:hover{background:var(--green);color:white}.welcome-strip{display:flex;align-items:center;gap:13px;background:#e9eddd;padding:14px 16px;margin-bottom:19px}.welcome-icon{display:grid;place-items:center;flex:0 0 34px;height:34px;background:var(--lime);border-radius:50%;color:var(--green)}.welcome-strip strong{font-size:11px}.welcome-strip p{font-size:10px;color:#6f7569;margin:3px 0 0}.welcome-strip>button{margin-left:auto;border:0;background:transparent;color:#65705f;font-size:20px}.composer{padding:18px;background:var(--white);border:1px solid var(--line);margin-bottom:18px}.composer label,.fit-form label{display:block;font-size:10px;font-weight:700;color:#596257;margin:0 0 12px}.composer input,.composer textarea,.composer select,.fit-form input,.fit-form textarea,.fit-form select{display:block;width:100%;margin-top:6px;border:1px solid var(--line);background:#fff;padding:11px;border-radius:2px;outline-color:var(--green);font-size:12px;color:var(--ink)}.tiny-note{color:var(--muted);font-size:10px}.composer-actions{display:flex;justify-content:end;gap:10px}.quiet{border:0;background:transparent;color:var(--muted);font-size:11px}.hidden{display:none!important}.feed-controls{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:11px}.sorts{display:flex;gap:4px}.sorts button{border:0;background:transparent;padding:8px 12px;color:#81867d;font-size:11px;border-radius:3px}.sorts button.selected{background:var(--green);color:white}.search{display:flex;align-items:center;gap:6px;border:1px solid var(--line);background:var(--white);padding:0 8px;height:34px;max-width:230px;flex:1}.search>span{font-size:20px;color:#858d80}.search input{border:0;background:transparent;width:100%;min-width:40px;outline:none;font-size:10px}.search kbd{color:#92968e;border:1px solid var(--line);font:9px 'DM Mono';padding:2px 5px}.posts{display:flex;flex-direction:column}.post{padding:20px 2px 18px;border-bottom:1px solid var(--line)}.post-meta{font:9px 'DM Mono';letter-spacing:.07em;color:#82877e;display:flex;gap:8px;align-items:center}.post-meta .room-label{color:var(--green);background:#e6eade;padding:5px 7px}.post h3{font:20px/1.25 'Playfair Display';margin:12px 0 8px;letter-spacing:-.01em}.post-body{font-size:12px;line-height:1.65;color:#626960;margin:0 0 13px}.post-photo{width:100%;max-height:190px;object-fit:cover;margin:2px 0 13px}.post-actions{display:flex;gap:8px}.post-actions button{border:1px solid transparent;background:transparent;color:#737a70;padding:7px 9px;font-size:10px;border-radius:3px}.post-actions button:hover,.post-actions button.on{background:#e5eade;color:var(--green)}.post-actions .vote{border:1px solid var(--line)}.comment-box{margin:13px 0 0 14px;padding-left:12px;border-left:2px solid #dbe1d2}.comment-item{font-size:10px;line-height:1.5;padding:7px;color:#5e665b}.comment-box form{display:flex;gap:7px;margin-top:8px}.comment-box textarea{flex:1;min-width:0;border:1px solid var(--line);padding:8px;font-size:10px}.comment-box button{border:0;background:var(--green);color:white;padding:0 12px;font-size:10px}.empty{padding:44px 10px;text-align:center;color:var(--muted)}.empty h3{font:23px 'Playfair Display';color:var(--ink)}.load-more{width:100%;border:1px solid var(--line);background:transparent;padding:12px;color:#7c8278;font:9px 'DM Mono';letter-spacing:.12em;margin-top:17px}.load-more span{color:var(--green);margin-left:9px}.trend-card{background:var(--white);border:1px solid var(--line)}.trend-title{padding:13px 14px;font:9px 'DM Mono';letter-spacing:.11em}.trend-title span{color:var(--orange);margin-right:6px}.trend-card>img{width:100%;height:135px;object-fit:cover}.trend-content{padding:16px}.trend-content small{font:8px 'DM Mono';letter-spacing:.1em;color:var(--green)}.trend-content h3{font:18px/1.2 'Playfair Display';margin:9px 0}.trend-content p{font-size:10px;line-height:1.6;color:#73786f}.trend-content>a{display:block;border-top:1px solid var(--line);padding-top:12px;font-size:10px;font-weight:700;color:var(--green)}.trend-content>a span{float:right}.mini-stats{display:flex;justify-content:space-between;padding:21px 8px;border-bottom:1px solid var(--line)}.mini-stats strong,.mini-stats span{display:block}.mini-stats strong{font:22px 'Playfair Display'}.mini-stats span{font:9px 'DM Mono';color:var(--muted);margin-top:3px}.guidance{padding:18px 15px;background:#ecece3;margin-top:20px}.guidance>span{font:9px 'DM Mono';letter-spacing:.12em;color:var(--green)}.guidance p{font:15px/1.45 'Playfair Display';margin:12px 0;color:#3e493e}.guidance a{font-size:10px;font-weight:700;color:var(--green)}.notebook{display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw;padding:75px 7%;background:#e9eadf;margin:0 -36px}.notebook-intro h2{font:clamp(39px,4vw,54px)/1.03 'Playfair Display';letter-spacing:-.04em;margin:0 0 18px}.notebook-intro>p:not(.eyebrow){font-size:12px;line-height:1.75;max-width:370px;color:#676e64}.note-photo{margin-top:25px;position:relative;height:140px}.note-photo img{width:100%;height:100%;object-fit:cover}.note-photo span{position:absolute;bottom:0;left:0;background:var(--lime);padding:7px 9px;font:8px 'DM Mono';letter-spacing:.1em}.fit-form{background:var(--white);padding:26px 28px;box-shadow:0 10px 40px #253c2910}.form-top{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:17px;margin-bottom:19px}.step{font:9px 'DM Mono';color:var(--green);letter-spacing:.12em}.form-top h3{font:25px 'Playfair Display';margin:7px 0 0}.lock{font:8px 'DM Mono';color:#65775e;background:#edf0e8;padding:7px;height:max-content}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.fit-form>label{margin-top:3px}.form-end{display:flex;align-items:center;gap:14px;margin-top:16px}.form-end>span{font-size:9px;color:var(--muted)}.saved-note{font-size:10px;line-height:1.6;color:#57604f;margin-top:14px}.gallery{padding:76px 0 60px}.gallery-title{display:flex;align-items:end;justify-content:space-between;margin-bottom:22px}.gallery-title .eyebrow{margin-bottom:8px}.gallery-title>a{font-size:11px;color:var(--green);font-weight:700}.gallery-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:15px}.gallery-grid figure{margin:0;background:#e8e7df}.gallery-grid img{width:100%;height:260px;object-fit:cover;display:block}.gallery-grid figcaption{padding:11px 13px;font:9px 'DM Mono';letter-spacing:.08em;color:#697166}.notice{border:1px solid #d4d7cd;padding:18px 21px;margin:0 0 65px}.notice strong{font:15px 'Playfair Display'}.notice p{font-size:10px;line-height:1.65;color:#747970;margin:8px 0 0}footer{border-top:1px solid var(--line);padding:28px 5.5vw;display:flex;align-items:center;gap:25px;font-size:9px;color:var(--muted)}footer>span{margin:auto}footer nav{display:flex;gap:18px}footer nav a:hover{text-decoration:underline}@media(max-width:1000px){.content-grid{grid-template-columns:170px minmax(0,1fr);gap:22px}.right-rail{display:none}.hero{gap:25px}.hero-visual{min-height:360px}.notebook{gap:4vw;padding:60px 5%}}@media(max-width:700px){.topbar{height:64px;padding:0 18px;gap:10px}.topbar nav{display:none}.topbar .join{margin-left:auto;padding:9px 12px;font-size:10px}main{padding:0 18px}.hero{grid-template-columns:1fr;padding:44px 0 32px;gap:25px}.hero-copy{padding:0}.hero-visual{min-height:300px}.hero h1{font-size:62px}.intro{font-size:14px}.hero-actions{margin:23px 0 28px}.ticker{margin:0 -18px;justify-content:flex-start;overflow:hidden;white-space:nowrap;padding:14px 18px;gap:17px}.ticker span{font-size:8px}.content-grid{display:block;padding:36px 0 55px}.left-rail{position:static;display:flex;overflow:auto;gap:4px;margin:0 -18px 25px;padding:0 18px 8px}.rail-heading,.rail-card,.rail-footer{display:none}.room{white-space:nowrap;width:auto;padding:9px 11px;border:1px solid var(--line);font-size:10px}.room span{display:none}.room b{display:none}.feed-head h2{font-size:26px}.feed-head{align-items:center}.new-post{padding:10px;font-size:10px}.welcome-strip{padding:12px}.welcome-strip p{font-size:9px}.feed-controls{gap:8px}.sorts button{padding:8px}.search{max-width:160px}.search input{font-size:9px}.post h3{font-size:18px}.notebook{display:block;margin:0 -18px;padding:44px 18px}.notebook-intro h2{font-size:43px}.note-photo{height:125px;margin:18px 0}.fit-form{padding:20px 16px}.form-row{gap:9px}.fit-form input,.fit-form select{padding:10px 8px;font-size:10px}.form-end{align-items:flex-start;flex-direction:column}.gallery{padding:50px 0 40px}.gallery-title h2{font-size:27px}.gallery-grid{grid-template-columns:1fr}.gallery-grid img{height:220px}.notice{margin-bottom:42px;padding:15px}footer{padding:22px 18px;flex-wrap:wrap}footer>span{order:3;width:100%;margin:0}footer nav{margin-left:auto;gap:10px}footer nav a{font-size:8px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}