@layer components{.encrypted-content{margin:4rem 0;padding:2rem 0}.encrypted-content__locked{background:var(--color-surface);border:2px dashed var(--color-border);border-radius:var(--radius-lg,12px);padding:2rem;text-align:center;max-width:500px;margin:4rem auto}.encrypted-content__icon{font-size:3rem;margin-bottom:1rem;filter:grayscale(.5)}.encrypted-content__title{font-size:1.5rem;font-weight:600;margin:0 0 .5rem;color:var(--color-text)}.encrypted-content__message{color:var(--color-text-muted);margin:0 0 1rem;font-size:.95rem}.encrypted-content__hint{background:color-mix(in srgb,var(--color-primary) 10%,transparent);border-radius:var(--radius-sm,6px);padding:.75rem 1rem;margin:0 0 1.5rem;font-size:.875rem;color:var(--color-primary)}.encrypted-content__form{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap}.encrypted-content__input{padding:.75rem 1rem;border:1px solid var(--color-border);border-radius:var(--radius-sm,6px);font-size:1rem;min-width:200px;background:var(--color-background);color:var(--color-text)}.encrypted-content__input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 20%,transparent)}.encrypted-content__form{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap}.encrypted-content__button{padding:.75rem 1.5rem;background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-sm,6px);font-size:1rem;font-weight:500;cursor:pointer;transition:background .2s ease}.encrypted-content__button:hover:not(:disabled){background:var(--color-primary-dark)}.encrypted-content__button:focus{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 40%,transparent)}.encrypted-content__button:disabled{opacity:.6;cursor:not-allowed}.encrypted-content__error{color:var(--color-error);background:color-mix(in srgb,var(--color-error) 10%,transparent);padding:.75rem 1rem;border-radius:var(--radius-sm,6px);margin-top:1rem;font-size:.875rem}.encrypted-content__remember-label{display:flex;align-items:center;gap:.5rem;justify-content:center;margin-top:1rem;font-size:.875rem;color:var(--color-text-muted);cursor:pointer;user-select:none}.encrypted-content__remember-label:hover{color:var(--color-text)}@media(prefers-color-scheme:dark){.encrypted-content__remember-label:hover{color:var(--color-text)}}.encrypted-content__remember{width:1rem;height:1rem;accent-color:var(--color-primary);cursor:pointer}.encrypted-content__remember:focus{outline:2px solid var(--color-primary);outline-offset:2px}.encrypted-content__decrypted{}.encrypted-content__decrypted{animation:fadeIn .3s ease}@keyframes fadeIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.encrypted-content__input:focus-visible,.encrypted-content__button:focus-visible,.encrypted-content__remember:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}}