:root{--bg: #f6f1e8;--fg: #0e0d0a;--muted: #6c675f;--card: #efe7d7;--accent: #ff6a00;--toggle-bg: #efe7d7;--toggle-border: #d8cfbf;--card-radius: 20px;--card-padding: 12px;--card-border: 1px;--card-border-color: #d8cfbf}.dark{color-scheme:dark;--bg: #0b0b0f;--fg: #e8e8ee;--muted: #a9a9b2;--card: #15151b;--accent: #ff6a00;--toggle-bg: #14141a;--toggle-border: #262631;--card-border-color: #1f1f28}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Manrope,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Helvetica Neue,Arial,"Apple Color Emoji","Segoe UI Emoji";background:var(--bg);color:var(--fg)}.app{max-width:1100px;margin:0 auto;padding:0 16px 48px}.header{position:relative;z-index:10;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:0 0 10px;background:transparent}.dark .header{background:transparent}.logo-wrap{display:none}.header-left{display:flex;align-items:center}.header-center{display:flex;align-items:center;justify-content:center}.tagline{margin:10px 0 0;font-weight:500;color:var(--fg);opacity:.85;text-align:center}.logo{width:56px;height:56px;border-bottom-left-radius:14px;border-bottom-right-radius:14px}.jello-vertical-normal{animation:jello-vertical-normal .9s ease 1;transform-origin:50% 0%}@keyframes jello-vertical-normal{0%{transform:scaleZ(1)}30%{transform:scale3d(.75,1.25,1)}40%{transform:scale3d(1.25,.75,1)}50%{transform:scale3d(.85,1.15,1)}65%{transform:scale3d(1.05,.95,1)}75%{transform:scale3d(.98,1.02,1)}to{transform:scaleZ(1)}}.header-tools{justify-self:end;display:flex;gap:8px}.theme-toggle{width:36px;height:36px;border-radius:10px;display:inline-grid;place-items:center;border:1px solid var(--toggle-border);background:var(--toggle-bg);color:var(--fg);cursor:pointer;margin-top:15px}.theme-toggle:hover{filter:brightness(1.05)}h2{font-size:18px;margin:18px 4px;color:var(--fg)}.content{display:grid;gap:24px}.grid-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}.card{background:var(--card);border:var(--card-border) solid var(--card-border-color);border-radius:var(--card-radius);padding:var(--card-padding);display:grid;gap:8px}.dark .card{border-color:var(--card-border-color)}.card .media{position:relative;width:100%;aspect-ratio:1/1;overflow:hidden;border-radius:calc(var(--card-radius) - var(--card-padding))}.card img,.card video{width:100%;height:100%;object-fit:cover;display:block}.card h3{margin:4px 4px 2px;font-size:16px}.desc{margin:0 4px 6px;color:var(--muted);font-size:13px;line-height:1.35}.btn{display:inline-flex;gap:8px;align-items:center;justify-content:center;font-weight:600;font-size:14px;padding:11px 14px;border-radius:12px;color:#fff;background:var(--accent);text-decoration:none}.btn:hover{filter:brightness(1.05)}.grid-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px}.gallery-item{padding:0;border:0;background:transparent;cursor:zoom-in}.gallery-item img{width:100%;height:100%;object-fit:cover;border-radius:10px;aspect-ratio:1/1}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000e6;display:grid;place-items:center;z-index:50}.lightbox img{max-width:95vw;max-height:90vh;-webkit-user-select:none;user-select:none}.nav-btn{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;display:grid;place-items:center;border-radius:999px;border:1px solid var(--toggle-border);background:var(--toggle-bg);color:var(--fg);cursor:pointer}.nav-btn:hover{filter:brightness(1.05)}.nav-prev{left:20px}.nav-next{right:20px}input,select,textarea{width:100%;padding:10px 12px;border-radius:12px;border:1px solid var(--toggle-border);background:var(--toggle-bg);color:var(--fg);outline:none}input::placeholder,textarea::placeholder{color:var(--muted)}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 25%,transparent)}textarea{min-height:96px;resize:vertical}label{font-size:13px;color:var(--muted);margin:4px 2px;display:inline-block}.auth-wrap{display:grid;place-items:center;min-height:52vh}.form-card{width:min(720px,100%)}.form-grid{display:grid;gap:12px}.form-grid h3{margin:2px 2px 6px}.btn{border:none}.form-grid .btn{margin-top:4px}