:root{--ink:#202629;--muted:#7d8586;--paper:#fdfcf9;--line:#e8e7e1;--accent:#eb7255;--serif:"Noto Serif SC",serif;--sans:"Nunito Sans",Arial,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans)}button,input,textarea,select{font:inherit}button{cursor:pointer;border:0;background:none;color:inherit}header{height:72px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:58px;padding:0 max(25px,calc((100vw - 1200px)/2));position:sticky;top:0;background:#fdfcf9ed;backdrop-filter:blur(12px);z-index:3}.logo{font:bold 21px var(--serif);cursor:pointer;letter-spacing:1px}.logo i{font:900 21px Georgia;color:#fff;background:var(--ink);border-radius:50%;display:inline-grid;place-items:center;width:25px;height:25px;margin-right:7px;font-style:normal}nav{display:flex;gap:27px;flex:1}nav button{font-size:13px;color:var(--muted)}nav .on{color:var(--ink);font-weight:800}.right-actions{display:flex;align-items:center;gap:14px}.login{font-size:13px}.publish,.main-btn{background:var(--ink);color:#fff;padding:11px 17px;border-radius:9px;font-size:13px;font-weight:800}.publish b{color:#f0b29f;font-size:16px}.profile-button{display:flex;align-items:center;gap:7px;font-size:13px}.avatar{width:29px;height:29px;display:inline-grid;place-items:center;border-radius:50%;background:#dce7de;color:#39604a;font-size:12px;font-weight:800}.hero{max-width:1120px;margin:auto;min-height:390px;padding:84px 30px 60px;position:relative;background:linear-gradient(90deg,#fdfcf9 49%,#f2f5f0 49%)}.hero:after{content:"";position:absolute;width:250px;height:250px;border-radius:50%;right:12%;top:70px;background:radial-gradient(circle at 50% 35%,#f7c0a4 0 20%,transparent 20.5%),linear-gradient(145deg,transparent 47%,#b8d0b9 47.5% 58%,transparent 58.5%),#dce9dd;opacity:.85}.kicker{font:10px "DM Mono",monospace;letter-spacing:1.5px;color:#89908d;margin:0 0 14px}.hero h1,.page-head h1{font:500 50px/1.3 var(--serif);margin:0;letter-spacing:2px}.hero em,.page-head em{font-style:normal;color:var(--accent)}.hero>p:not(.kicker),.page-head>p{font:15px/1.9 var(--serif);color:#66716e;margin:20px 0}.quiet-btn{border-bottom:1px solid var(--ink);padding:8px 0;font-size:13px;font-weight:bold}.quiet-btn b{color:var(--accent);font-size:17px;margin-left:9px}.hero-quote{position:absolute;right:7%;bottom:43px;color:#6a806f;font:14px var(--serif);writing-mode:vertical-rl;letter-spacing:2px}.feed{max-width:1120px;margin:auto;padding:60px 30px 90px}.feed-title{display:flex;justify-content:space-between;align-items:end}.feed-title h2{margin:0;font:600 28px var(--serif)}.feed-title button{font-size:13px;color:#6d766f}.feed-title b,.open-story b{color:var(--accent)}.chips{display:flex;gap:9px;overflow:auto;padding:30px 0 24px}.chip{white-space:nowrap;border:1px solid var(--line);color:#67706d;border-radius:20px;padding:8px 13px;font-size:12px}.chip.picked{background:var(--ink);border-color:var(--ink);color:#fff}.story-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.story{border:1px solid var(--line);border-radius:14px;padding:25px;min-height:250px;background:#fff;transition:.2s}.story:hover{transform:translateY(-2px);box-shadow:0 10px 28px #2222}.story.daily{grid-column:span 2;background:#edf3ec;min-height:170px}.story.violet{background:#f5f1f4}.story.sand{background:#fcf4e8}.story.green{background:#eff5f1}.story.pink{background:#faeef0}.story.mine{background:#f1f4fa}.story-head{display:flex;align-items:center;gap:7px;color:#79817d;font-size:11px}.topic-dot{display:inline-grid;place-items:center;border-radius:50%;width:23px;height:23px;background:#fff9;color:#637e68;font-size:9px}.topic-link{cursor:pointer}.story-head time{margin-left:auto;color:#a2a8a4}.story h2{font:600 20px/1.45 var(--serif);margin:25px 0 9px}.story p{font:14px/1.8 var(--serif);color:#56635d;margin:0}.story-foot{display:flex;justify-content:space-between;align-items:end;margin-top:23px}.metadata{display:flex;gap:5px;flex-wrap:wrap}.metadata span{font-size:10px;color:#748079;border:1px solid #cfd8d1;background:#fffd;border-radius:12px;padding:4px 7px}.open-story{font-size:11px;color:#5e6d63;white-space:nowrap}.page-head{max-width:1120px;margin:auto;padding:80px 30px 40px}.page-head h1{font-size:42px}.topic-wall{max-width:1120px;margin:auto;padding:0 30px 90px;display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.topic-tile{height:160px;border-radius:13px;padding:20px;text-align:left;display:flex;flex-direction:column;background:#edf2ee}.tile-1{background:#f6efe6}.tile-2{background:#f3edf3}.tile-3{background:#edf1f7}.tile-4{background:#f6eded}.topic-tile small{font:10px "DM Mono";color:#8e9991}.topic-tile strong{font:600 21px var(--serif);margin:auto 0}.topic-tile span{font-size:11px;color:#68756b}.profile{max-width:900px;margin:auto;padding:60px 30px 100px;display:grid;grid-template-columns:240px 1fr;gap:65px}.profile-card{text-align:center}.profile-card .avatar{width:72px;height:72px;font-size:25px}.profile h1{font:600 24px var(--serif);margin:12px 0 4px}.profile-card p{font-size:12px;color:var(--muted)}.privacy{margin-top:24px;padding:13px;text-align:left;background:#f0f3ee;font-size:12px;color:#657069;line-height:1.7;border-radius:9px}.tabs{border-bottom:1px solid var(--line);display:flex;gap:24px;margin-bottom:20px}.tabs button{padding:0 0 12px;color:#7e8580;font-size:13px}.tabs .on{color:var(--ink);font-weight:bold;border-bottom:2px solid var(--accent)}.empty{border:1px dashed #cfd6ce;border-radius:12px;padding:50px 25px;display:grid;place-items:center;gap:10px;color:#737b75;font-size:13px}.empty b{font:600 19px var(--serif);color:var(--ink)}.empty button{margin-top:11px;color:var(--accent)}.seen-list{margin-top:45px}.seen-list h3,.comments h3{font:600 18px var(--serif)}.seen-list button{display:flex;justify-content:space-between;width:100%;border-bottom:1px solid var(--line);padding:14px 0;font:14px var(--serif);text-align:left}.seen-list span{color:var(--accent)}.seen-list p{font-size:13px;color:var(--muted)}.logout{margin-top:40px;font-size:12px;color:#9b706b;text-decoration:underline}.overlay{position:fixed;inset:0;z-index:6;display:grid;place-items:center;background:#19201ccc;padding:20px;overflow:auto}.auth,.compose,.detail{width:min(100%,560px);background:#fffefa;border-radius:16px;padding:36px;position:relative;box-shadow:0 20px 60px #0004}.detail{width:min(100%,680px)}.x{position:absolute;right:20px;top:14px;font-size:29px;color:#89918b}.auth h2,.compose h2{font:600 28px var(--serif);margin:0 0 12px}.auth>p:not(.kicker){color:#66716d;font:14px/1.8 var(--serif)}.auth input,.compose input,.compose textarea,.form-row select,.comment-box input{border:1px solid #e0e2da;border-radius:8px;background:#fff;width:100%;padding:13px;outline-color:var(--accent)}.auth input{margin:15px 0}.auth small{display:block;color:#9da49e;text-align:center;font-size:10px;margin-top:14px}.main-btn{width:100%;padding:14px}.compose textarea{height:170px;resize:vertical;margin-top:10px;font:14px/1.7 var(--serif)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.hint{font-size:11px;color:#858e87;line-height:1.6}.detail h1{font:600 27px/1.45 var(--serif);margin:28px 0 12px}.detail-text{font:16px/1.9 var(--serif)!important;color:#4f5d55!important;white-space:pre-line}.detail .metadata{margin-top:22px}.reaction-zone{margin:30px 0;padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.reaction-zone p{font-size:12px;color:#747f77}.reaction{border:1px solid #dedfd9;border-radius:20px;padding:7px 10px;font-size:11px;margin:3px;background:#fff}.reaction.selected{color:#b95d49;background:#fff1eb;border-color:#f3c5b5}.comments article{display:flex;gap:10px;margin:15px 0}.comments article b{font-size:11px}.comments article p{font:13px/1.6 var(--serif);margin:3px 0}.comment-box{display:flex;gap:8px;margin-top:19px}.comment-box button{background:var(--ink);color:white;border-radius:7px;padding:0 15px;font-size:12px}.comments>small{font-size:10px;color:#929a94;margin-top:7px;display:block}.closed{padding:22px;background:#f2f4f0;border-radius:10px}.closed h3{margin:0}.closed p{font-size:12px;color:#718078}footer{border-top:1px solid var(--line);display:flex;justify-content:center;align-items:center;gap:25px;padding:27px;color:#929991;font-size:11px}footer span{font:600 15px var(--serif);color:var(--ink)}@media(max-width:700px){header{padding:0 17px;gap:0}.logo{font-size:18px}nav{display:none}.right-actions{margin-left:auto}.profile-button span,.login{display:none}.publish{padding:9px 11px}.hero{padding:66px 25px 45px;min-height:360px;background:#fdfcf9}.hero h1,.page-head h1{font-size:37px}.hero:after{opacity:.45;right:-45px}.hero-quote{display:none}.feed{padding:48px 18px}.story-grid{grid-template-columns:1fr}.story.daily{grid-column:auto}.topic-wall{grid-template-columns:1fr 1fr;padding:0 18px 70px}.page-head{padding:55px 18px 35px}.profile{display:block;padding:42px 20px}.profile-card{margin-bottom:40px}.overlay{place-items:end}.auth,.compose,.detail{padding:27px 21px;border-radius:16px 16px 0 0}.story{min-height:0}.story h2{margin-top:18px}.form-row{grid-template-columns:1fr}.feed-title h2{font-size:24px}footer{gap:11px;flex-wrap:wrap}}