:root{--bg: #FFF8E7;--surface: #FFFFFF;--ink: #0A0A0A;--ink-soft: #4A4A4A;--muted: #8A8A8A;--yellow: #FFE74C;--orange: #FF6B35;--cyan: #4CC9F0;--lime: #C5F04C;--pink: #FF6BB5;--violet: #B589FF;--border: 3px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-pill: 999px;--shadow-sm: 2px 2px 0 0 var(--ink);--shadow-md: 4px 4px 0 0 var(--ink);--shadow-lg: 6px 6px 0 0 var(--ink);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--font-display: "Archivo Black", "Plus Jakarta Sans", system-ui, sans-serif;--font-body: "Space Grotesk", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", ui-monospace, monospace;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}@media (max-width: 360px){:root{--border: 2px;--shadow-md: 3px 3px 0 0 var(--ink);--shadow-lg: 4px 4px 0 0 var(--ink)}}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:17px;line-height:1.5;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}html{scroll-behavior:smooth}#root{min-height:100dvh;display:flex;flex-direction:column}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:none;border:none;padding:0}a{color:var(--ink);text-decoration:none}img,video,audio{max-width:100%;display:block}h1,h2,h3{font-family:var(--font-display);margin:0;letter-spacing:-.01em;line-height:1.1}h1{font-size:2.25rem}h2{font-size:1.5rem}h3{font-size:1.125rem}p{margin:0}.app-shell{display:flex;flex-direction:column;min-height:100dvh;padding-bottom:calc(72px + var(--safe-bottom))}.main-content{flex:1;max-width:640px;width:100%;margin:0 auto;padding:var(--space-4)}.topbar{position:sticky;top:0;z-index:30;background:var(--bg);padding:calc(var(--safe-top) + var(--space-3)) var(--space-4) var(--space-3);border-bottom:var(--border) solid var(--ink)}.topbar-inner{max-width:640px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.topbar-logo{font-family:var(--font-display);font-size:1.25rem;letter-spacing:-.02em;display:flex;align-items:center;gap:var(--space-2)}.topbar-logo-mark{width:36px;height:36px;background:var(--yellow);border:var(--border) solid var(--ink);border-radius:var(--radius-md);display:grid;place-items:center;font-family:var(--font-display);font-size:1rem}.bottombar{position:fixed;left:0;right:0;bottom:0;z-index:40;background:var(--surface);border-top:var(--border) solid var(--ink);padding-bottom:var(--safe-bottom)}.bottombar-inner{max-width:640px;margin:0 auto;display:grid;grid-template-columns:repeat(2,1fr);align-items:stretch;padding:var(--space-2) var(--space-3);gap:var(--space-2)}.bottombar-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:10px 8px;font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;border-radius:var(--radius-md);font-weight:700}.bottombar-item.active{background:var(--yellow);border:var(--border) solid var(--ink);box-shadow:var(--shadow-sm)}.bottombar-item-icon{font-size:18px;line-height:1}.chips-row{display:flex;gap:var(--space-2);overflow-x:auto;overflow-y:hidden;padding:var(--space-3) 0;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none}.chips-row::-webkit-scrollbar{display:none}.chip{flex:0 0 auto;scroll-snap-align:start;display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border:var(--border) solid var(--ink);border-radius:var(--radius-pill);background:var(--surface);font-family:var(--font-mono);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;transition:transform 60ms}.chip-dot{width:8px;height:8px;border-radius:50%;border:1.5px solid var(--ink);background:var(--yellow)}.chip.active{background:var(--ink);color:var(--bg)}.chip.active .chip-dot{border-color:var(--bg)}.chip:active{transform:translate(1px,1px)}.post-card{position:relative;background:var(--surface);border:var(--border) solid var(--ink);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:0;margin-bottom:var(--space-5);overflow:hidden}.post-card-meta{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4) 0;font-family:var(--font-mono);font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft)}.post-tag{display:inline-flex;align-items:center;padding:4px 10px;border:2px solid var(--ink);border-radius:var(--radius-pill);font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;background:var(--yellow);color:var(--ink)}.post-body{padding:var(--space-3) var(--space-4) var(--space-4)}.post-title{font-family:var(--font-display);font-size:1.375rem;margin:var(--space-1) 0 var(--space-2);line-height:1.15}.post-text{font-size:1rem;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--ink)}.post-image-grid{display:grid;gap:0}.post-image-grid img{width:100%;height:auto;aspect-ratio:4 / 3;object-fit:cover;border-bottom:var(--border) solid var(--ink);background:var(--bg)}.post-image-grid.cols-2{grid-template-columns:1fr 1fr;border-bottom:var(--border) solid var(--ink)}.post-image-grid.cols-2 img{aspect-ratio:1;border-bottom:0}.post-image-grid.cols-2 img+img{border-left:var(--border) solid var(--ink)}.audio-player{background:var(--cyan);border-bottom:var(--border) solid var(--ink);display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4)}.audio-play-btn{width:56px;height:56px;flex:0 0 56px;border:var(--border) solid var(--ink);background:var(--yellow);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);display:grid;place-items:center;font-size:22px;transition:transform 60ms}.audio-play-btn:active{transform:translate(2px,2px);box-shadow:0 0 0 0 var(--ink)}.audio-progress-wrap{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.audio-progress{position:relative;height:8px;background:var(--surface);border:2px solid var(--ink);border-radius:var(--radius-pill);overflow:hidden}.audio-progress-fill{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--ink);width:0%;transition:width 80ms linear}.audio-meta{display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:11px;letter-spacing:.05em}.audio-download{display:inline-flex;align-items:center;justify-content:center;margin:var(--space-3) var(--space-4) 0;font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);text-decoration:underline}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:12px 18px;border:var(--border) solid var(--ink);border-radius:var(--radius-md);background:var(--yellow);font-family:var(--font-body);font-weight:700;font-size:15px;letter-spacing:.02em;box-shadow:var(--shadow-md);transition:transform 70ms,box-shadow 70ms;text-decoration:none;color:var(--ink);min-height:48px}.btn:active{transform:translate(3px,3px);box-shadow:1px 1px 0 0 var(--ink)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-ghost{background:var(--surface)}.btn-orange{background:var(--orange);color:#fff}.btn-cyan{background:var(--cyan)}.btn-lime{background:var(--lime)}.btn-pink{background:var(--pink)}.btn-danger{background:#ff4848;color:#fff}.btn-block{width:100%}.btn-icon{width:48px;height:48px;padding:0}.fab{position:fixed;right:calc(var(--space-4));bottom:calc(88px + var(--safe-bottom));z-index:50;width:64px;height:64px;border:var(--border) solid var(--ink);background:var(--orange);color:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);display:grid;place-items:center;font-size:28px;font-weight:800}.fab:active{transform:translate(3px,3px);box-shadow:2px 2px 0 0 var(--ink)}.field{margin-bottom:var(--space-4)}.field-label{display:block;font-family:var(--font-mono);font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px;color:var(--ink-soft)}.input,.textarea,.select{width:100%;padding:12px 14px;border:var(--border) solid var(--ink);border-radius:var(--radius-md);background:var(--surface);font-size:16px;font-family:var(--font-body);box-shadow:var(--shadow-sm)}.input:focus,.textarea:focus,.select:focus{outline:none;box-shadow:var(--shadow-md)}.textarea{min-height:160px;resize:vertical;line-height:1.5}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--ink) 50%),linear-gradient(135deg,var(--ink) 50%,transparent 50%);background-position:calc(100% - 18px) 22px,calc(100% - 12px) 22px;background-size:6px 6px,6px 6px;background-repeat:no-repeat;padding-right:36px}.type-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2);margin-bottom:var(--space-5)}.type-tab{border:var(--border) solid var(--ink);border-radius:var(--radius-md);background:var(--surface);padding:var(--space-3) var(--space-2);font-family:var(--font-mono);font-weight:700;letter-spacing:.06em;font-size:11.5px;text-transform:uppercase;display:flex;flex-direction:column;gap:4px;align-items:center}.type-tab .type-tab-icon{font-size:22px}.type-tab.active{box-shadow:var(--shadow-sm);transform:translate(-1px,-1px)}.type-tab.active.text{background:var(--lime)}.type-tab.active.image{background:var(--pink)}.type-tab.active.audio{background:var(--cyan)}.recorder-box{border:var(--border) solid var(--ink);border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow-sm);padding:var(--space-4);text-align:center}.recorder-blob{width:96px;height:96px;border-radius:50%;border:var(--border) solid var(--ink);display:grid;place-items:center;margin:var(--space-3) auto;background:var(--orange);color:#fff;font-family:var(--font-display);font-size:14px;letter-spacing:.04em;box-shadow:var(--shadow-sm)}.recorder-blob.is-recording{animation:pulse 1.1s ease-in-out infinite;background:#ff4848}.recorder-time{font-family:var(--font-mono);font-size:20px;font-weight:700;letter-spacing:.05em;margin-top:var(--space-2)}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.image-uploader{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2)}.image-thumb,.image-add{aspect-ratio:1;border:var(--border) solid var(--ink);border-radius:var(--radius-md);background:var(--surface);display:grid;place-items:center;overflow:hidden;position:relative}.image-thumb img{width:100%;height:100%;object-fit:cover}.image-thumb .image-thumb-remove{position:absolute;top:4px;right:4px;width:28px;height:28px;background:var(--ink);color:#fff;border-radius:50%;font-size:14px;display:grid;place-items:center;border:2px solid #fff}.image-add{border-style:dashed;font-size:28px;color:var(--ink-soft)}.empty{text-align:center;padding:var(--space-7) var(--space-4)}.empty-emoji{font-size:48px;margin-bottom:var(--space-3)}.empty-title{font-family:var(--font-display);font-size:1.5rem}.empty-text{color:var(--ink-soft);margin-top:var(--space-2)}.toast-stack{position:fixed;left:0;right:0;top:calc(var(--safe-top) + 12px);z-index:100;display:flex;flex-direction:column;gap:8px;align-items:center;pointer-events:none}.toast{pointer-events:auto;background:var(--ink);color:var(--bg);border:var(--border) solid var(--ink);border-radius:var(--radius-md);padding:12px 18px;font-family:var(--font-mono);font-size:13px;font-weight:700;letter-spacing:.03em;box-shadow:var(--shadow-md)}.toast.error{background:#ff4848}.toast.success{background:var(--lime);color:var(--ink)}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0a0aeb;z-index:90;display:grid;place-items:center;padding:var(--space-4)}.lightbox img{max-width:100%;max-height:100dvh;border:var(--border) solid var(--yellow)}.lightbox-close{position:fixed;top:calc(var(--safe-top) + 12px);right:16px;width:44px;height:44px;background:var(--yellow);border:var(--border) solid var(--ink);border-radius:var(--radius-md);display:grid;place-items:center;font-size:22px}.admin-list-item{display:flex;gap:var(--space-3);align-items:center;padding:var(--space-3);background:var(--surface);border:var(--border) solid var(--ink);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);margin-bottom:var(--space-3)}.admin-list-item-thumb{width:56px;height:56px;flex:0 0 56px;border:2px solid var(--ink);border-radius:var(--radius-sm);background:var(--yellow);display:grid;place-items:center;font-size:20px}.admin-list-item-thumb img{width:100%;height:100%;object-fit:cover}.admin-list-item-body{flex:1;min-width:0}.admin-list-item-body .meta{font-family:var(--font-mono);font-size:11px;color:var(--muted);letter-spacing:.04em}.admin-list-item-body .title{font-weight:700}.section-head{display:flex;align-items:baseline;justify-content:space-between;margin:var(--space-5) 0 var(--space-3)}.section-head h2{font-size:1.25rem}.cat-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border:var(--border) solid var(--ink);border-radius:var(--radius-pill);background:var(--surface);box-shadow:var(--shadow-sm);font-family:var(--font-mono);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-right:var(--space-2);margin-bottom:var(--space-2)}.cat-pill-dot{width:12px;height:12px;border-radius:50%;border:1.5px solid var(--ink)}.update-banner{position:fixed;left:12px;right:12px;bottom:calc(96px + var(--safe-bottom));z-index:80;background:var(--yellow);border:var(--border) solid var(--ink);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:12px 16px;display:flex;align-items:center;gap:12px;font-weight:700}.update-banner button{background:var(--ink);color:var(--bg);padding:8px 12px;border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:12px;font-weight:700;letter-spacing:.05em}.stack{display:flex;flex-direction:column;gap:var(--space-3)}.row{display:flex;gap:var(--space-2);align-items:center}.row.between{justify-content:space-between}.muted{color:var(--ink-soft)}.mono{font-family:var(--font-mono);font-size:12px;letter-spacing:.05em}.spinner{width:24px;height:24px;border:3px solid var(--ink);border-top-color:transparent;border-radius:50%;animation:spin .7s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.center{display:grid;place-items:center;min-height:60dvh}