*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#fbf7f0;--ink:#16110d;--ac:#ff4d2e;--pink:#ff5c8a;--yellow:#ffc93c;--green:#2bd2a6;--sub:#16110d66;--font-logo:"Yusei Magic", sans-serif;--font-body:"Zen Kaku Gothic New", sans-serif;--font-mono:"Space Mono", monospace}html,body{background:var(--bg);color:var(--ink);font-family:var(--font-body);height:100%}.wrap{max-width:430px;min-height:100vh;margin:0 auto;position:relative;overflow-x:hidden}.hdr{z-index:8;background:var(--bg);border-bottom:2.5px solid var(--ink);padding:52px 16px 12px;position:sticky;top:0}.hdr-row{align-items:center;gap:8px;display:flex}.hdr-logo{font-family:var(--font-logo);color:var(--ink);background:var(--yellow);border:2.5px solid var(--ink);-webkit-user-select:none;user-select:none;border-radius:13px;padding:4px 10px;font-size:30px;line-height:.9;display:inline-block;transform:rotate(-2deg)}.hdr-count{background:var(--ink);color:#fff;font-family:var(--font-mono);white-space:nowrap;border-radius:19px;align-items:center;height:38px;margin-left:auto;padding:0 11px;font-size:13px;font-weight:700;display:flex}.hdr-random{border:2.5px solid var(--ink);background:var(--green);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:18px;display:flex}.hdr-random:active{opacity:.75}.view-toggle{gap:6px;margin-top:11px;display:flex}.vtbtn{border:2px solid var(--ink);height:34px;color:var(--ink);font-family:var(--font-body);cursor:pointer;background:0 0;border-radius:11px;flex:1;font-size:13px;font-weight:700;transition:background .12s,color .12s}.vtbtn.active{background:var(--ink);color:#fff}@keyframes fadein{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.feed-list{padding-bottom:110px}.card{padding:16px 16px 0;animation:.25s fadein}.card-title-row{align-items:baseline;gap:8px;padding:0 2px 10px;display:flex}.card-caption{font-family:var(--font-body);color:var(--ink);text-overflow:ellipsis;white-space:nowrap;max-width:140px;font-size:17px;font-weight:700;overflow:hidden}.card-time{font-family:var(--font-mono);color:var(--pink);white-space:nowrap;font-size:12px;font-weight:700}.card-age{font-family:var(--font-mono);color:var(--sub);margin-left:auto;font-size:12px;font-weight:400}.card-photo-wrap{border:3px solid var(--ink);border-radius:24px;position:relative;overflow:hidden;box-shadow:0 8px #16110d1f}.card-img{aspect-ratio:1;object-fit:cover;width:100%;display:block}.card-reacts{gap:8px;display:flex;position:absolute;bottom:10px;left:10px;right:10px}.rbtn{border:2.5px solid var(--ink);height:46px;color:var(--ink);font-family:var(--font-body);cursor:pointer;box-shadow:0 3px 0 var(--ink);background:#ffffffeb;border-radius:23px;flex:1;justify-content:center;align-items:center;gap:3px;transition:transform .1s,background .1s;display:flex}.rbtn-0{transform:rotate(-3deg)}.rbtn-1{transform:rotate(2deg)}.rbtn-2{transform:rotate(-2deg)}.rbtn-0.on{background:var(--ac);color:#fff}.rbtn-1.on,.rbtn-2.on{background:#f0f0f0}.rbtn:active{opacity:.8}.rbtn-emoji{font-size:18px}.rbtn-label{font-family:var(--font-body);font-size:14px;font-weight:700}.rbtn-count{font-family:var(--font-mono);font-size:11px;font-weight:700}.card-own-badge{font-family:var(--font-logo);color:var(--ink);background:var(--yellow);border:2px solid var(--ink);box-shadow:0 2px 0 var(--ink);-webkit-user-select:none;user-select:none;pointer-events:none;border-radius:10px;padding:3px 9px;font-size:13px;position:absolute;top:12px;left:12px;transform:rotate(-4deg)}.card-delete{border:1.5px solid var(--ink);cursor:pointer;background:#ffffffd9;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:14px;display:flex;position:absolute;top:10px;right:10px}.feed-grid{grid-template-columns:1fr 1fr;gap:11px;padding:14px 16px 110px;display:grid}.card-grid{border:2.5px solid var(--ink);cursor:pointer;border-radius:18px;animation:.2s fadein;position:relative;overflow:hidden;box-shadow:0 5px #16110d1f}.card-grid-img{aspect-ratio:1;object-fit:cover;width:100%;display:block}.card-grid-badge{border:2px solid var(--ink);background:#ffffffe6;border-radius:14px;align-items:center;gap:4px;height:28px;padding:0 9px;font-size:14px;display:flex;position:absolute;bottom:8px;left:8px}.card-grid-badge-count{font-family:var(--font-mono);font-size:12px;font-weight:700}.fab{background:var(--ac);color:#fff;border:2.5px solid var(--ink);box-shadow:3px 4px 0 var(--ink);font-family:var(--font-logo);cursor:pointer;white-space:nowrap;z-index:5;border-radius:30px;align-items:center;gap:8px;height:58px;padding:0 28px 0 22px;font-size:20px;display:flex;position:fixed;bottom:30px;left:50%;transform:translate(-50%)}.fab:active{opacity:.85}.ov{background:var(--bg);z-index:20;flex-direction:column;justify-content:center;align-items:center;padding:32px 24px;display:flex;position:fixed;inset:0}.ov-tag{font-family:var(--font-mono);letter-spacing:.18em;color:var(--sub);text-transform:uppercase;margin-bottom:24px;font-size:11px}.zone{aspect-ratio:1;border:2.5px dashed var(--ink);cursor:pointer;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;gap:12px;width:100%;max-width:340px;transition:background .15s;display:flex}.zone:hover{background:#16110d0a}.zone-ico{font-size:40px}.zone-lbl{font-family:var(--font-body);color:var(--ink);font-size:14px;font-weight:700}.prev-img{aspect-ratio:1;object-fit:cover;border:3px solid var(--ink);border-radius:24px;width:100%;max-width:340px;display:block}.row{gap:10px;margin-top:22px;display:flex}.btnp{background:var(--ac);color:#fff;border:2.5px solid var(--ink);box-shadow:2px 3px 0 var(--ink);font-family:var(--font-body);cursor:pointer;border-radius:14px;padding:12px 28px;font-size:15px;font-weight:700}.btnp:disabled{opacity:.55;cursor:not-allowed}.btng{color:var(--ink);border:2px solid var(--ink);font-family:var(--font-body);cursor:pointer;background:0 0;border-radius:14px;padding:12px 22px;font-size:15px;font-weight:700}.status{font-family:var(--font-body);color:var(--ink);text-align:center;margin:20px 0;font-size:20px;font-weight:700;line-height:2}.ac{color:var(--ac)}.random-overlay{z-index:20;background:#16110d8c;justify-content:center;align-items:center;padding:24px 16px;display:flex;position:fixed;inset:0}.random-modal{background:var(--bg);border:2.5px solid var(--ink);border-radius:24px;width:100%;max-width:400px;max-height:90vh;padding-bottom:16px;position:relative;overflow-y:auto}.random-close{color:var(--ink);cursor:pointer;z-index:1;background:0 0;border:none;font-size:20px;position:absolute;top:10px;right:12px}.random-label{font-family:var(--font-mono);letter-spacing:.18em;color:var(--sub);padding:14px 16px 0;font-size:12px}@keyframes spin{to{transform:rotate(360deg)}}.spinner{border:2.5px solid #16110d26;border-top-color:var(--ac);border-radius:50%;width:24px;height:24px;margin:20px auto;animation:.8s linear infinite spin}.empty{font-family:var(--font-mono);letter-spacing:.12em;color:var(--sub);text-align:center;padding:60px 0;font-size:12px}@keyframes blink{50%{opacity:0}}.blink{animation:1s step-end infinite blink}.err-toast{background:var(--ink);color:var(--bg);font-family:var(--font-mono);letter-spacing:.08em;z-index:30;pointer-events:none;white-space:nowrap;border-radius:20px;padding:10px 20px;font-size:11px;position:fixed;bottom:100px;left:50%;transform:translate(-50%)}.success-toast{background:var(--ac);color:#fff;font-family:var(--font-mono);z-index:30;pointer-events:none;white-space:nowrap;border-radius:20px;padding:10px 20px;font-size:11px;position:fixed;bottom:100px;left:50%;transform:translate(-50%)}