:root{--bg:#f3f4f7;--paper:#eaecf2;--white:#fff;--ink:#1b1e25;--muted:#727887;--line:#dfe2ea;--indigo:#6255dc;--cyan:#7dd7ce;--dark:#171a22;--mono:'DM Mono',monospace;--sans:'DM Sans',Arial,sans-serif;--display:Manrope,var(--sans)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:14px}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.topbar{height:70px;padding:0 max(calc((100vw - 1360px)/2),32px);display:flex;align-items:center;gap:29px;border-bottom:1px solid var(--line);background:#f3f4f7ed;backdrop-filter:blur(14px);position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:9px;min-width:200px;font:800 12px var(--display);letter-spacing:.1em}.brand small{display:block;margin-top:3px;color:#858b99;font:8px var(--mono);letter-spacing:.06em}.brand-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:8px;background:var(--indigo);color:white;font:20px var(--mono)}.search{height:36px;max-width:410px;flex:1;margin:auto;display:flex;align-items:center;gap:9px;padding:0 11px;border:1px solid var(--line);border-radius:5px;background:#fff;color:#8b90a0}.search input{min-width:0;flex:1;border:0;background:transparent;outline:0;color:var(--ink);font-size:10px}.search kbd{font:8px var(--mono);border:1px solid var(--line);border-radius:3px;padding:3px 5px}.topbar nav{display:flex;gap:16px;color:#646b79;font:8px var(--mono)}.topbar nav a:hover{color:var(--indigo)}.join{border:0;border-radius:5px;background:var(--indigo);color:white;padding:10px 13px;font-size:9px;font-weight:700;cursor:pointer;white-space:nowrap}.join span{padding-left:10px}.hero{max-width:1360px;margin:auto;padding:78px 32px 65px;min-height:525px;display:grid;grid-template-columns:.92fr 1.08fr;align-items:center;gap:6%}.hero-copy{max-width:530px}.eyebrow{font:8px var(--mono);letter-spacing:.13em;color:#666e83;text-transform:uppercase}.hero .eyebrow span{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--indigo);margin-right:6px}.hero .eyebrow b{margin:0 5px;color:#b3b6c2}.hero h1{font:700 clamp(49px,6.8vw,82px)/.99 var(--display);letter-spacing:-.075em;margin:22px 0}.hero h1 em{font-style:normal;color:var(--indigo)}.hero-copy>p{max-width:450px;color:#687080;font-size:12px;line-height:1.8}.hero-actions{display:flex;align-items:center;gap:20px;margin-top:24px}.button{display:inline-block;padding:11px 14px;background:var(--indigo);color:white;border-radius:4px;font-size:9px;font-weight:700}.button span{margin-left:13px}.hero-link{color:#626a7c;font-size:9px}.hero-tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:38px}.hero-tags span{border:1px solid var(--line);border-radius:3px;padding:6px 8px;color:#727a8a;font:7px var(--mono)}.hero-image{height:350px;position:relative;overflow:hidden;border-radius:5px;background:#262934}.hero-image img{width:100%;height:100%;object-fit:cover;filter:saturate(.72) contrast(1.02)}.hero-image:after{content:'';position:absolute;inset:65% 0 0;background:linear-gradient(transparent,#11131dc9)}.hero-image-caption{position:absolute;z-index:1;bottom:14px;left:15px;right:15px;display:flex;justify-content:space-between;gap:12px;align-items:end;color:white}.hero-image-caption span{font:7px var(--mono);letter-spacing:.1em}.hero-image-caption b{margin-left:auto;font:500 13px var(--display)}.principles{max-width:1360px;margin:auto;padding:23px 32px 41px;border-top:1px solid var(--line);display:grid;grid-template-columns:.9fr 1fr auto;gap:36px;align-items:center}.principles small{font:7px var(--mono);letter-spacing:.12em;color:var(--indigo)}.principles h2{font:600 24px/1.25 var(--display);margin:8px 0}.principles>p{font-size:10px;color:var(--muted);line-height:1.7;max-width:400px}.principle-mark{font:700 25px var(--mono);color:var(--indigo)}.principle-mark span{color:var(--cyan)}.main-layout{max-width:1360px;margin:auto;padding:41px 32px 74px;border-top:1px solid var(--line);display:grid;grid-template-columns:175px minmax(0,1fr) 240px;gap:23px;align-items:start}.left-nav{position:sticky;top:88px;display:flex;flex-direction:column;gap:4px}.nav-label{font:7px var(--mono);letter-spacing:.13em;color:#8b90a0;margin:4px 0 8px}.left-nav>a{display:flex;align-items:center;gap:10px;padding:9px 8px;border-radius:4px;color:#6d7482;font-size:9px}.left-nav>a.active{background:#e5e6f4;color:var(--indigo);font-weight:700}.left-nav>button{border:0;background:none;text-align:left;border-radius:4px;color:#6d7482;padding:8px;font-size:9px;cursor:pointer}.left-nav>button:hover,.left-nav>button.active{background:#e5e6f4;color:var(--indigo)}.nav-rule{height:1px;background:var(--line);margin:12px 0}.rail-note{margin-top:20px;padding:12px 4px;border-top:1px solid var(--line);display:grid;grid-template-columns:18px 1fr;gap:4px}.rail-note>span{color:#ca754c}.rail-note b{font:700 9px var(--display)}.rail-note p{grid-column:1/-1;color:var(--muted);font-size:8px;line-height:1.6;margin:4px 0}.feed-column{min-width:0}.feed-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:16px}.feed-heading h2{font:600 25px var(--display);margin:7px 0 0;letter-spacing:-.04em}.feed-heading sup{font:8px var(--mono);color:var(--indigo);margin-left:7px}.sort{display:flex;gap:4px}.sort button{border:1px solid var(--line);border-radius:3px;background:white;color:#858b99;padding:6px 8px;font:7px var(--mono);cursor:pointer}.sort button.active{background:var(--dark);border-color:var(--dark);color:white}.compose{height:55px;border:1px solid var(--line);border-radius:5px;background:white;display:flex;align-items:center;gap:9px;padding:9px}.compose-avatar{height:31px;width:31px;display:grid;place-items:center;border-radius:6px;background:#e8e7fa;color:var(--indigo);font-size:15px}.compose button{flex:1;text-align:left;border:0;background:none;color:#858b99;font-size:9px;cursor:pointer}.compose>span:last-child{color:var(--indigo)}.composer{margin-top:7px;padding:13px;border:1px solid var(--line);border-radius:5px;background:white}.composer label{display:block;color:#868b98;font:7px var(--mono);letter-spacing:.09em}.composer input,.composer textarea,.composer select{display:block;width:100%;margin:5px 0 8px;border:1px solid var(--line);border-radius:3px;background:#fcfcfe;color:var(--ink);padding:9px;font-size:9px;outline-color:var(--indigo)}.composer select{max-width:260px}.post-context{display:grid;grid-template-columns:1fr 1fr;gap:8px}.compose-foot{display:flex;align-items:center;justify-content:space-between;gap:10px}.compose-foot small{color:var(--muted);font-size:7px}.compose-foot button{border:0;border-radius:3px;background:var(--indigo);color:white;padding:8px 10px;font-size:8px;font-weight:700;cursor:pointer}.hidden{display:none!important}.room-pills{display:flex;align-items:center;gap:6px;overflow:auto;margin:14px 0}.room-pills>span{font:7px var(--mono);color:#9297a3;white-space:nowrap;margin-right:4px}.room-pills button{white-space:nowrap;border:1px solid var(--line);border-radius:3px;background:white;color:#707787;padding:6px 8px;font:7px var(--mono);cursor:pointer}.room-pills button:hover{color:var(--indigo);border-color:var(--indigo)}.posts{display:grid;gap:8px}.post,.empty{border:1px solid var(--line);border-radius:5px;background:white;padding:14px}.post-meta{display:flex;align-items:center;gap:7px;font:7px var(--mono);color:#9297a2}.post-meta b{color:var(--indigo);font-weight:500}.post h3{font:650 12px var(--display);margin:10px 0 6px}.post>p{color:#656d7a;font-size:9px;line-height:1.7;white-space:pre-wrap}.post-stack{display:inline-block;margin:0 0 9px;border:1px solid #e3e4ef;border-radius:3px;padding:5px 7px;color:#6663a0;font:7px var(--mono)}.post-actions{display:flex;gap:5px}.post-actions button{border:1px solid #e6e7ec;border-radius:3px;background:#fcfcfd;padding:5px 7px;color:#707787;font:7px var(--mono);cursor:pointer}.post-actions button:hover{color:var(--indigo);border-color:#aaa5ed}.comment-box{border-top:1px solid var(--line);margin-top:11px;padding-top:8px}.comment-box textarea{width:100%;border:1px solid var(--line);border-radius:3px;background:#fcfcfe;padding:8px;font-size:9px}.comment-box button{border:0;border-radius:3px;background:var(--indigo);color:white;padding:6px 9px;font-size:8px;cursor:pointer}.comment-item{padding:7px 1px;border-bottom:1px solid #ebecf0;color:#636b79;font-size:9px;white-space:pre-wrap}.empty{text-align:center;padding:31px;color:#858b99}.empty>span{font-size:21px;color:var(--indigo)}.empty h3{font:600 15px var(--display);color:var(--ink);margin:8px 0 4px}.empty p{font-size:8px;margin:0}.field-cards{margin-top:38px;padding-top:19px;border-top:1px solid var(--line)}.section-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:12px}.section-title h2{font:600 19px var(--display);letter-spacing:-.03em;margin:6px 0 0}.section-title>a{font-size:8px;color:var(--indigo)}.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.card-grid>a{overflow:hidden;border:1px solid var(--line);border-radius:4px;background:white;padding-bottom:10px}.card-grid img{display:block;width:100%;height:88px;object-fit:cover}.card-grid span,.card-grid b,.card-grid small{display:block;margin:8px 9px 0}.card-grid span{font:7px var(--mono);color:var(--indigo)}.card-grid b{font:650 8px/1.45 var(--display)}.card-grid small{font-size:7px;line-height:1.5;color:var(--muted)}.right-column{position:sticky;top:88px;display:grid;gap:9px}.community-card,.safety-card,.saved-card{border:1px solid var(--line);border-radius:5px;background:white;padding:13px}.card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.card-top .brand-icon{width:27px;height:27px;font-size:15px;border-radius:5px}.status{font:6px var(--mono);color:#7e8592}.status i{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--cyan);margin-right:4px}.community-card h3,.safety-card h3{font:600 17px/1.2 var(--display);margin:8px 0}.community-card>p,.safety-card p,.saved-card p{color:var(--muted);font-size:8px;line-height:1.6}.community-card button{width:100%;border:0;border-radius:3px;background:var(--indigo);color:white;padding:8px;text-align:left;font-size:8px;font-weight:700;cursor:pointer}.community-card button span{float:right}.community-card>small{display:block;color:#9297a0;font-size:6px;margin-top:8px}.safety-card a{font-size:7px;color:var(--indigo)}.side-image{height:155px;position:relative;overflow:hidden;border-radius:4px}.side-image img{width:100%;height:100%;object-fit:cover}.side-image span,.side-image b{position:absolute;left:10px;right:10px;color:white}.side-image span{bottom:40px;font:6px var(--mono)}.side-image b{bottom:10px;font:600 15px/1.15 var(--display)}.saved-card p{margin:6px 0 0}.toolbox{border-top:1px solid var(--line);background:#e9eaf0;padding:66px max(calc((100vw - 1360px)/2 + 32px),32px) 65px;display:grid;grid-template-columns:.5fr 1.5fr;gap:5%;align-items:start}.tool-intro{position:sticky;top:100px}.tool-intro h2{font:650 clamp(31px,4vw,43px)/1.08 var(--display);letter-spacing:-.05em;margin:13px 0}.tool-intro h2 em{color:var(--indigo);font-style:normal}.tool-intro>p{font-size:9px;line-height:1.75;color:#6e7584;max-width:310px}.tool-warning{border-left:3px solid #df9873;padding:9px 0 9px 10px;margin-top:17px;color:#6d7280;font-size:8px;line-height:1.6}.tool-panels{display:grid;grid-template-columns:1fr 1fr;gap:10px}.review-panel,.prompt-panel{border:1px solid #d8dbe5;border-radius:5px;background:white;padding:16px}.panel-heading{display:flex;justify-content:space-between;align-items:start;border-bottom:1px solid var(--line);padding-bottom:10px}.panel-heading h3{font:600 16px var(--display);margin:6px 0 0}.panel-index{font:6px var(--mono);color:#9297a3}.panel-sub{color:var(--muted);font-size:8px;line-height:1.6}.checklist{display:grid;gap:7px;margin:12px 0}.checklist label{display:flex;align-items:start;gap:8px;padding:8px;border:1px solid #e7e8ef;border-radius:3px;cursor:pointer}.checklist input{accent-color:var(--indigo);margin-top:2px}.checklist b,.checklist small{display:block}.checklist b{font-size:8px}.checklist small{font-size:7px;color:var(--muted);line-height:1.4;margin-top:3px}.check-progress{display:flex;align-items:center;gap:9px;font:7px var(--mono);color:#838998}.check-progress>div{height:4px;flex:1;border-radius:3px;background:#ebebf2;overflow:hidden}.check-progress i{display:block;height:100%;width:0;background:var(--indigo);transition:width .2s}.check-result{margin:9px 0 0;padding:8px;background:#f7f7fa;color:#666e7f;font-size:7px;line-height:1.5}.brief-form{display:grid;gap:8px}.brief-form label{display:grid;gap:4px;color:#858b99;font:7px var(--mono)}.brief-form input,.brief-form textarea{width:100%;border:1px solid var(--line);border-radius:3px;background:#fcfcfe;padding:8px;color:var(--ink);font:9px var(--sans)}.brief-form button,.brief-result button{border:0;border-radius:3px;background:var(--indigo);color:white;padding:8px 10px;font-size:8px;font-weight:700;cursor:pointer}.brief-result{margin-top:10px;border:1px solid var(--line);background:#f9f9fc;padding:9px}.brief-result pre{white-space:pre-wrap;color:#464c5d;font:8px/1.6 var(--mono);max-height:180px;overflow:auto}.brief-result span{font:7px var(--mono);color:var(--muted);margin-left:8px}.about{max-width:850px;margin:auto;padding:60px 26px 64px;text-align:center}.about h2{font:600 30px var(--display);margin:9px 0}.about>p{max-width:620px;margin:0 auto;color:#727988;font-size:9px;line-height:1.8}.about nav{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;margin-top:15px}.about nav a{font-size:7px;color:var(--indigo);text-decoration:underline;text-underline-offset:3px}footer{border-top:1px solid var(--line);padding:19px max(calc((100vw - 1360px)/2 + 32px),32px);display:flex;align-items:center;justify-content:space-between;gap:15px;color:#818795;font:7px var(--mono)}footer .brand{color:var(--ink)}footer .brand-icon{width:29px;height:29px;font-size:15px}
@media(max-width:1050px){.main-layout{grid-template-columns:155px minmax(0,1fr);gap:19px}.right-column{grid-column:2;position:static;grid-template-columns:1fr 1fr}.side-image{display:none}.community-card{grid-row:span 2}.toolbox{grid-template-columns:.45fr 1.55fr;gap:4%}}
@media(max-width:700px){.topbar{height:60px;padding:0 13px;gap:8px}.brand{min-width:auto;font-size:9px;gap:6px}.brand small{font-size:6px}.topbar nav{display:none}.search{height:33px;padding:0 8px}.search kbd{display:none}.join{padding:9px;font-size:8px}.hero{padding:31px 15px 38px;grid-template-columns:1fr;gap:20px}.hero-image{height:225px;grid-row:1}.hero h1{font-size:53px;margin:13px 0}.hero-tags{margin-top:24px}.principles{padding:20px 15px 29px;grid-template-columns:1fr auto;gap:7px}.principles>p{grid-column:1/-1;grid-row:2}.main-layout{padding:27px 13px 46px;grid-template-columns:1fr;gap:15px}.left-nav{position:static;flex-direction:row;overflow:auto;white-space:nowrap}.nav-label,.nav-rule,.rail-note{display:none}.left-nav>a,.left-nav>button{flex:none}.feed-heading h2{font-size:22px}.sort button{padding:6px}.right-column{grid-column:1;grid-template-columns:1fr}.right-column .safety-card,.right-column .saved-card{display:none}.toolbox{padding:39px 13px;grid-template-columns:1fr;gap:16px}.tool-intro{position:static}.tool-panels{grid-template-columns:1fr}.card-grid{grid-template-columns:1fr 1fr}.card-grid>a:last-child{display:none}.about{padding:40px 16px}footer{padding:17px;flex-wrap:wrap}footer>span:nth-child(2){display:none}}