*{box-sizing:border-box}body{margin:0;background:#f3f6f1;color:#203b35;font-family:Arial,"Noto Sans SC",sans-serif;transition:.2s}body.dark{background:#14221f;color:#e5eee9}header{display:flex;justify-content:space-between;padding:22px max(5vw,20px);border-bottom:1px solid #b9c9be}.brand{font-weight:800;letter-spacing:.16em}.brand span{display:block;font-size:11px;letter-spacing:.2em;margin-top:6px;color:#64877a}main{max-width:850px;margin:45px auto;padding:0 20px}.intro{padding:30px 0 45px}.eyebrow{font-size:11px;letter-spacing:.18em;color:#e47c63}h1{font-size:clamp(34px,7vw,60px);margin:15px 0}h2{font-size:20px}.composer,.post{background:#fff;border:1px solid #dbe5dc;border-radius:16px;padding:22px;margin:18px 0;box-shadow:0 8px 28px #243d3010}body.dark .composer,body.dark .post{background:#20332e;border-color:#38544a}.identity{display:flex;gap:12px;align-items:center;margin-bottom:12px}input,textarea,select{font:inherit;padding:12px;border:1px solid #c6d5ca;border-radius:9px;background:transparent;color:inherit;max-width:100%}textarea{display:block;width:100%;min-height:120px;margin:14px 0}button,.upload{border:0;border-radius:9px;padding:11px 15px;background:#286b58;color:white;cursor:pointer;margin:5px 4px 5px 0}.upload{display:inline-block}input[type=file]{display:none}#preview{display:block;max-width:100%;max-height:360px;object-fit:contain;margin:12px 0;border-radius:10px}#custom-id{width:220px}.post img{max-width:100%;max-height:500px;object-fit:contain;border-radius:10px;display:block;margin-top:12px}.meta{font-size:12px;color:#729184}.post p{white-space:pre-wrap;line-height:1.7}.post button{font-size:13px}footer{text-align:center;padding:35px;color:#729184;font-size:11px;letter-spacing:.18em}