.pwa-controls{text-align:right;position:relative}.pwa-button{border:2px solid var(--color-border-strong);background:var(--color-surface);min-height:44px;color:var(--color-text);font:inherit;box-shadow:3px 3px 0 var(--color-surface-2);cursor:pointer;justify-content:center;align-items:center;gap:.5rem;padding:.6rem .8rem;font-size:.9rem;font-weight:760;transition:transform .15s,box-shadow .15s;display:inline-flex}.pwa-controls--compact>.pwa-button{width:44px;padding:0;font-size:1.2rem}.pwa-controls--compact>.pwa-button .pwa-button__label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.pwa-controls--compact .pwa-notices{z-index:2;border:1px solid var(--color-border);background:var(--color-surface);width:min(20rem,100vw - 4rem);box-shadow:4px 4px 0 var(--color-surface-2);padding:1rem;position:absolute;top:calc(100% + .75rem);right:0}.pwa-notices .pwa-note:first-child{margin-top:0}.pwa-notices .pwa-note:last-child{margin-bottom:0}.pwa-button:not(:disabled):active{box-shadow:none;transform:translate(3px,3px)}.pwa-button:disabled{opacity:.65;cursor:not-allowed}.pwa-button:focus-visible{outline:3px solid var(--color-cat-500);outline-offset:4px}.pwa-note{text-align:left;max-width:24rem;font-size:.85rem;line-height:1.5}.pwa-dialog{border:2px solid var(--color-border-strong);background:var(--color-canvas);width:min(30rem,100% - 3rem);max-width:30rem;max-height:calc(100dvh - 3rem);color:var(--color-text);text-align:left;box-shadow:5px 5px 0 var(--color-cat-300);margin:auto;padding:clamp(1.5rem,4vw,2rem);overflow:auto}.pwa-dialog::backdrop{background:#0b0b0faa}.pwa-dialog h2{font-family:var(--font-display);margin:0 0 1.25rem;font-size:1.5rem;font-weight:760;line-height:1.2}.pwa-dialog p{margin-block:1rem;font-size:.9rem;line-height:1.6}.pwa-dialog form{margin-top:1.5rem}.pwa-dialog .pwa-button{background:var(--color-cat-500);border-color:var(--color-cat-500);width:100%;min-height:48px;color:var(--color-on-cat);box-shadow:4px 4px 0 var(--color-cat-300)}