.article-modal-content,.modal-content,.popup-content,.dialog-content{overflow:hidden!important;border-radius:16px}.article-modal-body,.modal-body,.popup-body,.dialog-body{overflow-y:auto;-webkit-overflow-scrolling:touch;padding-right:12px;padding-bottom:0;transition:padding-bottom .16s ease}.article-modal-content .article-modal-body{max-height:calc(85vh - 140px)}.textarea-wrapper{border-radius:8px;overflow:hidden}.textarea-wrapper textarea{border-radius:0}.article-modal-close,.modal-close,.popup-close{z-index:10}.article-modal-body code{background:#f5f5f5;padding:2px 6px;border-radius:4px;font-family:Courier New,monospace;font-size:14px}.code-block-wrapper{position:relative;margin:16px 0}.article-modal-body pre{background:#f5f5f5;padding:16px 48px 16px 16px;border-radius:8px;overflow-x:auto;margin:0}body .article-modal .article-modal-content .article-modal-body pre,body .article-modal-content .article-modal-body pre,body .article-modal-content pre{white-space:pre!important;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Courier New,monospace!important;font-size:13px!important;line-height:1.6!important;word-break:normal!important;overflow-x:auto!important;width:100%!important;box-sizing:border-box!important}body .article-modal .article-modal-content .article-modal-body pre code,body .article-modal-content .article-modal-body pre code{background:transparent!important;padding:0!important;display:block!important}.article-modal-body pre code{background:none;padding:0}.copy-code-btn{position:absolute;top:12px;right:12px;background:#fff;border:1px solid #E0E0E0;border-radius:6px;width:32px;height:32px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;opacity:.6}.copy-code-btn:hover{opacity:1;background:#fafafa;border-color:#4a90e2}.copy-code-btn:active{transform:scale(.95)}@font-face{font-family:SF Pro Text;src:url(/assets/SF-Pro-Text-Regular-Cy6lh03F.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:SF Pro Text;src:url(/assets/SF-Pro-Text-Medium-BV0cEDZ9.woff) format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:SF Pro Text;src:url(/assets/SF-Pro-Text-Semibold-CE8XQxw_.woff) format("woff");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:SF Pro Text;src:url(/assets/SF-Pro-Text-Bold-CrT9sA0U.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:SF Pro Text;src:url(/assets/SF-Pro-Text-Heavy-CTRpueBX.woff) format("woff");font-weight:800;font-style:normal;font-display:swap}:root{--color-main: #3D3D3D;--color-second: #8A8888;--color-accent: #2756FF;--color-border: #D7D7D7;--color-bg: #F4F4F4;--color-bg-accent: #DEE5FF;--font-main: "SF Pro Text", -apple-system, BlinkMacSystemFont, sans-serif}*{box-sizing:border-box}body,html{margin:0;padding:0;font-family:var(--font-main);color:var(--color-main);background:#fff}.login-screen{display:flex;flex-direction:column;align-items:center;padding-top:59px;background:#fff;min-height:100vh}.logo-text{color:#3d3d3d;font-size:50px;font-weight:900;margin-bottom:91px}.login-box{display:flex;flex-direction:column;width:260px;padding:14px 11px;gap:16px;border-radius:10px;border:1px solid #D7D7D7;background:#f4f4f4}.login-vvod{border-radius:8px;border:1px solid #D7D7D7;background:#e5e5e5;padding:11px 12px;font-size:12px;font-weight:500;color:#3d3d3d;outline:none;transition:background .3s,border-color .3s;width:100%;box-sizing:border-box}.login-vvod:focus{border:1px solid #2756FF;background:#dee5ff}.login-vvod.valid{border:1px solid #27FF61;background:#deffe0}.login-vvod.invalid{border:1px solid #FF4827;background:#ffe1de}.forgot-pass{color:#3d3d3d;font-size:14px;font-weight:600;text-decoration:underline;cursor:pointer;margin-top:16px}#errorMsg{font-size:12px;margin-top:8px}.button,.login-button,.menu-button,.lmenu-button,.create-mission-next-button,.mission-step-back-button{border-radius:12px;border:1px solid var(--color-border);background:var(--color-bg);font-family:var(--font-main);transition:border-color .25s,background-color .25s;cursor:pointer}.login-button{width:260px;height:44px;font-size:20px;font-weight:800;color:var(--color-main);margin-top:16px;display:flex;justify-content:center;align-items:center;-webkit-user-select:none;user-select:none}.login-button:active{background:#d0d0d0}.app-container{display:flex;width:100%;height:100vh}.sidebar{width:250px;position:fixed;left:0;top:0;bottom:0;border-right:1px solid var(--color-border);background:#f0f0f0b3;display:flex;flex-direction:column;padding-top:20px;box-sizing:border-box}.account-info{display:flex;align-items:flex-start;padding-left:20px}.avatar{width:40px;height:40px;border-radius:50%;background-color:#f0f0f0;margin-right:2px}.user-details{margin-left:15px}.user-name{width:160px;color:var(--color-main);font-size:14px;font-style:normal;font-weight:700;line-height:normal}.user-subinfo{margin-top:4px;color:var(--color-second);font-size:12px;font-style:normal;font-weight:500;line-height:normal}.main-content{flex:1;margin-left:250px;padding:0 20px 20px 0;min-height:100vh}.menu-button{display:flex;align-items:center;justify-content:center;gap:6px;width:210px;height:29px;flex-shrink:0;border-radius:5.607px;background:var(--color-main);color:var(--color-border);font-size:12px;font-weight:700;padding:0 12px;margin-top:14px;margin-left:20px}.menu-button:hover{background:#4f75ff}.button-content{display:flex;align-items:center;gap:6px;color:var(--border-light, #D7D7D7);font-family:SF Pro Text,sans-serif;font-size:12px;font-style:normal;font-weight:700;line-height:normal}.icon-plus{width:6px;height:6px;stroke-width:1.125px;stroke:var(--border-light, #D7D7D7);flex-shrink:0}.button-block{margin-top:18px;width:210px;margin-left:20px}.button-icon{width:16px;height:16px;margin-right:10px;margin-left:6px;flex-shrink:0}.button-text{color:#525252;font-family:SF Pro Text;font-size:14px;font-style:normal;font-weight:500;line-height:normal}.lmenu-button{display:flex;width:209px;height:30px;padding:2px 0;flex-direction:row;align-items:center;border-radius:5.607px;border:.5px solid var(--color-bg);background:var(--color-bg);transition:border-color .25s,background-color .25s;will-change:border-color,background-color}.lmenu-button:hover{border:.5px solid var(--color-accent);background:var(--color-bg-accent);transition:border-color .15s,background-color .15s}.lmenu-button.active{background:var(--color-bg-accent);border:.5px solid var(--color-accent);transition:border-color .3s,background-color .3s}.button-block .lmenu-button:not(:last-child){margin-bottom:9px}.home-content{padding:20px 20px 0;margin:0;max-width:100%}.header{color:var(--text-main, #3D3D3D);font-family:SF Pro Text,sans-serif;font-size:24px;font-style:normal;font-weight:800;line-height:normal;text-transform:uppercase;margin:0 0 19px;padding-left:0}.container-wrapper{display:flex;gap:20px;flex-wrap:wrap;margin:0;padding:0}.container{width:226px;height:110px;border-radius:12px;border:1px solid var(--color-border);background:var(--color-bg);position:relative;padding:12px;transition:all .3s ease-in-out;will-change:transform,border-color,background-color}.container:hover{border:1px solid var(--color-accent);background:var(--color-bg-accent);transform:translateY(-2px);box-shadow:0 4px 8px #2756ff1a}.container-with-icon{position:relative}.container-icon{position:absolute;width:18px;height:18px;right:12px;bottom:12px}.container-title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;line-clamp:1;overflow:hidden;text-overflow:ellipsis;width:208px;color:var(--text-main, #3D3D3D);font-family:SF Pro Text,sans-serif;font-size:26px;font-style:normal;font-weight:600;line-height:normal;position:absolute;top:12px;left:12px;margin:0}.container-subtitle{width:208px;height:16px;flex-shrink:0;color:var(--text-second, #8A8888);font-family:SF Pro Text,sans-serif;font-size:12.857px;font-style:normal;font-weight:600;line-height:normal;position:absolute;bottom:12px;left:12px;margin:0}.content-wrapper{display:flex;margin-top:0;gap:20px}.changelog-section{flex:1}.changelog-title{color:var(--color-main);font-size:24px;font-weight:800;line-height:normal;text-transform:uppercase;margin:20px 0 0}.changelog-content{width:472px;color:#505050;font-family:SF Pro Text;font-size:14px;font-style:normal;font-weight:700;line-height:normal;margin:10px 0 0}.handbook-section{flex:1}.handbook-title{color:var(--color-main);font-size:24px;font-weight:800;line-height:normal;text-transform:uppercase;margin:20px 0 0}.handbook-container{width:472px;height:106px;flex-shrink:0;border-radius:12px;border:1px solid var(--color-border);background:var(--color-bg);position:relative;margin-top:10px;cursor:pointer;transition:all .3s ease}.handbook-container:hover{border-color:var(--color-accent);background:var(--color-bg-accent);transform:translateY(-2px);box-shadow:0 4px 8px #2756ff1a}.handbook-container-title{width:390px;color:var(--text-main, #3D3D3D);font-family:SF Pro Text;font-size:20px;font-style:normal;font-weight:700;line-height:normal;margin:12px 0 0 12px;position:absolute;top:0;left:0}.handbook-container-subtitle{display:-webkit-box;width:390px;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;color:var(--text-second, #8A8888);text-overflow:ellipsis;font-family:SF Pro Text;font-size:14px;font-style:normal;font-weight:600;line-height:normal;margin:0 0 23px 12px;position:absolute;bottom:0;left:0}.handbook-icon{position:absolute;width:19px;height:20px;right:12px;top:12px}#handbook-articles{display:flex;flex-direction:column;gap:10px;margin-top:10px}.handbook-article{width:100%;height:106px;border-radius:12px;border:1px solid var(--border-light, #D7D7D7);background:var(--background-buttons-seconds, #F0F0F0);position:relative;cursor:pointer;transition:all .3s ease;padding:20px;box-sizing:border-box}.handbook-article:hover{border-color:var(--accent, #2756FF);background:var(--background-accent, #DEE5FF);transform:translateY(-2px);box-shadow:0 4px 8px #2756ff1a}.handbook-article-title{color:var(--text-main, #3D3D3D);font-family:SF Pro Text;font-size:20px;font-weight:700;margin:0 0 8px}.handbook-article-preview{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;color:var(--text-second, #8A8888);text-overflow:ellipsis;font-family:SF Pro Text;font-size:16px;font-weight:600;line-height:1.4;margin:0}.handbook-article-icon{position:absolute;width:16px;height:16px;right:12px;top:12px}.loading,.error{color:var(--text-second);text-align:center;padding:20px}.create-mission-container{padding:20px 20px 0;max-width:100%}.create-mission-title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;line-clamp:1;overflow:hidden;text-overflow:ellipsis;color:var(--text-main);font-size:24px;font-weight:800;text-transform:uppercase;margin:0 0 19px}.create-mission-block{margin:20px 0 0}.create-mission-subtitle{color:var(--text-main);font-size:16px;font-weight:700;margin:0}.create-mission-note{color:var(--text-second);font-size:12px;font-weight:500;margin-top:4px}.create-mission-note-bold{font-weight:700}.create-mission-selectors{display:flex;flex-wrap:wrap;gap:20px;margin:20px 0 0}.create-mission-selector{width:226px;height:110px;border-radius:12px;border:1px solid #D7D7D7;background:#f4f4f4;display:flex;flex-direction:column;justify-content:space-between;cursor:pointer;transition:all .3s ease}.create-mission-selector:hover,.create-mission-selector.active{border-color:var(--accent, #2756FF);background:var(--background-accent, #DEE5FF);transform:translateY(-2px);box-shadow:0 4px 8px #2756ff1a}.create-mission-selector-title{width:202px;color:var(--text-main);font-size:24px;font-weight:600;margin:12px 0 0 12px}.create-mission-selector-desc{width:202px;color:var(--text-second);font-size:12px;font-weight:600;margin:0 0 12px 12px}.create-mission-next-button{width:226px;height:37px;border-radius:12px;border:1px solid #D7D7D7;background:#f4f4f4;color:var(--text-second);font-size:14px;font-weight:700;margin:20px 0;cursor:pointer;transition:border-color .25s ease-in-out,background-color .25s ease-in-out;will-change:border-color,background-color}.create-mission-next-button.fixed-bottom{position:fixed;bottom:20px;left:20px;margin:0;z-index:1000}.create-mission-next-button:hover{border:1px solid var(--color-accent);background:var(--color-accent);color:#fff;box-shadow:0 6px 18px #2756ff2e;transition:border-color .15s ease-out,background-color .15s ease-out,color .15s ease-out,box-shadow .15s ease-out}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:#f4f4f4;border-radius:8px}::-webkit-scrollbar-thumb{background:var(--color-accent);border-radius:8px;border:3px solid #F4F4F4}::-webkit-scrollbar-thumb:hover{background:#1f45d6}*{scrollbar-width:thin;scrollbar-color:var(--color-accent) #F4F4F4}.mission-step-navigation{position:fixed;bottom:20px;left:270px;right:20px;display:flex;justify-content:space-between;gap:20px;z-index:1000}.mission-step-back-button{width:226px;height:37px;border-radius:12px;border:1px solid #D7D7D7;background:#f4f4f4;color:var(--text-second);font-size:14px;font-weight:700;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:border-color .25s ease-in-out,background-color .25s ease-in-out;will-change:border-color,background-color}.mission-step-back-button:hover{border:1px solid var(--accent, #2756FF);background:var(--background-accent, #DEE5FF);transition:border-color .15s ease-out,background-color .15s ease-out}.mission-step-navigation .create-mission-next-button{width:226px;height:37px;margin:0;position:static}.create-mission-form{display:flex;flex-direction:column;gap:15px;margin-bottom:20px}.create-mission-row{display:flex;gap:20px}.form-block{display:flex;flex-direction:column;gap:6px;flex-shrink:0}.form-label{color:var(--text-main, #3D3D3D);font-family:SF Pro Text,sans-serif;font-size:14px;font-weight:700}.input-field{padding:8px 12px;font-size:14px;color:#3d3d3d;font-family:SF Pro Text,sans-serif;font-weight:400;border-radius:12px;border:1px solid var(--border-light, #D7D7D7);background:var(--background-buttons-seconds, #F0F0F0);outline:none}.author-block{width:220px;height:63px}.mission-name-block{width:466px;height:63px}.description-block{width:706px;height:173px}.description-input{width:706px;height:150px;resize:none}.image-path-block{width:706px}.image-input-wrapper{display:flex;align-items:center;gap:10px}.image-input{width:666px;height:30px}.icon-button{width:30px;height:30px;flex-shrink:0;border:1px solid var(--border-light, #D7D7D7);background:var(--background-buttons-seconds, #F0F0F0);border-radius:12px;display:flex;align-items:center;justify-content:center;padding:0;cursor:pointer}.mission-checkbox-block{width:990px;height:30px;border-radius:12px;border:1px solid var(--border-light, #D7D7D7);background:#f6f6f6;display:flex;align-items:center;padding-left:7px;margin-top:10px}.modules-container{margin-right:0}.modules-container .loading,.modules-container .error{text-align:center;padding:40px 20px;color:var(--color-second);font-size:16px}.modules-container .error{color:#ff4827}.checkbox-label{display:flex;align-items:center;gap:15px;width:100%;height:100%;cursor:pointer;-webkit-user-select:none;user-select:none}.mission-checkbox-input{display:none}.checkbox-custom{width:16px;height:16px;border-radius:6px;border:1px solid #A6A6A6;background:#f4f6ff;flex-shrink:0;margin-right:0}.mission-checkbox-input:checked+.checkbox-custom{background:#2756ff;border-color:#2756ff}.checkbox-inline-texts{display:flex;align-items:center;gap:20px;overflow:hidden;flex:1;min-width:0}.checkbox-title{width:250px;color:var(--text-main, #3D3D3D);font-family:SF Pro Text,sans-serif;font-size:14px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:normal;flex-shrink:0}.checkbox-description{color:var(--text-main, #3D3D3D);font-family:SF Pro Text,sans-serif;font-size:12px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:normal;flex:1}.user-card{position:relative;width:220px;height:220px;border-radius:12px;overflow:hidden;background:#fff;border:1px solid #d7d7d7}.image-section{position:absolute;top:0;left:0;right:0;height:80%;background-size:cover;background-position:center;background-repeat:no-repeat;background-image:url(/assets/nopic-C-pAKCdl.png)}.image-section:before{display:none}.info-section{position:absolute;bottom:0;left:0;right:0;height:20%;background-color:#f0f0f0;padding:8px 10px;box-sizing:border-box;display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:8px}.username{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700;font-size:14px;color:#3d3d3d;line-height:1.2;margin:0;padding:0}.timestamp{flex-shrink:0;font-size:12px;color:#8a8888;line-height:1.2;margin:0;padding:0;white-space:nowrap;font-weight:500}.demo-container{display:flex;gap:20px;flex-wrap:wrap;justify-content:center;align-items:flex-start}.user-card.demo1 .image-section{background:linear-gradient(135deg,#667eea,#764ba2)}.user-card.demo2 .image-section{background:linear-gradient(135deg,#f093fb,#f5576c)}.user-card.demo3 .image-section{background:linear-gradient(135deg,#4facfe,#00f2fe)}.missions-cards-row{display:flex;flex-wrap:wrap;gap:20px;justify-content:flex-start;margin-top:20px}.settings-container{max-width:100%;margin:0;padding:20px 20px 0}.settings-title{font-size:24px;font-weight:800;text-transform:uppercase;margin:0 0 19px;color:var(--text-main)}.section{margin-bottom:50px}.section-title{font-size:16px;font-weight:700;color:var(--color-main);margin-bottom:20px}.theme-options{display:flex;gap:20px;margin-bottom:40px}.theme-option{position:relative;width:220px;border-radius:12px;overflow:hidden;border:1px solid var(--color-border);background:var(--color-bg);cursor:pointer;transition:all .3s ease}.theme-option:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.theme-option.selected{border-color:var(--color-accent);box-shadow:0 0 0 2px #2756ff33}.theme-preview{height:176px;background-size:cover;background-position:center;border-bottom:1px solid var(--color-border)}.light-theme .theme-preview{background-color:#f5f5f5;background-image:linear-gradient(45deg,#e0e0e0 25%,transparent 25%),linear-gradient(-45deg,#e0e0e0 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e0e0e0 75%),linear-gradient(-45deg,transparent 75%,#e0e0e0 75%);background-size:20px 20px}.dark-theme .theme-preview{background-color:#2a2a2a;background-image:repeating-linear-gradient(90deg,#333 0px 4px,#444 4px 8px),repeating-linear-gradient(180deg,#333 0px 4px,#444 4px 8px)}.system-theme .theme-preview{background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 300"><defs><linearGradient id="g" x1="0" y1="0" x2="1" y2="1"><stop stop-color="%23e8f5e8" offset="0%"/><stop stop-color=%22%2390c695%22 offset="100%"/></linearGradient></defs><rect fill="url(%23g)" width="400" height="300"/><circle cx="200" cy="150" r="80" fill="%23a8d5aa" opacity="0.7"/></svg>');background-size:cover}.theme-label{padding:12px 16px;font-size:12px;font-weight:700;color:var(--color-main);display:flex;align-items:center;gap:8px}.theme-radio{width:14px;height:14px;border:1px solid #a6a6a6;border-radius:3px;background:#f4f6ff;position:relative;cursor:pointer}.theme-radio.checked:after{content:"";position:absolute;inset:2px;background:var(--color-accent);border-radius:1px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.form-grid.full-width{grid-template-columns:1fr}.form-field{position:relative}.form-input{width:100%;height:40px;padding:0 12px;border:1px solid var(--color-border);border-radius:12px;background:var(--color-bg);font-size:12px;font-weight:600;color:var(--color-second);outline:none;transition:all .2s ease;font-family:var(--font-main)}.form-input:focus{border-color:var(--color-accent);background:var(--color-bg-accent);color:var(--color-main)}.form-input::placeholder{color:var(--color-second);font-weight:600}.folder-input-wrapper{display:flex;align-items:center;gap:8px}.folder-input{flex:1;cursor:pointer}.folder-button{width:40px;height:40px;border:1px solid var(--color-border);border-radius:12px;background:var(--color-bg);color:var(--color-main);font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.folder-button:hover{border-color:var(--color-accent);background:var(--color-bg-accent)}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOut{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}.action-buttons{display:flex;gap:20px;margin-top:30px}.btn{height:40px;padding:0 24px;border:none;border-radius:12px;font-size:12px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;font-family:var(--font-main)}.btn-danger{background:#f75c40;color:#fff}.btn-danger:hover{background:#e54c32;transform:translateY(-1px)}.btn-danger:active{transform:translateY(0)}.btn-secondary{background:#667eea;color:#fff}.btn-secondary:hover{background:#5568d3;transform:translateY(-1px)}.btn-secondary:active{transform:translateY(0)}.btn-secondary:disabled{background:#a0aec0;cursor:not-allowed;transform:none}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.settings-container{margin-left:0;padding:10px}.theme-options{flex-direction:column;align-items:center}.form-grid{grid-template-columns:1fr}.action-buttons{flex-direction:column}}