.input-page{position:relative;width:100%;height:100dvh;overflow:hidden;overscroll-behavior:none;background:radial-gradient(circle at 50% 38%,var(--navy-700) 0%,var(--navy-800) 65%,var(--navy-900) 100%);padding:max(16px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));display:flex;align-items:center;justify-content:center}.input-page__content{position:relative;z-index:1;width:100%;max-width:1100px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(18px,3vh,34px)}.input-page__title{font-family:Poppins,sans-serif;font-weight:800;color:#fff;font-size:clamp(32px,4vw,56px);letter-spacing:-.5px;text-align:center;line-height:1.15;text-shadow:0 2px 18px rgba(11,16,48,.6)}.message-display-wrapper{width:100%;max-width:980px;display:flex;flex-direction:column;align-items:center}.message-pill{width:100%;height:clamp(64px,8vh,88px);border-radius:var(--radius-pill);background:#fff;border:2px solid #8B5CF6;box-shadow:0 0 24px #8b5cf6a6,0 0 4px #a78bfacc;padding:0 28px;display:flex;align-items:center;justify-content:space-between;gap:12px;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.message-pill--shake{animation:pill-shake .3s var(--ease-out)}@keyframes pill-shake{0%,to{transform:translate(0)}20%{transform:translate(-10px)}40%{transform:translate(10px)}60%{transform:translate(-7px)}80%{transform:translate(7px)}}.message-pill__scroll{flex:1;min-width:0;display:flex;align-items:center;white-space:nowrap;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none;font-size:clamp(20px,2.2vw,28px);line-height:1.2}.message-pill__scroll::-webkit-scrollbar{display:none}.message-pill__text{color:var(--ink);font-weight:500;white-space:pre}.message-pill__placeholder{color:#9aa0b5;font-weight:400;margin-left:10px}.message-pill__caret{display:inline-block;width:2px;height:1.1em;background-color:#2b2f6b;flex-shrink:0;margin-left:1px;animation:caret-blink 1s step-end infinite}@keyframes caret-blink{0%,to{opacity:1}50%{opacity:0}}.message-pill__counter{flex-shrink:0;font-size:14px;font-weight:600;color:#6b7280;background:#f3f1fb;padding:4px 10px;border-radius:999px}.message-pill__counter--limit{color:#dc2626;background:#fee2e2}.message-display__meta{min-height:22px;margin-top:6px;display:flex;align-items:center;justify-content:center}.message-display__hint{font-size:15px;font-weight:600;color:#fca5a5;letter-spacing:.2px}.vk-wrapper{position:relative;width:100%;max-width:980px;display:flex;flex-direction:column;align-items:center}.vk-emoji-panel{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);width:min(100%,720px);background:#1e204af5;border:1px solid rgba(167,139,250,.38);border-radius:18px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:12px;display:grid;grid-template-columns:repeat(8,1fr);gap:8px;box-shadow:0 12px 32px #070a22bf;z-index:10}.vk-emoji-btn{min-width:44px;min-height:44px;border:none;border-radius:10px;background:#ffffff14;font-size:clamp(20px,2vw,26px);display:flex;align-items:center;justify-content:center;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:background-color .12s ease,transform 80ms ease}.vk-emoji-btn:active{background:#a78bfa59;transform:scale(.95)}.vk-panel{width:100%;max-width:980px;background:#2d2d5c8c;border:1px solid rgba(255,255,255,.14);border-radius:24px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 0 32px #7c5cff2e;padding:clamp(12px,1.6vw,20px);display:flex;flex-direction:column;gap:clamp(8px,1.2vh,14px)}.vk-row{display:grid;gap:clamp(6px,.9vw,12px);width:100%}.vk-row--1{grid-template-columns:repeat(10,1fr)}.vk-row--2-letters{grid-template-columns:repeat(9,1fr);padding:0 5%}.vk-row--2-num{grid-template-columns:repeat(10,1fr)}.vk-row--3-letters{grid-template-columns:1.5fr repeat(7,1fr) 1.5fr}.vk-row--3-num{grid-template-columns:1.5fr repeat(5,1.4fr) 1.5fr}.vk-row--4{grid-template-columns:1.2fr 1.2fr 5fr 1.8fr}.vk-spacer{min-height:44px}.vk-key{min-width:44px;min-height:44px;height:clamp(44px,7vh,62px);border-radius:10px;border:none;font-family:Poppins,sans-serif;font-weight:600;font-size:clamp(16px,1.6vw,22px);display:flex;align-items:center;justify-content:center;cursor:pointer;touch-action:manipulation;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;transition:transform 60ms ease,filter .1s ease,background-color .12s ease}.vk-key--light{background:#f3f1fb;color:#23264d;box-shadow:0 2px #00000047}.vk-key--special{background:var(--indigo-key);color:#e8e6ff;box-shadow:0 2px #00000047,inset 0 0 0 1px #ffffff29}.vk-key:active:not(:disabled){transform:translateY(1px);filter:brightness(.93)}.vk-key--active{background:#6d5acf;color:#fff;box-shadow:0 0 14px #8b5cf6a6,inset 0 0 0 1.5px #ffffff80}.vk-key--capslock{background:var(--violet);color:#fff;box-shadow:0 0 18px #7c5cffd9,inset 0 0 0 2px #fff}.vk-key--disabled{opacity:.55}.vk-spinner{width:22px;height:22px;border:2.5px solid rgba(232,230,255,.3);border-top-color:#fff;border-radius:50%;animation:vk-spin .7s linear infinite}@keyframes vk-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.message-pill--shake,.message-pill__caret{animation:none!important}}.view-page{position:relative;width:100%;height:100dvh;overflow:hidden;overscroll-behavior:none;background-color:#05061a;padding:max(28px,env(safe-area-inset-top)) max(36px,env(safe-area-inset-right)) max(36px,env(safe-area-inset-bottom)) max(36px,env(safe-area-inset-left));display:flex;flex-direction:column;align-items:center;justify-content:center}.backdrop__dot-grid{position:absolute;top:-10%;right:-10%;bottom:-10%;left:-10%;background-color:#05061a;background-image:radial-gradient(circle at 35% 50%,rgba(30,158,116,.25) 1.5px,transparent 2.5px),radial-gradient(circle at 65% 50%,rgba(124,92,255,.28) 1.5px,transparent 2.5px),linear-gradient(to right,rgba(11,16,48,.85) 1px,transparent 1px),linear-gradient(to bottom,rgba(11,16,48,.85) 1px,transparent 1px);background-size:16px 20px,16px 20px,16px 20px,16px 20px;transform:perspective(600px) rotateX(14deg) scale(1.08);transform-origin:center center;opacity:.9}.view-page__content{position:relative;z-index:1;width:100%;max-width:1500px;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.view-page__title{font-family:Cormorant Garamond,Georgia,serif;font-weight:600;color:#fff;font-size:clamp(36px,5vw,64px);text-align:center;line-height:1.1;margin-top:2vh;margin-bottom:4vh;letter-spacing:.2px;text-shadow:0 4px 24px rgba(5,6,26,.85)}.view-page__grid{flex:1;min-height:0;width:100%;max-width:1500px;display:grid;grid-template-columns:repeat(2,minmax(300px,520px));grid-auto-rows:minmax(110px,210px);justify-content:space-between;align-content:space-around;gap:clamp(14px,1.8vh,28px) clamp(16px,2vw,32px);opacity:0;transition:opacity .3s var(--ease-out)}.view-page__grid--ready{opacity:1}.view-page__grid--expanded{grid-auto-rows:minmax(96px,165px);align-content:center;gap:clamp(12px,1.6vh,20px) clamp(16px,2vw,32px)}.view-page__grid--expanded .message-card{padding:clamp(14px,1.5vh,24px) clamp(18px,1.8vw,28px)}.message-card{border-radius:var(--radius-card);padding:clamp(20px,2vw,32px);display:flex;align-items:center;gap:clamp(14px,1.5vw,22px);color:#14183f;position:relative;overflow:hidden}.message-card--lavender{background-color:var(--lavender);box-shadow:0 0 40px #7c5cff47}.message-card--lavender .message-card__icon{color:var(--violet)}.message-card--mint{background-color:var(--mint);box-shadow:0 0 40px #1e9e7447}.message-card--mint .message-card__icon{color:var(--green)}.message-card__icon{align-self:flex-start;width:28px;height:28px;flex-shrink:0;margin-top:4px;display:flex;align-items:center;justify-content:center}.message-card__text{font-family:Cormorant Garamond,Georgia,serif;font-weight:600;color:#14183f;font-size:clamp(18px,1.8vw,26px);line-height:1.35;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden;text-overflow:ellipsis;word-break:break-word}.message-card--enter{animation:card-enter .42s var(--ease-out) both}@keyframes card-enter{0%{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.view-page__error{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:12px;padding:32px}.view-page__error-title{font-size:clamp(22px,2.2vw,32px);font-weight:700;color:#fff}.view-page__error-hint{font-size:clamp(18px,1.5vw,22px);color:#ffffffad;max-width:540px}@media (prefers-reduced-motion: reduce){.backdrop__dot-grid{transform:none!important}.view-page__grid{transition:none!important}.message-card--enter{animation:none!important}}.reset-page{width:100%;height:100dvh;overflow:hidden;overscroll-behavior:none;background:radial-gradient(circle at 50% 35%,var(--navy-700) 0%,var(--navy-800) 70%,var(--navy-900) 100%);padding:max(20px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));display:flex;align-items:center;justify-content:center}.reset-panel{width:100%;max-width:560px;background:#141a4ac7;border:1px solid rgba(255,255,255,.14);border-radius:24px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 20px 50px #070a22a6;padding:clamp(24px,3vw,40px);display:flex;flex-direction:column;gap:24px}.reset-panel__title{font-size:clamp(24px,2.5vw,32px);font-weight:700;color:#fff}.reset-panel__subtitle{font-size:15px;color:#ffffffb3;line-height:1.5;margin-top:-12px}.reset-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.reset-stat-pill{background:#0b1030bf;border:1px solid rgba(167,139,250,.28);border-radius:16px;padding:16px 12px;display:flex;flex-direction:column;align-items:center;gap:6px}.reset-stat-pill__label{font-size:13px;font-weight:600;color:#ffffffa6;text-transform:uppercase;letter-spacing:.5px;text-align:center}.reset-stat-pill__value{font-size:28px;font-weight:800;color:#fff}.reset-actions{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:8px}.reset-btn{min-height:48px;padding:0 20px;border-radius:12px;font-family:Poppins,sans-serif;font-size:15px;font-weight:600;cursor:pointer;touch-action:manipulation;transition:background-color .14s ease,opacity .14s ease,transform 80ms ease}.reset-btn:active:not(:disabled){transform:scale(.98)}.reset-btn:disabled{opacity:.5;cursor:not-allowed}.reset-btn--refresh{background:#ffffff1a;border:1px solid rgba(255,255,255,.22);color:#fff}.reset-btn--refresh:hover:not(:disabled){background:#ffffff29}.reset-btn--danger{flex:1;background:#dc26261f;border:2px solid #DC2626;color:#fca5a5}.reset-btn--danger:hover:not(:disabled){background:#dc26263d;color:#fff}:root{--navy-900: #070A22;--navy-800: #0B1030;--navy-700: #141A4A;--indigo-key: #4A4A7D;--lavender: #EADFFB;--mint: #DFF6EC;--violet: #7C5CFF;--violet-soft: #A78BFA;--green: #1E9E74;--ink: #1B1F4B;--radius-pill: 999px;--radius-card: 18px;--ease-out: cubic-bezier(.22, 1, .36, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100dvh;overflow:hidden;overscroll-behavior:none;background-color:var(--navy-900);color:#fff;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.backdrop{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;overflow:hidden}.backdrop__svg{width:100%;height:100%;display:block}.backdrop__lines path{fill:none;stroke:#8e7cff;stroke-width:1.15;stroke-opacity:.26}.backdrop__lines--view path{stroke-opacity:.32}.backdrop__node{animation-name:node-pulse;animation-timing-function:ease-in-out;animation-iteration-count:infinite;transform-box:fill-box;transform-origin:center}@keyframes node-pulse{0%,to{opacity:.65;transform:scale(.92)}50%{opacity:1;transform:scale(1.12)}}@media (prefers-reduced-motion: reduce){.backdrop__node{animation:none!important;transform:none!important}}