:root{color:#1c2e4a;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--text-strong:#1c2e4a;--muted:#6d7f99;--border:#d9e3f0;--accent-strong:#1886f4;--accent-deep:#0f61d8;--accent-soft:#1886f41f;background:#f3f6fb;font-family:Segoe UI,Trebuchet MS,Avenir Next,sans-serif;font-weight:400;line-height:1.5}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{background:#f3f6fb;min-width:320px;min-height:100svh;margin:0}a,button,input{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible{outline-offset:2px;outline:3px solid #1886f438}#root{min-height:100svh}h1,h2,h3,p{margin:0}h1,h2,h3{color:var(--text-strong);font-family:Segoe UI,Trebuchet MS,Avenir Next,sans-serif}h1{letter-spacing:-.05em;font-size:clamp(2rem,6vw,2.7rem);line-height:1.02}h2{letter-spacing:-.04em;font-size:clamp(1.3rem,4vw,1.8rem);line-height:1.08}.app-shell{width:min(100%,560px);margin:0 auto;padding:0 16px 80px}.topbar{z-index:10;border-bottom:1px solid var(--border);background:#fff;justify-content:space-between;align-items:center;gap:12px;min-height:72px;margin:0 -16px;padding:12px 16px;display:flex;position:sticky;top:0;box-shadow:0 8px 20px #133d7f0d}.brand{align-items:center;min-width:0;display:flex}.brand-logo{object-fit:contain;width:auto;max-width:132px;height:34px;display:block}.topbar-balance{flex:none;align-items:center;gap:8px;display:flex}.page-heading{padding:22px 0 16px}.page-heading h1{margin:0}.balance-chip{border:1px solid var(--border);min-height:38px;color:var(--text-strong);background:#fff;border-radius:999px;align-items:center;gap:8px;padding:0 10px 0 13px;font-size:15px;font-weight:700;display:inline-flex;box-shadow:0 10px 24px #133d7f0f}.locus-icon{flex:0 0 22px;width:22px;height:22px;display:block}.locus-icon--small{flex:0 0 16px;width:16px;height:16px}.content{gap:16px;display:grid}.section-kicker{text-transform:uppercase;letter-spacing:.14em;color:var(--accent-strong);align-items:center;font-size:11px;font-weight:700;display:inline-flex}.section-text,.post-card__meta,.post-card__id,.post-card__idle,.cart-empty,.cart-item span,.cart-item__actions span{color:var(--muted)}.state-card,.post-card{border:1px solid var(--border);background:#fff;border-radius:24px;box-shadow:0 12px 32px #133d7f0d}.state-card{gap:14px;padding:20px;display:grid}.state-card--loading{grid-template-columns:auto 1fr;align-items:center}.state-card--error{border-color:#ea606038}.loader{border:3px solid #1886f426;border-top-color:var(--accent-strong);border-radius:50%;width:42px;height:42px;animation:.8s linear infinite spin}.state-actions{display:flex}.primary-button{background:var(--accent-strong);color:#fff;width:100%;height:50px;font:inherit;border:none;border-radius:999px;font-weight:700;transition:transform .2s,box-shadow .2s;box-shadow:0 14px 28px #1886f438}.primary-button:hover{transform:translateY(-1px);box-shadow:0 16px 30px #1886f447}.filter-row{scrollbar-width:none;gap:10px;margin:-4px -16px -12px;padding:4px 16px 20px;display:flex;overflow-x:auto}.filter-row::-webkit-scrollbar{display:none}.filter-pill{min-height:44px;color:var(--accent-deep);font:inherit;background:#fff;border:1px solid #1886f438;border-radius:999px;flex:none;align-items:center;gap:10px;padding:0 16px;font-weight:600;transition:transform .2s,border-color .2s,box-shadow .2s,background .2s,color .2s;display:inline-flex}.filter-pill b{background:var(--accent-soft);min-width:28px;height:28px;color:var(--accent-strong);border-radius:999px;justify-content:center;align-items:center;padding:0 8px;font-size:12px;display:inline-flex}.filter-pill--active{background:var(--accent-strong);border-color:var(--accent-strong);color:#fff;box-shadow:0 14px 14px #1886f429}.filter-pill--active b{color:#fff;background:#ffffff2e}.post-list{gap:14px;display:grid}.post-card{border-left-width:4px;gap:16px;padding:18px;transition:transform .2s,box-shadow .2s;display:grid}.clickable-card{cursor:pointer}.clickable-card:hover{transform:translateY(-2px);box-shadow:0 16px 40px #133d7f14}.post-card--ready{border-left-color:#dce4ee}.post-card--up,.post-card--extend,.post-card--both{border-left-color:var(--accent-strong)}.post-card__top,.post-card__meta,.cart-summary,.cart-footer,.cart-item{justify-content:space-between;align-items:center;gap:12px;display:flex}.post-card__top{align-items:flex-start}.post-card__title-wrap{min-width:0}.post-card__id{letter-spacing:.08em;text-transform:uppercase;margin:0 0 6px;font-size:12px}.post-card h3{color:var(--text-strong);margin:0;font-size:21px;line-height:1.24}.post-card__meta{flex-wrap:wrap;font-size:14px}.post-card__meta a{color:var(--accent-strong);font-weight:600;text-decoration:none}.action-grid{gap:10px;display:grid}.action-card{border:1px solid var(--border);background:#fff;border-radius:14px;min-height:56px;padding:8px;transition:transform .2s,border-color .2s,box-shadow .2s,background .2s}.action-card--selected{background:#1886f41a;border-color:#1886f499;box-shadow:0 16px 30px #1886f424}.action-toggle{width:100%;min-height:44px;color:var(--text-strong);font:inherit;text-align:left;opacity:1;background:0 0;border:0;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;padding:0 12px 0 6px;font-weight:700;display:flex}.action-toggle__left{align-items:center;gap:10px;display:flex}.action-icon{color:#fff;background:linear-gradient(135deg,#1886f4,#0f62bd);border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.action-toggle__price{color:#5a6f8d;align-items:center;gap:4px;font-size:14px;font-weight:600;display:flex}.action-card--selected .action-toggle,.action-card--selected .action-toggle__price{color:var(--accent-deep)}.action-toggle:disabled{color:var(--text-strong);cursor:default;opacity:1}.action-toggle:disabled strong{color:#7a8ca8}.post-card__idle{background:#f4f7fb;border-radius:18px;padding:14px 16px}.filter-pill:hover,.cart-summary:hover{transform:translateY(-1px)}.filter-pill:hover{box-shadow:0 14px 28px #133d7f14}.cart-pill{z-index:20;background:var(--accent-strong);color:#fff;height:48px;font:inherit;cursor:pointer;border:none;border-radius:999px;align-items:center;gap:10px;padding:0 20px;font-size:15px;font-weight:700;animation:.3s cubic-bezier(.16,1,.3,1) pillPop;display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 12px 32px #1886f452}.cart-pill__divider{background:#ffffff4d;width:1px;height:18px}.cart-pill__total{align-items:center;gap:4px;display:flex}@keyframes pillPop{0%{opacity:0;transform:translate(-50%)scale(.8)}to{opacity:1;transform:translate(-50%)scale(1)}}.page-heading--back{align-items:center;gap:12px;display:flex}.back-button{color:var(--accent-strong);font:inherit;cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;padding:0;font-weight:700;display:flex}.cart-list{gap:14px;display:grid}.cart-card{border:1px solid var(--border);background:#fff;border-radius:24px;gap:14px;padding:18px;display:grid;box-shadow:0 12px 32px #133d7f0d}.cart-card__head h3{color:var(--text-strong);margin:0;font-size:18px;line-height:1.3}.cart-card__actions{gap:10px;display:grid}.cart-action-row{background:#f4f7fb;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.cart-action-row__info{align-items:center;gap:10px;display:flex}.cart-action-row__info div{gap:2px;display:grid}.cart-action-row__info b{color:var(--text-strong);font-size:14px}.cart-action-row__info span:not(.action-icon){color:var(--muted);font-size:13px}.cart-action-row__right{align-items:center;gap:10px;display:flex}.cart-action-row__price{color:var(--text-strong);align-items:center;gap:4px;font-weight:700;display:flex}.cart-action-remove{color:#d94343;cursor:pointer;background:#ea60601a;border:none;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;transition:background .15s;display:flex}.cart-action-remove:hover{background:#ea60602e}.cart-total-card{border:1px solid var(--border);background:#fff;border-radius:24px;gap:16px;padding:20px;display:grid;box-shadow:0 12px 32px #133d7f0d}.cart-total-row{justify-content:space-between;align-items:center;display:flex}.cart-total-row span{color:var(--muted);font-weight:600}.cart-total-value{color:var(--text-strong);align-items:center;gap:6px;font-size:22px;font-weight:700;display:flex}.cart-warning{color:#d94343;background:#ea606014;border-radius:12px;margin:0;padding:10px 14px;font-size:14px;font-weight:600}@keyframes sheetFadeIn{0%{opacity:0}to{opacity:1}}@keyframes sheetFadeOut{0%{opacity:1}to{opacity:0}}@keyframes sheetSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes sheetSlideDown{0%{transform:translateY(0)}to{transform:translateY(100%)}}.sheet-backdrop{z-index:30;background:#0e192a57;align-items:flex-end;animation:.3s cubic-bezier(.16,1,.3,1) forwards sheetFadeIn;display:flex;position:fixed;inset:0}.sheet-backdrop--closing{animation:.2s forwards sheetFadeOut}.bottom-sheet{background:#fff;border-radius:24px 24px 0 0;width:100%;max-width:560px;margin:0 auto;padding:12px 16px 24px;animation:.4s cubic-bezier(.16,1,.3,1) forwards sheetSlideUp;box-shadow:0 -18px 38px #133d7f24}.bottom-sheet--closing{animation:.2s forwards sheetSlideDown}.bottom-sheet__handle{background:#d6e0ec;border-radius:999px;width:42px;height:5px;margin:0 auto 16px}.bottom-sheet__head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.bottom-sheet__post{color:var(--muted);margin-top:8px}.sheet-close{color:var(--accent-strong);font:inherit;background:0 0;border:0;font-weight:700}.sheet-options{gap:10px;margin-top:18px;display:grid}.sheet-option{border:1px solid var(--border);min-height:54px;color:var(--text-strong);font:inherit;text-align:left;background:#fff;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:0 14px;display:flex}.sheet-option strong{align-items:center;gap:6px;display:flex}.sheet-option--selected{background:#1886f40f;border-color:#1886f466;box-shadow:0 12px 24px #1886f414}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=639px){.post-card__top,.post-card__meta{flex-direction:column;align-items:flex-start}.brand-logo{max-width:116px;height:30px}.action-toggle{flex-direction:column;align-items:flex-start;gap:8px;padding-top:6px;padding-bottom:6px}.bottom-sheet__head{flex-direction:column;align-items:flex-start}}