@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;700&family=Inter:wght@400;600&display=swap";.auth-container{justify-content:center;align-items:center}.auth-card{background:var(--panel-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border);box-shadow:var(--border-glow);padding:3rem;border-radius:12px;width:100%;max-width:400px;display:flex;flex-direction:column;gap:1.5rem}.auth-title{font-family:JetBrains Mono,monospace;font-size:1.5rem;color:var(--accent);text-align:center;letter-spacing:2px}.auth-error{color:var(--user-color);font-family:JetBrains Mono,monospace;font-size:.8rem;text-align:center}.auth-success{color:var(--start-color);font-family:JetBrains Mono,monospace;font-size:.8rem;text-align:center}.auth-form{display:flex;flex-direction:column;gap:1rem}.auth-form input{background:#0006;border:1px solid var(--border);padding:.8rem;border-radius:4px;color:#fff;font-family:JetBrains Mono,monospace;transition:all .3s ease;outline:none}.auth-form input:focus{border-color:var(--accent);box-shadow:0 0 8px #00f0ff4d}.auth-form button{background:transparent;border:1px solid var(--accent);color:var(--accent);padding:.8rem;border-radius:4px;font-family:JetBrains Mono,monospace;font-weight:700;cursor:pointer;transition:all .3s ease;margin-top:1rem}.auth-form button:hover:not(:disabled){background:var(--accent);color:var(--bg-color);box-shadow:0 0 15px #00f0ff66}.auth-form button:disabled{opacity:.5;cursor:not-allowed}.auth-switch{text-align:center;font-family:JetBrains Mono,monospace;font-size:.8rem;cursor:pointer;color:#888;transition:color .3s ease}.auth-switch:hover{color:var(--accent)}.auth-page-container{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:4rem;max-width:1100px;width:100%;margin:auto;padding:2rem;animation:fadeIn .8s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.landing-content{flex:1.2;display:flex;flex-direction:column;gap:2rem;text-align:left}.landing-hero{border-bottom:2px solid var(--border);padding-bottom:1rem}.landing-title{font-family:JetBrains Mono,monospace;font-size:2.8rem;color:var(--accent);letter-spacing:2px;text-shadow:0 0 15px rgba(0,240,255,.4);font-weight:700}.landing-subtitle{font-family:JetBrains Mono,monospace;font-size:.95rem;color:#888;margin-top:.5rem;text-transform:uppercase;letter-spacing:1px}.landing-about{font-size:1rem;line-height:1.6;color:#cbd5e1}.landing-about strong{color:var(--accent)}.landing-guide{background:#0f172a66;border:1px solid var(--border);border-radius:8px;padding:1.5rem;box-shadow:inset 0 0 15px #00f0ff0d}.guide-title{font-family:JetBrains Mono,monospace;font-size:.9rem;color:var(--accent);margin-bottom:1.2rem;letter-spacing:1px}.guide-list{list-style:none;display:flex;flex-direction:column;gap:1.2rem}.guide-list li{display:flex;align-items:flex-start;gap:1rem}.step-num{font-family:JetBrains Mono,monospace;font-size:.8rem;font-weight:700;color:var(--bg-color);background:var(--accent);padding:2px 6px;border-radius:4px;box-shadow:0 0 8px #00f0ff66;margin-top:2px}.step-desc{font-size:.9rem;color:#94a3b8;line-height:1.4}.step-desc strong{color:#f1f5f9}.auth-card-wrapper{flex:.8;display:flex;justify-content:center;align-items:center}.auth-card{width:100%;max-width:380px}@media (max-width: 900px){.auth-page-container{flex-direction:column;gap:3rem;padding:1rem;margin-top:2rem}.landing-content,.auth-card-wrapper{flex:none;width:100%}.auth-card{max-width:100%}.landing-title{font-size:2.2rem}}.header{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:var(--panel-bg);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:12px;margin-bottom:1rem;border:1px solid var(--border)}.header h1{font-family:JetBrains Mono,monospace;font-size:1.2rem;color:var(--accent);letter-spacing:1px}.user-badge{font-family:JetBrains Mono,monospace;font-size:.8rem;color:#888}.toggle-mode-btn,.logout-btn{background:transparent;color:var(--accent);border:1px solid var(--border);padding:.4rem .8rem;border-radius:4px;font-family:JetBrains Mono,monospace;font-size:.8rem;cursor:pointer;transition:all .2s}.toggle-mode-btn:hover,.logout-btn:hover{background:#00f0ff1a;border-color:var(--accent)}.logout-btn{color:var(--user-color);border-color:#f053}.logout-btn:hover{background:#ff00551a;border-color:var(--user-color)}.back-to-stories-btn{background:transparent;color:#888;border:1px solid var(--border);padding:.4rem .8rem;border-radius:4px;font-family:JetBrains Mono,monospace;font-size:.8rem;cursor:pointer;transition:all .2s;margin-right:.5rem}.back-to-stories-btn:hover{color:#fff;border-color:var(--accent);background:#00f0ff0d}@media (max-width: 768px){.header{flex-direction:column;gap:1rem}.header>div{flex-wrap:wrap;justify-content:center}}.user-mgmt-panel{background:var(--panel-bg);padding:1.5rem;border-radius:12px;border:1px solid var(--border);margin-bottom:1rem;overflow-x:auto}.user-mgmt-panel h2,.user-mgmt-panel h3{color:var(--accent);margin-top:0;font-family:JetBrains Mono,monospace;letter-spacing:1px}.user-table{width:100%;border-collapse:collapse;margin:1rem 0}.user-table th,.user-table td{padding:.75rem;text-align:left;border-bottom:1px solid var(--border);color:#fff}.user-table th{color:var(--accent)}.user-form{display:flex;gap:1rem;flex-wrap:wrap;margin-top:1rem}.user-form input,.user-form select{padding:.5rem;background:#00000080;border:1px solid var(--border);color:#fff;border-radius:4px}.user-form button{padding:.5rem 1rem;background:transparent;color:var(--accent);border:1px solid var(--accent);border-radius:4px;cursor:pointer}@media (max-width: 768px){.user-mgmt-panel{min-height:70vh}}.story-selection-container{max-width:1200px;margin:2rem auto;padding:0 2rem;width:100%}.story-selection-header-container{margin-bottom:2rem;display:flex;flex-direction:column;gap:.5rem}.story-selection-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:0!important;border-bottom:none!important;padding-bottom:0!important}.story-selection-header h2{font-family:JetBrains Mono,monospace;font-size:1.5rem;color:var(--accent);text-shadow:0 0 10px rgba(0,240,255,.3)}.story-selection-subheader{font-size:.95rem;color:#94a3b8;line-height:1.5;border-bottom:1px solid var(--border);padding-bottom:1rem}.accent-text{color:var(--accent);font-family:JetBrains Mono,monospace;font-weight:700}.story-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem}.story-card{background:var(--panel-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border);border-radius:12px;padding:2rem;display:flex;flex-direction:column;justify-content:space-between;min-height:250px;position:relative;transition:all .3s cubic-bezier(.25,.8,.25,1);box-shadow:0 4px 15px #0000004d}.story-card:hover{transform:translateY(-5px);border-color:var(--accent);box-shadow:0 10px 25px #00f0ff26,var(--border-glow)}.story-card.create-card{border-style:dashed;border-width:2px;justify-content:center;align-items:center;cursor:pointer;background:#00f0ff05}.story-card.create-card:hover{background:#00f0ff0d}.create-card-icon{font-size:3rem;color:var(--accent);margin-bottom:1rem}.create-card-text{font-family:JetBrains Mono,monospace;font-weight:700;color:var(--accent)}.story-card-top{display:flex;flex-direction:column;gap:1rem}.story-title-row{display:flex;justify-content:space-between;align-items:flex-start}.story-card-title{font-family:JetBrains Mono,monospace;font-size:1.25rem;font-weight:700;color:#fff}.story-progress-badge{font-size:.65rem;font-family:JetBrains Mono,monospace;text-transform:uppercase;padding:3px 8px;border-radius:20px;font-weight:700}.story-progress-badge.resume{background:#ff00551a;color:var(--user-color);border:1px solid rgba(255,0,85,.3);box-shadow:0 0 8px #ff005526}.story-progress-badge.new{background:#22c55e1a;color:var(--start-color);border:1px solid rgba(34,197,94,.3)}.story-card-desc{font-size:.9rem;color:#94a3b8;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.story-card-bottom{margin-top:1.5rem;display:flex;justify-content:space-between;align-items:center;gap:1rem}.story-play-btn{background:transparent;border:1px solid var(--accent);color:var(--accent);padding:.5rem 1.2rem;border-radius:4px;font-family:JetBrains Mono,monospace;font-weight:700;font-size:.8rem;cursor:pointer;transition:all .2s ease}.story-play-btn:hover{background:var(--accent);color:var(--bg-color);box-shadow:0 0 12px #00f0ff66}.story-admin-actions{display:flex;gap:.5rem}.story-action-btn{background:#0006;border:1px solid var(--border);color:#94a3b8;width:32px;height:32px;border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;font-size:.85rem}.story-action-btn:hover{color:#fff;border-color:var(--accent)}.story-action-btn.delete-btn:hover{color:var(--user-color);border-color:var(--user-color);box-shadow:0 0 8px #f053}.story-form-modal{display:flex;flex-direction:column;gap:1rem}.story-form-modal input,.story-form-modal textarea{width:100%;background:#00000080;border:1px solid rgba(255,255,255,.15);padding:.8rem;border-radius:4px;color:#fff;outline:none;font-family:inherit;transition:.2s}.story-form-modal input:focus,.story-form-modal textarea:focus{border-color:var(--accent);box-shadow:0 0 8px #00f0ff33}@media (max-width: 768px){.story-selection-container{padding:0 1rem}}.story-author-link{font-size:.7rem;color:#64748b;margin-top:.2rem;font-family:JetBrains Mono,monospace}.author-link-btn{background:transparent;border:none;color:var(--accent);cursor:pointer;text-decoration:underline;font-family:inherit;font-size:inherit;padding:0}.author-link-btn:hover{color:#fff}.guest-cta-banner{background:#00f0ff0d;border:1px solid rgba(0,240,255,.2);border-radius:8px;padding:1rem 1.5rem;margin-bottom:1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 15px #0003}.guest-cta-title{font-family:JetBrains Mono,monospace;font-size:1.1rem;font-weight:700;color:var(--accent);margin-bottom:.5rem;margin-top:0}.guest-cta-text{font-size:.95rem;color:#94a3b8;line-height:1.5;margin:0}.guest-cta-link{color:var(--accent);font-weight:700;text-decoration:none;border-bottom:1px dashed var(--accent);transition:all .2s ease}.guest-cta-link:hover{color:#fff;border-bottom-style:solid;text-shadow:0 0 8px rgba(0,240,255,.5)}@keyframes typing-dot{0%,80%,to{transform:scale(.6);opacity:.3}40%{transform:scale(1);opacity:1}}.typing-indicator{display:flex;align-items:center;gap:6px;padding:4px 0}.typing-indicator span{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--accent);animation:typing-dot 1.2s infinite ease-in-out}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}.game-container{flex-grow:1;background:var(--panel-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;border:1px solid var(--border);display:flex;flex-direction:column;max-width:900px;margin:0 auto;width:100%;overflow:hidden;box-shadow:0 10px 30px #00000080}.output-area{flex-grow:1;overflow-y:auto;padding:2rem;display:flex;flex-direction:column;gap:1.5rem}.message-entry{display:flex;width:100%}.message-entry.system{justify-content:flex-start}.message-entry.user{justify-content:flex-end}.message-bubble{max-width:80%;padding:1rem 1.2rem;border-radius:8px;line-height:1.5;font-family:JetBrains Mono,monospace;font-size:.95rem;box-shadow:0 4px 15px #0003}.message-entry.system .message-bubble{background:#00f0ff0d;border-left:2px solid var(--accent);color:#e2e8f0;border-bottom-left-radius:0}.message-entry.user .message-bubble{background:#ff00550d;border-right:2px solid var(--user-color);color:var(--user-color);border-bottom-right-radius:0}.options-area{display:flex;gap:1rem;flex-wrap:wrap;justify-content:flex-end;border-top:1px solid var(--border);padding:1.5rem;background:#0003}.option-button{background:transparent;border:1px solid var(--user-color);color:var(--user-color);padding:.6rem 1.2rem;border-radius:20px;cursor:pointer;transition:all .2s;font-family:JetBrains Mono,monospace;font-size:.85rem}.option-button:hover:not(:disabled){background:#ff00551a;box-shadow:0 0 10px #ff00554d}.option-button:disabled{opacity:.4;cursor:not-allowed;border-color:#555;color:#555}.restart-btn{background:transparent;color:var(--end-color);border:1px solid var(--end-color);padding:.6rem 1.2rem;border-radius:4px;font-family:JetBrains Mono,monospace;cursor:pointer;transition:all .2s}.restart-btn:hover{background:#f59e0b1a;box-shadow:0 0 10px #f59e0b4d}@media (max-width: 768px){.message-bubble{max-width:95%}.options-area{justify-content:center}.output-area{padding:1rem}}.editor-layout{flex-grow:1;position:relative;display:flex;overflow:hidden;justify-content:center;background:#08080c;border-radius:16px;border:1px solid var(--border)}.map-view-wrapper{flex-grow:1;overflow:auto;display:block;cursor:grab}.map-view-wrapper:active{cursor:grabbing}.map-view{position:relative;flex-shrink:0;background-image:radial-gradient(rgba(0,240,255,.05) 1px,transparent 1px);background-size:30px 30px;min-width:1000px;min-height:1000px;margin:0 auto;z-index:1}.connector-layer{position:absolute;pointer-events:none;z-index:10;top:0;left:0}.response-card{position:absolute;background:#0f172a;border:1px solid var(--accent);padding:6px 12px;border-radius:4px;font-size:.65rem;color:#f1f5f9;cursor:pointer;z-index:100;box-shadow:0 4px 12px #0009;max-width:150px;text-align:center;font-family:JetBrains Mono,monospace;transform:translate(-50%,-50%);word-wrap:break-word;line-height:1.2}.connection-path{transition:all .2s ease;pointer-events:visibleStroke;cursor:pointer}.connection-path:hover,.connection-path.highlighted{stroke:var(--accent);stroke-width:4px;opacity:1}.response-card:hover,.response-card.highlighted{background:#0d2a3f;color:var(--accent);box-shadow:0 0 15px #00f0ff4d}.message-card{position:absolute;width:200px;height:120px;background:#0f172acc;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid var(--border);border-radius:8px;padding:1rem;cursor:pointer;transition:all .2s ease;box-shadow:0 10px 25px #00000080;z-index:80}.message-card:hover,.message-card.highlighted{border-color:var(--accent);box-shadow:0 0 15px #00f0ff33;transform:translateY(-2px)}.message-card.start{border-left:3px solid var(--start-color)}.message-card.end{border-left:3px solid var(--end-color)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.badge{font-size:.6rem;text-transform:uppercase;font-weight:800;background:#00f0ff1a;color:var(--accent);padding:2px 6px;border-radius:2px}.del-btn{background:transparent;border:none;color:var(--user-color);font-size:1.2rem;cursor:pointer}.message-card p{font-size:.75rem;opacity:.6;line-height:1.4}.add-dec-btn{position:absolute;top:-15px;left:50%;transform:translate(-50%);width:30px;height:30px;border-radius:50%;background:#0f172a;color:var(--accent);border:1px solid var(--accent);font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 0 10px #00f0ff33;transition:all .2s}.add-dec-btn:hover{background:var(--accent);color:#000;box-shadow:0 0 15px var(--accent)}.props-panel{position:absolute;top:1rem;right:1rem;width:300px;background:#0f172ae6;border:1px solid var(--border);border-radius:8px;padding:1.5rem;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.editor-form label{display:block;font-size:.7rem;opacity:.6;margin-bottom:.25rem;margin-top:.75rem;font-family:JetBrains Mono,monospace}.editor-form input,.editor-form textarea,.editor-form select{width:100%;background:#00000080;border:1px solid rgba(255,255,255,.1);padding:.6rem;border-radius:4px;color:#fff;outline:none;transition:.2s;font-family:Inter,sans-serif}.editor-form input:focus,.editor-form textarea:focus,.editor-form select:focus{border-color:var(--accent)}.story-editor-bar{display:flex;align-items:center;gap:1rem;background:var(--panel-bg);border:1px solid var(--border);padding:.5rem 1rem;border-radius:8px;margin-bottom:1rem}.story-select-dropdown{background:#00000080;border:1px solid var(--border);color:#fff;padding:.4rem .8rem;border-radius:4px;font-family:JetBrains Mono,monospace;font-size:.85rem;outline:none;cursor:pointer}.story-select-dropdown:focus{border-color:var(--accent)}@media (max-width: 768px){.props-panel{top:auto;bottom:1rem;right:1rem;left:1rem;width:auto;max-height:40vh;overflow-y:auto}.story-editor-bar{flex-direction:column;align-items:stretch}}.author-profile-view{animation:fadeIn .4s ease;padding:1rem 0}.profile-header-card{display:flex;align-items:center;gap:2rem;background:var(--panel-bg);border:1px solid var(--border);border-radius:12px;padding:2rem;margin-bottom:2rem;box-shadow:var(--border-glow)}.profile-avatar-container{flex-shrink:0}.profile-avatar{width:120px;height:120px;border-radius:50%;object-fit:cover;border:3px solid var(--accent);box-shadow:0 0 15px #00f0ff66}.profile-avatar-placeholder{width:120px;height:120px;border-radius:50%;background:#00f0ff1a;border:3px solid var(--accent);display:flex;align-items:center;justify-content:center;font-size:3rem;font-family:JetBrains Mono,monospace;color:var(--accent);box-shadow:0 0 15px #00f0ff33}.profile-info{flex-grow:1}.profile-title-row{display:flex;align-items:center;gap:1rem;margin-bottom:.5rem}.profile-title-row h1{margin:0;font-family:JetBrains Mono,monospace;color:var(--accent);font-size:2.2rem}.role-badge{background:#00f0ff1a;border:1px solid var(--accent);color:var(--accent);padding:2px 8px;border-radius:4px;font-size:.75rem;text-transform:uppercase;font-family:JetBrains Mono,monospace}.profile-bio{color:#cbd5e1;line-height:1.5;margin-bottom:1rem;max-width:600px}.edit-profile-btn{background:transparent;border:1px solid var(--accent);color:var(--accent);padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-family:JetBrains Mono,monospace;font-size:.8rem;transition:all .2s}.edit-profile-btn:hover{background:var(--accent);color:var(--bg-color)}.profile-form label{display:block;font-size:.75rem;color:#888;margin-bottom:.2rem;margin-top:1rem}.profile-form input[type=text],.profile-form textarea{width:100%;background:#00000080;border:1px solid var(--border);padding:.8rem;border-radius:4px;color:#fff;font-family:Inter,sans-serif;outline:none}.profile-form input:focus,.profile-form textarea:focus{border-color:var(--accent)}.avatar-upload-row{display:flex;align-items:center;gap:1rem;margin-top:.5rem}.avatar-preview{width:50px;height:50px;border-radius:50%;object-fit:cover;border:1px solid var(--border)}.upload-btn{background:transparent;border:1px dashed var(--accent);color:var(--accent);padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-family:JetBrains Mono,monospace;font-size:.8rem}.upload-btn:hover{background:#00f0ff1a}.games-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:.5rem;border-bottom:1px solid var(--border)}.games-header h2{font-family:JetBrains Mono,monospace;color:#fff;font-size:1.5rem}.import-btn{background:var(--start-color);color:var(--bg-color);border:none;padding:.5rem 1rem;border-radius:4px;font-weight:700;cursor:pointer;font-family:JetBrains Mono,monospace;transition:.2s}.import-btn:hover{box-shadow:0 0 10px #22c55e80}.export-btn{background:transparent;border:1px solid var(--end-color);color:var(--end-color);width:auto;padding:0 .8rem}.export-btn:hover{background:#f59e0b1a;box-shadow:0 0 10px #f59e0b33}.publish-date{font-size:.7rem;color:#64748b;margin-top:.5rem;font-family:JetBrains Mono,monospace}@media (max-width: 768px){.profile-header-card{flex-direction:column;text-align:center;gap:1rem}.profile-title-row{flex-direction:column;gap:.5rem}.games-header{flex-direction:column;gap:1rem;align-items:flex-start}}:root{--bg-color: #11111a;--panel-bg: rgba(15, 23, 42, .6);--accent: #00f0ff;--accent-hover: #00c3d9;--user-color: #ff0055;--border: rgba(0, 240, 255, .2);--border-glow: 0 0 10px rgba(0, 240, 255, .1);--start-color: #22c55e;--end-color: #f59e0b}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,sans-serif;background:var(--bg-color);color:#f1f5f9;min-height:100vh;overflow-x:hidden;background-image:radial-gradient(circle at 15% 50%,rgba(0,240,255,.03),transparent 25%),radial-gradient(circle at 85% 30%,rgba(255,0,85,.03),transparent 25%)}#root{width:100%;height:100vh;padding:1rem;display:flex;flex-direction:column}.app-container{height:100%;display:flex;flex-direction:column}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#0003}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:200}.modal-card{background:var(--panel-bg);padding:2rem;border-radius:8px;border:1px solid var(--border);width:90%;max-width:400px;display:flex;flex-direction:column;gap:1rem;font-family:JetBrains Mono,monospace}.modal-btn{background:transparent;border:1px solid var(--accent);padding:.8rem;border-radius:4px;cursor:pointer;color:var(--accent);transition:.2s}.modal-btn:hover{background:#00f0ff1a;box-shadow:0 0 10px #00f0ff33}.divider{text-align:center;font-size:.7rem;opacity:.4}.scroll-list{max-height:200px;overflow-y:auto;display:flex;flex-direction:column;gap:.5rem}.list-item{background:#0000004d;border:1px solid rgba(255,255,255,.1);padding:.8rem;border-radius:4px;color:#fff;cursor:pointer;text-align:left;font-size:.8rem}.list-item:hover{border-color:var(--accent);color:var(--accent)}.close-btn{margin-top:1rem;background:transparent;border:none;color:#fff;opacity:.5;cursor:pointer}.close-btn:hover{opacity:1}.btn-group{display:flex;gap:.5rem;margin-top:1rem}.btn-group button{flex:1;padding:.6rem;border-radius:4px;cursor:pointer;font-family:JetBrains Mono,monospace;font-size:.8rem}.btn-group button[type=submit]{background:transparent;border:1px solid var(--start-color);color:var(--start-color);transition:.2s}.btn-group button[type=submit]:hover{background:#22c55e1a;box-shadow:0 0 10px #22c55e33}.danger-btn{background:transparent;border:1px solid var(--user-color);color:var(--user-color);transition:.2s}.danger-btn:hover{background:#ff00551a;box-shadow:0 0 10px #f053}.cancel-btn{background:transparent;border:1px solid #555;color:#888;transition:.2s}.cancel-btn:hover{border-color:#888;color:#ccc}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width: 768px){#root{padding:.5rem}}