*{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)}}.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}