*{box-sizing:border-box}html,body{margin:0;padding:0;background:#0a0a0f}.app-root{min-height:100vh;background:var(--color-bg);font-family:var(--font-body);color:var(--color-text);transition:background .4s ease}.app-container{max-width:var(--container-max-width);margin:0 auto;padding:var(--container-padding-top, 32px) var(--container-padding) 80px}.app-container--editing{--container-padding-top: 84px}.bento-grid{display:grid;grid-template-columns:repeat(var(--grid-cols),1fr);gap:var(--grid-gap);grid-auto-rows:minmax(var(--grid-row-height),auto)}.social-link{width:40px;height:40px;border-radius:12px;background:var(--color-card-bg);border:1px solid var(--color-card-border);display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);text-decoration:none;transition:color .2s ease,border-color .2s ease}.social-link:hover{color:var(--color-accent);border-color:var(--color-accent)}.add-block-card{border:2px dashed var(--color-card-border);border-radius:16px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--color-text-muted);font-size:14px;font-weight:500;gap:8px;min-height:90px;transition:color .2s ease,border-color .2s ease}.add-block-card:hover{border-color:var(--color-accent);color:var(--color-accent)}.plain-link{text-decoration:none;color:inherit;display:block}.footer-note{text-align:center;margin-top:12px;color:var(--color-text-muted);font-size:13px;opacity:.75}@media(max-width:600px){.bento-grid{grid-template-columns:repeat(1,1fr)}}.lightbox-overlay{position:fixed;inset:0;z-index:9999;background:#000000d9;display:flex;align-items:center;justify-content:center;cursor:zoom-out;animation:lightbox-fade-in .2s ease}@keyframes lightbox-fade-in{0%{opacity:0}to{opacity:1}}.lightbox-img{max-width:90vw;max-height:90vh;object-fit:contain;border-radius:10px;box-shadow:0 24px 80px #0009;pointer-events:none}.lightbox-close{position:fixed;top:20px;right:24px;width:40px;height:40px;border-radius:50%;border:none;background:#ffffff26;color:#fff;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s ease;z-index:10000}.lightbox-close:hover{background:#ffffff4d}.app-root[data-theme-pack=default]{--template-card-radius: 16px}.app-root[data-theme-pack=bento-rounded]{--template-card-radius: 24px}.app-root[data-theme-pack=journal]{--template-card-radius: 4px}