:root{--bg-image:url(/background.jpg);--color-bg:silver;--color-surface:#e8e8e8;--color-surface-dark:#d0d0d0;--color-border:gray;--color-border-light:#fff;--color-border-dark:#404040;--color-text:#000;--color-text-secondary:#555;--color-primary:#333;--color-primary-hover:#555;--color-error:#c00;--color-success:green;--color-titlebar:linear-gradient(to right, #2d2d2d, #4a4a4a);--color-titlebar-text:#fff;--font-family:Tahoma, "Segoe UI", system-ui, sans-serif;--font-size:13px;--border-raised:inset -1px -1px 0 #404040, inset 1px 1px 0 #fff, inset -2px -2px 0 gray, inset 2px 2px 0 #e8e8e8;--border-sunken:inset 1px 1px 0 gray, inset -1px -1px 0 #fff, inset 2px 2px 0 #404040, inset -2px -2px 0 #e8e8e8;--border-field:inset 1px 1px 0 gray, inset -1px -1px 0 #fff}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%}body{font-family:var(--font-family);font-size:var(--font-size);color:var(--color-text);background-color:var(--color-bg);background-image:var(--bg-image);background-position:50%;background-size:cover;background-attachment:fixed}#root{flex-direction:column;display:flex}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}.xp-window{background:var(--color-surface);border:2px solid #404040;border-color:#fff #404040 #404040 #fff;box-shadow:1px 1px #000}.xp-titlebar{background:var(--color-titlebar);color:var(--color-titlebar-text);-webkit-user-select:none;user-select:none;align-items:center;padding:4px 8px;font-size:13px;font-weight:700;display:flex}.xp-body{padding:12px}.xp-btn{font-family:var(--font-family);font-size:var(--font-size);background:var(--color-surface);box-shadow:var(--border-raised);cursor:pointer;min-height:28px;color:var(--color-text);border:none;padding:4px 16px}.xp-btn:hover{background:var(--color-surface-dark)}.xp-btn:active{box-shadow:var(--border-sunken)}.xp-btn:disabled{color:gray;cursor:default}.xp-btn-primary{background:var(--color-primary);color:#fff}.xp-btn-primary:hover{background:var(--color-primary-hover)}.xp-btn-primary:disabled{color:#ccc;background:gray}.xp-btn-danger{background:var(--color-error);color:#fff}.xp-btn-danger:hover{background:#d22}.xp-btn-large{min-height:36px;padding:8px 32px;font-size:14px;font-weight:700}.xp-input{font-family:var(--font-family);font-size:var(--font-size);box-shadow:var(--border-field);color:var(--color-text);background:#fff;border:none;width:100%;min-height:24px;padding:4px 6px}.xp-input:focus{outline:1px dotted var(--color-primary)}.xp-textarea{font-family:var(--font-family);font-size:var(--font-size);box-shadow:var(--border-field);color:var(--color-text);resize:vertical;background:#fff;border:none;width:100%;min-height:60px;padding:4px 6px}.xp-textarea:focus{outline:1px dotted var(--color-primary)}.xp-label{margin-bottom:4px;font-weight:700;display:block}.xp-field{margin-bottom:12px}.xp-link{color:var(--color-primary);cursor:pointer;text-decoration:underline}.xp-link:hover{color:var(--color-primary-hover)}