:root{--bg-gradient-start: #0f0f1e;--bg-gradient-mid: #1a1a2e;--bg-gradient-end: #16213e;--text-primary: #ffffff;--text-secondary: #b0b0b0;--text-tertiary: rgba(255, 255, 255, .3);--box-bg-start: #2a2a3e;--box-bg-end: #1e1e2e;--box-border: rgba(255, 255, 255, .1);--box-border-hover: rgba(255, 255, 255, .2);--editable-bg-start: #3a2a3e;--editable-bg-end: #2e1e2e;--editable-border: rgba(255, 107, 107, .4);--stars-opacity: .3;--control-bg: rgba(255, 255, 255, .1);--control-border: rgba(255, 255, 255, .2)}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-gradient-start);color:var(--text-primary)}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{min-height:100vh}.MathJax{color:inherit!important}.modal-content{position:fixed;background:linear-gradient(135deg,var(--box-bg-end) 0%,var(--box-bg-start) 100%);border-radius:20px;padding:0;max-width:800px;width:90%;box-shadow:0 20px 60px #000c,0 0 0 2px #ff6b6b4d;border:1px solid var(--box-border-hover);z-index:1000}.modal-header{background:linear-gradient(135deg,var(--box-bg-start) 0%,var(--box-bg-end) 100%);padding:20px 40px;border-radius:20px 20px 0 0;cursor:move;-webkit-user-select:none;user-select:none;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--box-border)}.modal-header:active{cursor:grabbing}.modal-header h2{color:var(--text-primary);font-size:28px;margin:0}.close-btn{background:none;border:none;color:var(--text-secondary);font-size:36px;cursor:pointer;padding:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .3s ease;line-height:1}.close-btn:hover{background-color:#ff6b6b33;color:#ff6b6b}.editor-grid{display:flex;align-items:center;justify-content:center;gap:15px;flex-wrap:wrap;margin:30px 40px}.coefficient-input{display:flex;align-items:center;gap:8px}.coefficient-input input{width:70px;padding:12px;font-size:18px;background-color:var(--box-bg-start);border:2px solid var(--box-border-hover);border-radius:8px;color:var(--text-primary);text-align:center;transition:all .3s ease}.coefficient-input input:focus{outline:none;border-color:#4a9eff;box-shadow:0 0 15px #4a9eff4d}.coefficient-input input::placeholder{color:var(--text-tertiary)}.plus-sign{color:var(--text-secondary);font-size:24px;font-weight:700}.preview{background-color:var(--control-bg);padding:25px;border-radius:12px;margin:0 40px 30px;border:1px solid var(--box-border)}.preview h3{color:var(--text-secondary);margin-bottom:15px;font-size:16px}.preview .MathJax{color:var(--text-primary);font-size:22px}.button-group{display:flex;gap:15px;justify-content:center;padding:0 40px 40px}.button-group button{padding:12px 30px;font-size:16px;border:none;border-radius:10px;cursor:pointer;transition:all .3s ease;font-weight:600}.cancel-btn{background-color:var(--box-bg-start);color:var(--text-primary);border:2px solid var(--box-border)}.cancel-btn:hover{background-color:#4a4a5e;transform:translateY(-2px);box-shadow:0 5px 15px #0000004d}.save-btn{background:linear-gradient(135deg,#ff6b6b,#ee5a6f);color:#fff}.save-btn:hover{transform:translateY(-2px);box-shadow:0 5px 20px #ff6b6b66}*{margin:0;padding:0;box-sizing:border-box}:root[data-theme=dark]{--bg-gradient-start: #0f0f1e;--bg-gradient-mid: #1a1a2e;--bg-gradient-end: #16213e;--text-primary: #ffffff;--text-secondary: #b0b0b0;--text-tertiary: rgba(255, 255, 255, .3);--box-bg-start: #2a2a3e;--box-bg-end: #1e1e2e;--box-border: rgba(255, 255, 255, .1);--box-border-hover: rgba(255, 255, 255, .2);--editable-bg-start: #3a2a3e;--editable-bg-end: #2e1e2e;--editable-border: rgba(255, 107, 107, .4);--stars-opacity: .3;--control-bg: rgba(255, 255, 255, .1);--control-border: rgba(255, 255, 255, .2)}:root[data-theme=light]{--bg-gradient-start: #f5f7fa;--bg-gradient-mid: #e8ecf1;--bg-gradient-end: #dfe4eb;--text-primary: #1a1a2e;--text-secondary: #4a4a5e;--text-tertiary: rgba(0, 0, 0, .3);--box-bg-start: #ffffff;--box-bg-end: #f8f9fa;--box-border: rgba(0, 0, 0, .1);--box-border-hover: rgba(0, 0, 0, .2);--editable-bg-start: #fff5f5;--editable-bg-end: #ffe8e8;--editable-border: rgba(255, 107, 107, .6);--stars-opacity: 0;--control-bg: rgba(0, 0, 0, .05);--control-border: rgba(0, 0, 0, .1)}.app{min-height:100vh;background:linear-gradient(135deg,var(--bg-gradient-start) 0%,var(--bg-gradient-mid) 50%,var(--bg-gradient-end) 100%);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;padding:40px 20px;position:relative;overflow-x:hidden;transition:background .3s ease,color .3s ease}.app:before{content:"";position:fixed;inset:0;background-image:radial-gradient(2px 2px at 20% 30%,white,transparent),radial-gradient(2px 2px at 60% 70%,white,transparent),radial-gradient(1px 1px at 50% 50%,white,transparent),radial-gradient(1px 1px at 80% 10%,white,transparent),radial-gradient(2px 2px at 90% 60%,white,transparent),radial-gradient(1px 1px at 33% 80%,white,transparent);background-size:200% 200%;opacity:var(--stars-opacity);animation:stars 200s linear infinite;pointer-events:none;transition:opacity .3s ease}@keyframes stars{0%{background-position:0 0}to{background-position:-200% -200%}}.top-controls{position:absolute;top:20px;right:20px;display:flex;gap:10px;z-index:10}.control-btn{width:50px;height:50px;font-size:24px;background:var(--control-bg);border:2px solid var(--control-border);border-radius:12px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.control-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0003;border-color:#ff6b6b80}.header{text-align:center;margin-bottom:50px;position:relative;z-index:1}.title{font-size:56px;font-weight:800;background:linear-gradient(135deg,#ff6b6b,#ee5a6f,#ff8e53);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:10px;text-shadow:0 0 40px rgba(255,107,107,.3)}.subtitle{font-size:20px;color:var(--text-secondary);font-weight:300;margin-bottom:25px}.difficulty-selector{display:flex;gap:15px;justify-content:center;margin-top:25px}.difficulty-btn{padding:10px 25px;font-size:16px;font-weight:600;background:linear-gradient(135deg,var(--box-bg-start) 0%,var(--box-bg-end) 100%);color:var(--text-secondary);border:2px solid var(--box-border);border-radius:10px;cursor:pointer;transition:all .3s ease}.difficulty-btn:hover{border-color:#ff6b6b80;color:var(--text-primary);transform:translateY(-2px);box-shadow:0 5px 15px #0000004d}.difficulty-btn.active{background:linear-gradient(135deg,#ff6b6b,#ee5a6f);color:#fff;border-color:#ff6b6bcc;box-shadow:0 5px 20px #ff6b6b66}.difficulty-btn.active:hover{transform:translateY(-2px);box-shadow:0 7px 25px #ff6b6b80}.game-container{max-width:1200px;margin:0 auto;position:relative;z-index:1}.pyramid{display:flex;flex-direction:column;align-items:center;gap:20px;margin-bottom:40px}.pyramid-row{display:flex;flex-direction:column;align-items:center}.boxes-container{display:flex;align-items:flex-end;gap:20px}.box-wrapper{display:flex;flex-direction:column;align-items:center}.arrow-down{margin-bottom:5px;display:flex;justify-content:center;font-size:32px;color:#fff6;font-weight:700}.box{width:240px;height:100px;background:linear-gradient(135deg,var(--box-bg-start) 0%,var(--box-bg-end) 100%);border:2px solid var(--box-border);border-radius:15px;display:flex;align-items:center;justify-content:center;padding:15px;transition:all .3s ease;position:relative;box-shadow:0 8px 32px #0000004d}.box:hover{transform:translateY(-3px);box-shadow:0 12px 48px #00000080;border-color:var(--box-border-hover)}.box.editable{cursor:pointer;border-color:var(--editable-border);background:linear-gradient(135deg,var(--editable-bg-start) 0%,var(--editable-bg-end) 100%)}.box.editable:hover{border-color:#ff6b6bcc;box-shadow:0 12px 48px #ff6b6b4d}.box.empty{background:linear-gradient(135deg,var(--box-bg-end) 0%,var(--box-bg-start) 100%);border-style:dashed}.box-content{font-size:18px;color:var(--text-primary);text-align:center;min-height:30px;display:flex;align-items:center;justify-content:center}.question-mark{font-size:40px;color:var(--text-tertiary);font-weight:700}.edit-hint{position:absolute;bottom:5px;right:5px;font-size:10px;color:#ff6b6b99;font-style:italic}.plus-symbol{font-size:32px;color:#fff6;font-weight:700;margin:0 10px}.new-game-btn{display:block;margin:40px auto;padding:15px 40px;font-size:18px;font-weight:600;background:linear-gradient(135deg,#ff6b6b,#ee5a6f);color:#fff;border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 24px #ff6b6b4d}.new-game-btn:hover{transform:translateY(-3px);box-shadow:0 12px 36px #ff6b6b80}.new-game-btn:active{transform:translateY(0)}.success-message{background:linear-gradient(135deg,#4caf50,#45a049);padding:30px;border-radius:15px;text-align:center;margin:30px auto;max-width:500px;box-shadow:0 8px 32px #4caf5066;animation:slideIn .5s ease}.success-message h2{font-size:32px;margin-bottom:10px}.success-message p{font-size:18px}.error-message{background:#f443361a;border:2px solid rgba(244,67,54,.5);padding:20px;border-radius:12px;margin:30px auto;max-width:600px}.error-message h3{color:#ff6b6b;margin-bottom:15px;font-size:20px}.error-message ul{list-style-position:inside;color:#ffcdd2}.error-message li{margin-bottom:8px;font-size:14px}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.title{font-size:36px}.subtitle{font-size:16px}.box{width:180px;height:80px;font-size:14px}.box-wrapper{width:180px}.boxes-container{gap:10px}.plus-symbol{font-size:24px;margin:0 5px}.top-controls{top:10px;right:10px}.control-btn{width:40px;height:40px;font-size:20px}}