:root{--bg: #0f1115;--fg: #e6e6e6;--muted: #9095a1;--ok: #68e384;--bad: #ff6b6b;--accent: #7aa2f7}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.6 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.wrap{max-width:1050px;margin:0 auto;padding:24px 0;display:flex;flex-direction:column;gap:16px}.wrap.focus-mode .dim-on-focus{filter:blur(2px);opacity:.5;pointer-events:none;transition:filter .15s ease,opacity .15s ease}.wrap.focus-mode .stage-wrap,.wrap.focus-mode .center-hint,.wrap.focus-mode .center-actions{filter:none;opacity:1}.topbar-mk{display:flex;align-items:center;gap:18px;background:#121621;border:1px solid #1a2130;border-radius:16px;padding:10px 14px;margin:0 2%}.mk-group{display:flex;align-items:center;gap:8px;color:#a7adbd}.mk-icon{width:18px;text-align:center;opacity:.6}.mk-label{font-size:12px;letter-spacing:.06em;text-transform:uppercase;opacity:.6}.mk-selectwrap{position:relative}.mk-select{background:#131826;color:#e8edff;border:1px solid #232a3c;border-radius:10px;padding:6px 10px;outline:none;appearance:none}.mk-select:focus{border-color:#7aa2f7}.mk-divider{width:1px;height:20px;background:#272e40;opacity:.6}.mk-spacer{flex:1}.mk-stats{display:flex;gap:10px}.mk-pill{background:#151821;padding:6px 10px;border-radius:10px;color:#9095a1}.mk-pill strong{color:#e6e6e6;margin-right:6px}.stage-wrap{position:relative;background:#0e121a;border:1px solid #1a2130;border-radius:16px;padding:0;min-height:220px;max-height:720px;display:flex;align-items:stretch;overflow:hidden;margin:0 2%}.stage-wrap.unfocused{border-color:#2a3142;box-shadow:inset 0 0 0 1px #7aa2f726}.stage{flex:1;border-radius:16px;padding:28px 24px 36px;display:flex;align-items:flex-start;overflow:hidden auto;background:transparent;border:none}.text{line-height:1.9;white-space:pre;overflow-x:auto}.char{position:relative;color:#6f7480}.char.ok{color:#d7dde8}.char.bad{color:var(--bad);background:#ff6b6b1f;border-bottom:1px solid rgba(255,107,107,.4)}.caret{position:absolute;left:0;bottom:-2px;width:100%;height:2px;background:var(--accent);animation:blink 1.1s steps(2,start) infinite}@keyframes blink{50%{opacity:0}}.ghost-input{position:fixed;opacity:0;pointer-events:none;width:0;height:0;left:-9999px;top:-9999px}.focus-indicator{position:absolute;top:10px;right:12px;font-size:11px;color:var(--muted);background:#7aa2f70f;border:1px dashed #2a3142;border-radius:999px;padding:2px 8px;pointer-events:none;opacity:.75}.center-hint{font-size:11px;opacity:.55;text-align:center;margin-top:8px;-webkit-user-select:none;user-select:none}.center-actions{display:flex;justify-content:center}.btn-icon{margin-top:6px;background:linear-gradient(180deg,#1a1f2b,#171c27);border:1px solid #2a3142;color:#dfe3ec;padding:6px 10px;border-radius:10px;cursor:pointer;transition:border-color .15s,transform .05s,opacity .15s;line-height:1}.btn-icon:hover{border-color:#3a445a}.btn-icon:active{transform:translateY(1px)}.results{display:flex;align-items:center;gap:16px;color:var(--muted);margin:0 2%}.results strong{color:var(--fg)}.settings-link-fixed{position:fixed;right:18px;bottom:18px;font-size:11px;opacity:.6;color:var(--fg);background:none;border:none;padding:0;cursor:pointer;z-index:15}.settings-link-fixed:hover{text-decoration:underline;opacity:.8}.settings-card{position:fixed;right:18px;bottom:48px;min-width:260px;padding:12px;background:#0e121a;border:1px solid #1a2130;border-radius:12px;box-shadow:0 12px 30px #0006;z-index:20}.settings-row{display:flex;align-items:center;gap:10px;padding:6px 2px}.settings-label{flex:1;color:var(--muted);font-size:12px;letter-spacing:.06em;text-transform:uppercase}.settings-input{width:72px;background:#131826;color:#e8edff;border:1px solid #232a3c;border-radius:8px;padding:4px 6px}.mini{background:#141a27;border:1px solid #232a3c;color:#d6d6d6;padding:4px 8px;border-radius:8px;cursor:pointer}.mini:hover{border-color:#3a445a}.resize-handle{position:absolute;left:50%;transform:translate(-50%);bottom:8px;width:28px;height:4px;border-radius:3px;background:#3a445a;cursor:ns-resize;opacity:.9}.resize-handle:hover{opacity:1}.mk-profile{margin-left:10px}.profile-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:999px;border:1px solid #2a3142;background:linear-gradient(180deg,#1a1f2b,#171c27);color:#e6e6e6;cursor:pointer;transition:border-color .15s,transform .05s,opacity .15s}.profile-btn:hover{border-color:#3a445a}.profile-btn:active{transform:translateY(1px)}.avatar-circle{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:#222838;font-size:11px;letter-spacing:.02em;color:#cfd6e6}.feedback-link-fixed{position:fixed;left:18px;bottom:18px;font-size:11px;opacity:.6;color:var(--fg);background:none;border:none;padding:0;cursor:pointer;z-index:15}.feedback-link-fixed:hover{text-decoration:underline;opacity:.8}.login-wrap{min-height:100dvh;display:grid;place-items:center;padding:24px;background:var(--bg);color:var(--fg)}.login-card{width:100%;max-width:380px;background:#0e121a;border:1px solid #1a2130;border-radius:16px;padding:24px;box-shadow:0 20px 40px #00000059;display:flex;flex-direction:column;gap:10px}.login-title{font-size:20px;font-weight:600}.login-sub{font-size:13px;color:var(--muted);margin-top:-4px;margin-bottom:4px}.login-input{width:100%;background:#131826;color:#e8edff;border:1px solid #232a3c;border-radius:10px}.login-err{color:var(--bad);font-size:12px}.login-btn{width:100%;background:linear-gradient(180deg,#1a1f2b,#171c27);border:1px solid #2a3142;color:#e6e6e6;padding:10px 14px;border-radius:12px;cursor:pointer}.login-btn.ghost{background:#121725}.login-foot{text-align:center;font-size:12px;opacity:.75}.brand-bar{display:flex;align-items:center;padding:10px 20px 0}.brand-link{display:inline-flex;align-items:center;gap:12px;text-decoration:none;color:var(--fg);opacity:.92}.brand-link:hover{opacity:1}.brand-badge{display:inline-flex;width:64px;height:48px}.brand-svg{width:64px;height:48px}.badge-outline{fill:none;stroke:#e6c35c;stroke-width:3}.penguin-body{fill:#1c222f}.penguin-belly{fill:#e6e6e6;opacity:.92}.penguin-head{fill:#1c222f}.penguin-eye{fill:#e6e6e6}.penguin-beak,.penguin-feet{fill:#e6c35c}.brand-title{font-weight:700;font-size:28px;letter-spacing:.2px;color:#e5e8ef}.brand-sub{font-style:normal;color:#aab3c8}.animated-gradient-text{position:relative;margin:0 auto;display:flex;max-width:fit-content;flex-direction:row;align-items:center;justify-content:center;border-radius:1.25rem;font-weight:500;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:box-shadow .5s ease-out;overflow:hidden;cursor:pointer}.gradient-overlay{position:absolute;inset:0;background-size:300% 100%;animation:gradient linear infinite;border-radius:inherit;z-index:0;pointer-events:none}.gradient-overlay:before{content:"";position:absolute;border-radius:inherit;width:calc(100% - 2px);height:calc(100% - 2px);left:50%;top:50%;transform:translate(-50%,-50%);background-color:#060010;z-index:-1}@keyframes gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.text-content{display:inline-block;position:relative;z-index:2;background-size:300% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;animation:gradient linear infinite}.gradient-text{display:inline-block;background-image:linear-gradient(90deg,#4f46e5,#ec4899,#f97316,#22c55e);background-size:300% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;animation:gradient 4s linear infinite}.aurora-bg{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden;background:radial-gradient(circle at top,#020617 0 40%,#000)}.aurora-blob{position:absolute;width:60vw;height:60vw;max-width:720px;max-height:720px;filter:blur(80px);opacity:.8;mix-blend-mode:screen;background-size:200% 200%}.aurora-blob-1{top:-20%;left:-10%;background-image:radial-gradient(circle at 20% 20%,#22c1c3,transparent 55%),radial-gradient(circle at 80% 80%,#16a34a,transparent 60%);animation:aurora-move-1 26s ease-in-out infinite alternate,aurora-pulse 14s ease-in-out infinite alternate}.aurora-blob-2{top:-10%;right:-20%;background-image:radial-gradient(circle at 30% 10%,#4b6cb7,transparent 55%),radial-gradient(circle at 80% 70%,#8b5cf6,transparent 60%);animation:aurora-move-2 32s ease-in-out infinite alternate,aurora-pulse 18s ease-in-out infinite alternate}.aurora-blob-3{bottom:-25%;left:5%;background-image:radial-gradient(circle at 10% 60%,#ec4899,transparent 55%),radial-gradient(circle at 90% 30%,#22c55e,transparent 60%);animation:aurora-move-3 38s ease-in-out infinite alternate,aurora-pulse 20s ease-in-out infinite alternate}@keyframes aurora-move-1{0%{transform:translateZ(0) scale(1) rotate(0);background-position:0% 0%}50%{transform:translate3d(8%,10%,0) scale(1.05) rotate(6deg);background-position:50% 30%}to{transform:translate3d(14%,18%,0) scale(1.1) rotate(10deg);background-position:100% 60%}}@keyframes aurora-move-2{0%{transform:translateZ(0) scale(1) rotate(0);background-position:100% 0%}50%{transform:translate3d(-8%,8%,0) scale(1.08) rotate(-6deg);background-position:40% 40%}to{transform:translate3d(-15%,15%,0) scale(1.12) rotate(-12deg);background-position:0% 80%}}@keyframes aurora-move-3{0%{transform:translateZ(0) scale(1) rotate(0);background-position:0% 100%}50%{transform:translate3d(6%,-6%,0) scale(1.06) rotate(4deg);background-position:60% 60%}to{transform:translate3d(10%,-12%,0) scale(1.1) rotate(8deg);background-position:100% 20%}}@keyframes aurora-pulse{0%{opacity:.55}50%{opacity:.9}to{opacity:.6}}