.caution-stripe{z-index:100;background:repeating-linear-gradient(90deg, var(--accent) 0, var(--accent) 20px, var(--bg-primary) 20px, var(--bg-primary) 28px);will-change:transform;height:4px;transition:none;animation:1.5s linear infinite cautionScroll;position:fixed;top:0;left:-28px;right:0}@keyframes cautionScroll{0%{transform:translate(0)}to{transform:translate(28px)}}@media (width>=1920px){.caution-stripe{height:5px}}@media (width>=2560px){.caution-stripe{height:6px}}@media (width>=3440px){.caution-stripe{height:8px}}@media (width>=3840px){.caution-stripe{height:10px}}.coordinate-form{flex-direction:column;align-items:center;gap:24px;width:100%;display:flex}.form-logo{letter-spacing:-.5px;color:var(--text-primary);text-shadow:0 0 20px #6aae5f66;font-family:IBM Plex Mono,Courier New,monospace;font-size:28px;font-weight:700}.logo-bracket{color:var(--accent)}.logo-text{color:var(--text-primary)}.form-subtitle{letter-spacing:.5px;color:var(--text-secondary);margin-top:-12px;font-size:14px;font-weight:400}.input-wrapper{width:100%}.input-wrapper.shake{animation:.45s shake}.coord-input{width:100%;color:var(--text-primary);background-color:var(--bg-surface);border:2px solid var(--border-color);border-radius:6px;outline:none;padding:18px 16px;font-family:IBM Plex Mono,Courier New,monospace;font-size:18px;font-weight:400;transition:border-color .25s,box-shadow .25s;box-shadow:0 0 24px #6aae5f66,inset 0 0 12px #6aae5f0d}.coord-input::placeholder{color:var(--text-secondary);opacity:.6}.coord-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.coord-input.input-error{border-color:var(--error);box-shadow:0 0 0 3px var(--error-glow)}.error-message{color:var(--error);margin-top:8px;font-size:13px;font-weight:400;animation:.3s forwards slideDownFadeIn}.submit-button{text-transform:uppercase;letter-spacing:.5px;width:100%;color:var(--bg-primary);background-color:var(--accent);cursor:pointer;border:none;border-radius:6px;padding:18px;font-family:IBM Plex Mono,Courier New,monospace;font-size:16px;font-weight:700;transition:background-color .2s,transform .2s;box-shadow:0 0 30px #6aae5f66}[data-theme=light] .submit-button{text-shadow:0 1px 2px #00000026;box-shadow:0 0 30px #6aae5f66,0 2px 8px #00000026}@media (hover:hover){.submit-button:hover{background-color:var(--accent-dark);transform:translateY(-2px)}}.submit-button:active{transform:translateY(0)}.submit-button:disabled{cursor:not-allowed;opacity:.75}@media (hover:hover){.submit-button:disabled:hover{background-color:var(--accent);transform:none}}.submit-button-content{justify-content:center;align-items:center;gap:10px;display:inline-flex}.spinner{border:2px solid;border-right-color:#0000;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.load-slide-up,.load-slide-up-delay{width:100%}.load-slide-down{animation:.5s both loadSlideDown}.load-slide-down-delay{animation:.5s 80ms both loadSlideDown}.load-slide-up{animation:.5s .15s both loadSlideUp}.load-slide-up-delay{animation:.5s .22s both loadSlideUp}@media (width>=1920px){.coordinate-form{gap:28px}.form-logo{font-size:32px}.form-subtitle{font-size:16px}.coord-input{padding:20px 18px;font-size:20px}.submit-button{padding:20px;font-size:18px}.error-message{font-size:14px}}@media (width>=2560px){.coordinate-form{gap:36px}.form-logo{font-size:40px}.form-subtitle{font-size:18px}.coord-input{border-radius:8px;padding:24px 22px;font-size:24px}.submit-button{border-radius:8px;padding:24px;font-size:22px}.error-message{font-size:16px}}@media (width>=3440px){.coordinate-form{gap:42px}.form-logo{font-size:48px}.form-subtitle{font-size:22px}.coord-input{border-width:3px;border-radius:10px;padding:30px 28px;font-size:30px}.submit-button{border-radius:10px;padding:30px;font-size:28px}.error-message{font-size:20px}}@media (width>=3840px){.coordinate-form{gap:48px}.form-logo{font-size:58px}.form-subtitle{font-size:24px}.coord-input{border-width:3px;border-radius:12px;padding:34px 30px;font-size:34px}.submit-button{border-radius:12px;padding:34px;font-size:32px}.error-message{font-size:22px}}.success-view{background-color:var(--bg-surface);border:2px solid var(--accent);border-radius:8px;flex-direction:column;align-items:center;gap:24px;width:100%;padding:48px 32px;display:flex}.check-circle{background-color:var(--accent);border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;animation:.4s cubic-bezier(.34,1.56,.64,1) both checkCircleScale,1s .3s both pulseRing;display:flex}.check-path{animation:.5s .3s forwards drawCheck}@keyframes drawCheck{to{stroke-dashoffset:0}}.success-title{color:var(--text-primary);font-family:IBM Plex Mono,Courier New,monospace;font-size:20px;font-weight:700;animation:.4s .15s both staggerFadeSlideUp}.coord-display{background-color:var(--coord-bg);border-radius:6px;align-items:center;gap:12px;padding:16px 20px;animation:.4s .25s both staggerFadeSlideUp;display:flex}.coord-group{flex-direction:column;align-items:center;gap:4px;display:flex}.coord-label{letter-spacing:1.5px;color:var(--accent);font-family:IBM Plex Mono,Courier New,monospace;font-size:11px;font-weight:700}.coord-value{color:var(--text-primary);font-family:IBM Plex Mono,Courier New,monospace;font-size:16px;font-weight:400}.coord-divider{background-color:#444;width:1px;height:24px}.back-button{text-transform:uppercase;letter-spacing:.5px;color:var(--accent);border:2px solid var(--accent);cursor:pointer;background:0 0;border-radius:6px;padding:16px 32px;font-family:IBM Plex Mono,Courier New,monospace;font-size:14px;font-weight:700;transition:background-color .45s ease-out,color .45s ease-out,transform .2s,border-color .45s ease-out;animation:.4s .4s both staggerFadeSlideUp}@media (hover:hover){.back-button:hover{background-color:var(--accent);color:var(--bg-primary);transform:translateY(-2px)}}.back-button:active{transform:translateY(0)}@media (width>=1920px){.success-view{gap:28px;padding:52px 36px}.check-circle{width:72px;height:72px}.check-svg{width:36px;height:36px}.success-title{font-size:23px}.coord-display{gap:16px;padding:20px 22px}.coord-label{font-size:13px}.coord-value{font-size:18px}.coord-divider{height:28px}.back-button{padding:18px 34px;font-size:16px}}@media (width>=2560px){.success-view{border-radius:10px;gap:34px;padding:70px 44px}.check-circle{width:92px;height:92px}.check-svg{width:46px;height:46px}.success-title{font-size:30px}.coord-display{border-radius:8px;gap:20px;padding:24px 30px}.coord-label{font-size:15px}.coord-value{font-size:23px}.coord-divider{height:36px}.back-button{border-radius:8px;padding:22px 44px;font-size:20px}}@media (width>=3440px){.success-view{border-width:3px;border-radius:12px;gap:42px;padding:88px 56px}.check-circle{width:112px;height:112px}.check-svg{width:56px;height:56px}.success-title{font-size:37px}.coord-display{border-radius:10px;gap:22px;padding:30px 36px}.coord-label{font-size:18px}.coord-value{font-size:28px}.coord-divider{width:2px;height:46px}.back-button{border-width:3px;border-radius:10px;padding:28px 56px;font-size:23px}}@media (width>=3840px){.success-view{border-width:3px;border-radius:14px;gap:48px;padding:104px 64px}.check-circle{width:132px;height:132px}.check-svg{width:66px;height:66px}.success-title{font-size:44px}.coord-display{border-radius:12px;gap:28px;padding:34px 44px}.coord-label{font-size:21px}.coord-value{font-size:33px}.coord-divider{width:2px;height:54px}.back-button{border-width:3px;border-radius:12px;padding:32px 66px;font-size:28px}}.footer{text-align:center;text-transform:uppercase;letter-spacing:1px;color:var(--text-footer);padding:12px 24px;font-family:IBM Plex Mono,Courier New,monospace;font-size:11px;font-weight:400;position:fixed;bottom:0;left:0;right:0}.footer__link{color:inherit;font:inherit;letter-spacing:inherit;text-transform:inherit;border-bottom:1px solid;padding-bottom:1px;text-decoration:none;transition:color .2s,opacity .2s}.footer__link:hover{opacity:.7}@media (width>=1920px){.footer{padding:14px 28px;font-size:13px}}@media (width>=2560px){.footer{letter-spacing:1.25px;padding:18px 34px;font-size:16px}}@media (width>=3440px){.footer{letter-spacing:1.75px;padding:22px 44px;font-size:19px}}@media (width>=3840px){.footer{letter-spacing:2.25px;padding:28px 54px;font-size:22px}}.theme-toggle{z-index:101;border:2px solid var(--border-color);background:var(--toggle-bg);width:36px;height:36px;color:var(--accent);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;transition:border-color .2s,background-color .2s,color .2s;display:flex;position:fixed;top:16px;right:16px}@media (hover:hover){.theme-toggle:hover{border-color:var(--accent)}}@media (width>=1920px){.theme-toggle{width:42px;height:42px;top:20px;right:20px}.theme-toggle svg{width:20px;height:20px}}@media (width>=2560px){.theme-toggle{border-radius:8px;width:52px;height:52px;top:26px;right:26px}.theme-toggle svg{width:24px;height:24px}}@media (width>=3440px){.theme-toggle{border-width:3px;border-radius:10px;width:66px;height:66px;top:34px;right:34px}.theme-toggle svg{width:30px;height:30px}}@media (width>=3840px){.theme-toggle{border-width:3px;border-radius:12px;width:80px;height:80px;top:42px;right:42px}.theme-toggle svg{width:38px;height:38px}}.app-main{flex:1;justify-content:center;align-items:center;padding:28px 24px 48px;display:flex}.view-container{opacity:1;width:100%;max-width:400px;transition:opacity .3s,transform .3s;transform:translateY(0)}.view-container.view-hidden{opacity:0;transform:translateY(10px)}@media (width>=1920px){.app-main{padding:34px 28px 56px}.view-container{max-width:460px}}@media (width>=2560px){.app-main{padding:48px 40px 76px}.view-container{max-width:580px}}@media (width>=3440px){.app-main{padding:64px 54px 96px}.view-container{max-width:740px}}@media (width>=3840px){.app-main{padding:76px 68px 118px}.view-container{max-width:900px}}:root,[data-theme=dark]{--bg-primary:#0a0f0a;--bg-surface:#0f1810;--accent:#6aae5f;--accent-dark:#569149;--accent-hover:#7bbe70;--text-primary:#e8f2e5;--text-secondary:#6b7a68;--text-footer:#3d5a3d;--error:#ff4136;--error-glow:#ff41361f;--accent-glow:#6aae5f66;--accent-glow-strong:#6aae5f66;--toggle-bg:#6aae5f1f;--border-color:#3d5a3d;--coord-bg:#0a0f0a}[data-theme=light]{--bg-primary:#f5f5f5;--bg-surface:#fff;--accent:#6aae5f;--accent-dark:#569149;--accent-hover:#7bbe70;--text-primary:#1a1a1a;--text-secondary:#6b7a68;--text-footer:#aaa;--error:#d32f2f;--error-glow:#d32f2f1f;--accent-glow:#6aae5f66;--accent-glow-strong:#6aae5f66;--toggle-bg:#6aae5f1f;--border-color:#ccc;--coord-bg:#f0f0f0}*,:before,:after{box-sizing:border-box;margin:0;padding:0;transition:background-color .8s,color .8s,border-color .8s}html,body{height:100%}body{background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:IBM Plex Mono,Courier New,monospace;transition:background-color .8s,color .8s}#root{flex-direction:column;min-height:100%;display:flex}@keyframes slideDownFadeIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@keyframes shake{0%,to{transform:translate(0)}10%{transform:translate(-6px)}20%{transform:translate(6px)}30%{transform:translate(-5px)}40%{transform:translate(5px)}50%{transform:translate(-3px)}60%{transform:translate(3px)}70%{transform:translate(-1px)}80%{transform:translate(1px)}}@keyframes fadeSlideOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(10px)}}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes checkCircleScale{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}@keyframes pulseRing{0%{box-shadow:0 0 #6aae5f66}to{box-shadow:0 0 0 16px #6aae5f00}}@keyframes staggerFadeSlideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes loadSlideDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes loadSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
