:root{--font-display:"Instrument Serif", serif;--font-body:"DM Mono", monospace;--bg:#f5f0e6;--card-bg:#fdfbf7;--card-border:#e0dad0;--photo-placeholder:#e8e3d9;--text:#1a1a1a;--text-body:#444;--text-muted:#706b63;--text-subtle:#aaa;--text-faint:#bbb;--text-ghost:#ccc;--accent:#e85d3a;--accent-bg:#e85d3a1a;--divider:#f0ebe3;--input-border:#d6d0c4;--radius:6px;--radius-pill:30px;--admin-font:"JetBrains Mono", monospace;--admin-bg:#111;--admin-surface:#0a0a0a;--admin-surface-raised:#1a1a1a;--admin-border:#222;--admin-border-light:#333;--admin-text:#ccc;--admin-text-bright:#ddd;--admin-text-dim:#888;--admin-text-muted:#555;--admin-accent:#e85d3a;--status-green:#4caf50;--status-yellow:#ffa726;--status-red:#e85d3a}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);font-family:var(--font-body);color:var(--text);-webkit-font-smoothing:antialiased}.fi{animation:.45s ease-out fi}@keyframes fi{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.fi{animation:none}.image-loading-indicator{border-top-color:#fff;animation:none}}input,textarea{font-family:var(--font-body);border:1px solid var(--input-border);background:var(--card-bg);color:var(--text);border-radius:4px;width:100%;padding:10px 12px;font-size:13px}input:focus,textarea:focus{border-color:var(--text);outline:none}input:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}textarea{resize:vertical;min-height:60px}button{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,.nav-tab:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.skip-link{background:var(--accent);color:#fff;z-index:200;border-radius:0 0 4px;padding:8px 16px;font-size:13px;position:absolute;top:0;left:-9999px}.skip-link:focus{left:0}a{color:var(--text-muted);text-decoration:none}a:hover{color:var(--accent)}.app-shell{flex-direction:column;align-items:center;min-height:100vh;padding:20px 16px 40px;display:flex}.header{text-align:center;margin-bottom:20px}.site-title{font-family:var(--font-display);letter-spacing:-1px;font-size:42px;font-weight:400;line-height:1}.site-title-link{color:inherit;text-decoration:none}.site-subtitle{color:var(--text-muted);letter-spacing:2px;text-transform:uppercase;margin-top:4px;font-size:11px}.nav-tabs{gap:6px;margin-bottom:24px;display:flex}.nav-tab{color:var(--text-muted);border:1px solid var(--text-ghost);font-size:11px;font-family:var(--font-body);cursor:pointer;letter-spacing:1px;text-transform:uppercase;background:0 0;border-radius:20px;padding:6px 16px;text-decoration:none}.nav-tab.active{background:var(--text);color:var(--bg);border-color:var(--text)}.main-content{width:100%;max-width:480px}@media (width>=768px){.main-content{max-width:600px}}@media (width>=1024px){.main-content{max-width:720px}}@media (width>=1280px){.main-content{max-width:800px}}.footer{color:var(--text-ghost);letter-spacing:1px;margin-top:40px;font-size:10px}.label{color:var(--text-faint);text-transform:uppercase;letter-spacing:2px;margin-bottom:4px;font-size:10px}.card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius);width:100%;padding:20px 22px}.card+.card{margin-top:12px}.divider{border-bottom:1px solid var(--divider);margin-bottom:14px;padding-bottom:14px}.image-container{aspect-ratio:1;background:var(--photo-placeholder);border-radius:var(--radius);border:1px solid var(--input-border);width:100%;margin-bottom:8px;position:relative;overflow:hidden}.creature-image{object-fit:cover;cursor:pointer;width:100%;height:100%}.image-placeholder{color:var(--text-faint);justify-content:center;align-items:center;font-size:13px;display:flex;position:absolute;inset:0}.img-nav{color:#fff;cursor:pointer;background:#0006;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.img-nav-left{left:8px}.img-nav-right{right:8px}.photo-credit{color:var(--text-faint);letter-spacing:.5px;text-align:center;margin-bottom:20px;font-size:10px}.photo-credit-link{color:inherit;text-decoration:underline}.photo-credit-link:hover{color:var(--accent)}.lightbox{z-index:100;cursor:pointer;background:#000000e6;flex-direction:column;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.lightbox-img{object-fit:contain;border-radius:var(--radius);max-width:90%;max-height:75vh}.lightbox-credit{color:var(--text-muted);text-align:center;margin-top:12px;font-size:12px}.lightbox-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:44px;height:44px;font-size:28px;display:flex;position:absolute;top:12px;right:12px}.lightbox-content{max-width:90%;max-height:75vh;position:relative}.lightbox-nav{color:#fff;cursor:pointer;background:#00000080;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:24px;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.lightbox-nav-left{left:-60px}.lightbox-nav-right{right:-60px}@media (width<=768px){.lightbox-nav-left{left:10px}.lightbox-nav-right{right:10px}}.lightbox-dots{justify-content:center;gap:8px;margin-top:16px;display:flex}.image-dots{z-index:5;gap:6px;display:flex;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.image-dot{cursor:pointer;background-color:#fff6;background-clip:content-box;border:none;border-radius:50%;width:8px;height:8px;padding:10px;transition:background-color .2s}.image-dot.active{background-color:#fff}.image-dot:hover{background-color:#fffc}.image-loading-indicator{z-index:5;border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:24px;height:24px;animation:.8s linear infinite spin;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes spin{to{transform:translate(-50%,-50%)rotate(360deg)}}.field-title{font-size:20px;font-family:var(--font-display);color:var(--text);line-height:1.6}.field-body{color:var(--text-body);margin:0;font-size:13px;line-height:1.6}.field-paragraphs{flex-direction:column;gap:10px;display:flex}.facts-list{flex-direction:column;gap:8px;margin-top:2px;list-style:none;display:flex}.facts-list li:before{content:"·";color:var(--accent);margin-right:8px;font-weight:700}.vibe-phrase{font-family:var(--font-display);text-align:center;color:var(--text);margin-bottom:28px;font-size:28px;font-style:italic;line-height:1.4}.creature-meta{color:var(--text-muted);letter-spacing:1.5px;text-transform:uppercase;justify-content:center;align-items:center;gap:12px;margin-bottom:16px;font-size:11px;display:flex}.meta-nav{color:var(--text-muted);cursor:pointer;border-radius:var(--radius-pill);background:0 0;border:none;padding:10px 14px;font-size:16px;transition:all .2s}.meta-nav:hover{color:var(--accent);background:var(--accent-bg)}.today-badge{background:var(--accent);color:#fff;border-radius:10px;padding:2px 8px;font-size:10px;font-weight:500}.link-list{flex-direction:column;gap:6px;display:flex}.card-link{color:var(--text-muted);border-bottom:1px solid var(--input-border);padding-bottom:1px;font-size:13px;text-decoration:none;transition:color .2s}.card-link:hover{color:var(--accent)}.action-bar{flex-wrap:wrap;justify-content:center;gap:10px;margin:24px 0 32px;display:flex}.creature-nav{justify-content:center;align-items:center;gap:16px;display:flex}.nav-link{font-size:13px;font-family:var(--font-body);color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:12px 8px}.nav-btn-outline{border:1px solid var(--text-ghost);font-size:12px;font-family:var(--font-body);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:20px;padding:8px 18px}.nav-link:hover{color:var(--accent)}.nav-btn-outline:hover{border-color:var(--text-muted);color:var(--text)}.action-btn{color:var(--accent);border:2px solid var(--accent);border-radius:var(--radius-pill);font-size:15px;font-weight:600;font-family:var(--font-body);cursor:pointer;background:0 0;align-items:center;gap:8px;padding:12px 28px;transition:all .2s;display:flex}.action-btn:hover:not(:disabled){background:var(--accent);color:#fff}.action-btn-filled,.action-btn-filled:disabled{background:var(--accent);color:#fff;cursor:default;opacity:1}.action-btn-dark{color:var(--text);border-color:var(--text)}.action-badge{background:var(--accent-bg);border-radius:12px;padding:2px 8px;font-size:11px}.action-badge-filled{background:#ffffff40}.archive-count{color:var(--text-muted);text-align:center;letter-spacing:1px;text-transform:uppercase;margin-bottom:16px;font-size:11px}.archive-list{flex-direction:column;gap:2px;display:flex}.archive-row{cursor:pointer;font-family:var(--font-body);text-align:left;background:0 0;border:1px solid #0000;border-radius:4px;justify-content:space-between;align-items:center;width:100%;padding:10px 12px;display:flex}.archive-row:hover,.archive-row-today{background:var(--card-bg);border-color:var(--card-border)}.archive-row-left{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.archive-row-right{flex-shrink:0;align-items:center;gap:8px;margin-left:8px;display:flex}.archive-num{color:var(--text-ghost);flex-shrink:0;font-size:10px}.archive-name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.archive-vibe{color:var(--text-ghost);font-size:11px;font-style:italic}.archive-votes{color:var(--accent);font-size:10px}.submit-btn{background:var(--text);color:var(--bg);font-size:13px;font-family:var(--font-body);cursor:pointer;border:none;border-radius:4px;width:100%;padding:12px 24px}