@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Playfair+Display:ital,wght@0,500;1,500&display=swap');
:root{color-scheme:light;--ink:#302724;--muted:#756761;--rose:#a96f68;--rose-dark:#824d47;--paper:#fffdfb;--line:#dfd0c7}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:'DM Sans',sans-serif;color:var(--ink)}body{min-height:100dvh;background:radial-gradient(circle at 15% 8%,#fff 0 8%,transparent 28%),radial-gradient(circle at 90% 90%,#ead8d0 0,transparent 31%),linear-gradient(145deg,#f8f2ed,#efe4dc);padding:max(18px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left))}.access-shell{min-height:calc(100dvh - 36px);display:grid;place-items:center}.access-card{position:relative;width:min(100%,650px);padding:clamp(32px,7vw,68px) clamp(22px,7vw,62px);text-align:center;background:#fffdfbf2;border:1px solid #ffffffcc;border-radius:30px;box-shadow:0 24px 80px #5b40332b;overflow:hidden}.access-card:before,.access-card:after{content:'';position:absolute;width:150px;height:150px;border:1px solid #cdaaa044;border-radius:50%;pointer-events:none}.access-card:before{left:-90px;top:-55px}.access-card:after{right:-90px;bottom:-55px}.eyebrow{margin:0 0 22px;font-size:.76rem;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--rose-dark)}.rings{height:33px;display:flex;justify-content:center;position:relative}.rings span{position:absolute;width:34px;height:34px;border:1.5px solid var(--rose);border-radius:50%}.rings span:first-child{translate:-11px}.rings span:last-child{translate:11px}h1{margin:18px 0 20px;font:500 clamp(2.7rem,9vw,4.5rem)/1 'Playfair Display',serif}.instruction{max-width:520px;margin:0 auto 32px;font-size:clamp(1.12rem,3.6vw,1.45rem);line-height:1.55;color:#51443f}form{text-align:left}label{display:block;margin:0 0 9px;font-size:1rem;font-weight:600}.password-field{position:relative}.password-field input{width:100%;height:68px;border:2px solid var(--line);border-radius:17px;padding:0 108px 0 18px;background:white;color:var(--ink);font:600 1.35rem 'DM Sans',sans-serif;letter-spacing:.08em;outline:none;transition:.2s}.password-field input:focus{border-color:var(--rose-dark);box-shadow:0 0 0 4px #a96f681c}.password-field button{position:absolute;right:9px;top:9px;height:50px;padding:0 13px;border:0;background:transparent;color:var(--rose-dark);font:600 .9rem 'DM Sans',sans-serif;cursor:pointer}.error{min-height:26px;margin:8px 2px;color:#a33232;font-size:.95rem}.open-button{width:100%;min-height:62px;border:0;border-radius:999px;background:var(--rose-dark);color:white;font:600 1.08rem 'DM Sans',sans-serif;cursor:pointer;box-shadow:0 10px 28px #824d4738;transition:.2s}.open-button:hover{background:#6f3f3a;translate:0 -1px}.open-button:disabled{opacity:.65;cursor:wait}.privacy{margin:24px 0 0;color:var(--muted);font-size:.82rem}@media(max-width:380px){.access-card{padding-inline:18px;border-radius:23px}.instruction{font-size:1.03rem}.password-field input{height:62px;font-size:1.15rem}}.music-toggle{position:fixed;z-index:10;right:max(14px,env(safe-area-inset-right));bottom:max(14px,env(safe-area-inset-bottom));border:1px solid #ffffff88;border-radius:999px;padding:11px 15px;background:#302724e8;color:white;font:600 .82rem 'DM Sans',sans-serif;box-shadow:0 8px 30px #30272433;cursor:pointer}.music-toggle[aria-pressed="true"]{background:var(--rose-dark)}