:root{--bg-1: #fff7e8;--bg-2: #f6dfb4;--card: #fffef8;--ink: #1f1f16;--muted: #5e5a4f;--accent: #b36a22;--accent-2: #0f5c56;--share: #0f5c56;--share-dark: #0b4742;--danger: #8b2d2d;--border: #e7d8bc;color:var(--ink);font-family:Aref Ruqaa,serif}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 20% 10%,rgba(255,235,183,.75),transparent 38%),radial-gradient(circle at 90% 90%,rgba(182,107,34,.2),transparent 35%),linear-gradient(140deg,var(--bg-1),var(--bg-2))}#root{min-height:100vh}.app-shell{position:relative;isolation:isolate;overflow:hidden;min-height:100vh;display:grid;place-items:center;padding:24px 16px}.app-shell:before{content:"";position:absolute;top:-48px;right:-48px;bottom:-48px;left:-48px;background-image:var(--page-bg-image);background-size:cover;background-position:center;filter:blur(22px) saturate(1.08);transform:scale(1.14);z-index:-2}.app-shell:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(140deg,#fff7e8b8,#f6dfb4c2);z-index:-1}.card{position:relative;width:min(720px,100%);background:var(--card);border:1px solid var(--border);border-radius:24px;box-shadow:0 18px 45px #6140182e;overflow:hidden;text-align:right}.card-header{padding:28px 24px 16px;border-bottom:1px solid var(--border);background:linear-gradient(100deg,#fff5df,#f6e8cb)}.eyebrow{margin:0;letter-spacing:.02em;font-size:.72rem;color:var(--accent-2);font-weight:600}h1{margin:8px 0 10px;font-family:Aref Ruqaa,serif;font-size:clamp(1.6rem,4vw,2.4rem);line-height:1.1}h2{margin-top:0;margin-bottom:8px;font-family:Aref Ruqaa,serif}.subtext{margin:6px 0 0;color:var(--muted);font-size:.94rem}.preview-badge{margin:8px 0 0;display:inline-block;padding:5px 10px;border-radius:999px;background:#0f5c561f;color:var(--accent-2);font-size:.82rem;font-weight:700}.state-box{padding:24px}.allowed-box{display:grid;gap:14px}.out-window-box{display:grid;gap:16px}.placeholder-frame{width:min(360px,100%);margin-inline:auto;padding:12px 12px 24px;background:#fff;border-radius:8px;box-shadow:0 14px 30px #5e492633;transform:rotate(-.8deg)}.placeholder-image{display:block;width:100%;height:auto;border:1px solid #e4d6bb;border-radius:4px;background:#f5ecdb}.day-badge{display:inline-block;width:fit-content;margin:0;padding:6px 12px;border-radius:999px;background:#0f5c561c;color:var(--accent-2);font-weight:600}.polaroid-frame{position:relative;width:auto;max-width:min(560px,100%);justify-self:center;margin-inline:auto;padding:14px 14px 44px;background:#fff;border-radius:8px;box-shadow:0 16px 36px #63492540;transform:rotate(.9deg)}.polaroid-date{position:absolute;inset-inline:0;bottom:10px;margin:0;text-align:center;color:#6b5531;font-size:clamp(1.2rem,2.6vw,1.6rem);line-height:1}.meme-image{display:block;width:auto;max-width:100%;height:auto;max-height:62vh;object-fit:contain;border-radius:3px;border:1px solid #dfd2b8;background:#f2ebdd}.share-actions-wrap{width:min(560px,100%);margin-inline:auto;display:grid;gap:10px}.share-action-btn{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:10px;background:linear-gradient(180deg,var(--share),var(--share-dark));box-shadow:0 12px 24px #0f5c564d}.share-action-icon{width:28px;height:28px;border-radius:50%;background:#ffffff24;display:inline-flex;align-items:center;justify-content:center}.download-link-btn{width:100%;background:#f4ead8;color:#5d4a2a;border:1px solid #dcc49a;box-shadow:none}.share-hint{margin:0;font-size:.9rem;color:#6e5331;background:#f9f0df;border:1px solid #e6d3b0;border-radius:10px;padding:10px 12px}button{border:none;border-radius:999px;padding:10px 18px;font-family:inherit;font-weight:600;background:var(--accent);color:#fff;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease;box-shadow:0 8px 16px #b36a2247}button:hover{transform:translateY(-1px)}button.secondary{background:var(--accent-2);box-shadow:0 8px 16px #0f5c5640}.error-box{background:#ffe9e9;border:1px solid #f0b4b4;color:var(--danger);margin:18px 24px 0;border-radius:14px}.countdown{font-variant-numeric:tabular-nums;font-weight:700;color:var(--accent-2)}.contribute-box{display:grid;justify-items:center;padding-top:4px}.contribute-btn{width:min(560px,100%);background:linear-gradient(180deg,#0f5c56,#0b4742);box-shadow:0 10px 22px #0f5c564d}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:center;padding:16px;background:#16100994;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal-card{width:min(520px,100%);background:#fffdf7;border:1px solid var(--border);border-radius:16px;box-shadow:0 22px 48px #38271052;padding:18px;text-align:right}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.modal-header h2{margin:0}.modal-close-btn{border-radius:10px;min-width:42px;min-height:42px;padding:0;font-size:1.3rem;line-height:1;box-shadow:none;background:#efe0c3;color:#4f3c20}.modal-form{display:grid;gap:12px}.modal-field{display:grid;gap:6px;color:#4e4536;font-weight:600}.modal-field input{width:100%;padding:10px 12px;border-radius:10px;border:1px solid #d9c5a1;background:#fff;font:inherit;color:#1f1f16}.modal-field input:focus{outline:2px solid rgba(15,92,86,.25);border-color:#0f5c56}.modal-actions{display:flex;gap:10px;justify-content:flex-end}.modal-actions button{min-width:130px}.modal-secondary-btn{background:#f4ead8;color:#5d4a2a;border:1px solid #dcc49a;box-shadow:none}.modal-error{margin:0;color:#8b2d2d;background:#ffe9e9;border:1px solid #f0b4b4;border-radius:10px;padding:10px 12px}.modal-success{margin:0;color:#175f2b;background:#edf9f0;border:1px solid #c8e8cf;border-radius:10px;padding:10px 12px}.admin-shell{min-height:100vh;padding:24px 16px;text-align:right;background:radial-gradient(circle at 12% 8%,rgba(179,106,34,.2),transparent 35%),radial-gradient(circle at 88% 92%,rgba(15,92,86,.2),transparent 34%),linear-gradient(150deg,#fff8eb,#f2e2c3)}.admin-card{width:min(1080px,100%);margin-inline:auto;background:var(--card);border:1px solid var(--border);border-radius:20px;box-shadow:0 18px 45px #6140182e;overflow:hidden}.admin-header{padding:26px 24px 20px;border-bottom:1px solid var(--border);background:linear-gradient(100deg,#fff5df,#f6e8cb)}.admin-uid code{color:#4c3a1b;font-family:Courier New,monospace}.admin-back-link{display:inline-block;margin-top:12px;color:var(--accent-2);font-weight:700;text-decoration:none}.admin-back-link:hover{text-decoration:underline}.admin-grid{display:grid;gap:14px;padding:18px;grid-template-columns:repeat(2,minmax(0,1fr))}.admin-panel{border:1px solid var(--border);border-radius:14px;padding:16px;background:#fffdf6}.admin-success-box{background:#edf9f0;border:1px solid #c8e8cf;color:#175f2b;margin:18px 24px 0;border-radius:14px}.admin-preview-card{margin-top:10px;border:1px solid #ead9b7;border-radius:10px;padding:10px;background:#fff}.admin-meme-image{display:block;width:100%;max-height:280px;object-fit:contain;border:1px solid #dfd2b8;border-radius:8px;background:#f2ebdd}.admin-form{display:grid;gap:12px}.admin-media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px}.admin-media-card{border:1px solid #e6d6b8;border-radius:10px;background:#fff;overflow:hidden;display:grid;grid-template-rows:170px auto}.admin-media-image{width:100%;height:170px;object-fit:cover;background:#f2ebdd}.admin-media-meta{display:grid;gap:8px;padding:10px}.admin-field{display:grid;gap:6px;color:#4e4536;font-weight:600}.admin-field input,.admin-field select{width:100%;padding:10px 12px;border-radius:10px;border:1px solid #d9c5a1;background:#fff;font:inherit;color:#1f1f16}.admin-field input:focus,.admin-field select:focus{outline:2px solid rgba(15,92,86,.25);border-color:#0f5c56}.admin-meme-list{margin:0;padding:0;list-style:none;display:grid;gap:10px;max-height:320px;overflow:auto}.admin-meme-row{display:grid;gap:10px;grid-template-columns:auto 1fr;align-items:center;border:1px solid #e6d6b8;border-radius:10px;padding:10px;background:#fff}.admin-select-btn{border-radius:10px;padding:8px 10px;font-size:.85rem;box-shadow:none;width:auto}.admin-select-btn.active{background:var(--accent-2)}.admin-delete-btn{background:#b83b32;box-shadow:0 8px 16px #b83b3242}.admin-delete-btn:hover{background:#a0332b}.admin-meme-title{margin:0;font-weight:700}.admin-category-label{margin:0;font-size:.82rem;color:var(--accent-2);font-weight:700;text-transform:uppercase}.admin-mono{font-family:Courier New,monospace;font-size:.78rem;overflow-wrap:anywhere}button:disabled{opacity:.65;cursor:not-allowed;transform:none}@media (max-width: 640px){.card{border-radius:18px}.card-header{padding:22px 18px 14px}.state-box{padding:18px}button{width:100%}.admin-grid{grid-template-columns:1fr;padding:14px}.modal-actions{flex-direction:column}}