:root{--linen: #F5EFE6;--taupe: #C4A882;--sage: #8FAF8A;--blush: #E8C4B8;--mocha: #5C4033;--white: #FAF9F7;--taupeLight: #EDE0CE;--sageLight: #D4E8D0;--text: #3A2E28;--muted: #8B7E74}*{box-sizing:border-box}html,body{margin:0;background:#efe9dd}.app-shell{font-family:DM Sans,Helvetica Neue,sans-serif;background:var(--white);min-height:100vh;max-width:430px;margin:0 auto;position:relative;padding-bottom:80px}.screen{padding:0 0 16px}.px{padding-left:20px;padding-right:20px}.feed-list{display:block}.kaynak-grid{padding:16px 20px 0;display:grid;grid-template-columns:1fr 1fr;gap:10px}.nav-top{display:none}.nav-bottom{display:flex;justify-content:space-around}@media (min-width: 880px){.app-shell{max-width:none;margin:0;padding-bottom:0;background:transparent}.screen{max-width:1100px;margin:0 auto;background:var(--white);padding-bottom:48px}.px{padding-left:48px;padding-right:48px}.feed-list{max-width:720px;margin:0 auto}.kaynak-grid{grid-template-columns:repeat(3,1fr);max-width:1100px;margin:0 auto;padding:20px 48px 0;gap:16px}.nav-top{display:flex;align-items:center;justify-content:space-between;background:var(--white);border-bottom:1px solid var(--taupeLight);padding:18px 48px;position:sticky;top:0;z-index:50}.nav-bottom{display:none}}