:root{--page-bg:#f4f4f9;--card-bg:#ffffff;--text-color:#333333;--header-text-color:#000033;--primary-accent-color:#430aaf;--primary-accent-hover:#35088c;--shadow-color:rgba(0,0,0,0.08);--border-color:#f0f0f0;--table-border-color:#d9d1f5;--table-header-bg:#e6e0fa;--table-cell-bg:#fbfaff;--table-correct-answer-bg:#dcd4f5;--multi-answer-bg:#f8f9fa;--multi-answer-border:#e9ecef;--inserted-word-bg:#e7e1f7;--inserted-word-border:#a99cd9;--hidden-section-bg:#e9e4f5;--hr-color:#f0f0f0;--menu-overlay-bg:rgba(244,244,249,0.5);--scrollbar-thumb-color:#b3a5e0;--scrollbar-thumb-hover-color:#988bc7}html[data-theme=dark]{--page-bg:#121212;--card-bg:#1e1e1e;--text-color:#e0e0e0;--header-text-color:#fff;--primary-accent-color:#9d78ff;--primary-accent-hover:#b192ff;--shadow-color:rgba(0,0,0,0.4);--border-color:#333;--table-border-color:#4a3e6e;--table-header-bg:#3c325c;--table-cell-bg:#2a253b;--table-correct-answer-bg:#4f4375;--multi-answer-bg:#2c2c2c;--multi-answer-border:#444;--inserted-word-bg:#3a3153;--inserted-word-border:#6c5b9c;--hidden-section-bg:#1a1a1a;--hr-color:#2a2a2a;--menu-overlay-bg:rgba(18,18,18,0.5);--scrollbar-thumb-color:#4a3e6e;--scrollbar-thumb-hover-color:#6c5b9c}html,body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color-scheme:light dark}body{background-color:var(--page-bg);color:var(--text-color);transition:background-color .3s ease,color .3s ease}.top-panel{background-color:color-mix(in srgb,var(--card-bg) 80%,transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:10px 20px;box-shadow:0 2px 4px var(--shadow-color);display:flex;flex-direction:row-reverse;justify-content:space-between;align-items:center;z-index:200;transition:background-color .3s ease,backdrop-filter .3s ease;gap:15px;position:sticky;top:0}.logo-container{display:flex;align-items:center;order:3;text-decoration:none}.logo{height:30px;margin-right:10px}.site-title{font-family:'Dela Gothic One',sans-serif;font-size:20px;color:var(--header-text-color);transition:color .3s ease}.menu-icon{width:30px;height:22px;display:flex;flex-direction:column;justify-content:space-between;cursor:pointer;padding:8px;box-sizing:content-box;-webkit-tap-highlight-color:transparent;user-select:none;order:1}.menu-icon span{display:block;height:4px;width:100%;background-color:var(--header-text-color);border-radius:2px;transition:transform .3s ease,opacity .25s ease,background-color .3s ease}.menu-icon.active span:nth-child(1){transform:translateY(9px) rotate(45deg)}.menu-icon.active span:nth-child(2){opacity:0;transform:translateY(15px) rotate(30deg)}.menu-icon.active span:nth-child(3){transform:translateY(-9px) rotate(-45deg)}.page-wrapper{display:grid;grid-template-columns:1fr minmax(0,900px) 1fr;column-gap:30px;max-width:1600px;margin:0 auto;padding:0 20px}main{grid-column:2;padding:20px 0;min-width:0}.container{max-width:900px;margin:0 auto}h1{text-align:center;color:var(--header-text-color);margin-bottom:30px;transition:color .3s ease}.task-box{background-color:var(--card-bg);border-radius:15px;padding:25px;margin-bottom:25px;box-shadow:0 4px 10px var(--shadow-color);overflow-wrap:break-word;position:relative;transition:transform .2s ease-in,opacity .2s ease-in,background-color .3s ease}.task-box h2{color:var(--header-text-color);margin-top:0;margin-bottom:15px;padding-bottom:15px;border-bottom:2px solid var(--hr-color);font-size:1.25em;padding-left:0;padding-right:45px;position:relative;z-index:1;transition:color .3s ease,border-color .3s ease}.close-task-btn,.restore-task-btn{position:absolute;top:10px;right:5px;width:40px;height:40px;font-size:30px;line-height:40px;text-align:center;font-weight:700;color:var(--header-text-color);cursor:pointer;transition:color .2s,transform .2s;-webkit-tap-highlight-color:transparent;z-index:5}.close-task-btn:hover,.restore-task-btn:hover{color:var(--text-color);transform:scale(1.1)}.restore-task-btn{font-size:24px;top:10px}.instruction{line-height:1.7;font-size:1.1em;color:var(--text-color)}hr{border:none;border-top:1px solid var(--hr-color);margin:25px 0;transition:border-color .3s ease}.answer{line-height:1.6;font-size:1.1em}.answer-content{margin-top:10px}.answer strong{color:var(--primary-accent-hover)}b,strong{font-weight:600}a{color:var(--primary-accent-color);text-decoration:none}a:hover{text-decoration:underline}.image-wrapper{margin-top:15px}.task-image{max-width:100%;height:auto;border-radius:8px;border:1px solid var(--border-color);display:block}html[data-theme=dark] .task-image{filter:brightness(.9) contrast(1.1)}.content-table,.answer-content table{width:100%;border-collapse:collapse;margin-top:15px;font-size:1em;box-shadow:0 2px 3px rgba(0,0,0,.04);background-color:var(--table-cell-bg)}.content-table td,.content-table th,.answer-content td,.answer-content th{border:1px solid var(--table-border-color);padding:12px 15px;text-align:center;vertical-align:middle}.content-table .correct-answer{background-color:var(--table-correct-answer-bg);font-weight:700;color:var(--header-text-color)}.content-table tr:first-child,.answer-content tr:first-child{background-color:var(--table-header-bg);font-weight:700;color:var(--header-text-color)}.multi-answer-item{background-color:var(--multi-answer-bg);border:1px solid var(--multi-answer-border);border-left:4px solid var(--primary-accent-color);padding:10px 15px;border-radius:6px;margin-bottom:8px}.multi-answer-item:last-child{margin-bottom:0}.menu-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--menu-overlay-bg);z-index:100;display:flex;flex-direction:column;justify-content:center;align-items:center;opacity:1;visibility:visible;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:opacity .3s ease,visibility .3s ease,background-color .3s ease,backdrop-filter .3s ease}.menu-overlay.hidden{opacity:0;visibility:hidden}.menu-item{background-color:var(--card-bg);width:80%;max-width:400px;padding:20px;margin-bottom:20px;border-radius:12px;box-shadow:0 4px 8px var(--shadow-color);text-align:center;font-size:24px;font-weight:700;color:var(--header-text-color);-webkit-tap-highlight-color:transparent;user-select:none;cursor:pointer;transition:background-color .3s ease,color .3s ease}.menu-item:last-child{margin-bottom:0}.side-nav{grid-column:1;justify-self:start;width:240px;position:sticky;top:80px;align-self:start;background-color:var(--card-bg);border-radius:15px;padding:20px;box-shadow:0 4px 10px var(--shadow-color);box-sizing:border-box;transition:background-color .3s ease;max-height:calc(100vh - 100px);display:flex;flex-direction:column}.side-nav-links{overflow-y:auto;padding-right:10px;display:flex;flex-direction:column;gap:8px;flex-grow:1;min-height:0}.side-nav-header{font-size:1.2em;font-weight:700;color:var(--header-text-color);margin-bottom:15px;padding-bottom:10px;border-bottom:2px solid var(--border-color);flex-shrink:0}.side-nav-link{display:block;padding:10px 15px;border-radius:8px;font-weight:500;color:var(--text-color);text-decoration:none;word-break:break-word;transition:background-color .2s,color .2s}.side-nav-link:hover{background-color:var(--table-header-bg);color:var(--header-text-color)}.side-nav-link.active{background-color:var(--primary-accent-color);color:var(--card-bg);font-weight:700}.inserted-word{background-color:var(--inserted-word-bg);border:1px solid var(--inserted-word-border);border-radius:5px;padding:2px 6px;font-family:inherit;font-weight:600;color:var(--text-color);white-space:nowrap}.inserted-word[data-is-lowercase=true]{padding-top:0;padding-bottom:0}.match-item{display:flex;align-items:center;padding:8px 0;border-bottom:1px solid var(--border-color)}.match-item:last-child{border-bottom:none}.match-source{flex:1;padding-right:10px;font-weight:500}.match-target{flex:1;padding-left:10px}.group-heading{font-size:1.1em;font-weight:700;color:var(--header-text-color);margin-top:20px;margin-bottom:10px;padding-bottom:5px;border-bottom:2px solid var(--page-bg)}.group-heading:first-child{margin-top:0}.image-fallback{border:2px dashed #ccc;border-radius:8px;padding:20px;text-align:center;background-color:#f8f8f8;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px}.image-fallback span{font-weight:500;color:#555}html[data-theme=dark] .image-fallback{background-color:var(--multi-answer-bg);border-color:var(--multi-answer-border)}html[data-theme=dark] .image-fallback span{color:var(--text-color)}.fallback-button{display:inline-block;background-color:var(--primary-accent-color);color:var(--card-bg);padding:8px 16px;border-radius:5px;text-decoration:none;font-weight:700;transition:background-color .2s}.fallback-button:hover{background-color:var(--primary-accent-hover)}.order-item{display:flex;align-items:center;margin-bottom:15px;background-color:var(--multi-answer-bg);border:1px solid var(--multi-answer-border);padding:10px;border-radius:8px}.order-item:last-child{margin-bottom:0}.order-number{font-size:1.2em;font-weight:700;color:var(--primary-accent-color);margin-right:15px;align-self:flex-start}.order-content{flex:1}.order-content .task-image{max-width:200px;margin-top:0}.string-multiple-item{display:inline-block;background-color:var(--inserted-word-bg);border:1px solid var(--inserted-word-border);border-radius:6px;padding:6px 12px;margin:5px 5px 5px 0;font-family:'Courier New',Courier,monospace;font-weight:500}#hidden-tasks-section{max-width:900px;margin:40px auto 20px;padding:20px;background-color:var(--hidden-section-bg);border-radius:15px;box-shadow:0 4px 10px var(--shadow-color)}#hidden-tasks-section.hidden{display:none}#hidden-tasks-section h2{text-align:center;color:var(--header-text-color);margin-top:0;margin-bottom:25px;border-bottom:2px solid var(--border-color);padding-bottom:15px}#hidden-tasks-container .task-box{opacity:1;transform:none;margin-bottom:15px}#hidden-tasks-container .task-box:last-child{margin-bottom:0}.search-container{flex-grow:1;display:flex;align-items:center;position:relative;order:2}.search-input{width:100%;box-sizing:border-box;height:30px;padding:6px 18px;border-radius:18px;border:1px solid var(--primary-accent-color);background-color:color-mix(in srgb,var(--page-bg) 75%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--text-color);font-size:15px;transition:background-color .3s ease,box-shadow .2s ease,padding-right .2s ease,backdrop-filter .3s ease}.search-input::-moz-placeholder{color:color-mix(in srgb,var(--primary-accent-color) 70%,transparent);opacity:.8}.search-input::placeholder{color:color-mix(in srgb,var(--primary-accent-color) 70%,transparent);opacity:.8}.search-input:focus{outline:none;box-shadow:0 0 0 2px color-mix(in srgb,var(--primary-accent-color) 30%,transparent)}.search-container.active .search-input{padding-right:95px}.search-controls{position:absolute;right:8px;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:5px;visibility:hidden;opacity:0;transition:opacity .2s ease,visibility .2s ease}.search-container.active .search-controls{visibility:visible;opacity:1}.search-counter{font-size:13px;color:var(--text-color);margin-right:5px;font-weight:500;user-select:none}.search-nav{background:none;border:1px solid var(--border-color);color:var(--text-color);width:24px;height:24px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;line-height:1;font-weight:700;transition:background-color .2s,border-color .2s;user-select:none}.search-nav:hover{background-color:var(--table-header-bg);border-color:var(--table-border-color)}.highlight{background-color:#f7e352;color:#000;border-radius:3px;padding:1px 0;box-shadow:0 0 5px #f7e352}.highlight.current-match{background-color:#ff9800;box-shadow:0 0 8px #ff9800}html[data-theme=dark] .highlight{background-color:#bca931}html[data-theme=dark] .highlight.current-match{background-color:#c78828;box-shadow:0 0 8px #c78828}@media (max-width:1100px){.side-nav{display:none}.page-wrapper{display:block;padding:0}main{grid-column:auto;padding:20px}}@media (max-width:600px){main{padding:15px 15px 60px}h1{font-size:1.5em}.task-box{padding:15px}.top-panel{padding:12px 10px 12px 18px;transition:gap .3s ease}.logo{height:36px}.site-title{font-size:22px;display:inline-block;white-space:nowrap;overflow:hidden;max-width:500px;transition:opacity .3s ease,max-width .3s ease,margin-left .3s ease}.search-container{margin:0 -6px 0 0}.menu-icon{width:50px;height:22px;max-width:28px}.menu-icon span{height:4px}.top-panel.search-active .site-title{opacity:0;max-width:0;margin-left:-10px;pointer-events:none}.search-input{height:34px;padding-left:15px;padding-right:15px;font-size:14px}.search-container.active .search-input{padding-right:85px}.search-nav{width:22px;height:22px;font-size:16px}}html{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb-color) var(--page-bg)}html::-webkit-scrollbar{width:12px}html::-webkit-scrollbar-track{background:var(--page-bg)}html::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb-color);border-radius:10px;border:3px solid var(--page-bg)}html::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-thumb-hover-color)}.side-nav-links{scrollbar-width:thin;scrollbar-color:transparent transparent;transition:scrollbar-color .3s ease}.side-nav-links:hover{scrollbar-color:var(--scrollbar-thumb-color) var(--card-bg)}.side-nav-links::-webkit-scrollbar{width:10px}.side-nav-links::-webkit-scrollbar-track{background:transparent}.side-nav-links::-webkit-scrollbar-thumb{background-color:transparent;border-radius:10px;border:2px solid var(--card-bg);transition:background-color .3s ease}.side-nav-links:hover::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb-color)}.side-nav-links::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-thumb-hover-color)}.bot-link-button {
  display: inline-block;
  background-color: var(--primary-accent-color);
  color: var(--card-bg);
  padding: 12px 20px;
  border-radius: 10px;
  text-decoration: none;
  font-weight: 700;
  font-size: 1.1em;
  text-align: center;
  margin-top: 15px;
  transition: background-color .2s ease, transform .2s ease;
  -webkit-tap-highlight-color: transparent;
  user-select: none;
}

.bot-link-button:hover {
  background-color: var(--primary-accent-hover);
  text-decoration: none;
  transform: scale(1.03);
}

.bot-link-button:active {
  transform: scale(0.98);
}