:root{--primary:#2563EB;--primary-light:#3B82F6;--primary-dark:#1E40AF;--medium:#F59E0B;--easy:#16a34a;--hard:#dc2626;--border:#E5E7EB;--bg:#f5f7fa;--text:#1F2937;--text-light:#6B7280;--shadow:0 1px 3px rgba(0,0,0,0.1);--task-bg:#f3f4f6;--base-size:1rem;--scale:1.25;--h1:calc(var(--h2) * var(--scale));--h2:calc(var(--h3) * var(--scale));--h3:calc(var(--base-size) * var(--scale));--p:var(--base-size);--small:calc(var(--base-size) / var(--scale))}html,body{height:100%;margin:0;padding:0}body{display:flex;flex-direction:column;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,segoe ui,Roboto,sans-serif;line-height:1.6;color:var(--text);background:var(--bg);font-size:var(--base-size)}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent;max-width:100%}h1,.header-title{font-size:var(--h1);color:var(--primary-dark);font-weight:600;line-height:1.2;margin:0 0 1rem}h2{font-size:var(--h2);color:var(--primary-dark);font-weight:600;line-height:1.3;margin:0 0 .8rem;padding-bottom:.5rem;border-bottom:1px solid var(--border)}h3{font-size:var(--h3);color:var(--primary-dark);font-weight:500;line-height:1.4;margin:0 0 .6rem}h4{font-size:calc(var(--h3)/var(--scale));color:var(--primary-dark);font-weight:500;margin:0 0 .5rem}p{font-size:var(--p);line-height:1.6;margin:0 0 1rem}.small{font-size:var(--small);color:var(--text-light)}header{background:#fff;box-shadow:var(--shadow);padding:1rem;position:sticky;top:0;z-index:100;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}.logo-container{display:flex;align-items:center;gap:.75rem;flex-shrink:0;min-width:0}.logo{min-width:60px;height:44px;background:var(--primary);border-radius:9px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;text-decoration:none;transition:background .2s;padding:0 8px;font-size:14px;text-align:center;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:0}.logo:hover{background:var(--primary-dark)}.header-title{font-size:var(--h2);color:var(--primary-dark);font-weight:600;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.container{flex:1 0 auto;width:100%;max-width:1200px;margin:0 auto;padding:1.5rem}.content{margin-bottom:2rem}.content p{margin-bottom:1rem}.sections-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem;margin:1.5rem 0}.section-card{background:#fff;border-radius:12px;box-shadow:var(--shadow);padding:1.25rem;transition:transform .2s,box-shadow .2s;border:1px solid var(--border);text-decoration:none;color:inherit;display:block}.section-card:hover{transform:translateY(-3px);box-shadow:0 4px 8px rgba(0,0,0,.12);border-color:var(--primary-light)}.variant-card{background:#fff;border-radius:12px;padding:1.25rem;margin-bottom:1.25rem;display:flex;gap:1rem;text-decoration:none;color:inherit;box-shadow:var(--shadow);border:1px solid var(--border);transition:transform .2s,box-shadow .2s;align-items:center}.variant-card:hover{transform:translateY(-3px);box-shadow:0 4px 8px rgba(0,0,0,.12);border-color:var(--primary-light)}.variant-id{background:var(--primary);color:#fff;padding:.6rem 1.2rem;border-radius:6px;font-weight:700;transition:background .2s;flex-shrink:0;min-width:50px;text-align:center;font-size:1.1rem}.variant-card:hover .variant-id{background:var(--primary-dark)}.variant-title{flex-grow:1;font-weight:500;font-size:var(--h3)}.variant-meta{display:flex;gap:1rem;color:var(--text-light);font-size:var(--small);flex-shrink:0}.task-block{margin:1.5rem 0;background:#fff;border-radius:12px;padding:1.5rem;box-shadow:var(--shadow);border:1px solid var(--border)}.task-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;gap:1rem;flex-wrap:wrap}.task-number-block{display:flex;align-items:center;gap:.75rem}.task-number-icon{width:50px;height:50px;background:var(--primary);border-radius:8px;display:grid;place-items:center;color:#fff;font-weight:700;flex-shrink:0;font-size:1.1rem}.task-meta{display:flex;gap:1rem;color:var(--text-light);font-size:var(--small);align-items:center;flex-wrap:wrap}.difficulty-level{padding:.4rem .9rem;border-radius:12px;font-weight:500;font-size:var(--small);white-space:nowrap}.difficulty-easy{background:rgba(34,197,94,.15);color:var(--easy);border:1px solid rgba(34,197,94,.3)}.difficulty-medium{background:rgba(245,158,11,.15);color:var(--medium);border:1px solid rgba(245,158,11,.3)}.difficulty-hard{background:rgba(239,68,68,.15);color:var(--hard);border:1px solid rgba(239,68,68,.3)}.task-content{margin-bottom:1.5rem;line-height:1.6;padding:1.5rem;background:var(--task-bg);border-radius:8px;font-size:var(--p);overflow-wrap:break-word}.task-content p:last-child{margin-bottom:0}.task-answer{padding:1.2rem;background:#f8fafc;border-radius:9px;margin-top:1.2rem;border-left:4px solid var(--primary);display:none;font-size:var(--p)}.task-answer.show{display:block}.task-answer h4{margin-bottom:.8rem;color:var(--primary-dark)}.task-answer p{margin-bottom:.8rem}.task-answer p:last-child{margin-bottom:0}.btn{padding:.6rem 1.1rem;background:var(--primary);color:#fff;border:none;border-radius:6px;cursor:pointer;transition:background .2s;font-size:var(--p);font-family:inherit;display:inline-block;text-decoration:none}.btn:hover{background:var(--primary-dark)}footer{flex-shrink:0;margin-top:auto;text-align:center;padding:1.5rem;color:var(--text-light);border-top:1px solid var(--border);background:#fff;font-size:var(--small)}@media(max-width:768px){:root{--base-size:0.95rem;--scale:1.2}.container{padding:1.25rem}.sections-grid{grid-template-columns:1fr;gap:1rem}.variant-card{flex-direction:column;gap:.8rem;text-align:center}.variant-meta{width:100%;justify-content:space-between}.task-header{flex-direction:row;align-items:flex-start}.task-meta{width:100%;justify-content:flex-start;margin-top:.5rem}.logo{min-width:55px;height:40px;font-size:13px;padding:0 6px}.header-title{font-size:calc(var(--h2) * .9)}.task-content{padding:1rem}.task-block{padding:1.25rem}.task-number-icon{width:45px;height:45px;font-size:1rem}.variant-id{min-width:45px;padding:.5rem 1rem;font-size:1rem}header{padding:.8rem;gap:.8rem}.logo-container{gap:.6rem}}@media(max-width:600px){.task-header{flex-direction:column;align-items:flex-start;gap:.8rem}.task-meta{margin-top:0}.task-number-block{width:100%}.task-meta{flex-direction:column;align-items:flex-start;gap:.5rem}header{flex-direction:column;text-align:center;gap:.6rem}.logo-container{justify-content:center;width:100%}.header-title{font-size:calc(var(--h2) * .85);text-align:center}.logo{min-width:50px;height:38px;font-size:12px;padding:0 5px}}@media(max-width:480px){:root{--base-size:0.9rem;--scale:1.15}.container{padding:1rem}.header-title{font-size:calc(var(--h2) * .8)}.logo{min-width:46px;height:36px;font-size:11px;padding:0 4px;border-radius:7px}.task-number-icon{width:42px;height:42px;font-size:.95rem}.task-content{padding:.8rem}.task-block{padding:1rem}.task-answer{padding:1rem}.variant-id{min-width:42px;padding:.4rem .9rem;font-size:.95rem}}@media(max-width:360px){.logo{min-width:42px;height:34px;font-size:10px;padding:0 3px;border-radius:6px}.header-title{font-size:calc(var(--h2) * .75);white-space:normal;text-align:center}.task-number-icon{width:40px;height:40px;font-size:.9rem}.btn{padding:.5rem 1rem;font-size:.9rem}.variant-id{min-width:40px;padding:.4rem .8rem;font-size:.9rem}}.task-content ul,.task-content ol{margin:0 0 1rem 1.5rem}.task-content li{margin-bottom:.3rem}.task-content strong{font-weight:600;color:var(--primary-dark)}.task-content em{font-style:italic;color:var(--text-light)}.task-answer ul,.task-answer ol{margin:0 0 1rem 1.5rem}.task-answer li{margin-bottom:.3rem}.task-answer strong{font-weight:600;color:var(--primary-dark)}.task-answer em{font-style:italic;color:var(--text-light)}.task-answer code{background:var(--task-bg);padding:.2rem .4rem;border-radius:4px;font-family:monaco,menlo,ubuntu mono,monospace;font-size:.9em}.task-date{font-size:var(--small);color:var(--text-light)}.variant-info{background:#fff;border-radius:12px;padding:1.5rem;margin:1.5rem 0;box-shadow:var(--shadow);border:1px solid var(--border)}.variant-info .variant-meta{justify-content:flex-start;font-size:var(--p);gap:2rem}.variant-info .variant-meta span{background:var(--task-bg);padding:.5rem 1rem;border-radius:6px;font-weight:500}img,video,iframe{max-width:100%;height:auto}table{width:100%;overflow-x:auto;display:block;margin-bottom:1rem}pre,code{overflow-x:auto;max-width:100%}pre{white-space:pre-wrap;word-wrap:break-word}.task-search-container{margin:2rem 0;background:#fff;border-radius:12px;padding:1.5rem;box-shadow:var(--shadow);border:1px solid var(--border)}.task-search-form{margin:0}.input-group{display:flex;gap:0;max-width:100%}.form-input{flex:1;padding:.75rem 1rem;border:2px solid var(--border);border-radius:6px 0 0 6px;font-size:var(--p);font-family:inherit;transition:border-color .2s;background:var(--bg)}.form-input:focus{outline:none;border-color:var(--primary-light);background:#fff}.form-input::placeholder{color:var(--text-light);opacity:.7}.task-search-form .btn{padding:.75rem 1.25rem;border-radius:0 6px 6px 0;white-space:nowrap;display:flex;align-items:center;gap:.5rem}.error-message{color:var(--hard);font-size:var(--small);margin-top:.75rem;padding:.5rem;background:rgba(220,38,38,8%);border-radius:4px;border:1px solid rgba(220,38,38,.2)}.search-hint{margin-top:.75rem;font-size:var(--small);color:var(--text-light);padding:.5rem;background:var(--task-bg);border-radius:4px;border-left:3px solid var(--primary-light)}@media(max-width:768px){.task-search-container{padding:1.25rem;margin:1.5rem 0}.input-group{flex-direction:column;gap:.75rem}.form-input{border-radius:6px;width:100%}.task-search-form .btn{border-radius:6px;width:100%;justify-content:center}}@media(max-width:480px){.task-search-container{padding:1rem;margin:1.25rem 0}.form-input{padding:.7rem .9rem;font-size:16px}.task-search-form .btn{padding:.7rem 1rem}}@media(max-width:360px){.task-search-container{padding:.8rem}.form-input{padding:.6rem .8rem}.task-search-form .btn{padding:.6rem .9rem;font-size:var(--small)}.task-search-form .btn span{font-size:.9rem}}nav ul{display:flex;list-style:none;gap:1.5rem;margin:0;padding:0}nav a{text-decoration:none;color:var(--primary);font-weight:500;padding:.5rem 0;position:relative;transition:color .2s,font-weight .2s;font-size:var(--p)}nav a:hover{color:var(--primary-dark);font-weight:600}nav a.active{color:var(--primary-dark);font-weight:600}nav a.active::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:2px;background:var(--primary-dark);border-radius:2px}@media(max-width:768px){nav ul{gap:1rem}nav a{font-size:var(--small)}}@media(max-width:600px){nav ul{justify-content:center;flex-wrap:wrap;gap:.8rem}}@media(max-width:480px){nav ul{gap:.6rem}nav a{font-size:.9rem;padding:.3rem 0}}@media(max-width:360px){nav ul{gap:.5rem}nav a{font-size:.85rem}}.technical-image{max-width:100%;height:auto;display:block;margin:1rem auto}@media(min-width:768px){.technical-image{max-width:600px}}@media(max-width:767px){.technical-image{max-width:100%;margin:.5rem auto}}a[href$=".txt"],a[download]{text-decoration:none!important;color:var(--primary)!important}a[href$=".txt"]:visited,a[download]:visited{color:var(--primary-dark)!important}a[href$=".txt"]:hover,a[download]:hover{color:var(--primary-light)!important}pre{background:0 0!important;color:#333;padding:1rem;margin:1rem 0;font-family:courier new,monospace;font-size:.9rem;line-height:1.4;border:2px solid #e5e7eb!important;border-radius:8px;overflow-x:auto}code{background:0 0!important;color:#333!important;padding:0!important;font-family:courier new,monospace;font-size:.9rem;border:none!important}.highlight,.chroma{background:0 0!important;border:none!important;margin:0!important;padding:0!important}