:root{color-scheme:dark;font-family:Arial,Helvetica,sans-serif;background:#0d0f12;color:#f5f3ee}*{box-sizing:border-box}body{margin:0}.shell{max-width:740px;min-height:100dvh;margin:auto;padding:24px 20px 110px;background:#111318}.header{display:flex;align-items:center;gap:12px;border-bottom:1px solid #292a2c;padding-bottom:20px}.mark{height:44px;width:44px;border:1px solid #c5a36a;border-radius:14px;display:grid;place-items:center;color:#e1bd80;font-family:Georgia,serif;font-size:30px}.header h1{font-size:17px;letter-spacing:2px;margin:0}.header h1 span{color:#d6b67b}.header small{font-size:11px;color:#93949a}.avatar{margin-left:auto;background:#34302b;color:#e7c58b;border-radius:50%;width:39px;height:39px;display:grid;place-items:center;font-size:12px}.notice{gap:10px;color:#c8b997;font-size:12px;padding:16px 0;line-height:1.5}.heading,.notice{display:flex;align-items:center}.heading{justify-content:space-between;margin:18px 0}.compose h2,.heading h2{font-size:29px;letter-spacing:-.7px}.primary{display:flex;align-items:center;gap:9px;border:0;border-radius:12px;padding:12px 18px;background:#d3b37c;color:#191a1b;font-weight:700;cursor:pointer}.primary:disabled{opacity:.5;cursor:not-allowed}.search{display:flex;align-items:center;gap:10px;background:#202329;border:1px solid #31343a;border-radius:12px;padding:13px;color:#999}.compose input,.compose textarea,.search input{background:transparent;border:0;outline:0;color:#f7f4ed;font:inherit;width:100%}.empty{min-height:40vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#a6a7ae}.empty svg{color:#c7aa7d}.empty h3{color:#f2ede3;margin-bottom:0}.empty p{max-width:280px;line-height:1.6;font-size:14px}.nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:740px;background:#17191e;border-top:1px solid #34363b;display:flex;justify-content:space-around;padding:12px 5px max(12px,env(safe-area-inset-bottom))}.nav button{border:0;background:none;color:#898b91;display:flex;flex-direction:column;align-items:center;gap:5px;font-size:11px;cursor:pointer}.nav button.active{color:#e3bd7e}.compose label{display:block;font-size:13px;color:#b7b3aa;margin:18px 0}.compose input,.compose textarea{display:block;background:#202329;border:1px solid #36393f;border-radius:10px;padding:14px;margin-top:8px;resize:vertical}.back{display:flex;gap:7px;align-items:center;border:0;background:none;color:#d3b37c;margin-top:20px;cursor:pointer}