*{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}.seo-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.site-footer{border-top:1px solid var(--color-card-border);padding:14px 20px 18px;background:var(--color-bg)}.site-footer.site-footer--accent{border-top-color:var(--color-accent)}.site-footer.site-footer--accent .site-footer-nav a,.site-footer.site-footer--accent .site-footer-legal,.site-footer.site-footer--accent .footer-note{color:var(--color-accent);opacity:.95}.site-footer-nav{display:flex;justify-content:center;gap:24px;margin-bottom:8px}.site-footer-nav a{font-size:13px;color:var(--color-text-muted);text-decoration:none;opacity:.75;transition:opacity .15s ease}.site-footer-nav a:hover{opacity:1}.site-footer-legal{text-align:center;color:var(--color-text-muted);font-size:13px;opacity:.75;margin:0 0 6px;white-space:pre-line}.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)}.bento-grid>*{grid-column:1 / -1!important;grid-column-start:auto!important;grid-column-end:auto!important;grid-row-start:auto!important;grid-row-end:auto!important}}.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}.app-root[data-theme-pack=bento-indie-app]{--template-card-radius: 10px;--template-image-radius: 0}.app-root[data-theme-pack=bento-indie-app] .app-container{max-width:none;width:100%}.app-root[data-theme-pack=bento-indie-app] .bento-grid{grid-auto-flow:row dense;grid-auto-rows:var(--grid-row-height)}.app-root[data-theme-pack=bento-indie-app][data-editing=true] .bento-grid{grid-auto-flow:row}.app-root[data-theme-pack=bento-indie-app] .social-link{border-radius:10px}.app-root[data-theme-pack=bento-indie-app] .site-footer{border-top:0}.app-root[data-theme-pack=bento-indie-app][data-indie-picture-hover=on] .bento-card--image img{transition:transform .65s ease}.app-root[data-theme-pack=bento-indie-app][data-indie-picture-hover=on] .bento-card--image:hover img{transform:perspective(400px) rotate3d(1,-1,0,-4deg)}@media(max-width:600px){.app-root[data-theme-pack=bento-indie-app] .bento-grid{grid-auto-flow:row;grid-auto-rows:auto}}