: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}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)}}.center{min-height:100vh;display:grid;place-items:center;color:#8b8271;font-weight:600}.welcome{min-height:100vh;display:grid;align-items:center;justify-content:center;grid-template-columns:minmax(300px,400px) minmax(0,480px);gap:48px;padding:32px;background:#faf6ee}.welcome-phone{height:720px;max-height:calc(100vh - 64px);border-radius:44px;background:#211c16;padding:9px;box-shadow:0 28px 54px -22px #211c1680}.welcome-phone-inner{width:100%;height:100%;border-radius:36px;overflow:hidden;background:#faf6ee;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;position:relative}.welcome-logo{width:96px;height:96px;border-radius:30px;background:#ff6b4a;display:flex;align-items:center;justify-content:center;box-shadow:0 16px 30px -10px #ff6b4aa6;animation:floaty 3.6s ease-in-out infinite}.welcome-brand{text-align:center}.welcome-brand strong{display:block;font-size:38px;font-weight:900;letter-spacing:-1.5px;color:#211c16}.welcome-brand span{display:block;font-size:15px;font-weight:600;color:#8b8271;margin-top:6px}.welcome-copy{display:flex;flex-direction:column;gap:16px}.welcome-copy .eyebrow{margin:0;font-size:14px;font-weight:800;color:#ff6b4a}.welcome-copy h1{font-size:30px;font-weight:900;line-height:1.32;letter-spacing:-1px;margin:0;color:#211c16}.welcome-copy h1 em{font-style:normal;color:#ff6b4a}.welcome-copy p{font-size:15px;color:#8b8271;font-weight:500;line-height:1.55;margin:0}.welcome-copy .btn-primary{height:56px;border-radius:18px;background:#211c16;color:#fff;font-size:16px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:9px}.welcome-copy .btn-secondary{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;gap:9px}.legal-links{display:flex;gap:8px;justify-content:center;font-size:12px;color:#b4ab99;font-weight:500;line-height:1.6}.legal-links a{color:#8b8271;text-decoration:underline}.onboarding{min-height:100vh;display:grid;place-items:center;padding:32px;background:#faf6ee}.onboarding section{width:min(420px,100%);display:flex;flex-direction:column;gap:16px}.onboarding .emo-avatar{display:flex;justify-content:center;margin:10px 0}.onboarding h1{font-size:27px;font-weight:900;letter-spacing:-.8px;color:#211c16;margin:0}.onboarding p{color:#8b8271;font-weight:500;font-size:14.5px;margin:0;line-height:1.5}.onboarding input{width:100%;background:#fff;border:2px solid #EFE7D8;border-radius:18px;padding:17px 18px;font-size:19px;font-weight:800;color:#211c16;outline:0;transition:border-color .15s}.onboarding input:focus{border-color:#ff6b4a}.onboarding .valid-msg{font-size:13px;font-weight:700;color:#5bb98c;padding:0 4px}.onboarding button{height:56px;border-radius:18px;background:#ff6b4a;color:#fff;font-size:16.5px;font-weight:800;box-shadow:0 12px 24px -10px #ff6b4ab3}.onboarding .link-button{background:transparent;color:#8b8271;font-weight:700;font-size:14px;box-shadow:none}.inline-error{border-radius:16px;background:#fff0eb;border:1px solid #FFD9CD;color:#c24e30;padding:12px 16px;font-size:13px;font-weight:600}.sns-shell{min-height:100vh;max-width:720px;margin:0 auto;background:#faf6ee;position:relative;padding:68px 0 80px}.appbar{position:fixed;top:0;left:50%;transform:translate(-50%);z-index:20;width:min(720px,100vw);height:60px;padding:10px 20px;background:#faf6eee0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #EFE7D8}.brand{background:transparent;color:#211c16;padding:0;text-align:left;display:flex;align-items:center;gap:10px}.brand-icon{width:36px;height:36px;border-radius:12px;background:#ff6b4a;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 10px -4px #ff6b4a99}.brand strong{font-size:20px;font-weight:900;letter-spacing:-.6px}.brand em{font-style:normal;color:#ff6b4a}.appbar-actions{display:flex;gap:8px}.appbar-actions button{width:38px;height:38px;border-radius:13px;background:#fffdf9;border:1px solid #EFE7D8;color:#8b8271;font-weight:700;font-size:16px;display:flex;align-items:center;justify-content:center;position:relative}.notif-dot{position:absolute;top:9px;right:9px;width:7px;height:7px;border-radius:50%;background:#ff6b4a;border:1.5px solid #FFFDF9}.toast{position:fixed;top:70px;left:50%;transform:translate(-50%);z-index:40;width:min(680px,calc(100vw - 24px));border-radius:16px;background:#211c16;color:#fff;padding:13px 16px;font-size:14px;font-weight:600;box-shadow:0 12px 34px #211c164d}.today-strip{display:flex;gap:12px;overflow-x:auto;padding:14px 20px 12px;scroll-snap-type:x mandatory}.today-card{scroll-snap-align:start;flex:0 0 220px;border:1px solid #EFE7D8;border-radius:26px;background:#fff;padding:18px;text-align:left;color:#211c16;box-shadow:0 10px 26px -18px #211c164d}.today-card span{display:block;font-size:12px;color:#8b8271;font-weight:800}.today-card strong{display:block;font-size:22px;font-weight:900;margin:6px 0;letter-spacing:-.6px}.today-card p{margin:0;color:#b4ab99;font-size:12.5px;font-weight:600}.today-card.primary{background:#ff6b4a;color:#fff;border:none;box-shadow:0 16px 32px -14px #ff6b4abf;position:relative;overflow:hidden}.today-card.primary span{color:#ffffffd9}.today-card.primary p{color:#ffffffe6}.today-card.primary strong{font-size:20px;letter-spacing:-.6px;line-height:1.25}.action-card{background:#211c16;color:#fff;border:none;cursor:pointer}.action-card span{color:#ffffffb3}.action-card p{color:#fff9}.action-card strong{color:#fff}.feed-tabs{position:sticky;top:60px;z-index:10;padding:10px 20px;background:#faf6eee6;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.feed-tabs-inner{background:#f1e9da;border-radius:14px;padding:4px;display:flex}.feed-tabs button{flex:1;height:34px;border-radius:11px;background:transparent;color:#8b8271;font-size:13.5px;font-weight:700}.feed-tabs .active{background:#fff;color:#211c16;font-weight:800;box-shadow:0 2px 6px -3px #0003}.feed-list{display:grid;gap:14px;padding:14px 20px}.post{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-avatar{flex:none}.post-author{flex:1;min-width:0}.post-author strong{display:flex;align-items:center;gap:5px;font-size:14.5px;font-weight:800;color:#211c16}.post-author .handle,.post-author .time-label{font-size:11px;color:#b4ab99;font-weight:600}.follow-btn{font-size:12px;font-weight:800;color:#ff6b4a;background:#fff0eb;padding:5px 12px;border-radius:12px;flex:none}.following-btn{font-size:12px;font-weight:800;color:#b4ab99;background:transparent;padding:5px 12px;border-radius:12px;flex:none}.post-emotion-display{display:flex;align-items:center;gap:14px;margin:15px 0 4px}.post-emotion-label{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;background:transparent;color:#211c16;font-size:13px;font-weight:800;padding:0}.post-actions .heart{font-size:17px;color:#b4ab99}.post-actions .heart-active{font-size:17px;color:#ff6b4a}.post-actions .comment-icon{font-size:15px}.post-actions time{margin-left:auto;font-size:12px;font-weight:700;color:#b4ab99}.reaction-row{display:flex;gap:8px;overflow-x:auto;margin-top:12px;padding-bottom:2px}.reaction-row button{flex:0 0 auto;display:flex;align-items:center;gap:6px;background:#fffdf9;border:1px solid #EFE7D8;border-radius:14px;padding:6px 11px 6px 6px;font-size:13px;font-weight:800;color:#211c16}.empty-feed{margin:24px 20px;border:1px dashed #E4DBCB;border-radius:24px;padding:32px;text-align:center;background:#fffdf9}.empty-feed strong{display:block;font-size:18px;color:#211c16;margin-bottom:8px}.empty-feed p{margin:0;color:#8b8271;font-size:14px;font-weight:500}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);z-index:20;width:min(720px,100vw);padding:8px 12px 12px;background:#fffdf9eb;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-top:1px solid #EFE7D8;display:flex;justify-content:space-around;align-items:center}.bottom-nav button{display:flex;flex-direction:column;align-items:center;gap:4px;background:transparent;color:#b4ab99;font-size:13.5px;font-weight:700;padding:6px 12px;border-radius:14px}.bottom-nav .active{color:#ff6b4a;font-weight:800}.bottom-nav .active-dot{width:5px;height:5px;border-radius:50%;background:#ff6b4a}.bottom-nav .inactive-dot{width:5px;height:5px;border-radius:50%}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#211c1666;display:flex;align-items:flex-end;justify-content:center}.composer-sheet{width:min(720px,100vw);max-height:88vh;overflow:auto;border-radius:30px 30px 0 0;background:#fffdf9;padding:12px 22px 30px;box-shadow:0 -14px 40px -10px #211c164d}.sheet-handle{width:44px;height:5px;border-radius:3px;background:#e4dbcb;margin:0 auto 18px}.composer-sheet header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.composer-sheet header span{color:#b4ab99;font-weight:800;font-size:13px}.composer-sheet h2{font-size:26px;font-weight:900;letter-spacing:-.8px;color:#211c16;margin:4px 0 0;line-height:1.3}.composer-sheet header button{width:24px;height:24px;background:transparent;color:#211c16;font-size:24px;padding:0}.sheet-warning{border-radius:16px;background:#fff0eb;border:1px solid #FFD9CD;color:#c24e30;padding:12px 14px;font-size:13px;font-weight:600;margin:12px 0}.composer-groups{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}.composer-group-btn{background:#fff;border:1px solid #EFE7D8;border-radius:20px;padding:14px 6px 11px;display:flex;flex-direction:column;align-items:center;gap:7px;text-align:center}.composer-group-btn strong{font-size:13px;font-weight:700;color:#211c16}.composer-group-btn.selected{background:#fff0eb;border:2px solid #FF6B4A}.composer-group-btn.selected strong{font-weight:800;color:#ff6b4a}.intensity-row{display:flex;gap:11px;justify-content:center;margin:18px 0}.intensity-btn{display:flex;flex-direction:column;align-items:center;gap:8px}.intensity-btn .wrap{padding:8px;border-radius:18px;border:2px solid #EFE7D8}.intensity-btn .wrap.selected{border-color:#ff6b4a;background:#fff0eb}.intensity-btn span{font-size:11.5px;font-weight:700;color:#b4ab99}.intensity-btn span.selected{font-weight:800;color:#ff6b4a}.visibility-row{display:flex;gap:8px;margin:14px 0}.visibility-row label{display:block;font-size:11.5px;font-weight:800;color:#8b8271;margin-bottom:8px;padding-left:2px}.visibility-btn{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}.visibility-btn strong{font-size:13px;font-weight:700;color:#6b6258}.visibility-btn small{font-size:9.5px;font-weight:600;color:#b4ab99}.visibility-btn.selected{border:2px solid #FF6B4A;background:#fff0eb}.visibility-btn.selected strong{color:#ff6b4a}.visibility-btn.selected small{color:#c67c63}.submit-emotion{width:100%;height:58px;border-radius:18px;background:#ff6b4a;color:#fff;font-size:16.5px;font-weight:800;margin-top:16px;box-shadow:0 12px 24px -10px #ff6b4ab3}.discover-page{padding:18px 20px}.discover-page h2{font-size:22px;font-weight:900;letter-spacing:-.6px;color:#211c16;margin:6px 0 16px}.search-pill{display:flex;gap:8px;background:#fffdf9;border:1px solid #EFE7D8;border-radius:20px;padding:6px}.search-pill input{flex:1;border:0;outline:0;padding:10px 12px;background:transparent;font-size:14px;color:#211c16}.search-pill input::placeholder{color:#b4ab99}.search-pill button{border-radius:14px;background:#211c16;color:#fff;padding:0 18px;font-weight:800;font-size:13px}.creator-stack{display:grid;gap:12px;margin-top:16px}.creator-stack article{display:flex;align-items:center;gap:11px;background:#fff;border:1px solid #EFE7D8;border-radius:20px;padding:14px}.creator-info{flex:1;min-width:0}.creator-info strong{display:block;font-size:15px;font-weight:800;color:#211c16}.creator-info span{display:block;font-size:11.5px;color:#b4ab99;font-weight:600}.creator-stack .follow-btn,.creator-stack .following-btn{flex:none}.me-panel{padding:18px 20px;display:grid;gap:10px}.me-panel h2{font-size:22px;font-weight:900;letter-spacing:-.6px;color:#211c16;margin:6px 0 10px}.me-panel .settings-group{background:#fff;border:1px solid #EFE7D8;border-radius:20px;overflow:hidden}.me-panel a,.me-panel .settings-item{display:flex;align-items:center;justify-content:space-between;padding:15px 16px;text-decoration:none;font-size:14.5px;font-weight:700;color:#211c16;border-bottom:1px solid #F1E9DA}.me-panel a:last-child,.me-panel .settings-item:last-child{border-bottom:none}.me-panel .chevron{font-size:19px;color:#c6bca9}@media(min-width:960px){.sns-shell{margin-top:24px;margin-bottom:24px;border-radius:34px;overflow:hidden;min-height:calc(100vh - 48px);box-shadow:0 0 0 1px #efe7d8}.appbar{top:24px;border-radius:34px 34px 0 0}.bottom-nav{bottom:24px;border-radius:0 0 34px 34px}}@media(max-width:760px){.welcome{grid-template-columns:1fr;gap:28px;padding:22px}.welcome-phone{height:520px;order:2}.welcome-copy h1{font-size:26px}}@media(max-width:430px){.today-card{flex-basis:200px}.post{border-radius:20px}.composer-groups{grid-template-columns:repeat(3,1fr);gap:10px}.welcome-copy h1{font-size:24px}}