:root{--color-bg: #1d1712;--color-bg-2: #241c15;--color-surface: rgba(255, 238, 220, .05);--color-surface-strong: rgba(255, 238, 220, .085);--color-border: rgba(255, 214, 178, .14);--color-border-strong: rgba(255, 214, 178, .28);--color-text: #f3ece2;--color-text-muted: #b3a494;--color-text-faint: #8a7c6c;--color-accent: #c1734a;--color-accent-strong: #d18a60;--color-accent-soft: rgba(193, 115, 74, .16);--color-on-accent: #2b160a;--color-paper: #f6ede2;--color-ink: #3b2a1d;--color-danger: #b8564a;--color-success: #8a9b63;--gradient-accent: linear-gradient(135deg, #c67c53 0%, #b9683f 100%);--font-display: "Newsreader", Georgia, "Times New Roman", serif;--font-body: "Inter", "Segoe UI", system-ui, sans-serif;--radius-sm: 9px;--radius-md: 12px;--radius-lg: 16px;--shadow-glow: 0 0 48px rgba(193, 115, 74, .13);--shadow-card: 0 10px 26px rgba(0, 0, 0, .34);color-scheme:dark}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:var(--font-body);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at top,var(--color-bg-2) 0%,var(--color-bg) 62%)}h1,h2,h3,h4{font-family:var(--font-display);font-weight:600;margin:0 0 .5em;letter-spacing:.01em}p{margin:0 0 1em;color:var(--color-text-muted)}a{color:var(--color-accent-strong);text-decoration:none}a:hover{text-decoration:underline}button{font-family:var(--font-body)}.page{min-height:100vh;display:flex;flex-direction:column}@media(max-width:640px){.page{padding-bottom:calc(60px + env(safe-area-inset-bottom))}}.container{width:100%;max-width:1080px;margin:0 auto;padding:0 24px}@media(max-width:480px){.container{padding:0 16px}}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.gradient-text{color:var(--color-accent)}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:18px;text-align:left}.field label{display:flex;align-items:center;gap:6px;font-size:.85rem;font-weight:500;color:var(--color-text-muted)}.field-valid-icon{color:var(--color-success);flex-shrink:0}.field input,.field textarea{font-family:var(--font-body);font-size:1rem;color:var(--color-text);background:#ffeedc0a;border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:12px 14px;outline:none;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease}.field input::placeholder{color:var(--color-text-faint)}.field .hint{font-size:.78rem;color:var(--color-text-faint)}.field input:focus,.field textarea:focus{border-color:var(--color-accent);background:#ffeedc12;box-shadow:0 0 0 3px var(--color-accent-soft)}.field input.invalid,.field textarea.invalid{border-color:var(--color-danger)}.field input.valid,.field textarea.valid{border-color:#8a9b6380}.field-error{display:block;font-size:.78rem;color:var(--color-danger);margin-top:4px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:.95rem;font-weight:600;padding:12px 22px;border-radius:var(--radius-sm);border:1px solid transparent;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease,background .15s ease}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn:focus-visible{outline:none;box-shadow:0 0 0 3px #c1734a66}.btn-primary{background:var(--color-accent);color:var(--color-on-accent);box-shadow:0 6px 18px #1e0f0559}.btn-primary:hover:not(:disabled){background:var(--color-accent-strong);box-shadow:0 9px 22px #1e0f0573;transform:translateY(-1px)}.btn-ghost{background:transparent;border-color:var(--color-border-strong);color:var(--color-text)}.btn-ghost:hover:not(:disabled){background:var(--color-surface-strong);border-color:#ffd6b257;transform:translateY(-1px)}.btn-danger{background:#b8564a24;border-color:#b8564a66;color:var(--color-danger)}.btn-danger:hover:not(:disabled){background:#b8564a38}.btn-ghost-danger{background:transparent;border-color:#b8564a73;color:var(--color-danger)}.btn-ghost-danger:hover:not(:disabled){background:#b8564a24}.btn-ghost-info{background:transparent;border-color:#c1734a73;color:var(--color-accent-strong)}.btn-ghost-info:hover:not(:disabled){background:var(--color-accent-soft)}.btn-sm{padding:8px 16px;font-size:.85rem}.btn-icon-danger{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;background:transparent;border-color:var(--color-border-strong);color:var(--color-text)}.btn-icon-danger:hover:not(:disabled){background:#b8564a24;border-color:#b8564a73;color:var(--color-danger)}.btn-icon-danger svg{width:16px;height:16px}.btn-xs{padding:5px 12px;font-size:.78rem}.btn-copied{background:#8a9b632e;border-color:#8a9b6373;color:var(--color-success)}.link-btn{background:none;border:none;padding:0;margin-left:6px;font-size:.85rem;font-weight:600;color:var(--color-accent-strong);cursor:pointer}.link-btn:hover{text-decoration:underline}.alert{border-radius:var(--radius-sm);padding:12px 16px;font-size:.9rem;margin-bottom:18px}.alert-error{background:#b8564a1f;border:1px solid rgba(184,86,74,.34);color:#e0938a}.alert-success{background:#8a9b6321;border:1px solid rgba(138,155,99,.34);color:#b9c88f}.avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:var(--color-accent-soft);border:1px solid var(--color-border-strong);color:#e8c3a5;font-family:var(--font-display);font-weight:600;flex-shrink:0;overflow:hidden;object-fit:cover}.modal-backdrop{position:fixed;inset:0;background:#140d08b8;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:24px;z-index:100}.modal-card{width:100%;max-width:380px;padding:28px 26px;text-align:center}.modal-card h3{margin:0 0 8px;font-size:1.1rem}.modal-card p{margin:0 0 22px}.modal-actions{display:flex;gap:10px;justify-content:center}.fade-in{animation:fadeIn .45s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.password-wrap{position:relative;display:flex;align-items:center}.password-wrap input{flex:1;padding-right:44px}.password-toggle{position:absolute;right:6px;display:grid;place-items:center;width:32px;height:32px;font-size:.95rem;line-height:1;background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;opacity:.65;transition:opacity .15s ease,background .15s ease}.password-toggle:hover,.password-toggle:focus-visible{opacity:1;background:var(--color-surface-strong);outline:none}.password-toggle.active{opacity:1;color:var(--color-accent);background:var(--color-surface-strong)}.password-toggle{touch-action:none;-webkit-user-select:none;user-select:none}.post-tile-wrap{display:flex;flex-direction:column}.polaroid{background:var(--color-paper);padding:8px 8px 10px;border-radius:3px;box-shadow:0 12px 22px -12px #0009;transition:transform .18s ease,box-shadow .18s ease}.post-tile-wrap:nth-child(3n+1) .polaroid{transform:rotate(-1.4deg)}.post-tile-wrap:nth-child(3n+2) .polaroid{transform:rotate(.9deg)}.post-tile-wrap:nth-child(3n+3) .polaroid{transform:rotate(-.5deg)}.polaroid:hover{transform:rotate(0) translateY(-3px);box-shadow:0 18px 28px -14px #000000b3}@media(prefers-reduced-motion:reduce){.polaroid,.post-tile-wrap:nth-child(3n+1) .polaroid,.post-tile-wrap:nth-child(3n+2) .polaroid,.post-tile-wrap:nth-child(3n+3) .polaroid{transform:none;transition:none}}.polaroid-media{position:relative;aspect-ratio:1 / 1;overflow:hidden;border-radius:1px;background:#e4d7c6}.polaroid-media-audio{--player-surface: transparent;--player-border: transparent;--player-track: rgba(120, 80, 50, .22);--player-time: #7a5a3c;--player-glyph: var(--color-paper);display:flex;align-items:center;justify-content:center;padding:10px;background:#ece0cf}.post-tile-image{width:100%;height:100%;object-fit:contain;display:block;cursor:zoom-in;background:#e4d7c6}.polaroid-caption{font-family:var(--font-display);font-style:italic;font-weight:600;font-size:.84rem;color:var(--color-ink);text-align:center;margin:9px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.polaroid-date{font-weight:600;font-size:.68rem;color:#8a7460;text-align:center;margin:3px 0 0}.post-tile-actions{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:flex-end;gap:8px;padding:8px;background:linear-gradient(to top,#2b190eb8,#2b190e1f 55%);opacity:0;transition:opacity .15s ease;pointer-events:none}.post-tile-actions>*{pointer-events:auto}.polaroid:hover .post-tile-actions,.polaroid:focus-within .post-tile-actions{opacity:1}.tile-action-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:#f6ede2f2;border:none;color:var(--color-ink);cursor:pointer;transition:background .15s ease,color .15s ease}.tile-action-danger:hover{background:#fff;color:#9e3f34}.tile-download-btn{display:flex;align-items:center;justify-content:center;height:28px;padding:0 12px;border-radius:100px;background:#f6ede2f2;border:none;color:var(--color-ink);font-size:.7rem;font-weight:600;text-decoration:none;white-space:nowrap;cursor:pointer;transition:background .15s ease}.tile-download-btn:hover{background:#fff}