:root{--bg0: #282828;--bg1: #3c3836;--fg0: #fbf1c7;--fg1: #ebdbb2;--red: #ff6b6b;--light-red: #ff5252;--green: #98971a;--light-green: #b8bb26;--yellow: #d79921;--light-yellow: #fabd2f;--blue: #458588;--light-blue: #83a598;--purple: #b16286;--light-purple: #d3869b;--aqua: #689d6a;--light-aqua: #8ec07c;--orange: #d65d0e;--light-orange: #fe8019;--main-bg: var(--bg0);--card-bg: var(--bg1);--text-color: var(--fg0);--text-secondary: var(--fg1);--border-color: #504945;--header-bg: var(--bg1);--input-bg: var(--bg1);--input-border: var(--border-color);--input-text: var(--fg0);--btn-primary: var(--blue);--btn-primary-hover: var(--light-blue);--btn-success: var(--green);--btn-success-hover: var(--light-green);--btn-warning: var(--orange);--btn-warning-hover: var(--light-orange);--btn-danger: var(--red);--btn-danger-hover: var(--light-red);--table-header-bg: var(--aqua);--table-header-text: var(--bg0);--summary-bg: #32302f;--discrepancy-bg: #504945}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box;color:var(--text-color)}a{text-decoration:none;color:inherit;transition:.3s}@media(any-hover:hover){a:hover{opacity:.75}}svg{flex-shrink:0}ul,ol,li{list-style:none}body{font-family:sans-serif;font-size:16px;font-weight:400;line-height:1;background-color:var(--main-bg);color:var(--text-color)}body.lock{overflow:hidden}input,button,textarea{font-family:inherit;font-size:inherit;color:var(--input-text);background-color:var(--input-bg);border:1px solid var(--input-border);border-radius:4px;outline:0;padding:6px}textarea{resize:none}input::placeholder,textarea::placeholder{color:inherit;opacity:.5}button{cursor:pointer;background-color:var(--btn-primary);color:var(--text-color);border:1px solid var(--input-border);border-radius:4px;padding:8px 12px;transition:.3s}button:hover{background-color:var(--btn-primary-hover)}@media(any-hover:hover){button:hover{opacity:.75}}.wrapper{display:flex;flex-direction:column;overflow:hidden;min-height:100vh;background-color:var(--main-bg)}.main{flex-grow:1;padding:40px 0;background-color:var(--main-bg);color:var(--text-color)}.main__inner{display:flex;flex-direction:column;gap:20px}.head{width:100%;display:flex;align-items:center;justify-content:space-between}.container{width:100%;max-width:1140px;padding:0 20px;margin:0 auto;background-color:var(--main-bg)}.ibg{position:relative}.ibg>img{position:absolute;width:100%;height:100%;top:0;left:0;object-fit:cover}.video{width:100%;position:relative;padding-bottom:56.25%}.video iframe{position:absolute;width:100%;height:100%;top:0;left:0}.text{line-height:normal}.item{display:flex;align-items:center;gap:5px}.dim{opacity:.5}.main-color{color:var(--light-blue)}.bold{font-weight:700}.burger-btn{flex:0 0 40px;height:24px;position:relative;display:none}@media(max-width:768px){.burger-btn{display:flex}}.popup{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0000004d;overflow-y:auto;overflow-x:hidden;z-index:1;opacity:0;visibility:hidden;transition:.3s}.popup__container{display:flex;justify-content:center;align-items:center;min-height:calc(100% - 40px);margin:20px auto}.popup__inner{width:100%;background-color:var(--card-bg);color:var(--text-color);transform:scale(.8);transition:.3s}.popup.active{opacity:1;visibility:visible}.popup.active .popup__inner{transform:scale(1)}.direction-section{display:flex;flex-direction:column;align-items:center;gap:10px}.regions-table{width:100%;border-collapse:collapse;background-color:var(--card-bg);border:1px solid var(--border-color)}.regions-table th,.regions-table td{border:1px solid var(--border-color);padding:8px;text-align:left;color:var(--text-color)}.regions-table td:last-child{display:flex;justify-content:center;align-items:center}.regions-table th{background-color:var(--header-bg);color:var(--text-color)}.regions-table input[type=text],.regions-table input[type=number]{width:100%;padding:4px;border:1px solid var(--input-border);border-radius:4px;box-sizing:border-box;background-color:var(--input-bg);color:var(--input-text)}.delete-region-btn{background-color:var(--btn-danger);color:var(--text-color);border:1px solid var(--input-border);border-radius:4px;padding:4px 8px;cursor:pointer}.delete-region-btn:hover{background-color:var(--btn-danger-hover)}.add-region-btn{background-color:var(--btn-success);color:var(--text-color);border:1px solid var(--input-border);border-radius:4px;padding:8px 12px;cursor:pointer}.add-region-btn:hover{background-color:var(--btn-success-hover)}.rings-container{width:100%;display:flex;flex-direction:column;align-items:center;gap:15px}.ring-editor{width:100%;border:1px solid var(--border-color);border-radius:8px;padding:15px;background-color:var(--card-bg);color:var(--text-color)}.ring-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.ring-header label{display:flex;align-items:center;gap:5px}.ring-header input[type=number]{width:80px;padding:4px;border:1px solid #ccc;border-radius:4px}.delete-ring-btn{background-color:#ff6b6b;color:#fff;border:none;border-radius:4px;padding:6px 10px;cursor:pointer}.delete-ring-btn:hover{background-color:#ff5252}.ring-directions{display:grid;grid-template-columns:1fr 1fr;gap:20px}.add-ring-btn{background-color:var(--btn-primary);color:var(--text-color);border:1px solid var(--input-border);border-radius:4px;padding:10px 15px;cursor:pointer}.add-ring-btn:hover{background-color:var(--btn-primary-hover)}.calculate-btn{background-color:var(--btn-warning);color:var(--text-color);border:1px solid var(--input-border);border-radius:4px;padding:12px 20px;cursor:pointer;font-size:16px}.calculate-btn:hover{background-color:var(--btn-warning-hover)}.form-header{display:flex;gap:20px;margin-bottom:20px;align-items:end}.controls-container{display:flex;gap:20px}.buttons-container{display:flex;flex-direction:column;gap:10px;margin-top:10px}.input-form{display:flex;flex-direction:column;gap:20px}.material-selector{display:flex;flex-direction:column;gap:5px;width:100%;max-width:200px}.material-select{padding:6px;border:1px solid var(--input-border);border-radius:4px;background-color:var(--input-bg);color:var(--input-text)}.precision-input{display:flex;flex-direction:column;gap:5px;width:fit-content}.precision-input input{padding:6px;border:1px solid var(--input-border);border-radius:4px;width:100px;background-color:var(--input-bg);color:var(--input-text)}.results-table-container{display:flex;flex-direction:column;gap:15px}.results-table{width:100%;border-collapse:collapse;background-color:var(--card-bg);border:1px solid var(--border-color)}.results-table th,.results-table td{border:1px solid var(--border-color);padding:8px;text-align:left;color:var(--text-color)}.results-table th{background-color:var(--table-header-bg);color:var(--table-header-text);font-weight:700}.summary-row{background-color:var(--summary-bg)}.discrepancy-row{background-color:var(--discrepancy-bg)}.solution-section{margin-top:20px;border:1px solid var(--border-color);border-radius:8px;padding:15px;background-color:var(--card-bg)}.solution-toggle-btn{display:flex;align-items:center;gap:5px;color:var(--btn-primary);cursor:pointer;align-self:start;font-weight:600}.solution-step{display:flex;flex-direction:column;gap:16px}.solution-table{display:flex;flex-direction:column;gap:12px}.solution-table h4{color:var(--text-color)}.results-table{width:100%;border-collapse:collapse;background-color:var(--card-bg)}.results-table th,.results-table td{border:1px solid var(--border-color);padding:8px;text-align:center;color:var(--text-color)}.results-table th{background-color:var(--table-header-bg);color:var(--table-header-text);position:sticky;top:0}.summary-row td{font-weight:700;background-color:var(--summary-bg)}.discrepancy-row td{font-weight:700;background-color:var(--discrepancy-bg);font-style:italic}.loading{text-align:center;padding:20px;font-size:18px;color:var(--text-color)}@media(max-width:768px){.ring-directions{grid-template-columns:1fr}.form-header{flex-direction:column;align-items:stretch}}