.mode-btn.svelte-127z22p{width:100%;flex-direction:column;gap:1.5rem;padding:2rem;border:4px solid var(--mode-color);box-shadow:0 12px 0 var(--mode-color);background:#fff;transition:transform .2s,box-shadow .2s,border-color .2s}.mode-btn.svelte-127z22p:hover{transform:scale(1.05);box-shadow:0 16px 0 var(--mode-color)}.mode-btn.svelte-127z22p:active{transform:translateY(8px);box-shadow:0 4px 0 var(--mode-color)}.icon-container.svelte-127z22p{background:#fdfdfd;border-radius:50%;padding:1rem;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 4px 8px #0000000d}.mode-label.svelte-127z22p{font-weight:800;color:var(--color-text);font-size:1.25rem;text-align:center;line-height:1.2;pointer-events:none}@media(max-width:480px){.mode-label.svelte-127z22p{font-size:1rem}}.home-screen.svelte-1uha8ag{width:100%;display:flex;flex-direction:column;gap:3rem;animation:svelte-1uha8ag-fadeIn .5s ease-out}header.svelte-1uha8ag h1:where(.svelte-1uha8ag){font-size:2.5rem;color:var(--color-primary);text-shadow:2px 2px 0px rgba(0,0,0,.05)}.grid-modes.svelte-1uha8ag{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;width:100%}@keyframes svelte-1uha8ag-fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.grid-modes.svelte-1uha8ag{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.grid-modes.svelte-1uha8ag{grid-template-columns:1fr;gap:1rem}header.svelte-1uha8ag h1:where(.svelte-1uha8ag){font-size:1.8rem}}