:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#211b18;background:#f4eee8}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{border:0;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.62}a{color:inherit}.center{min-height:100vh;display:grid;place-items:center}.welcome,.onboarding{min-height:100vh;display:grid;align-items:center;justify-content:center;padding:32px;background:linear-gradient(180deg,#fff8f1,#f0e3da)}.welcome{grid-template-columns:minmax(300px,430px) minmax(0,520px);gap:54px}.welcome-phone{height:720px;max-height:calc(100vh - 64px);border-radius:38px;background:#18100d;color:#fff;padding:24px;box-shadow:0 30px 90px #3b170e45;display:flex;flex-direction:column;justify-content:space-between}.mini-appbar{display:flex;justify-content:space-between;color:#dac0ae}.hero-emotion{border-radius:30px;padding:30px;background:linear-gradient(160deg,#ffe2c7,#b65d3b 58%,#321610)}.hero-emotion span,.hero-emotion p{color:#fff0e5}.hero-emotion strong{display:block;font-size:48px;line-height:1;margin:8px 0}.mini-feed{display:grid;gap:10px}.mini-feed span{display:block;border:1px solid #ffffff24;border-radius:18px;padding:16px;background:#ffffff12}.eyebrow,.welcome-copy .eyebrow{margin:0;color:#9b5236;font-weight:900}.welcome-copy h1{font-size:64px;line-height:.96;margin:8px 0 18px;letter-spacing:0}.welcome-copy p{font-size:18px;line-height:1.55;color:#5f4d45}.welcome-copy button{border-radius:999px;background:#211b18;color:#fff;padding:15px 22px;font-weight:900}.legal-links{display:flex;gap:16px;margin-top:24px;color:#7b6258}.onboarding{place-items:center}.onboarding section{width:min(460px,100%);border:1px solid #eadbd1;border-radius:28px;background:#fff;padding:26px;box-shadow:0 24px 70px #3b170e22}.onboarding h1{font-size:36px;line-height:1.05;margin:8px 0 12px;letter-spacing:-.03em}.onboarding p{color:#6f5a51;line-height:1.55}.onboarding input{width:100%;border:1px solid #d8c3b6;border-radius:16px;outline:0;padding:14px;background:#fffaf6;margin:12px 0}.onboarding button{width:100%;border-radius:16px;background:#241a16;color:#fff;padding:14px;font-weight:900}.onboarding .link-button{margin-top:8px;background:transparent;color:#6f3d2b}.inline-error{border-radius:14px;background:#fee2e2;color:#8e1717;padding:11px;margin:12px 0}.sns-shell{min-height:100vh;max-width:720px;margin:0 auto;background:#fff7f1;position:relative;padding:76px 0 96px;box-shadow:0 0 0 1px #eadbd1}.appbar{position:fixed;top:0;left:50%;transform:translate(-50%);z-index:20;width:min(720px,100vw);height:64px;padding:10px 16px;background:#fff9f5cc;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #eadbd1}.brand{background:transparent;color:#241a16;padding:0;text-align:left}.brand span{display:block;font-size:12px;color:#a35a3c;font-weight:900}.brand strong{font-size:22px;letter-spacing:0}.appbar-actions{display:flex;gap:8px}.appbar-actions button{width:38px;height:38px;border-radius:50%;background:#fff;border:1px solid #eadbd1;color:#5a3b2f;font-weight:900}.toast{position:fixed;top:74px;left:50%;transform:translate(-50%);z-index:40;width:min(680px,calc(100vw - 24px));border-radius:14px;background:#2d1713;color:#fff;padding:12px 14px;box-shadow:0 12px 34px #2d171330}.today-strip{display:flex;gap:10px;overflow-x:auto;padding:14px 16px 12px;scroll-snap-type:x mandatory}.today-card{scroll-snap-align:start;flex:0 0 220px;border:1px solid #eadbd1;border-radius:22px;background:#fff;padding:16px;text-align:left;color:#241a16}.today-card span{display:block;font-size:12px;color:#8c7065;font-weight:800}.today-card strong{display:block;font-size:24px;margin:5px 0}.today-card p{margin:0;color:#7c665d;font-size:13px}.today-card.primary{background:#241a16;color:#fff}.today-card.primary span,.today-card.primary p{color:#ecd6c7}.action-card{background:#ffdfc8}.feed-tabs{position:sticky;top:64px;z-index:10;display:flex;gap:8px;padding:8px 16px;background:#fff7f1d9;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid #eadbd1}.feed-tabs button{flex:1;border-radius:999px;padding:10px;background:transparent;color:#73594f;font-weight:900}.feed-tabs .active{background:#241a16;color:#fff}.feed-list{display:grid;gap:12px;padding:14px 12px}.post{background:#fff;border:1px solid #eadbd1;border-radius:24px;padding:14px;box-shadow:0 10px 34px #4c24100c}.post-head{display:grid;grid-template-columns:44px 1fr auto;gap:10px;align-items:center}.avatar{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#2a1b15;color:#fff;font-weight:900}.author strong{display:block}.author span,.post-emotion span,.post-emotion small{display:block;color:#8a7065;font-size:12px}.post-head button,.creator-stack button{border-radius:999px;padding:8px 12px;background:#f3e6dc;color:#6d3f2f;font-weight:900}.post-emotion{margin:14px 0;border-radius:26px;padding:28px 18px;min-height:190px;background:radial-gradient(circle at 20% 15%,#fff2d9,transparent 38%),linear-gradient(150deg,#ffd8bd,#eb8d68 55%,#462014);color:#fff;display:flex;flex-direction:column;justify-content:flex-end}.post-emotion span,.post-emotion small{color:#fff1e7}.post-emotion strong{font-size:46px;line-height:1;letter-spacing:0}.post-actions{display:flex;align-items:center;gap:8px;color:#846a60}.post-actions button{border-radius:999px;background:#fff4ec;color:#6b493e;padding:8px 11px;font-weight:900}.post-actions time{margin-left:auto;font-size:12px}.reaction-row{display:flex;gap:6px;overflow-x:auto;margin-top:12px;padding-bottom:2px}.reaction-row button{flex:0 0 auto;border-radius:999px;background:#f6eee8;color:#5b453d;padding:7px 10px;font-size:12px}.empty-feed{margin:34px 16px;border:1px dashed #d9c5b8;border-radius:24px;padding:28px;text-align:center;color:#745d54;background:#fff}.empty-feed strong{display:block;color:#2d211d;font-size:20px}.fab{position:fixed;z-index:30;right:calc(50% - 340px);bottom:92px;width:58px;height:58px;border-radius:50%;background:#241a16;color:#fff;font-size:30px;box-shadow:0 16px 42px #2b130d45}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);z-index:20;width:min(720px,100vw);height:76px;padding:8px 12px 12px;background:#fff9f5e6;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-top:1px solid #eadbd1;display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.bottom-nav button{border-radius:18px;background:transparent;color:#80685f;font-size:12px;font-weight:900}.bottom-nav span{display:block;font-size:20px;line-height:1.1}.bottom-nav .active{background:#241a16;color:#fff}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#1b0c0670;display:flex;align-items:flex-end;justify-content:center}.composer-sheet{width:min(720px,100vw);max-height:86vh;overflow:auto;border-radius:28px 28px 0 0;background:#fffaf6;padding:10px 16px 22px}.sheet-handle{width:48px;height:5px;border-radius:999px;background:#d6c0b3;margin:0 auto 14px}.composer-sheet header{display:flex;justify-content:space-between;align-items:center}.composer-sheet header span{color:#9b5236;font-weight:900;font-size:12px}.composer-sheet h2{margin:2px 0 0}.composer-sheet header button{border-radius:999px;background:#f1e4dc;color:#5d4036;padding:9px 12px;font-weight:900}.sheet-warning{border-radius:14px;background:#fff1d4;color:#765117;padding:11px}.composer-groups{display:grid;gap:18px}.composer-group h3{margin:0 0 8px}.composer-group div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.composer-group button{min-height:72px;border-radius:18px;background:#f5ece5;color:#2c211d;text-align:left;padding:13px;border:1px solid transparent}.composer-group button.selected{background:#241a16;color:#fff}.composer-group strong,.composer-group span{display:block}.composer-group span{font-size:12px;opacity:.72;margin-top:5px}.submit-emotion{width:100%;border-radius:18px;background:#a95738;color:#fff;padding:15px;margin-top:18px;font-weight:900}.discover-page,.me-panel{padding:18px 16px}.discover-page h2,.me-panel h2{font-size:30px;line-height:1.05;margin:6px 0 16px}.search-pill{display:grid;grid-template-columns:1fr auto;gap:8px;background:#fff;border:1px solid #eadbd1;border-radius:20px;padding:8px}.search-pill input{border:0;outline:0;padding:10px;background:transparent}.search-pill button{border-radius:15px;background:#241a16;color:#fff;padding:0 16px;font-weight:900}.creator-stack{display:grid;gap:10px;margin-top:14px}.creator-stack article{display:grid;grid-template-columns:44px 1fr auto;gap:10px;align-items:center;background:#fff;border:1px solid #eadbd1;border-radius:20px;padding:12px}.creator-stack strong,.creator-stack span{display:block}.creator-stack span{color:#80685f;font-size:12px}.me-panel{display:grid;gap:10px}.me-panel a{display:block;background:#fff;border:1px solid #eadbd1;border-radius:18px;padding:16px;text-decoration:none;font-weight:900}@media(min-width:960px){.sns-shell{margin-top:24px;margin-bottom:24px;border-radius:34px;overflow:hidden;min-height:calc(100vh - 48px)}.appbar{top:24px;border-radius:34px 34px 0 0}.bottom-nav{bottom:24px;border-radius:0 0 34px 34px}.fab{right:calc(50% - 320px)}}@media(max-width:760px){.welcome{grid-template-columns:1fr;gap:28px;padding:22px}.welcome-phone{height:520px;order:2}.welcome-copy h1{font-size:44px}.fab{right:18px}.post-emotion strong{font-size:40px}}@media(max-width:430px){.today-card{flex-basis:190px}.post{border-radius:20px}.post-emotion{min-height:170px}.composer-group div{grid-template-columns:1fr}.creator-stack article{grid-template-columns:40px 1fr}.creator-stack button{grid-column:2}.welcome-copy h1{font-size:38px}.onboarding h1{font-size:30px}}