*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{color:#e0e0e0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0a0a0f;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}#root{height:100%}:root{--vp-bg-primary:#0a0a0f;--vp-bg-card:#1a1a2e;--vp-bg-card-hover:#242442;--vp-bg-card-selected:#2a2a5a;--vp-border-card:#2a2a3e;--vp-border-card-hover:#4a4a6e;--vp-border-card-selected:#6a6aff;--vp-text-primary:#e0e0e0;--vp-text-muted:#888;--vp-skeleton-base:#1a1a2e;--vp-skeleton-shine:#2a2a3e}.app{box-sizing:border-box;flex-direction:column;width:100%;max-width:800px;min-height:100vh;margin:0 auto;padding:1.5rem 2rem;display:flex}.header{flex-shrink:0;padding:.5rem 0 1rem}.logo{color:#555;letter-spacing:.05em;text-transform:uppercase;font-size:.85rem;font-weight:500}.textarea-wrapper{flex-direction:column;flex:1;display:flex;position:relative}.editor{resize:none;width:100%;color:var(--vp-text-primary);caret-color:#a0a0ff;background:0 0;border:none;outline:none;flex:1;padding:0;font-family:Georgia,Times New Roman,serif;font-size:1.125rem;line-height:1.8}.editor::placeholder{color:#444;font-style:italic}.branch-trigger-btn{z-index:10;color:#ffffff80;opacity:.4;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:16px;align-items:center;gap:6px;height:32px;padding:6px 12px;font-family:ui-monospace,Consolas,monospace;font-size:12px;transition:opacity .2s,box-shadow .2s,border-color .2s,color .2s;display:flex;position:absolute;bottom:12px;right:12px}.branch-trigger-btn:hover{opacity:1;color:#ffffffe6;border-color:#8b5cf680;box-shadow:0 0 12px #8b5cf64d}.branch-trigger-btn:focus-visible{outline:2px solid var(--vp-border-card-selected);outline-offset:2px;opacity:1}.branch-trigger-btn:disabled{opacity:.3;cursor:not-allowed;pointer-events:none}.btn-spinner{border:2px solid #fff3;border-top-color:#ffffffb3;border-radius:50%;width:12px;height:12px;animation:.6s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.vp-hint{background:var(--vp-bg-card);border:1px solid var(--vp-border-card);color:var(--vp-text-muted);pointer-events:none;border-radius:6px;padding:6px 12px;font-size:13px;animation:3s ease-out forwards hint-fade;position:absolute;bottom:48px;right:12px}@keyframes hint-fade{0%,80%{opacity:1}to{opacity:0}}.vp-error{color:#d4836a;text-align:center;padding:.75rem 0;font-size:14px}.vp-popup{z-index:100;-webkit-backdrop-filter:blur(32px)saturate(1.4);background:#141426bf;border:1px solid #ffffff1a;border-radius:12px;width:300px;animation:.16s ease-out both popup-enter;position:absolute;overflow:hidden;box-shadow:0 0 0 .5px #ffffff0f,0 10px 40px #0009,inset 0 .5px #ffffff14}.vp-popup--dismissing{pointer-events:none;animation:.2s ease-in forwards popup-exit}@keyframes popup-enter{0%{opacity:0;transform:translateY(3px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes popup-exit{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(3px)scale(.97)}}.vp-popup-option{cursor:pointer;text-align:left;width:100%;color:inherit;background:0 0;border:none;border-bottom:1px solid #ffffff0a;align-items:center;gap:10px;padding:9px 14px;font-family:inherit;transition:background .1s;display:flex}.vp-popup-option:last-child{border-bottom:none}.vp-popup-option:hover{background:#ffffff0d}.vp-popup-option:focus-visible{outline:2px solid var(--vp-border-card-selected);outline-offset:-2px}.vp-popup-option--selected{background:#6a6aff1a}.vp-popup-option--dismissed{opacity:.3;pointer-events:none}.vp-popup-badge{color:#555;background:#ffffff0d;border:1px solid #ffffff0f;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-family:ui-monospace,Consolas,monospace;font-size:11px;font-weight:600;display:flex}.vp-popup-option--selected .vp-popup-badge{color:#a0a0ff;background:#6a6aff26;border-color:#6a6aff40}.vp-popup-text{color:#ccc;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,system-ui,sans-serif;font-size:15px;line-height:1.4}.vp-popup-option--selected .vp-popup-text{color:#e0e0ff}.vp-popup--loading .vp-popup-option{cursor:default}.vp-skeleton-badge,.vp-skeleton-line{background:linear-gradient(90deg, var(--vp-skeleton-base) 25%, var(--vp-skeleton-shine) 50%, var(--vp-skeleton-base) 75%);background-size:200% 100%;border-radius:4px;animation:1.5s infinite shimmer}.vp-skeleton-badge{border-radius:5px;flex-shrink:0;width:20px;height:20px}.vp-skeleton-line{width:70%;height:13px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.vp-popup-swipe-hint{border-top:1px solid #ffffff0a;justify-content:center;gap:12px;padding:5px 14px;display:flex}.vp-popup-swipe-hint span{color:#444;font-family:ui-monospace,Consolas,monospace;font-size:11px;transition:color .15s}.vp-popup-option--swipe-target{background:#6a6aff14;border-bottom-color:#6a6aff1f}.vp-popup-option--swipe-target .vp-popup-badge{color:#a0a0ff;background:#6a6aff26;border-color:#6a6aff40}.vp-popup-option--swipe-target .vp-popup-text{color:#e0e0ff}.vp-popup--swipe-up{transform:translateY(-2px)}.vp-popup--swipe-down{transform:translateY(2px)}.vp-popup--swipe-right{transform:translate(2px)}.vp-popup--swipe-left{opacity:.7;transform:translate(-2px)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}