:root{font-family:Pretendard,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;color:#211c16;background:#e7e1d3}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button{border:0;cursor:pointer;background:none;padding:0}button:disabled{cursor:not-allowed;opacity:.5}a{color:#ff6b4a;text-decoration:none}a:hover{color:#e5522f}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes bob{0%,to{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-6px) rotate(3deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:0}}.app-frame{max-width:375px;min-height:100vh;margin:0 auto;background:#faf6ee;position:relative;display:flex;flex-direction:column}.screen{flex:1;display:flex;flex-direction:column;overflow-y:auto}.toast{position:fixed;top:16px;left:50%;transform:translate(-50%);background:#ffece9;color:#e0554a;padding:12px 20px;border-radius:14px;font-size:13px;font-weight:700;z-index:100;max-width:340px;text-align:center;animation:floaty .3s ease-out}.bottom-nav{display:flex;justify-content:space-around;align-items:center;padding:11px 12px 26px;border-top:1px solid #EFE7D8;background:#fffdf9;flex:none}.bottom-nav button{display:flex;flex-direction:column;align-items:center;gap:5px;font-size:13.5px;font-weight:700;color:#b4ab99}.bottom-nav button.active{font-weight:800;color:#ff6b4a}.nav-dot{width:5px;height:5px;border-radius:50%}.bottom-nav button.active .nav-dot{background:#ff6b4a}.segment-control{background:#f1e9da;border-radius:14px;padding:4px;display:flex}.segment-btn{flex:1;height:34px;display:flex;align-items:center;justify-content:center;font-size:13.5px;font-weight:700;color:#8b8271;border-radius:11px}.segment-btn.active{background:#fff;font-weight:800;color:#211c16;box-shadow:0 2px 6px -3px #0003}.btn-primary{height:56px;border-radius:18px;background:#ff6b4a;color:#fff;font-size:16.5px;font-weight:800;display:flex;align-items:center;justify-content:center;width:100%;box-shadow:0 12px 24px -10px #ff6b4ab3}.btn-dark{height:56px;border-radius:18px;background:#211c16;color:#fff;font-size:16px;font-weight:700;display:flex;align-items:center;justify-content:center;width:100%;gap:9px}.btn-outline{height:56px;border-radius:18px;background:#fff;border:1.5px solid #E4DBCB;color:#211c16;font-size:16px;font-weight:700;display:flex;align-items:center;justify-content:center;width:100%;gap:9px}.btn-danger{height:56px;border-radius:18px;background:#e0554a;color:#fff;font-size:16.5px;font-weight:800;display:flex;align-items:center;justify-content:center;width:100%}.btn-danger-light{height:52px;border-radius:16px;background:#ffece9;color:#e0554a;font-size:15px;font-weight:800;display:flex;align-items:center;justify-content:center;width:100%}.btn-ghost{height:52px;color:#8b8271;font-size:15.5px;font-weight:800;display:flex;align-items:center;justify-content:center;width:100%}.btn-follow{font-size:12.5px;font-weight:800;color:#fff;background:#ff6b4a;padding:8px 16px;border-radius:14px}.btn-following{font-size:12.5px;font-weight:800;color:#8b8271;background:#f1e9da;padding:8px 16px;border-radius:14px}.btn-follow-outline{font-size:12px;font-weight:800;color:#ff6b4a;background:#fff0eb;padding:7px 15px;border-radius:14px}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#211c1666;z-index:50;display:flex;align-items:flex-end;justify-content:center}.sheet{background:#fffdf9;border-radius:30px 30px 0 0;padding:12px 22px 30px;box-shadow:0 -14px 40px -10px #211c164d;max-width:375px;width:100%}.sheet-handle{width:44px;height:5px;border-radius:3px;background:#e4dbcb;margin:0 auto 18px}.emotion-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:22px 20px 0}.emotion-grid-item{background:#fff;border:1px solid #EFE7D8;border-radius:20px;padding:14px 6px 11px;display:flex;flex-direction:column;align-items:center;gap:7px;cursor:pointer}.emotion-grid-item:hover,.emotion-grid-item.selected{background:#fff0eb;border:2px solid #FF6B4A;padding:13px 5px 10px}.emotion-grid-item span{font-size:13px;font-weight:700;color:#211c16}.emotion-grid-item.selected span{font-weight:800;color:#ff6b4a}.intensity-row{display:flex;gap:11px;justify-content:center;padding:0 22px}.intensity-item{display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer}.intensity-wrap{padding:8px;border-radius:18px;border:2px solid #EFE7D8}.intensity-wrap.selected{border-color:#ff6b4a;background:#fff0eb}.intensity-label{font-size:11.5px;font-weight:700;color:#b4ab99}.intensity-label.selected{font-weight:800;color:#ff6b4a}.visibility-row{display:flex;gap:8px;padding:0 24px}.visibility-option{flex:1;height:44px;border-radius:14px;border:1.5px solid #EFE7D8;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;cursor:pointer}.visibility-option.selected{border:2px solid #FF6B4A;background:#fff0eb}.visibility-option .label{font-size:13px;font-weight:700;color:#6b6258}.visibility-option.selected .label{font-weight:800;color:#ff6b4a}.visibility-option .sub{font-size:9.5px;font-weight:600;color:#b4ab99}.visibility-option.selected .sub{color:#c67c63}.post-card{background:#fff;border:1px solid #EFE7D8;border-radius:24px;padding:18px;box-shadow:0 8px 22px -18px #211c1666}.post-head{display:flex;align-items:center;gap:10px}.post-author{flex:1}.post-author strong{display:flex;align-items:center;gap:5px;font-size:14.5px;font-weight:800;color:#211c16}.post-time{font-size:11px;color:#b4ab99;font-weight:600}.post-emotion{display:flex;align-items:center;gap:14px;margin:15px 0 4px}.post-emotion-name{font-size:19px;font-weight:800;color:#211c16}.post-actions{display:flex;align-items:center;gap:16px;margin-top:14px;padding-top:13px;border-top:1px solid #F1E9DA}.post-actions button{display:flex;align-items:center;gap:6px}.post-actions .count{font-size:13px;font-weight:800;color:#211c16}.post-actions .share{margin-left:auto;font-size:12px;font-weight:700;color:#b4ab99}.popular-card-dark{background:#211c16;border-radius:24px;padding:18px;position:relative;overflow:hidden}.popular-card{background:#fff;border:1px solid #EFE7D8;border-radius:24px;padding:16px 18px}.settings-menu{background:#fff;border:1px solid #EFE7D8;border-radius:20px;overflow:hidden}.settings-menu-item{display:flex;align-items:center;justify-content:space-between;padding:15px 16px;border-bottom:1px solid #F1E9DA;font-size:14.5px;font-weight:700;color:#211c16;cursor:pointer;width:100%;text-align:left}.settings-menu-item:last-child{border-bottom:none}.settings-menu-item .chevron{font-size:19px;color:#c6bca9}.verified-badge{width:15px;height:15px;border-radius:50%;background:#5aa9ff;color:#fff;font-size:10px;display:inline-flex;align-items:center;justify-content:center;font-weight:900}@media(max-width:480px){.app-frame{max-width:100%}}@media(min-width:481px){.app-frame{border-left:1px solid #E4DBCB;border-right:1px solid #E4DBCB;box-shadow:0 0 40px -10px #211c1626}}