@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial}}}@layer theme{:root,:host{--font-sans:"Avenir Next", "SF Pro Display", ui-sans-serif, system-ui, sans-serif;--font-mono:"SFMono-Regular", "Menlo", "Monaco", ui-monospace, monospace;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:"Avenir Next", "SF Pro Display", ui-sans-serif, system-ui, sans-serif;--default-mono-font-family:"SFMono-Regular", "Menlo", "Monaco", ui-monospace, monospace;--color-background:var(--background);--color-foreground:var(--foreground)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.flex{display:flex}.hidden{display:none}.inline{display:inline}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.border{border-style:var(--tw-border-style);border-width:1px}.text-wrap{text-wrap:wrap}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}:root{--background:#07150f;--foreground:#edf8f0;--panel:#091614bd;--panel-strong:#060e10e6;--line:#99eec738;--line-strong:#ffd87a8a;--gold:#f4c65a;--gold-soft:#fff0b0;--leaf:#69e4ac;--cyan:#8bd4ff;--rose:#ff7f9c;--muted:#abc7ba;--danger:#ff9f8e;--shadow:#0000006b}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{min-height:100%}html{background:var(--background);color:var(--foreground);overflow:hidden}body{background:var(--background);color:var(--foreground);font-family:var(--font-sans), "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;overscroll-behavior:none;touch-action:manipulation;-webkit-font-smoothing:antialiased;min-height:100svh;margin:0;overflow:hidden}button,input{font:inherit}button{cursor:pointer}::selection{background:#f4c65a5c}.app-shell{background:linear-gradient(180deg, #07150fad, #09070feb), var(--background);isolation:isolate;height:100svh;position:relative;overflow:hidden}.starfield,.confetti{pointer-events:none;z-index:-2;position:fixed;inset:0}.confetti{z-index:8}.lock-screen,.quest-shell{height:100svh;padding:calc(env(safe-area-inset-top) + 18px) calc(env(safe-area-inset-right) + 20px) calc(env(safe-area-inset-bottom) + 18px) calc(env(safe-area-inset-left) + 20px);z-index:2;position:relative}.lock-screen{justify-content:center;align-items:center;display:flex}.lock-panel,.scene-panel,.progress-panel{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:var(--panel);border:1px solid var(--line);box-shadow:0 26px 80px var(--shadow), inset 0 1px 0 #ffffff0d;border-radius:8px}.lock-panel{flex-direction:column;align-items:center;gap:18px;width:min(430px,100%);max-height:calc(100svh - 40px);padding:28px;display:flex;position:relative;overflow-y:auto}.lock-panel>:not(.lock-cat){z-index:1;position:relative}.lock-emblem{aspect-ratio:1;background:linear-gradient(135deg,#f4c65a2e,#69e4ac1f),#0000002e;border:1px solid #ffd87a5c;border-radius:8px;justify-content:center;align-items:center;height:88px;display:grid}.lock-emblem span{color:var(--gold-soft);filter:drop-shadow(0 0 20px #f4c65a8a);font-size:3.2rem}.lock-copy{text-align:center}.eyebrow{color:var(--leaf);font-family:var(--font-mono), ui-monospace, monospace;letter-spacing:.16em;text-transform:uppercase;margin:0 0 10px;font-size:.76rem;font-weight:700}.lock-copy h1,.scene-panel h1{color:var(--gold-soft);letter-spacing:0;text-wrap:balance;margin:0;font-size:2.25rem;font-weight:780;line-height:1.05}.lock-copy p{color:var(--muted);max-width:32rem;margin:10px auto 0;line-height:1.6}.lock-copy .hint{color:var(--gold-soft);font-style:italic}.language-toggle{border:1px solid var(--line);background:#00000042;border-radius:8px;grid-template-columns:1fr 1fr;padding:3px;display:grid}.language-toggle button{color:var(--muted);background:0 0;border:0;border-radius:6px;min-width:56px;min-height:34px;padding:0 12px;font-size:.86rem;font-weight:700}.language-toggle button.active{background:var(--leaf);color:#05120c}.pin-dots{grid-template-columns:repeat(8,12px);gap:10px;display:grid}.pin-dots span{border:2px solid #69e4acad;border-radius:999px;width:12px;height:12px;transition:background .16s,box-shadow .16s,transform .16s}.pin-dots span.filled{background:var(--gold);border-color:var(--gold);transform:scale(1.08);box-shadow:0 0 14px #f4c65ab8}.shake{animation:.42s shake}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-9px)}40%,80%{transform:translate(9px)}}.keypad{grid-template-columns:repeat(3,72px);gap:12px;display:grid}.key{color:var(--foreground);background:#ffffff0e;border:1px solid #99eec73d;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;font-size:1.45rem;font-weight:780;transition:background .14s,border-color .14s,transform .14s;display:flex}.key:active{background:#69e4ac2e;border-color:#f4c65a99;transform:scale(.94)}.key-fn{color:var(--gold-soft);font-size:1.12rem}.key svg,.icon-button svg,.primary-action svg{display:block}.quest-shell{flex-direction:column;gap:18px;display:flex;overflow:hidden}.hud{justify-content:space-between;align-items:center;gap:16px;width:100%;max-width:1180px;margin:0 auto;display:flex}.brand-lockup,.hud-actions{align-items:center;gap:10px;display:flex}.brand-lockup{color:var(--gold-soft);text-transform:uppercase;font-size:.98rem;font-weight:790}.brand-mark{color:var(--gold);background:#f4c65a1f;border:1px solid #f4c65a57;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;display:grid}.icon-button{border:1px solid var(--line);color:var(--gold-soft);background:#00000042;border-radius:8px;justify-content:center;align-items:center;width:42px;height:42px;font-size:1.08rem;display:grid}.quest-grid{flex:1;grid-template-columns:260px minmax(0,1fr);gap:18px;width:100%;max-width:1180px;min-height:0;margin:0 auto;display:grid}.quest-grid.story-mode{grid-template-columns:1fr;max-width:1040px;overflow:hidden}.story-mode .progress-panel{display:none}.story-mode .story-panel{height:100%;min-height:0}.progress-panel{flex-direction:column;justify-content:space-between;align-self:stretch;min-height:560px;padding:20px;display:flex}.progress-panel strong{color:var(--gold-soft);font-size:2.35rem;line-height:1;display:block}.constellation-track{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.node{color:#edf8f08a;font-family:var(--font-mono), ui-monospace, monospace;background:#ffffff0a;border:1px solid #99eec733;border-radius:8px;justify-content:center;align-items:center;height:54px;font-weight:800;display:grid}.node.active{border-color:var(--gold);color:var(--gold-soft)}.node.done{color:var(--leaf);background:#69e4ac29;border-color:#69e4ac94}.scene-panel{isolation:isolate;align-content:center;min-height:560px;padding:42px;display:grid;position:relative;overflow:hidden}.scene-panel:before{content:"";pointer-events:none;background:linear-gradient(135deg,#f4c65a1a,#0000 32%),linear-gradient(315deg,#8bd4ff14,#0000 38%);position:absolute;inset:0}.scene-panel>*{position:relative}.intro-panel{gap:18px}.story-panel{-webkit-backdrop-filter:none;backdrop-filter:none;background:radial-gradient(circle at 20% 22%,#f4c65a21,#0000 28%),radial-gradient(circle at 78% 74%,#8bd4ff1a,#0000 32%),#071211f5;grid-template-columns:minmax(280px,.78fr) minmax(0,1fr);align-content:stretch;gap:26px}.story-visual{align-items:center;min-height:0;display:grid;position:relative;overflow:hidden}.moon-gate{aspect-ratio:1;filter:blur(.2px)drop-shadow(0 0 34px #f4c65a33);background:radial-gradient(circle,#fff0b033,#69e4ac14 42%,#0000 66%),conic-gradient(from 110deg,#f4c65a00,#f4c65a9e,#69e4ac52,#f4c65a00);border:1px solid #fff0b03d;border-radius:50%;position:absolute;inset:10% 12% auto}.trail-line{background:linear-gradient(90deg,#0000,#fff0b0b3,#69e4ac59,#0000);height:2px;position:absolute;bottom:22%;left:4%;right:4%}.story-star{background:#fff0b033;border-radius:999px;width:10px;height:10px;position:absolute;box-shadow:0 0 18px #f4c65a29}.story-star:first-of-type{top:22%;left:22%}.story-star:nth-of-type(2){top:36%;right:28%}.story-star:nth-of-type(3){bottom:30%;left:44%}.story-star.lit{background:var(--gold-soft);box-shadow:0 0 22px #f4c65ab3}.story-copy{align-self:center;gap:18px;display:grid}.story-footer{grid-column:1/-1;justify-content:space-between;align-items:center;gap:18px;display:flex}.story-steps{gap:8px;display:flex}.story-steps span{background:#99eec733;border-radius:999px;width:24px;height:8px;transition:width .22s,background .22s}.story-steps span.active{background:var(--gold);width:52px}.subtitle{color:var(--cyan);margin:0;font-size:1.15rem;font-weight:700}.lead{color:var(--foreground);max-width:66ch;margin:0;font-size:1.05rem;line-height:1.75}.signature{color:var(--muted);margin:0;font-size:.88rem}.primary-action,.secondary-action{border-radius:8px;justify-content:center;align-items:center;gap:12px;width:fit-content;min-height:50px;padding:0 18px;font-weight:800;transition:filter .14s,transform .14s;display:inline-flex}.primary-action{background:linear-gradient(180deg, var(--gold-soft), var(--gold));color:#1a1405;border:1px solid #fff0b0b3;box-shadow:0 16px 46px #f4c65a33}.primary-action.compact{white-space:nowrap;min-width:132px}.secondary-action{border:1px solid var(--line);color:var(--muted);background:#ffffff0d}.primary-action:active,.secondary-action:active,.icon-button:active,.language-toggle button:active{transform:scale(.98)}.primary-action:hover,.secondary-action:hover,.icon-button:hover{filter:brightness(1.08)}.trial-panel{gap:24px}.trial-meta{justify-content:space-between;align-items:center;gap:14px;display:flex}.trial-meta .eyebrow{margin:0}.trial-meta span,.clue-strip span,.gift-reveal span{color:var(--rose);font-family:var(--font-mono), ui-monospace, monospace;letter-spacing:.12em;text-transform:uppercase;font-size:.78rem;font-weight:800}.trial-panel h1{max-width:17ch}.clue-strip{background:#0003;border:1px dashed #ffd87a6b;border-radius:8px;justify-content:space-between;align-items:center;gap:14px;max-width:620px;padding:14px 16px;display:flex}.clue-strip.hidden-clue{color:var(--muted);border-color:#99eec733}.clue-strip.revealed{background:#f4c65a13}.clue-strip strong{color:var(--gold-soft);text-align:right;font-size:.96rem}.hold-hint{color:var(--muted);touch-action:none;background:#ffffff0b;border:1px solid #99eec72e;border-radius:8px;align-items:center;gap:9px;min-height:38px;padding:0 12px;display:inline-flex;position:relative;overflow:hidden}.hold-hint .hold-fill{transform-origin:0;background:linear-gradient(90deg,#69e4ac2e,#f4c65a52);width:100%;position:absolute;inset:0 auto 0 0;transform:scaleX(0)}.hold-hint.holding .hold-fill{animation:2s linear forwards hint-hold}.hold-hint svg,.hold-hint strong{position:relative}.hold-hint strong{color:var(--muted);text-align:left;font-size:.86rem}@keyframes hint-hold{to{transform:scaleX(1)}}.code-entry{max-width:660px}.code-entry label{color:var(--muted);margin-bottom:8px;font-size:.9rem;font-weight:700;display:block}.code-row{grid-template-columns:minmax(0,1fr) auto;gap:10px;display:grid}.code-row input{border:1px solid var(--line);color:var(--gold-soft);font-family:var(--font-mono), ui-monospace, monospace;letter-spacing:.22em;text-transform:uppercase;-webkit-user-select:text;user-select:text;background:#0000004d;border-radius:8px;outline:none;width:100%;min-height:54px;padding:0 16px;font-size:1.5rem;font-weight:800}.code-row input:focus{border-color:var(--leaf);box-shadow:0 0 0 3px #69e4ac29}.form-error{color:var(--danger);opacity:0;min-height:22px;margin:10px 0 0;font-size:.92rem}.form-error.active{opacity:1}.praise-panel,.finale-panel{justify-items:start;gap:20px}.seal{color:var(--gold-soft);filter:drop-shadow(0 0 22px #f4c65a5c);border:1px solid #f4c65a73;border-radius:8px;justify-content:center;align-items:center;width:104px;height:104px;font-size:3.8rem;display:grid}.praise-text{color:var(--foreground);max-width:62ch;min-height:146px;margin:0;font-size:1.32rem;line-height:1.72}.cursor{color:var(--gold);opacity:.7}.finale-panel h1{color:var(--gold-soft);filter:drop-shadow(0 0 22px #f4c65a57);font-size:4rem}.naming{color:var(--muted);margin:0;font-size:1rem;line-height:1.6}.naming span{color:var(--leaf);font-family:var(--font-mono), ui-monospace, monospace;letter-spacing:.12em;text-transform:uppercase;font-weight:800;display:block}.blessing{color:var(--cyan);max-width:58ch;margin:0;font-size:1.05rem;line-height:1.7}.gift-reveal{background:#f4c65a14;border:1px solid #f4c65a6b;border-radius:8px;max-width:680px;padding:18px}.gift-reveal p{color:var(--gold-soft);margin:8px 0 0;font-size:1.06rem;line-height:1.7}.cat-illustration{color:var(--gold-soft);pointer-events:none;overflow:visible}.lock-cat{opacity:.2;z-index:0;width:156px;height:118px;position:absolute;bottom:10px;left:10px}.scene-cat{opacity:.92;z-index:-1;width:clamp(190px,25vw,310px);height:clamp(150px,20vw,238px);position:absolute;top:28px;right:28px}.story-cat{width:min(330px,82%);height:min(260px,72%);position:absolute;bottom:12%;left:9%}.intro-cat,.trial-cat{opacity:.42}.trial-cat{opacity:.28;top:90px;right:-78px}.praise-cat,.finale-cat{opacity:.52}.cat-shadow{fill:#00000047}.cat-body,.cat-head{stroke:#fff0b057;stroke-width:1.5px}.cat-head{fill:#0c2820e6}.cat-chest{fill:#fff0b021}.cat-inner-ear,.cat-nose{fill:var(--rose)}.cat-eye,.cat-stars path{fill:var(--gold-soft)}.cat-mouth,.cat-whiskers,.cat-leg{fill:none;stroke:#edf8f09e;stroke-linecap:round;stroke-width:3px}.cat-whiskers{opacity:.54;stroke-width:2px}.cat-leg{stroke:#69e4ac6b;stroke-width:10px}.cat-guardian .cat-tail,.cat-star .cat-tail{stroke-width:16px}.cat-hunter{transform:rotate(-3deg)}.cat-moon{filter:drop-shadow(0 0 24px #8bd4ff38)}.cat-star{filter:drop-shadow(0 0 28px #f4c65a57)}@media (max-width:860px){.lock-screen,.quest-shell{padding:calc(env(safe-area-inset-top) + 12px) calc(env(safe-area-inset-right) + 12px) calc(env(safe-area-inset-bottom) + 12px) calc(env(safe-area-inset-left) + 12px)}.quest-grid{grid-template-columns:1fr;padding-bottom:8px;overflow-y:auto}.progress-panel{min-height:auto}.constellation-track{grid-template-columns:repeat(10,minmax(32px,1fr))}.node{height:42px}.scene-panel{min-height:auto;padding:28px}.story-panel{grid-template-columns:1fr}.story-visual{min-height:280px}.story-footer{flex-direction:column;align-items:stretch}.scene-cat{opacity:.28;width:210px;height:160px;top:12px;right:12px}.trial-cat{opacity:.22;top:auto;bottom:-34px;right:-18px}.trial-panel h1{max-width:none}}@media (max-width:560px){.hud{flex-direction:column;align-items:flex-start}.hud-actions{width:100%}.hud-actions .language-toggle{flex:1}.lock-panel{padding:22px}.lock-copy h1,.scene-panel h1{font-size:1.8rem}.finale-panel h1{font-size:2.6rem}.keypad{grid-template-columns:repeat(3,64px);gap:10px}.key{width:64px;height:64px}.constellation-track{grid-template-columns:repeat(5,minmax(36px,1fr));gap:6px}.code-row{grid-template-columns:1fr}.primary-action,.secondary-action{width:100%}.trial-meta,.clue-strip{flex-direction:column;align-items:flex-start}.clue-strip strong{text-align:left}.story-visual{min-height:220px}.story-cat{width:260px;height:210px}.scene-cat{width:170px;height:130px}}@media (max-height:840px){.lock-panel{gap:8px;padding:12px}.lock-emblem{height:54px}.lock-emblem span{font-size:2.1rem}.lock-copy h1{font-size:1.55rem}.lock-copy p{margin-top:5px;font-size:.9rem;line-height:1.3}.eyebrow{margin-bottom:4px}.keypad{grid-template-columns:repeat(3,52px);gap:6px}.key{width:52px;height:52px;font-size:1.25rem}.pin-dots{grid-template-columns:repeat(8,10px);gap:8px}.pin-dots span{width:10px;height:10px}.lock-cat{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}