:root{--ink:#1b211f;--red:#cf3529;--red-light:#e34031;--cream:#fff9eb;--paper:#f8f2e4;--yellow:#ffdb28;--muted:#535950;--green:#3b7049;--font:"Trebuchet MS",-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}*{box-sizing:border-box}html{min-height:100%;-webkit-text-size-adjust:100%;text-size-adjust:100%;background:var(--paper)}body{margin:0;min-height:100svh;color:var(--ink);font:400 16px/1.5 var(--font)}button,input{font:inherit;color:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #006396;outline-offset:4px}.landing{isolation:isolate;min-height:100svh;min-height:100dvh;position:relative;display:grid;align-items:end;overflow:hidden;padding:max(24px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left));background:var(--paper)}.scene,.scene img{position:absolute;inset:0;width:100%;height:100%}.scene{z-index:-2;background:#b8ddec}.scene img{object-fit:cover;object-position:center}.scene-fallback{position:relative;max-width:32rem;padding:12px;border:2px solid var(--ink);background:var(--cream);border-radius:12px}.entry{width:min(390px,100%);margin:0 0 clamp(20px,7vh,90px) clamp(0px,7vw,110px);padding:16px;border:2px solid var(--ink);border-radius:18px 21px 15px 19px;background:color-mix(in srgb,var(--cream) 92%,transparent);box-shadow:4px 5px 0 var(--ink)}.eyebrow{margin:0 0 3px;font-weight:900;color:var(--red);letter-spacing:.03em}h1{margin:0;font-size:clamp(1.65rem,3.5vw,2.5rem);line-height:1.05;letter-spacing:-.04em}.entry-copy{margin:9px 0 15px;font-weight:600}.landing-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.practice-action,.entry-link,.install-point{border:2px solid var(--ink);border-radius:13px;box-shadow:2px 3px 0 var(--ink);min-height:44px;padding:9px 13px;font-weight:900;line-height:1.3;text-decoration:none}.practice-action{background:var(--yellow);color:var(--ink)}.entry-link,.install-point{background:var(--cream)}.practice-action:hover,.entry-link:hover,.install-point:hover{transform:translate(-1px,-1px);box-shadow:3px 4px 0 var(--ink)}.practice-action:active,.entry-link:active,.install-point:active{transform:translate(2px,2px);box-shadow:none}.install-point{margin-top:14px;font-size:.875rem}.integration-note{margin:8px 0 0;font-size:.875rem;color:var(--muted)}.auth-dialog{width:min(660px,calc(100% - 32px));max-height:calc(100dvh - 32px);border:0;padding:0;background:transparent;overflow:visible}.auth-dialog::backdrop{background:rgba(24,33,31,.52)}.auth-shell{width:min(590px,100%);position:relative;margin:auto;padding:34px 20px 23px;border:3px solid var(--ink);border-radius:49% 49% 20px 20px / 27% 27% 20px 20px;background:var(--red);box-shadow:0 8px 0 rgba(25,27,22,.3)}.auth-shell::before{content:"";position:absolute;inset:14px 14px auto;height:150px;border:2.5px solid var(--ink);border-radius:50% 50% 38% 38%;background:#f6d866;z-index:-1}.auth-shell h2{margin:8px 0 0;text-align:center;font-size:clamp(2rem,7vw,3.5rem);font-weight:900;line-height:1;letter-spacing:-.08em}.auth-intro{margin:8px 0 22px;text-align:center;font-weight:800}.close-auth{position:absolute;top:14px;right:14px;width:44px;height:44px;border:2px solid var(--ink);border-radius:12px;background:var(--cream);font-size:1.75rem;line-height:1}.field-frame{padding:9px;background:var(--red);border:3px solid #151916;border-radius:37px 43px 37px 41px / 36px 37px 34px 35px;box-shadow:0 4px 0 #20211d}.field-frame:focus-within{background:var(--red-light);box-shadow:0 4px 0 #1b201a,0 0 0 3px var(--yellow)}.field-inner{display:flex;align-items:center;gap:13px;min-height:61px;background:var(--cream);border:2.5px solid #191c18;border-radius:25px 29px 25px 27px / 26px 24px 24px 25px;padding:0 8px 0 20px}.field-inner input{border:0;outline:0;background:transparent;min-width:0;width:100%;padding:14px 0;font-size:1.0625rem;line-height:1.35;font-weight:600;caret-color:#b92e21}.email-check{color:var(--green);font-size:1.35rem;font-weight:900;visibility:hidden}.email-check.visible{visibility:visible}.password-wrap{padding-top:15px}.password-frame{border-radius:39px 35px 42px 35px / 35px 33px 36px 34px}.eye-button{width:44px;height:44px;border:0;border-radius:12px;background:transparent;flex:none}.eye-button:hover{background:#efdfb9}.continue{display:flex;align-items:center;justify-content:center;gap:15px;width:100%;min-height:59px;margin-top:18px;padding:13px 20px;border:3px solid var(--ink);border-radius:17px 21px 15px 19px;background:var(--yellow);box-shadow:4px 5px 0 var(--ink);font-size:1.1875rem;font-weight:900}.continue:disabled{color:#5b533c;background:#e6d093;box-shadow:2px 3px 0 var(--ink)}.form-notice,.auth-boundary{margin:12px 6px 0;padding:8px 12px;border:1.5px solid var(--ink);border-radius:9px;background:var(--cream);font-size:.875rem;overflow-wrap:anywhere}.form-notice.error{color:#952735;background:#fff0e9;font-weight:700}.auth-boundary{color:var(--muted);text-align:center}.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}@media(min-width:1400px){.auth-shell{width:620px}}@media(max-width:700px){.landing{align-items:end;padding:16px max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}.entry{margin:0;width:100%;padding:14px}.entry-copy{margin:6px 0 12px}.auth-shell{padding:29px 15px 18px}.auth-shell::before{height:125px}}@media(max-width:360px){.landing-actions>*{width:100%;text-align:center}.entry{padding:12px}.field-inner{gap:8px;padding-left:10px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
