html{height:100%;overflow:hidden;overscroll-behavior:none;-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;height:100%;max-height:100dvh;overflow:hidden;overscroll-behavior:none;touch-action:manipulation;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{height:100%;max-height:100dvh;overflow:hidden;display:flex;flex-direction:column;min-height:0}.pen-gift{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.pen-gift--compact{margin-top:1.25rem;pointer-events:none}.pen-gift--compact .pen-gift-svg-wrap{height:88px;max-height:100px}.pen-gift--compact .pen-gift-svg-wrap>svg:last-child{height:100%;width:auto;max-width:100%;display:block;margin:0 auto}.pen-gift--stage{min-height:200px;padding:.5rem 0 1rem;cursor:pointer}.pen-gift--stage.pen-gift--opened{cursor:default}.pen-gift--stage .pen-gift-svg-wrap{height:min(220px,55vw);max-height:260px}.pen-gift--stage .pen-gift-svg-wrap>svg:last-child{height:100%;width:auto;display:block;margin:0 auto}@media(max-width:47.98em){.pen-gift--stage .pen-gift-svg-wrap>svg:last-child{max-width:100%}}.pen-gift-svg-wrap{position:relative;z-index:1;width:100%}.pen-gift-message{margin-top:.75rem;max-width:100%;padding:0 .5rem;font-size:clamp(.85rem,2.8vw,1.1rem);font-weight:700;letter-spacing:.06em;line-height:1.45;text-align:center;color:var(--green, #22c55e);text-shadow:0 0 24px var(--green-glow, rgba(34, 197, 94, .4));word-break:break-word;animation:pen-gift-msg-in .7s cubic-bezier(.22,1,.36,1) .2s both}@keyframes pen-gift-msg-in{0%{opacity:0;transform:translateY(12px) scale(.92)}to{opacity:1;transform:translateY(0) scale(1)}}.pen-gift--enter{animation:pen-gift-enter .85s cubic-bezier(.34,1.15,.64,1) both}@keyframes pen-gift-enter{0%{opacity:.75;transform:translateY(64px) scale(.42)}to{opacity:1;transform:translateY(0) scale(1)}}:root{--bg-deep: #0a0c0e;--bg-panel: #1a1e26;--bg-input: #222830;--border: #2d3544;--border-glow: #3d4758;--text: #d8dee8;--text-dim: #8b95a5;--green: #22c55e;--green-glow: rgba(34, 197, 94, .35);--red: #dc2626;--red-blink: rgba(220, 38, 38, .5);--amber: #d97706;--accent-pink: #e879a0;--accent-pink-rgb: 232, 121, 160;--key-square-yellow: #fef08a;--key-square-blue: #7dd3fc}*{box-sizing:border-box}body{margin:0;background:var(--bg-deep);color:var(--text);font-family:JetBrains Mono,SF Mono,Consolas,monospace}.app{position:relative;flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden;padding:max(.75rem,env(safe-area-inset-top)) max(1rem,env(safe-area-inset-right)) max(.75rem,env(safe-area-inset-bottom)) max(1rem,env(safe-area-inset-left))}.app-main-scroll{flex:1;min-height:0;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;display:flex;flex-direction:column}.app-main-scroll-inner{width:100%;max-width:640px;margin-top:auto;margin-bottom:auto;align-self:center;flex-shrink:0}.terminal-frame{width:100%;max-width:640px;background:var(--bg-panel);border:1px solid var(--border);border-radius:8px;box-shadow:0 0 0 1px #ffffff0a,0 8px 32px #00000080;overflow:hidden}.terminal-header{display:flex;align-items:center;justify-content:space-between;padding:.6rem 1rem;background:#00000040;border-bottom:1px solid var(--border);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase}.terminal-title{flex:1;min-width:0;color:var(--text-dim)}.terminal-status-wrap{position:relative;height:1.2em;min-width:11em;overflow:hidden;text-align:right}.terminal-status-wrap .terminal-status,.terminal-status-wrap .terminal-status-alt{position:absolute;top:0;left:0;right:0;transition:transform .35s ease,opacity .35s ease;text-align:right}.terminal-status-wrap .terminal-status{transform:translateY(0);opacity:1;color:var(--amber)}.terminal-status-wrap .terminal-status-alt{transform:translateY(-100%);opacity:0;color:var(--key-square-yellow)}.terminal-status-wrap.show-alt .terminal-status{transform:translateY(100%);opacity:0}.terminal-status-wrap.show-alt .terminal-status-alt{transform:translateY(0);opacity:1}.terminal-status{color:var(--amber);font-weight:600}.terminal-body{padding:2rem 1.5rem}.key-block{position:fixed;top:.75rem;left:.75rem;z-index:10}.key-button{display:inline-flex;align-items:center;justify-content:center;padding:0;background:transparent;border:none;color:#fff;cursor:pointer;filter:drop-shadow(0 0 6px rgba(255,255,255,.4));transition:filter .2s;animation:key-appear .5s ease both}.key-button:hover{filter:drop-shadow(0 0 10px rgba(255,255,255,.6))}.key-button svg{width:32px;height:32px}@keyframes key-appear{0%{opacity:0}to{opacity:1}}.key-squares{display:flex;gap:6px;align-items:center}.key-square{width:14px;height:14px;border-radius:2px;opacity:0;animation:key-square-appear .5s ease both,key-square-flicker 3.5s .6s ease-in-out}.key-square:nth-child(1){animation-delay:0s,.6s}.key-square:nth-child(2){animation-delay:.08s,.6s}.key-square:nth-child(3){animation-delay:.16s,.6s}@keyframes key-square-appear{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@keyframes key-square-flicker{0%,to{opacity:.85;filter:brightness(1)}25%{opacity:1;filter:brightness(1.15)}50%{opacity:.75;filter:brightness(.95)}75%{opacity:1;filter:brightness(1.2)}}.key-hint-text{display:inline-block;font-size:.85rem;font-weight:600;letter-spacing:.08em;color:var(--accent-pink);opacity:0;animation:key-square-appear .5s ease both,key-square-flicker 3.5s .6s ease-in-out}.key-hint-arrow{display:inline-block;font-size:2.5rem;font-weight:600;color:var(--key-square-yellow);opacity:0;animation:key-square-appear .5s ease both,key-square-flicker 3.5s .6s ease-in-out}.key-hint-u-eq-a{display:inline-block;font-size:.9rem;font-weight:600;letter-spacing:.05em;color:var(--key-square-blue);opacity:0;animation:key-square-appear .5s ease both,key-square-flicker 3.5s .6s ease-in-out}.sun-block{position:fixed;top:.75rem;right:.75rem;z-index:10}.sun-button{display:inline-flex;align-items:center;justify-content:center;padding:0;background:transparent;border:none;color:var(--key-square-blue);cursor:pointer;filter:drop-shadow(0 0 6px rgba(125,211,252,.4));transition:filter .2s;animation:key-appear .5s ease both}.sun-button:hover{filter:drop-shadow(0 0 10px rgba(125,211,252,.6))}.sun-button svg{width:40px;height:40px}.sun-rebus{display:inline-flex;align-items:center;gap:.5rem;color:var(--key-square-blue)}.sun-rebus svg{width:36px;height:36px;flex-shrink:0}.sun-rebus-at{font-size:2.15rem;font-weight:700;line-height:1;font-family:Georgia,Times New Roman,serif;opacity:0;animation:key-square-appear .4s ease both,key-square-flicker 3.5s .5s ease-in-out}.eye-block{position:fixed;bottom:.75rem;right:.75rem;z-index:10}.eye-button{display:inline-flex;align-items:center;justify-content:center;padding:0;background:transparent;border:none;color:var(--accent-pink);cursor:pointer;filter:drop-shadow(0 0 8px rgba(var(--accent-pink-rgb),.5));transition:filter .2s;animation:eye-appear .5s ease both}@keyframes eye-appear{0%{opacity:0}to{opacity:1}}.eye-button:hover{filter:drop-shadow(0 0 12px rgba(var(--accent-pink-rgb),.7))}.eye-button svg{width:56px;height:34px}.eye-numbers{display:flex;gap:6px;align-items:center;color:var(--accent-pink)}.eye-number{display:inline-flex;align-items:center;justify-content:center;min-width:1.75rem;padding:2px 6px;font-size:.9rem;font-weight:600;color:var(--accent-pink);opacity:0;animation:eye-number-glow 1.1s ease both,eye-number-flicker 3.5s 1.6s ease-in-out}.eye-number:nth-child(1){animation-delay:.4s}.eye-number:nth-child(2){animation-delay:.32s}.eye-number:nth-child(3){animation-delay:.24s}.eye-number:nth-child(4){animation-delay:.16s}.eye-number:nth-child(5){animation-delay:.08s}.eye-number:nth-child(6){animation-delay:0s}@keyframes eye-number-glow{0%{opacity:0;text-shadow:0 0 2px rgba(var(--accent-pink-rgb),.3)}66%{opacity:1;text-shadow:0 0 20px rgba(var(--accent-pink-rgb),.9)}77%{opacity:1}to{opacity:.85;text-shadow:0 0 12px rgba(var(--accent-pink-rgb),.35)}}@keyframes eye-number-flicker{0%,to{opacity:.85;text-shadow:0 0 12px rgba(var(--accent-pink-rgb),.3)}25%{opacity:1;text-shadow:0 0 18px rgba(var(--accent-pink-rgb),.7)}50%{opacity:.75;text-shadow:0 0 8px rgba(var(--accent-pink-rgb),.2)}75%{opacity:1;text-shadow:0 0 20px rgba(var(--accent-pink-rgb),.8)}}.lock-icon{display:flex;justify-content:center;margin-bottom:1rem;color:var(--text-dim)}.lock-icon svg{width:48px;height:48px}.lock-icon-open{color:var(--green)}.hint{margin:0 0 1.25rem;font-size:.8rem;color:var(--text-dim)}.words-row{display:flex;flex-wrap:wrap;gap:1.25rem 1.5rem;justify-content:center;align-items:flex-start}.word-block{display:flex;flex-direction:column;align-items:center;gap:.5rem;position:relative;padding:.5rem;border-radius:6px;transition:background .2s,box-shadow .2s}.word-block.blink{animation:blink-red .15s ease-in-out;animation-iteration-count:3}@keyframes blink-red{0%,to{background:transparent;box-shadow:none}50%{background:var(--red-blink);box-shadow:0 0 12px var(--red)}}.word-check-slot{min-height:1.5rem;display:flex;align-items:center;justify-content:center;width:100%}.word-check{display:inline-flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;border-radius:50%;background:var(--green);color:var(--bg-deep);font-size:.7rem;font-weight:700;line-height:1}.letter-inputs{display:flex;gap:4px}.letter-input{width:2.25rem;height:2.5rem;padding:0;text-align:center;font-size:1.1rem;font-weight:600;font-family:inherit;color:var(--text);background:var(--bg-input);border:1px solid var(--border);border-radius:4px;outline:none;transition:border-color .15s,box-shadow .15s}.letter-input:focus{border-color:var(--border-glow);box-shadow:0 0 0 2px #2a334066}.letter-input:disabled{opacity:.6;cursor:not-allowed}.word-count-hint{margin-top:1.25rem;font-size:.75rem;color:var(--text-dim)}.success-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;min-height:180px}.success-screen--with-gift{min-height:280px;justify-content:flex-start;padding-bottom:1rem}.success-screen--with-gift .pen-gift--compact{margin-top:auto;padding-top:1.5rem}.terminal-body--success{min-height:280px}.success-gift-stage{display:flex;align-items:center;justify-content:center;min-height:260px;padding:2rem 1.5rem 2.5rem}.big-check{width:80px;height:80px;border-radius:50%;background:var(--green);color:var(--bg-deep);font-size:2.5rem;font-weight:700;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;box-shadow:0 0 24px var(--green-glow);animation:success-appear .4s ease-out}@keyframes success-appear{0%{transform:scale(.6);opacity:0}to{transform:scale(1);opacity:1}}.success-label{margin:0;font-size:.85rem;letter-spacing:.15em;color:var(--green);text-transform:uppercase}