*{box-sizing:border-box}body{margin:0;background:#edf0f6;font-family:Arial;color:#15151d}.app{max-width:520px;margin:auto;min-height:100vh;background:#f8f8fb}header{height:64px;background:white;display:flex;justify-content:space-between;align-items:center;padding:0 20px;position:sticky;top:0;z-index:2;border-bottom:1px solid #eee}header b{font-size:24px}main{padding-bottom:90px}.screen{display:none;padding:25px 18px;min-height:calc(100vh - 64px)}.screen.active{display:block}h1{font-size:32px}.stories{display:flex;gap:12px;margin:25px 0;overflow:auto}.stories button{border:0;background:#e1e1ea;border-radius:20px;width:70px;height:90px;font-weight:900;font-size:22px;flex:none}.stories small,nav small{display:block;font-size:10px;margin-top:6px}article,.item,.storycard{background:white;border-radius:18px;padding:17px;margin:12px 0;box-shadow:0 3px 16px #00000008}article small{color:#888}article footer{margin-top:15px;font-weight:bold}.item{position:relative;cursor:pointer}.item span{position:absolute;right:16px;font-size:25px;color:#999}.item small,.item p{display:block;color:#777;margin:6px 0}.item button{float:right;margin-top:-25px}.search{display:flex;gap:8px;margin:15px 0}.search input{flex:1;padding:13px;border:1px solid #ddd;border-radius:13px;font-size:15px}.search button,.item button,.wide{border:0;background:#15151d;color:white;padding:12px 15px;border-radius:12px;font-weight:bold}.storycard>div{width:65px;height:65px;border-radius:50%;display:grid;place-items:center;background:#ddd;font-size:25px;font-weight:bold;margin-bottom:12px}.wide{width:100%;margin-top:10px}nav{position:fixed;bottom:0;height:72px;width:100%;max-width:520px;background:white;border-top:1px solid #ddd;display:flex;z-index:5}nav button{flex:1;border:0;background:white;color:#777;font-size:22px}nav button.active{color:#111;font-weight:bold}#toast{position:fixed;bottom:88px;left:50%;transform:translateX(-50%);background:#15151d;color:white;padding:12px 16px;border-radius:12px;opacity:0;transition:.2s;z-index:9}.show{opacity:1!important}