@import "https://fonts.googleapis.com/css2?family=Orbitron:wght@900&family=Cormorant+Garamond:wght@300;400;500&display=swap";@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Space+Grotesk:wght@400;500&family=JetBrains+Mono:wght@400&display=swap";@font-face{font-family:Calypso;src:url(/Calypso.ttf)format("truetype");font-weight:400;font-style:normal}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#e8f5e9;background-image:url(/marble-bg.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;margin:0;padding:0}.main-area{box-sizing:border-box;flex:1;justify-content:flex-start;align-items:stretch;gap:24px;width:auto;min-height:0;margin:10px 0 0 24px;display:flex}#root{flex-direction:column;height:100vh;display:flex;overflow:hidden}.top-bar{z-index:10;flex-shrink:0;justify-content:space-between;align-items:center;padding:4px 15px;display:flex;position:relative}.logo-wrapper{display:inline-block;position:relative}.gigachess-logo{width:auto;height:58px;display:block}.reg-btn{color:#333;cursor:pointer;background:#c9a96e;border:none;border-radius:20px;padding:8px 24px;font-family:Calypso,serif;font-size:16px;transition:background .2s}.reg-btn:hover{background:#b89a5e}.user-box{align-items:center;gap:12px;display:flex}.user-name{color:#333;font-family:Calypso,serif;font-size:16px}.reg-btn--ghost{background:0 0;border:1px solid #c9a96e}.reg-btn--ghost:hover{background:#c9a96e33}.board-section{flex:auto;order:2;justify-content:center;align-items:center;min-width:320px;padding:0 10px;display:flex}.board-wrapper{box-sizing:border-box;background:#f0f2ea;border:3px solid #b4872cd9;border-radius:15px;flex-direction:column;align-items:center;width:fit-content;height:fit-content;padding:12px 16px;display:flex;box-shadow:0 2px 4px #00000040}.material-display{z-index:10;background:#cda970;border-radius:4px;justify-content:flex-end;padding:1px 6px;display:flex;position:absolute;right:-4px}.material-display:first-child{top:-20px}.material-display:last-child{bottom:-20px}.material-diff{color:#000;font-size:12px;font-weight:600}.eval-bar{background:#126b5b;border:1px solid #126b5b66;border-radius:8px;flex-shrink:0;order:1;align-self:center;width:46px;margin:0 8px;position:relative;overflow:hidden}.eval-bar-white{background:linear-gradient(#f7f8f500 0%,#f7f8f5 3% 100%);width:100%;transition:height .4s;position:absolute;top:0}.eval-bar-label{color:#126b5b;font-size:13px;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.player-bar{flex-wrap:wrap;align-items:center;gap:8px;width:100%;padding:4px;display:flex}.rating-label{color:#8b7340;letter-spacing:.5px;font-size:13px}.controls-row{align-items:center;gap:10px;width:100%;margin-top:6px;display:flex}#game-status{text-align:center;color:#94a3b8;flex:1;padding:6px 0;font-size:13px}.ctrl-btn{color:#333;cursor:pointer;text-align:center;border:none;border-radius:6px;min-width:110px;height:34px;padding:6px 16px;font-family:Calypso,serif;font-size:18px;line-height:1}.fen-bar{box-sizing:border-box;background:#f0f2ea;border-radius:8px;align-items:center;gap:8px;width:100%;margin-top:10px;padding:8px 12px;display:flex}.fen-bar input{color:#333;background:#f0f2ea;border:1px solid #c2974d;border-radius:6px;outline:none;flex:1;min-width:0;padding:6px 10px;font-family:Consolas,Courier New,monospace;font-size:11px}.fen-bar input:focus{color:#111;border-color:#c2974d}.fen-bar button{color:#333;cursor:pointer;white-space:nowrap;background:#83b787;border:none;border-radius:6px;padding:5px 10px;font-family:Calypso,serif;font-size:14px}.fen-bar button:hover{background:#76a87a}.fen-bar .fen-file-btn{cursor:pointer;background:#0d3550;border:1px solid #225a73;border-radius:6px;padding:4px 8px;font-size:13px}.fen-bar .fen-file-btn:hover{background:#164a63}.middle-section{background:#051a28;border-left:1px solid #0d3550;border-right:1px solid #0d3550;flex-direction:column;flex-shrink:0;width:220px;padding:16px 14px;display:flex}.middle-section h3{color:#64748b;text-transform:uppercase;letter-spacing:1px;margin-bottom:12px;font-size:12px}.move-list{flex-direction:column;flex:auto;min-height:0;padding-right:8px;display:flex;overflow-y:auto}.move-list{scrollbar-color:#79b180 transparent;scrollbar-width:thin}.move-pair:last-child{border-bottom:none}.move-pair .num{color:#333;min-width:30px}.move-pair span{cursor:pointer;border-radius:8px;padding:4px 10px;transition:background .2s}.move-pair span:hover{background:#e2ece2}.nav-controls{flex-shrink:0;justify-content:center;gap:6px;margin-top:10px;display:flex}.nav-controls button{color:#e2e8f0;cursor:pointer;background:#0d3550;border:1px solid #225a73;border-radius:6px;width:36px;height:32px;font-size:14px}.chat-section{z-index:1;-webkit-backdrop-filter:blur(12px);background:#ffffff03;border:none;border-left:1px solid #fff6;border-radius:0;flex-direction:column;flex:640px;order:3;align-self:stretch;min-width:320px;max-width:760px;height:auto;margin-top:0;margin-right:0;display:flex;box-shadow:-8px 0 32px #0000001a}.chat-header{border-bottom:1px solid #0000001a;align-items:center;gap:20px;padding:15px 40px 25px;display:flex}.chat-avatar img{object-fit:cover;border-radius:50%;flex-shrink:0;width:55px;height:55px}.chat-title-block{flex-direction:column;display:flex}.chat-title-block h2{color:#333;text-transform:uppercase;margin:0;font-family:Calypso,serif;font-size:36px;line-height:1}.chat-subtitle{color:#79b180;margin-top:4px;font-family:Calypso,serif;font-size:20px}.status-bar{color:#555;border-bottom:1px solid #0000000d;align-items:center;gap:8px;padding:10px 40px;font-family:Arial,sans-serif;font-size:13px;display:flex}.status-bar .dot{background:#79b180;border-radius:50%;width:8px;height:8px;animation:2s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.chat-messages{flex-direction:column;flex:1;gap:16px;padding:20px 40px;display:flex;overflow-y:auto}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:0 0}.chat-messages::-webkit-scrollbar-thumb{background:#79b180;border-radius:10px}.chat-messages::-webkit-scrollbar-thumb:hover{background:#5d9364}.chat-msg{align-items:flex-end;gap:12px;display:flex}.chat-msg .msg-content{flex-direction:column;align-items:flex-start;min-width:0;max-width:85%;display:flex}.chat-msg .msg-content .msg-body{max-width:100%}.chat-msg .msg-body{color:#333;background:#fff9;border-radius:0;max-width:85%;padding:14px 18px;font-family:Arial,Helvetica,sans-serif;font-size:15px;line-height:1.5;box-shadow:0 2px 10px #00000008}.chat-msg .chat-board{border-radius:10px;max-width:230px;margin-top:8px}.chat-msg.user{flex-direction:row-reverse}.chat-msg.user .msg-body{background:#dcecd9;border-radius:16px 16px 0}.chat-input-area{border-top:1px solid #0000001a;gap:12px;padding:20px 40px 30px;display:flex}.chat-input-area input{color:#333;background:#ffffff80;border:1px solid #0000001a;border-radius:20px;outline:none;flex:1;padding:14px 20px;font-family:Arial,sans-serif;font-size:15px;transition:all .2s}.chat-input-area input:focus{background:#ffffffe6;border-color:#79b180}.chat-input-area input::placeholder{color:#777}.chat-input-area button{color:#fff;cursor:pointer;background:#83b787;border:none;border-radius:30px;padding:0 25px;font-size:15px;font-weight:600;transition:background .2s}.chat-input-area button:hover{background:#76a87a}.move-history-panel{box-sizing:border-box;background:#ffffffde;border:3px solid #b4872cd9;border-radius:30px;flex-direction:column;flex-shrink:0;order:1;align-self:stretch;width:260px;height:auto;padding:20px 24px;display:flex;box-shadow:0 2px 4px #00000040}.move-list{flex:1;min-height:0;padding-right:8px;overflow-y:auto}.move-list::-webkit-scrollbar{width:6px}.move-list::-webkit-scrollbar-track{background:0 0}.move-list::-webkit-scrollbar-thumb{background:#79b180;border-radius:10px}.move-list::-webkit-scrollbar-thumb:hover{background:#5d9364}.nav-controls{justify-content:space-between;align-items:center;display:flex}.player-info,.move-pair,.nav-controls,.action-buttons{box-sizing:border-box;width:100%}.player-info{box-sizing:border-box;background:linear-gradient(45deg,#79b180 28%,#e2ece2 51%);border-radius:41px;flex-shrink:0;justify-content:space-between;align-items:center;width:100%;min-height:56px;margin-bottom:25px;padding:8px 12px;display:flex}.move-pair{color:#333;border-bottom:1px solid #a5d6a7;align-items:center;padding:12px 6px;font-family:Calypso,serif;font-size:22px;display:flex}.move-pair.active{background-color:#dcecd9;border-bottom:1px solid #0000;border-radius:10px}.move-pair span{cursor:pointer;text-align:center;border-radius:8px;justify-content:center;align-items:center;min-width:45px;padding:4px 10px;transition:background .2s;display:inline-flex}.num{color:#555;width:40px;font-size:22px}.move-w{text-align:left;flex:1;padding-left:10px}.move-b{text-align:right;flex:1;padding-right:15px}.nav-row{justify-content:center;align-items:center;gap:16px;margin-bottom:16px;display:flex}.arrow-btn{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:55px;height:44px;padding:0;transition:transform .2s;display:flex}.arrow-btn:hover{transform:scale(1.05)}.arrow-btn:hover rect{fill-opacity:.5}.action-buttons{flex-direction:column;gap:10px;display:flex}.btn-import{color:#333;cursor:pointer;background:#83b787;border:none;border-radius:30px;justify-content:center;align-items:center;width:100%;height:52px;margin:0 auto;font-family:Calypso,serif;font-size:24px;transition:background .2s;display:flex}.btn-import:hover{background:#76a87a}.input-fen{border:2px solid #a5d6a7;border-radius:20px;padding:10px}.history-title{white-space:nowrap;text-align:center;color:#333;margin:0 0 5px;font-family:Calypso,serif;font-size:clamp(20px,1.8vw,32px);font-weight:400;overflow:visible}.title-separator{background-color:#69b87c;width:100%;height:2px;margin-bottom:20px}.player-avatar,.bot-avatar{align-items:center;gap:10px;display:flex}.player-name,.bot-name{font-family:Calypso,serif;font-size:clamp(14px,1vw,18px);line-height:1.2}.bot-name{text-align:right}.vs-text{color:#79b180;margin:0 10px;font-family:Calypso,serif;font-size:clamp(16px,1.2vw,20px)}.player-avatar img,.bot-avatar img{object-fit:cover;border-radius:50%;flex-shrink:0;width:clamp(28px,2vw,40px);height:clamp(28px,2vw,40px)}.player-details{flex-direction:column;align-items:flex-start;display:flex}.bot-details{flex-direction:column;align-items:flex-end;display:flex}.player-rating,.bot-rating{color:#555;margin-bottom:2px;font-family:Calypso,serif;font-size:clamp(12px,1vw,16px);line-height:1}.modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{text-align:center;background:#fff;border-radius:20px;width:420px;max-width:90vw;padding:40px 48px 36px;position:relative;box-shadow:0 8px 40px #00000040}.modal-close{color:#999;cursor:pointer;background:0 0;border:none;font-size:20px;position:absolute;top:16px;right:20px}.modal-close:hover{color:#333}.modal-icon{color:#333;margin-bottom:8px;font-size:32px}.modal-title{color:#333;margin:0 0 6px;font-family:Calypso,serif;font-size:28px}.modal-subtitle{color:#888;margin:0 0 20px;font-size:14px}.modal-divider{background:#cda970;border-radius:1px;width:40px;height:2px;margin:0 auto 24px}.modal-label{text-align:left;color:#555;margin-bottom:6px;font-size:14px;display:block}.modal-input-wrapper{background:#f7f7f7;border:1px solid #e0e0e0;border-radius:10px;align-items:center;margin-bottom:18px;padding:0 14px;display:flex}.modal-input-icon{color:#999;margin-right:10px;font-size:16px}.modal-input{color:#333;background:0 0;border:none;outline:none;flex:1;padding:12px 0;font-size:15px}.modal-eye{cursor:pointer;color:#999;background:0 0;border:none;font-size:16px}.modal-submit{color:#fff;cursor:pointer;background:#83b787;border:none;border-radius:30px;width:100%;margin-top:6px;padding:14px;font-family:Calypso,serif;font-size:16px;transition:background .2s}.modal-submit:hover{background:#76a87a}.modal-footer{color:#888;margin-top:18px;font-size:14px}.modal-footer a{color:#83b787;font-weight:600;text-decoration:none}.modal-footer a:hover{text-decoration:underline}.auth-overlay{z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1e342159;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0;overflow-y:auto}.auth-card{text-align:left;-webkit-backdrop-filter:blur(20px);color:#333;background:#ffffffb8;border:1px solid #8cbe968c;border-radius:24px;grid-template-columns:1.15fr 1fr;width:1040px;max-width:94vw;min-height:600px;font-family:Calypso,Cormorant Garamond,serif;display:grid;position:relative;overflow:hidden;box-shadow:0 4px 12px #28462e1f,0 18px 50px #28462e40,inset 0 1px #ffffffbf}.auth-close{z-index:5;color:#555;cursor:pointer;background:#ffffffbf;border:1px solid #8cb49680;border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;font-family:inherit;font-size:17px;transition:background .2s;display:flex;position:absolute;top:16px;right:18px}.auth-close:hover{color:#333;background:#fff}.auth-side{padding:40px 36px}.auth-side--brand{background:linear-gradient(160deg,#c9a96e38,#83b7872e);border-right:1px solid #c9a96e66}.auth-side--form{flex-direction:column;justify-content:center;display:flex}.auth-brand{align-items:center;gap:10px;margin-bottom:22px;display:flex}.auth-brand-icon{color:#b88a3e;font-size:30px}.auth-brand-name{letter-spacing:.14em;color:#2f5c36;text-shadow:0 1px #fff9;text-transform:uppercase;font-family:Orbitron,Inter,sans-serif;font-size:30px;font-weight:900}.auth-title{color:#2f5c36;margin:0 0 8px;font-family:Calypso,serif;font-size:30px;font-weight:400;line-height:1.1}.auth-subtitle{color:#6b7a6e;max-width:380px;margin:0 0 24px;font-family:Calypso,serif;font-size:17px;line-height:1.35}.auth-section{background:#ffffff8c;border:1px solid #b4c8af99;border-radius:18px;padding:18px}.auth-section-head{justify-content:space-between;align-items:baseline;margin-bottom:12px;display:flex}.auth-section-label{color:#3a513f;letter-spacing:.02em;font-family:Calypso,serif;font-size:16px}.auth-optional{color:#8a908b;font-size:13px}.auth-providers{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px;display:grid}.auth-provider{color:#3a542f;cursor:pointer;background:#ffffffb3;border:1px solid #96bea099;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:11px 12px;font-family:Calypso,serif;font-size:16px;transition:background .2s,border-color .2s;display:flex}.auth-provider:hover{background:#fff}.auth-provider.active{color:#fff;background:#83b787;border-color:#76a87a}.auth-provider-glyph{font-size:18px}.auth-import-row{gap:8px;display:flex}.auth-import-input{flex:1}.auth-import-btn{color:#fff;cursor:pointer;background:#c9a96e;border:none;border-radius:14px;flex-shrink:0;padding:11px 18px;font-family:Calypso,serif;font-size:16px;transition:background .2s}.auth-import-btn:hover:not(:disabled){background:#b89a5e}.auth-import-btn:disabled{opacity:.5;cursor:default}.auth-error{color:#b3543a;margin-top:10px;font-size:14px}.auth-profile-card{background:#fffc;border:1px solid #c9a96e80;border-radius:16px;margin-top:14px;padding:14px;box-shadow:0 6px 20px #785a281a}.auth-profile-top{align-items:center;gap:12px;display:flex}.auth-profile-img{object-fit:cover;background:#f0f2ea;border:2px solid #cda970;border-radius:50%;flex-shrink:0;width:52px;height:52px}.auth-profile-img--fallback{color:#b88a3e;justify-content:center;align-items:center;font-size:24px;display:flex}.auth-profile-meta{min-width:0}.auth-profile-name{color:#2b4029;white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:6px;font-size:18px;display:flex;overflow:hidden}.auth-profile-title{color:#fff;background:#99b79a;border-radius:7px;flex-shrink:0;padding:1px 7px;font-size:13px}.auth-profile-sub{color:#7c8b70;white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:14px;overflow:hidden}.auth-perfs{grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px;display:grid}.auth-perf{background:#d2f0d699;border:1px solid #8cbe9673;border-radius:12px;padding:9px 4px}.auth-perf-label{color:#6b7a63;margin-bottom:2px;font-size:13px;display:block}.auth-perf-value{color:#3a513a;font-size:19px;font-weight:700}.auth-profile-stats{color:#5f6f57;text-align:center;margin-top:12px;font-size:15px}.auth-profile-stats b{color:#3a513a}.auth-stat-sep{vertical-align:middle;background:#cda970;border-radius:50%;width:4px;height:4px;margin:0 10px 2px;display:inline-block}.auth-label{margin-bottom:16px;display:block}.auth-label-text{color:#555;margin-bottom:6px;font-size:15px;display:block}.auth-input-wrapper{background:#ffffffd9;border:1px solid #96bea0b3;border-radius:12px;align-items:center;padding:0 14px;transition:border-color .2s;display:flex}.auth-input-wrapper:focus-within{border-color:#76a87a}.auth-input-icon{color:#8a908b;margin-right:10px;font-size:15px}.auth-input{letter-spacing:normal;color:#1f2b20;background:0 0;border:none;outline:none;flex:1;padding:13px 0;font-family:Inter,Segoe UI,system-ui,sans-serif;font-size:16px;font-weight:400}.auth-input::placeholder{color:#8a948a;font-weight:400}.auth-import-input{background:#ffffffd9;border:1px solid #c8af6eb3;border-radius:12px;padding:12px 14px}.auth-import-input:focus{border-color:#c9a96e}.auth-eye{cursor:pointer;color:#8a9a8a;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:15px;display:flex}.auth-eye:hover{color:#333}.auth-submit{color:#fff;cursor:pointer;background:#83b787;border:none;border-radius:30px;width:100%;margin-top:6px;padding:15px 24px;font-family:Calypso,serif;font-size:18px;transition:background .2s;box-shadow:0 6px 16px #5e946359}.auth-submit:hover{background:#76a87a}.auth-footer{color:#888;text-align:center;margin-top:18px;font-size:15px}.auth-footer a{color:#83b787;font-weight:400;text-decoration:none}.auth-footer a:hover{text-decoration:underline}@media (width<=760px){.auth-card{grid-template-columns:1fr}.auth-side--brand{border-bottom:1px solid #c9a96e66;border-right:none}}.top-bar-left{align-items:center;gap:8px;display:flex}.hamburger-btn{cursor:pointer;color:#333;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:4px;transition:background .2s;display:flex}.hamburger-btn:hover{background:#83b78740}.sidebar-overlay{z-index:999;background:#00000059;animation:.2s fadeIn;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}.sidebar{-webkit-backdrop-filter:blur(16px);z-index:1000;background:#ffffffeb;border-right:1px solid #b4872c66;flex-direction:column;width:280px;height:100vh;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;left:0;transform:translate(-100%);box-shadow:4px 0 24px #0000001f}.sidebar--open{transform:translate(0)}.sidebar-header{border-bottom:1px solid #b4872c4d;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.sidebar-title{color:#333;font-family:Calypso,serif;font-size:24px}.sidebar-close{color:#666;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:20px;transition:background .2s;display:flex}.sidebar-close:hover{color:#333;background:#83b78740}.sidebar-nav{flex-direction:column;gap:4px;padding:12px;display:flex}.sidebar-link{color:#333;border-radius:12px;align-items:center;gap:12px;padding:14px 16px;font-family:Calypso,serif;font-size:18px;text-decoration:none;transition:background .2s;display:flex}.sidebar-link:hover{background:#83b78733}.sidebar-link--active{color:#2f5c36;background:#83b78759}.sidebar-icon{text-align:center;flex-shrink:0;width:28px;font-size:22px}.puzzles-page{flex:1;justify-content:center;align-items:center;padding:20px;display:flex}.puzzles-loading,.puzzles-error{color:#555;font-family:Calypso,serif;font-size:24px}.puzzles-error{color:#b3543a}.puzzles-layout{box-sizing:border-box;flex-wrap:wrap;flex:1;justify-content:flex-start;align-items:stretch;gap:16px;width:100%;max-width:100%;min-height:0;margin:0;padding:10px 0 16px 24px;display:flex;overflow-y:auto}.puzzle-info-panel{box-sizing:border-box;text-align:center;background:#ffffffde;border:3px solid #b4872cd9;border-radius:30px;flex-direction:column;flex-shrink:0;align-items:center;gap:12px;width:230px;padding:24px 20px;display:flex;box-shadow:0 2px 4px #00000040}.puzzle-theme-label{color:#555;font-family:Calypso,serif;font-size:18px}.puzzle-theme-name{color:#2f5c36;text-transform:uppercase;font-family:Calypso,serif;font-size:22px;font-weight:400}.puzzle-theme-icon{color:#225a73;margin:8px 0;font-size:64px;line-height:1}.puzzle-instruction{color:#333;margin:8px 0;font-family:Calypso,serif;font-size:20px;line-height:1.3}.puzzle-moves-left-label{color:#555;margin-top:12px;font-family:Calypso,serif;font-size:16px}.puzzle-moves-left-count{color:#225a73;font-family:Calypso,serif;font-size:48px;font-weight:400;line-height:1}.puzzle-rating{color:#888;margin-top:8px;font-family:Inter,sans-serif;font-size:13px}.puzzle-nav-buttons{align-items:center;gap:12px;margin-top:16px;display:flex}.puzzle-nav-btn{color:#333;cursor:pointer;background:#ffffffb3;border:1px solid #c9a96e;border-radius:8px;width:40px;height:36px;font-size:18px;transition:background .2s}.puzzle-nav-btn:hover:not(:disabled){background:#c9a96e4d}.puzzle-nav-btn:disabled{opacity:.4;cursor:default}.puzzle-nav-index{color:#555;font-family:Inter,sans-serif;font-size:14px}.puzzle-board-section{flex-direction:column;flex:auto;align-items:center;gap:12px;min-width:320px;display:flex}.puzzle-board-wrapper{background:#f0f2ea;border:3px solid #b4872cd9;border-radius:15px;padding:12px 16px;transition:border-color .4s,box-shadow .4s;position:relative;box-shadow:0 2px 4px #00000040}.puzzle-board-wrapper--solved{border-color:#83b787e6;box-shadow:0 0 24px #83b78773,0 2px 4px #00000040}@keyframes puzzleSolvedPulse{0%{opacity:0;transform:scale(.5)}50%{opacity:1;transform:scale(1.15)}to{opacity:1;transform:scale(1)}}@keyframes puzzleSolvedFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.puzzle-solved-overlay{-webkit-backdrop-filter:blur(2px);z-index:10;background:#83b78740;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;animation:.3s puzzleSolvedFadeIn;display:flex;position:absolute;inset:0}.puzzle-solved-checkmark{color:#fff;background:#83b787;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;font-size:44px;font-weight:700;animation:.5s cubic-bezier(.34,1.56,.64,1) puzzleSolvedPulse;display:flex;box-shadow:0 4px 20px #5e946380}.puzzle-solved-text{color:#2f5c36;text-shadow:0 1px 2px #fff9;margin-top:12px;font-family:Calypso,serif;font-size:22px}.puzzle-result{text-align:center;border-radius:12px;max-width:100%;padding:10px 20px;font-family:Calypso,serif;font-size:18px}.puzzle-result--success{color:#2f5c36;background:#83b78759;border:1px solid #83b78799}.puzzle-result--error{color:#8b3a2a;background:#dc786433;border:1px solid #dc786466}.puzzle-result--hint{color:#6b5a2e;background:#c9a96e40;border:1px solid #c9a96e80}.puzzle-controls{gap:16px;margin-top:4px;display:flex}.puzzle-ctrl-btn{cursor:pointer;border:none;border-radius:30px;padding:12px 28px;font-family:Calypso,serif;font-size:18px;transition:background .2s}.puzzle-ctrl-btn--solution{color:#333;background:#83b787}.puzzle-ctrl-btn--solution:hover:not(:disabled){background:#76a87a}.puzzle-ctrl-btn--solution:disabled{opacity:.6;cursor:default}.puzzle-ctrl-btn--hint{color:#333;background:#c9a96e}.puzzle-ctrl-btn--hint:hover{background:#b89a5e}.puzzle-chat-section{z-index:1;-webkit-backdrop-filter:blur(12px);background:#ffffff03;border:none;border-left:1px solid #fff6;border-radius:0;flex-direction:column;flex:600px;align-self:stretch;min-width:300px;max-width:620px;height:auto;display:flex;box-shadow:-8px 0 32px #0000001a}.training-page{color:#333;flex:1;min-height:0;padding:18px 28px 36px;font-family:Inter,sans-serif;overflow-y:auto}.training-page--centered{justify-content:center;align-items:center;display:flex}.training-loading{color:#555;font-family:Calypso,serif;font-size:24px}.training-register-wall{text-align:center;-webkit-backdrop-filter:blur(10px);background:#ffffffd6;border:2px solid #b4872cb8;border-radius:26px;max-width:560px;padding:36px 40px 42px;box-shadow:0 4px 18px #00000014}.training-register-wall h1{margin:10px 0 12px;font-family:Calypso,serif;font-size:30px;line-height:1.2}.training-register-wall p{color:#444;margin:0 0 24px;font-size:16px;line-height:1.55}.training-hero,.training-module-header{-webkit-backdrop-filter:blur(10px);background:#ffffffd6;border:2px solid #b4872cb8;border-radius:26px;max-width:1180px;margin:0 auto 24px;padding:26px 30px;box-shadow:0 4px 18px #00000014}.training-hero h1,.training-module-header h1{color:#2f5c36;margin:3px 0 8px;font-family:Calypso,serif;font-size:36px;font-weight:400}.training-hero p,.training-module-header p{color:#555;max-width:780px;font-size:15px;line-height:1.6}.training-kicker{letter-spacing:.12em;text-transform:uppercase;color:#9a783b;font-size:12px;font-weight:700}.training-modules-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px;width:100%;max-width:1180px;margin:0 auto;display:grid}.training-module-card{text-align:center;cursor:pointer;background:#ffffffe0;border:2px solid #83b787b3;border-radius:24px;flex-direction:column;align-items:center;gap:11px;min-height:245px;padding:22px 20px;transition:transform .18s,box-shadow .18s,border-color .18s;display:flex;box-shadow:0 4px 14px #00000014}.training-module-card:hover:not(:disabled){border-color:#5e9463;transform:translateY(-3px);box-shadow:0 8px 22px #36643e29}.training-module-card--disabled{opacity:.58;cursor:default;filter:grayscale(.15)}.training-module-icon{color:#225a73;font-family:Georgia,serif;font-size:68px;line-height:1}.training-module-title{color:#2f5c36;font-family:Calypso,serif;font-size:25px}.training-module-description{color:#666;min-height:54px;font-size:13px;line-height:1.45}.training-module-meta{color:#775f30;background:#c9a96e2e;border-radius:20px;margin-top:auto;padding:7px 12px;font-size:12px;font-weight:600}.training-toolbar{justify-content:space-between;align-items:center;gap:14px;width:100%;max-width:1280px;margin:0 auto 14px;display:flex}.training-back-btn,.training-secondary-btn{color:#555;cursor:pointer;background:#ffffffc7;border:1px solid #b4872cb3;border-radius:18px;padding:9px 16px;font-family:Inter,sans-serif;transition:background .18s}.training-back-btn:hover,.training-secondary-btn:hover:not(:disabled){background:#c9a96e38}.training-module-header{align-items:center;gap:24px;display:flex}.training-module-header-icon{color:#225a73;background:#83b7872e;border-radius:24px;flex-shrink:0;justify-content:center;align-items:center;width:88px;height:88px;font-family:Georgia,serif;font-size:64px;display:flex}.training-lessons-list{flex-direction:column;gap:12px;width:100%;max-width:900px;margin:0 auto;display:flex}.training-lesson-card{text-align:left;cursor:pointer;background:#ffffffdb;border:1px solid #b4872c7a;border-radius:18px;align-items:center;gap:16px;width:100%;padding:16px 20px;transition:transform .15s,background .15s;display:flex;box-shadow:0 2px 9px #0000000f}.training-lesson-card:hover{background:#f5fcf5f0;transform:translate(4px)}.training-lesson-number{color:#fff;background:#83b787;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;font-weight:700;display:flex}.training-lesson-content{flex-direction:column;flex:1;gap:4px;display:flex}.training-lesson-title{color:#333;font-family:Calypso,serif;font-size:21px}.training-lesson-meta{color:#777;font-size:12px}.training-lesson-arrow{color:#9a783b;font-size:24px}.training-page--lesson{padding-left:20px;padding-right:20px}.training-task-counter{color:#2f5c36;background:#83b78738;border-radius:18px;padding:7px 13px;font-size:13px;font-weight:600}.training-lesson-layout{grid-template-columns:minmax(220px,260px) minmax(340px,1fr) minmax(280px,360px);align-items:start;gap:18px;width:100%;max-width:1460px;margin:0 auto;display:grid}.training-theory-panel,.training-task-panel{background:#ffffffde;border:2px solid #b4872cad;border-radius:24px;padding:22px;box-shadow:0 3px 13px #00000014}.training-theory-panel h2,.training-task-panel h2{color:#2f5c36;margin:7px 0 12px;font-family:Calypso,serif;font-size:25px;font-weight:400}.training-theory-panel p,.training-task-instruction,.training-result p{color:#555;font-size:14px;line-height:1.55}.training-lesson-progress{flex-wrap:wrap;gap:8px;margin-top:22px;display:flex}.training-progress-dot{color:#555;cursor:pointer;background:#fffc;border:1px solid #c9a96e;border-radius:50%;width:34px;height:34px}.training-progress-dot--active{color:#fff;background:#83b787;border-color:#5e9463}.training-board-column{justify-content:center;min-width:0;display:flex}.training-board-wrapper{background:#f0f2ea;border:3px solid #b4872cd9;border-radius:18px;width:fit-content;max-width:100%;padding:12px;box-shadow:0 3px 14px #00000024}.training-task-type{color:#225a73;text-transform:uppercase;letter-spacing:.06em;background:#225a731f;border-radius:14px;padding:5px 10px;font-size:11px;font-weight:700;display:inline-flex}.training-task-instruction{margin-bottom:16px}.training-selected-summary,.training-help-text,.training-checking{color:#4d5e50;background:#83b78721;border-radius:14px;margin:14px 0;padding:12px 14px;font-size:13px;line-height:1.45}.training-selected-summary{flex-direction:column;gap:5px;display:flex}.training-selected-list{color:#2f5c36;font-family:JetBrains Mono,monospace}.training-actions{gap:10px;margin-top:16px;display:flex}.training-primary-btn,.training-next-btn{color:#253b29;cursor:pointer;background:#83b787;border:none;border-radius:20px;padding:10px 18px;font-family:Calypso,serif;font-size:17px;transition:background .18s,transform .18s}.training-primary-btn:hover:not(:disabled),.training-next-btn:hover{background:#76a87a;transform:translateY(-1px)}.training-primary-btn:disabled,.training-secondary-btn:disabled{opacity:.5;cursor:default}.training-result{border-radius:16px;flex-direction:column;gap:7px;margin-top:18px;padding:14px;font-size:13px;display:flex}.training-result--success{color:#2f5c36;background:#83b7873d;border:1px solid #5e94638c}.training-result--error{color:#7d392c;background:#dc786424;border:1px solid #be5a466b}.training-result-score{font-weight:700}.training-next-btn{width:100%;margin-top:14px}.training-lesson-complete{text-align:center;color:#2f5c36;background:#83b7872e;border-radius:18px;flex-direction:column;align-items:center;gap:8px;margin-top:16px;padding:16px;display:flex}.training-complete-icon{color:#fff;background:#83b787;border-radius:50%;justify-content:center;align-items:center;width:54px;height:54px;font-size:30px;font-weight:700;display:flex}.training-global-error{color:#7d392c;background:#dc78642e;border:1px solid #be5a4666;border-radius:14px;width:100%;max-width:1180px;margin:0 auto 16px;padding:12px 16px}.training-empty{color:#777;padding:40px;font-family:Calypso,serif;font-size:20px}@media (width<=1100px){.training-lesson-layout{grid-template-columns:230px minmax(340px,1fr)}.training-task-panel{grid-column:1/-1}}@media (width<=760px){.training-page{padding:14px}.training-lesson-layout{flex-direction:column;display:flex}.training-theory-panel,.training-task-panel,.training-board-column{width:100%}.training-module-header{align-items:flex-start}}.training-options{flex-direction:column;gap:9px;margin:14px 0 4px;display:flex}.training-option-btn{color:#4c4c4c;text-align:left;cursor:pointer;background:#ffffffd1;border:1px solid #b4872c7a;border-radius:14px;width:100%;padding:11px 13px;font-family:Inter,sans-serif;font-size:13px;line-height:1.4;transition:background .16s,border-color .16s,transform .16s}.training-option-btn:hover:not(:disabled){background:#83b7871f;border-color:#5e9463b8;transform:translate(2px)}.training-option-btn--selected{color:#2f5c36;background:#83b7873d;border-color:#5e9463;font-weight:600;box-shadow:inset 0 0 0 1px #5e946352}.training-option-btn:disabled{cursor:default;opacity:.78}.mini-profile{align-items:center;display:inline-flex;position:relative}.mini-profile__trigger{color:inherit;cursor:pointer;text-decoration:none}.mini-profile__popover{z-index:1200;color:#20332d;opacity:0;visibility:hidden;pointer-events:none;background:#fffffffa;border:1px solid #225a7329;border-radius:16px;width:248px;padding:14px;transition:opacity .14s,transform .14s,visibility .14s;position:absolute;top:calc(100% + 12px);right:0;transform:translateY(-5px);box-shadow:0 16px 38px #152b242e}.mini-profile__popover--open{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.mini-profile__arrow{background:#fff;border-top:1px solid #225a7329;border-left:1px solid #225a7329;width:11px;height:11px;position:absolute;top:-6px;right:24px;transform:rotate(45deg)}.mini-profile__heading{border-bottom:1px solid #4770551f;align-items:center;gap:10px;padding-bottom:11px;display:flex}.mini-profile__avatar{background:#eef5ef;border:1px solid #47705524;border-radius:12px;flex:0 0 40px;place-items:center;width:40px;height:40px;font-size:23px;line-height:1;display:grid}.mini-profile__identity{min-width:0}.mini-profile__identity strong,.mini-profile__identity span{display:block}.mini-profile__identity strong{text-overflow:ellipsis;white-space:nowrap;font-size:15px;overflow:hidden}.mini-profile__identity span{opacity:.64;margin-top:2px;font-size:12px}.mini-profile__stats{gap:7px;padding:11px 0 8px;display:grid}.mini-profile__row{justify-content:space-between;align-items:center;gap:12px;font-size:13px;display:flex}.mini-profile__row span{opacity:.68}.mini-profile__row strong{font-size:13px}.mini-profile__row--streak strong{white-space:nowrap}.mini-profile__details-link{color:#315d47;text-align:right;border-top:1px solid #4770551f;margin-top:4px;padding-top:9px;font-size:12px;font-weight:700;text-decoration:none;display:block}.mini-profile__details-link:hover,.mini-profile__details-link:focus-visible{text-decoration:underline}.mini-profile__message{opacity:.7;padding:13px 2px 6px;font-size:12px;line-height:1.45}.mini-profile__message--error,.mini-profile__message--warning{color:#9a3f38;opacity:1}.mini-profile__message--warning{padding:2px 0 5px;font-size:11px}@media (width<=640px){.mini-profile__popover{display:none}}.learning-crosslink{color:#225a73;min-height:40px;font:inherit;cursor:pointer;background:#ffffffc7;border:1px solid #215a7338;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:8px 14px;font-weight:700;transition:transform .16s,box-shadow .16s,background .16s;display:inline-flex}.learning-crosslink:hover{background:#fffffff5;transform:translateY(-1px);box-shadow:0 6px 18px #225a731f}.learning-crosslink--compact{width:100%;margin-top:12px;padding:9px 10px;font-size:14px}.learning-topic-filter{color:#225a73;background:#ffffff94;border:1px solid #215a732e;border-radius:12px;margin-top:12px;padding:10px 12px;font-size:14px;line-height:1.25}.learning-topic-filter strong{margin-top:2px;display:block}.learning-topic-filter button{color:#225a73;font:inherit;cursor:pointer;background:0 0;border:0;margin-top:8px;padding:0;font-weight:700;text-decoration:underline}.training-hint-box{color:#31583a;background:#f0f7e6e0;border:1px solid #4f935c38;border-radius:12px;margin-top:12px;padding:12px 14px;line-height:1.4}.training-hint-meta{opacity:.72;margin-top:6px;font-size:12px;display:block}.learning-topic-filter--adaptive{color:#5f532f;background:linear-gradient(135deg,#faf6ebf0,#f0f7e6e6);border-color:#93693147}.adaptive-topic-list{opacity:.82;margin-top:7px;font-size:12px;line-height:1.35}.progress-widget{color:#20332d;background:#ffffffeb;border:1px solid #225a732e;border-radius:18px;width:100%;margin:0;padding:20px 22px;box-shadow:0 10px 32px #19342b14}.progress-widget--loading,.progress-widget--error{text-align:center;font-size:15px}.progress-widget--error{color:#9a3f38}.progress-widget__header,.progress-widget__tracks,.progress-track-card__title,.progress-track-card__footer,.progress-topic{align-items:center;display:flex}.progress-widget__header{justify-content:space-between;gap:18px;margin-bottom:16px}.progress-widget__header h2{margin:2px 0 0;font-size:24px}.progress-widget__kicker,.progress-widget__topics-title{letter-spacing:.08em;text-transform:uppercase;color:#4f765e;font-size:12px;font-weight:700}.progress-widget__streak{background:#f6f1e6;border-radius:14px;align-items:center;gap:8px;padding:8px 12px;display:flex}.progress-widget__streak-icon{font-size:24px}.progress-widget__streak span:last-child{flex-direction:column;line-height:1.05;display:flex}.progress-widget__streak strong{font-size:20px}.progress-widget__streak small{opacity:.65;margin-top:3px}.progress-widget__tracks{gap:14px}.progress-track-card{background:#f7faf7;border:1px solid #47705524;border-radius:15px;flex:1;min-width:0;padding:14px 16px}.progress-track-card__title{gap:7px;font-size:15px}.progress-track-card__title span{font-size:20px}.progress-track-card__value{margin-top:8px;font-size:28px;font-weight:700}.progress-track-card__caption{opacity:.7;margin-top:2px;font-size:13px}.progress-meter,.progress-topic__bar{background:#3659421f;overflow:hidden}.progress-meter{border-radius:999px;height:7px;margin:12px 0 8px}.progress-meter>span,.progress-topic__bar>span{border-radius:inherit;background:linear-gradient(90deg,#4f935c,#8db56f);height:100%;display:block}.progress-track-card__footer{justify-content:space-between;gap:12px;font-size:13px}.progress-widget__topics{border-top:1px solid #225a731f;margin-top:17px;padding-top:15px}.progress-topic-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 18px;margin-top:10px;display:grid}.progress-topic{gap:8px;min-width:0;font-size:13px}.progress-topic__icon{text-align:center;width:22px;font-size:16px}.progress-topic__name{text-overflow:ellipsis;white-space:nowrap;width:128px;overflow:hidden}.progress-topic__bar{border-radius:999px;flex:1;min-width:45px;height:6px}.progress-topic strong{text-align:right;width:40px}.progress-widget__empty{opacity:.65;margin-top:8px;font-size:13px}@media (width<=760px){.progress-widget{width:100%;padding:16px}.progress-widget__tracks,.progress-widget__header{align-items:stretch}.progress-widget__tracks{flex-direction:column}.progress-topic-list{grid-template-columns:1fr}}.progress-widget__adaptive{background:#fbf8ef;border:1px solid #9369312e;border-radius:14px;justify-content:space-between;align-items:center;gap:16px;margin-top:16px;padding:13px 15px;display:flex}.progress-widget__adaptive>div{flex-direction:column;gap:3px;display:flex}.progress-widget__adaptive strong{font-size:14px}.progress-widget__adaptive span{opacity:.68;font-size:12px}.progress-widget__adaptive button{color:#225a73;font:inherit;cursor:pointer;background:#fff;border:1px solid #225a7333;border-radius:11px;flex:none;padding:9px 12px;font-size:13px;font-weight:700}.progress-widget__adaptive button:hover{background:#f5faf7}@media (width<=760px){.progress-widget__adaptive{flex-direction:column;align-items:stretch}.progress-widget__adaptive button{width:100%}}.user-profile-page{color:#20332d;flex:1;width:min(1120px,100% - 40px);min-height:0;margin:28px auto 48px;overflow-y:auto}.user-profile-card,.user-profile-progress-section,.user-profile-empty{background:#fffffff0;border:1px solid #225a7329;border-radius:20px;box-shadow:0 10px 32px #19342b12}.user-profile-card{align-items:flex-start;gap:20px;padding:24px;display:flex}.user-profile-avatar{background:#eef5ef;border:1px solid #47705529;border-radius:20px;flex:0 0 72px;place-items:center;width:72px;height:72px;font-size:38px;line-height:1;display:grid}.user-profile-main{flex:1;min-width:0}.user-profile-heading,.user-profile-section-heading{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.user-profile-heading h1,.user-profile-section-heading h2{margin:3px 0 0}.user-profile-heading h1{font-size:28px}.user-profile-section-heading h2{font-size:24px}.user-profile-kicker{letter-spacing:.08em;text-transform:uppercase;color:#4f765e;font-size:12px;font-weight:700}.user-profile-badge{white-space:nowrap;background:#f6f1e6;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:700}.user-profile-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:18px;display:grid}.user-profile-stat{background:#f7faf7;border:1px solid #4770551f;border-radius:14px;padding:12px 14px}.user-profile-stat span,.user-profile-stat strong{display:block}.user-profile-stat span{opacity:.66;margin-bottom:4px;font-size:12px}.user-profile-stat strong{text-overflow:ellipsis;white-space:nowrap;font-size:15px;overflow:hidden}.user-profile-warning{color:#9a3f38;margin-top:12px;font-size:13px}.user-profile-progress-section{margin-top:18px;padding:22px}.user-profile-section-heading{align-items:end;margin-bottom:16px}.user-profile-section-heading p{opacity:.68;text-align:right;max-width:480px;margin:0;font-size:13px;line-height:1.5}.user-profile-empty{text-align:center;padding:28px}@media (width<=760px){.user-profile-page{width:calc(100% - 24px);margin-top:16px}.user-profile-card,.user-profile-heading,.user-profile-section-heading{flex-direction:column;align-items:stretch}.user-profile-stats{grid-template-columns:1fr}.user-profile-section-heading p{text-align:left;max-width:none}}.assessment-page,.assessment-test-stage{color:#1f2a1f;box-sizing:border-box;background:#f4f1e8;flex:1;min-height:0;padding:28px;overflow:auto}.assessment-card{background:#fffef9;border:1px solid #516a492e;border-radius:20px;width:min(920px,100%);margin:0 auto;padding:28px;box-shadow:0 16px 45px #1f2a1f1f}.assessment-kicker,.level-test-kicker{letter-spacing:.12em;text-transform:uppercase;color:#5f7d58;font-size:12px;font-weight:800}.assessment-card h1,.level-test-page h1{color:#243023;margin:8px 0 10px}.assessment-lead{color:#566055;max-width:760px;line-height:1.6}.assessment-form fieldset{border:0;border-top:1px solid #e8e3d7;margin:0;padding:22px 0 4px}.assessment-form fieldset:first-of-type{margin-top:24px}.assessment-form legend{margin-bottom:12px;font-weight:800}.assessment-choice-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;display:grid}.assessment-choice{color:#2d3b2a;cursor:pointer;text-align:left;background:#fff;border:1px solid #cad3c6;border-radius:12px;padding:12px 14px;transition:all .15s}.assessment-choice:hover{border-color:#6f9163}.assessment-choice.is-selected{background:#edf4e9;border-color:#5f7f55;box-shadow:inset 0 0 0 1px #5f7f55}.assessment-inline-toggle{gap:20px;margin-bottom:12px;display:flex}.assessment-inline-toggle label,.assessment-parental label{align-items:center;gap:8px;display:flex}.assessment-q2-grid{grid-template-columns:repeat(2,minmax(160px,1fr));gap:10px;display:grid}.assessment-q2-grid input,.assessment-q2-grid select,.assessment-ranking select,.assessment-parental input[type=text]{box-sizing:border-box;background:#fff;border:1px solid #cad3c6;border-radius:10px;width:100%;padding:11px 12px}.assessment-ranking{gap:8px;display:grid}.assessment-ranking label{grid-template-columns:90px 1fr;align-items:center;gap:10px;display:grid}.assessment-parental{background:#fff7db;border-radius:12px;gap:10px;margin-top:12px;padding:14px;display:grid}.assessment-optional{color:#7b8478;font-weight:400}.assessment-primary,.level-test-primary-btn{color:#fff;cursor:pointer;background:#55794c;border:0;border-radius:12px;padding:12px 18px;font-weight:800}.assessment-primary:disabled,.level-test-primary-btn:disabled{opacity:.55;cursor:not-allowed}.assessment-secondary,.level-test-secondary-btn,.level-test-skip-btn{color:#40503d;cursor:pointer;background:#fff;border:1px solid #b9c5b5;border-radius:12px;padding:11px 16px;font-weight:700}.assessment-form>.assessment-primary{width:100%;margin-top:24px}.assessment-error,.level-test-error{color:#912f2a;background:#ffe8e6;border-radius:10px;margin-top:14px;padding:12px 14px}.assessment-feedback-card{text-align:center}.assessment-rating-chip{color:#44643d;background:#eaf3e6;border-radius:999px;margin:8px 0 18px;padding:9px 14px;font-weight:800;display:inline-block}.assessment-feedback-list{text-align:left;max-width:720px;margin:0 auto 22px;line-height:1.7}.assessment-nudge-banner{z-index:35;background:#fff0b8;border-bottom:1px solid #e0c86e;flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;padding:10px 22px;display:flex;position:relative;box-shadow:0 4px 14px #4b3c0e1f}.assessment-nudge-banner>div{gap:2px;display:grid}.assessment-nudge-banner span{color:#675f43;font-size:13px}.assessment-nudge-banner button{white-space:nowrap;color:#fff;cursor:pointer;background:#55794c;border:0;border-radius:10px;padding:9px 14px;font-weight:800}.assessment-modal-backdrop,.level-test-modal-backdrop{z-index:1000;background:#131b129e;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.assessment-modal{text-align:center;background:#fffef9;border-radius:20px;width:min(520px,100%);padding:28px;box-shadow:0 24px 70px #00000047}.assessment-modal-icon{font-size:44px}.assessment-modal-actions,.level-test-result-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin:20px 0 10px;display:flex}.assessment-modal small{color:#747b72}.level-test-page{box-sizing:border-box;background:#f4f1e8;flex:1;min-height:0;padding:26px;overflow:auto}.level-test-page--centered{place-items:center;display:grid}.level-test-intro-card,.level-test-result-card,.level-test-loading-card{text-align:center;background:#fffef9;border-radius:20px;width:min(760px,100%);padding:28px;box-shadow:0 16px 45px #1f2a1f1f}.level-test-rules{grid-template-columns:repeat(3,1fr);gap:12px;margin:22px 0;display:grid}.level-test-rules>div{background:#edf3e9;border-radius:14px;gap:3px;padding:14px;display:grid}.level-test-rules strong{font-size:24px}.level-test-note,.level-test-privacy-note{color:#6c746a;font-size:14px}.level-test-personalization,.level-test-rating-value{color:#486442;margin:12px 0}.level-test-shell{width:min(1180px,100%);margin:0 auto}.level-test-header{justify-content:space-between;align-items:end;gap:20px;display:flex}.level-test-counter{color:#55794c;font-weight:800}.level-test-progress-track{background:#dfe5dc;border-radius:999px;height:8px;margin:12px 0 20px;overflow:hidden}.level-test-progress-fill{background:#64865a;height:100%;transition:width .2s}.level-test-content{grid-template-columns:minmax(320px,auto) 330px;justify-content:center;align-items:start;gap:24px;display:grid}.level-test-board-wrap,.level-test-side-card{background:#fffef9;border-radius:18px;box-shadow:0 12px 35px #1f2a1f1a}.level-test-board-wrap{padding:14px}.level-test-side-card{padding:22px}.level-test-side-number{color:#66805f;font-size:13px;font-weight:800}.level-test-turn{background:#edf3e9;border-radius:10px;margin:16px 0;padding:10px 12px}.level-test-feedback{border-radius:10px;margin:12px 0;padding:10px 12px}.level-test-feedback--success{color:#2f6a2d;background:#e7f5e4}.level-test-feedback--error{color:#8d302b;background:#ffe8e6}.level-test-feedback--strong{color:#775b13;background:#fff2cf}.level-test-feedback--checking{color:#415b7b;background:#e9eef7}.level-test-side-card button{width:100%;margin-top:8px}.level-test-total-score{margin:18px 0;display:grid}.level-test-total-score strong{color:#55794c;font-size:36px}.level-test-breakdown{text-align:left;gap:8px;display:grid}.level-test-breakdown-row{background:#f1f4ee;border-radius:12px;justify-content:space-between;gap:15px;padding:12px 14px;display:flex}.level-test-breakdown-row>div:first-child{display:grid}.level-test-breakdown-row span{color:#7a8278;font-size:12px}.level-test-breakdown-score{font-weight:800}.level-test-result-feedback{text-align:left;margin:18px 0;line-height:1.6}.level-test-promotion-modal{text-align:center;background:#fff;border-radius:16px;padding:22px}.level-test-promotion-options{justify-content:center;gap:8px;display:flex}.level-test-promotion-options button{padding:8px 12px;font-size:34px}@media (width<=900px){.level-test-content{grid-template-columns:1fr}.level-test-side-card{width:auto}.assessment-nudge-banner{flex-direction:column;align-items:flex-start}.assessment-q2-grid{grid-template-columns:1fr}}.assessment-account-link{gap:12px;margin-top:12px;display:grid}.assessment-q2-grid--link{grid-template-columns:minmax(150px,220px) minmax(220px,1fr)}.assessment-link-btn{justify-self:start}.assessment-linked-account{background:#f8faf6;border:1px solid #cbd5c7;border-radius:14px;gap:10px;padding:16px;display:grid}.assessment-linked-account.is-usable{background:#f1f8ee;border-color:#8fb286}.assessment-linked-account.is-warning{background:#fff9e8;border-color:#dec678}.assessment-linked-head{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.assessment-linked-head>div{gap:3px;display:grid}.assessment-linked-head span{color:#687267;font-size:13px}.assessment-linked-badge{background:#dfeeda;border-radius:999px;flex-shrink:0;padding:5px 9px;font-weight:800;color:#3e6538!important;font-size:12px!important}.assessment-perfs{grid-template-columns:repeat(3,minmax(110px,1fr));gap:8px;display:grid}.assessment-perfs>div{background:#ffffffbf;border-radius:10px;gap:2px;padding:10px;display:grid}.assessment-perfs span,.assessment-perfs small{color:#6b7569;font-size:12px}.assessment-perfs strong{color:#33482f;font-size:18px}.assessment-linked-rating,.assessment-link-ok,.assessment-link-warning,.assessment-link-note{margin:0}.assessment-link-ok{color:#34652f}.assessment-link-warning{color:#7a5c12}.assessment-link-note{color:#71796f;line-height:1.45;display:block}@media (width<=680px){.assessment-q2-grid--link,.assessment-perfs{grid-template-columns:1fr}.assessment-link-btn{width:100%}.assessment-linked-head{flex-direction:column}}.assessment-user-feedback{background:#f8faf6;border:1px solid #d9dfd5;border-radius:14px;margin:22px 0;padding:18px}.assessment-user-feedback__head>div{align-items:center;gap:10px;display:flex}.assessment-user-feedback__head strong{color:#2f402c}.assessment-user-feedback__head span{color:#737a70;background:#ecefe9;border-radius:999px;padding:3px 8px;font-size:12px}.assessment-user-feedback__head p{color:#626b60;margin:7px 0 12px;line-height:1.5}.assessment-user-feedback textarea{resize:vertical;box-sizing:border-box;color:#263224;width:100%;min-height:118px;font:inherit;background:#fff;border:1px solid #cad3c6;border-radius:11px;padding:12px 13px;line-height:1.45}.assessment-user-feedback textarea:focus{border-color:#6f9163;outline:2px solid #5f7f552e}.assessment-user-feedback textarea:disabled{color:#667064;background:#f0f3ee}.assessment-user-feedback__footer{justify-content:space-between;align-items:center;gap:12px;margin-top:10px;display:flex}.assessment-user-feedback__footer small{color:#81887f}.assessment-feedback-saved{color:#3f7038;font-weight:700}@media (width<=560px){.assessment-user-feedback__footer{flex-direction:column;align-items:stretch}}
