:root{--bg:#071713;--bg2:#0b211b;--panel:#0f2b23;--panel2:#14382e;--text:#f3fbf7;--muted:#b9d0c6;--line:#2a5346;--primary:#58e0b0;--primaryText:#042219;--accent:#b7ffdc;--danger:#ff8b8b;--warning:#ffd487;--shadow:0 18px 50px rgba(0,0,0,.28);--radius:20px}html[data-theme="light"]{--bg:#f3f8f6;--bg2:#ffffff;--panel:#ffffff;--panel2:#eef7f3;--text:#0b211b;--muted:#49675c;--line:#c7ddd4;--primary:#08795b;--primaryText:#fff;--accent:#0a654e;--danger:#a21d2b;--warning:#7c4a00;--shadow:0 18px 45px rgba(16,58,45,.12)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 80% -20%,rgba(88,224,176,.16),transparent 30%),var(--bg);color:var(--text);font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.55}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:none;filter:brightness(1.08)}button,input,textarea,select{font:inherit}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:1rem;top:1rem;z-index:99;background:var(--panel);padding:.7rem 1rem;border-radius:10px}.topbar{height:72px;position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:0 24px;background:color-mix(in srgb,var(--bg2) 92%,transparent);border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}.brand{display:flex;gap:10px;align-items:center;color:var(--text);font-size:1.05rem}.logo{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--panel2)}.top-actions{display:flex;gap:10px;align-items:center}.inline{display:inline}.app-shell{display:grid;grid-template-columns:245px minmax(0,1fr);min-height:calc(100vh - 72px)}.sidebar{position:sticky;top:72px;height:calc(100vh - 72px);padding:18px 14px;border-right:1px solid var(--line);background:var(--bg2);display:flex;flex-direction:column;justify-content:space-between}.sidebar nav{display:grid;gap:5px}.sidebar nav a{color:var(--muted);padding:10px 12px;border-radius:12px;font-weight:650}.sidebar nav a:hover{background:var(--panel2);color:var(--text)}.side-note{border:1px solid var(--line);background:var(--panel);border-radius:14px;padding:12px;display:grid;gap:4px;font-size:.8rem}.side-note span{color:var(--muted)}.main-content,.public-main{width:100%;max-width:1500px;margin:0 auto;padding:32px clamp(18px,3vw,46px) 70px}.public-main{max-width:1380px}.footer{padding:22px 28px;text-align:center;border-top:1px solid var(--line);background:var(--bg2);color:var(--muted);font-size:.82rem}.hero{display:grid;grid-template-columns:1.25fr .75fr;gap:42px;align-items:center;min-height:600px;padding:46px 0}.hero h1,.page-head h1{font-size:clamp(2.2rem,5vw,4.7rem);line-height:1.02;letter-spacing:-.045em;margin:.4rem 0 1rem}.page-head h1{font-size:clamp(2rem,4vw,3.4rem)}.lead{font-size:1.2rem;color:var(--muted);max-width:760px}.eyebrow{display:inline-flex;align-items:center;gap:6px;text-transform:uppercase;letter-spacing:.11em;font-size:.72rem;font-weight:850;color:var(--primary)}.hero-actions,.action-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.trust-row{display:flex;gap:18px;flex-wrap:wrap;color:var(--muted);margin-top:32px;font-size:.9rem}.hero-card,.card,.price-card,.case-card{background:linear-gradient(160deg,var(--panel),color-mix(in srgb,var(--panel2) 55%,var(--panel)));border:1px solid var(--line);border-radius:var(--radius);padding:22px;box-shadow:var(--shadow)}.score-ring{width:105px;height:105px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--primary) 87%,var(--line) 0);color:var(--primaryText);font-size:2rem;font-weight:900;position:relative}.score-ring:after{content:"";position:absolute;inset:12px;border-radius:50%;background:var(--panel)}.score-ring{isolation:isolate}.score-ring::before{content:"87";z-index:2;color:var(--text)}.metric{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:12px 0;color:var(--muted)}.metric b{color:var(--text)}.feature-grid,.workspace-grid,.case-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.card-icon{font-size:1.7rem}.card h3,.case-card h3{margin:.5rem 0}.page-head{display:flex;justify-content:space-between;gap:24px;align-items:flex-end;margin-bottom:26px}.page-head p{max-width:780px;color:var(--muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:42px;padding:9px 14px;border-radius:12px;border:1px solid transparent;font-weight:800;cursor:pointer;white-space:nowrap}.btn-primary{background:var(--primary);color:var(--primaryText)}.btn-secondary{background:var(--panel2);color:var(--text);border-color:var(--line)}.btn-ghost{background:transparent;color:var(--text);border-color:var(--line)}.btn-danger{background:transparent;color:var(--danger);border-color:color-mix(in srgb,var(--danger) 60%,var(--line))}.btn-lg{min-height:50px;padding:12px 20px}.btn-small{min-height:32px;padding:5px 9px;font-size:.82rem}.btn-block{width:100%}.auth-wrap{min-height:calc(100vh - 180px);display:grid;place-items:center;padding:30px 0}.auth-card{width:min(460px,100%);background:var(--panel);border:1px solid var(--line);border-radius:24px;padding:32px;box-shadow:var(--shadow)}.auth-card h1{font-size:2.5rem;margin:.3rem 0}.auth-card form,.narrow{display:grid;gap:15px}.auth-links{display:flex;justify-content:space-between;margin-top:18px;color:var(--muted)}label{display:grid;gap:7px;font-weight:700;color:var(--text)}label small{color:var(--muted);font-weight:500}input,textarea,select{width:100%;background:var(--bg2);color:var(--text);border:1px solid var(--line);border-radius:11px;padding:11px 12px;outline:none}input:focus,textarea:focus,select:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 24%,transparent)}textarea{min-height:90px;resize:vertical}.check{display:flex;grid-template-columns:auto 1fr;align-items:center;font-weight:500;color:var(--muted)}.check input{width:auto}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.span-2{grid-column:1/-1}.compact{margin-top:18px}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:20px 0}.kpis article{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:18px;display:grid;gap:4px}.kpis span{color:var(--muted);font-size:.85rem}.kpis b{font-size:1.65rem}.split{display:grid;grid-template-columns:1.3fr .7fr;gap:20px;margin-top:24px}.section-title{display:flex;align-items:center;justify-content:space-between;margin:26px 0 12px}.stack{display:grid;gap:10px}.workspace-row{display:grid;grid-template-columns:auto 1fr auto;gap:13px;align-items:center;padding:14px;border:1px solid var(--line);border-radius:15px;background:var(--panel);color:var(--text)}.workspace-row small{display:block;color:var(--muted)}.score-badge{display:inline-grid;place-items:center;min-width:42px;height:42px;padding:0 8px;border-radius:12px;background:var(--primary);color:var(--primaryText);font-weight:900}.steps{display:grid;gap:8px;padding-left:1.25rem;color:var(--muted)}.tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.tool-card{display:grid;gap:4px;background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:18px;color:var(--text)}.tool-card span{font-size:1.5rem}.tool-card small{color:var(--muted)}.detail-list{display:grid;grid-template-columns:130px 1fr;gap:12px}.detail-list dt{color:var(--muted);font-weight:800}.detail-list dd{margin:0}.pill,.difficulty{display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;background:var(--panel2);border:1px solid var(--line);font-size:.75rem;font-weight:800}.card-top{display:flex;justify-content:space-between;gap:10px;align-items:center}.muted,.meta{color:var(--muted)}.preline{white-space:pre-line}.three-col{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.span-all{grid-column:1/-1}.filterbar{display:grid;grid-template-columns:minmax(220px,2fr) repeat(3,minmax(140px,1fr)) auto auto;gap:10px;margin-bottom:20px}.case-grid{grid-template-columns:repeat(3,1fr)}.case-card{display:flex;flex-direction:column;gap:10px;box-shadow:none}.case-card p{margin:0}.case-actions{display:flex;gap:8px;margin-top:auto;padding-top:12px}.case-actions form{display:inline-flex;flex:1}.case-actions .btn{flex:1}.pagination{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:24px}.big-number{font-size:2.4rem;font-weight:900;text-align:right}.big-number small{display:block;color:var(--muted);font-size:.75rem}.notice{background:var(--panel2);border:1px solid var(--line);border-left:4px solid var(--primary);padding:13px 15px;border-radius:12px;color:var(--muted)}.save-as-bar{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:end;background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:16px;margin-top:20px}.guide-list{display:grid;gap:14px}.guide-step{display:grid;grid-template-columns:64px 1fr;gap:18px;background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:20px}.guide-num{width:52px;height:52px;border-radius:15px;background:var(--primary);color:var(--primaryText);display:grid;place-items:center;font-size:1.4rem;font-weight:900}.guide-step h2{margin:0}.guide-step p{color:var(--muted)}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:16px;margin-top:18px}table{width:100%;border-collapse:collapse;background:var(--panel)}th,td{padding:13px;border-bottom:1px solid var(--line);text-align:left}th{color:var(--muted);font-size:.8rem;text-transform:uppercase;letter-spacing:.05em}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.price-card h2{font-size:2.5rem;margin:.3rem 0}.price-card small{font-size:1rem;color:var(--muted)}.price-card.featured{outline:2px solid var(--primary)}.flash-wrap{display:grid;gap:8px;margin-bottom:16px}.flash{padding:12px 14px;border-radius:11px;border:1px solid var(--line);background:var(--panel)}.flash.success{border-color:var(--primary)}.flash.danger{border-color:var(--danger)}.dev-note{margin-top:14px;padding:12px;background:var(--panel2);border-radius:10px}.empty{text-align:center;color:var(--muted)}details summary{cursor:pointer;font-weight:850}.inline-create{display:flex;gap:8px;max-width:520px}.narrow{max-width:600px}.difficulty.beginner{border-color:var(--primary)}.difficulty.intermediate{border-color:var(--warning)}.difficulty.advanced{border-color:var(--danger)}
@media(max-width:1050px){.app-shell{grid-template-columns:1fr}.sidebar{position:static;height:auto;border-right:0;border-bottom:1px solid var(--line)}.sidebar nav{grid-template-columns:repeat(2,1fr)}.side-note{display:none}.hero,.split{grid-template-columns:1fr}.feature-grid,.workspace-grid,.case-grid{grid-template-columns:repeat(2,1fr)}.filterbar{grid-template-columns:1fr 1fr}.kpis{grid-template-columns:repeat(2,1fr)}.tool-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.topbar{padding:0 12px}.brand span:last-child{display:none}.main-content,.public-main{padding:22px 14px 50px}.page-head{align-items:flex-start;flex-direction:column}.hero{padding:20px 0;min-height:auto}.hero h1{font-size:2.55rem}.feature-grid,.workspace-grid,.case-grid,.form-grid,.three-col,.pricing-grid,.filterbar{grid-template-columns:1fr}.span-2,.span-all{grid-column:auto}.kpis{grid-template-columns:1fr 1fr}.tool-grid{grid-template-columns:1fr}.sidebar nav{grid-template-columns:1fr 1fr}.case-actions,.save-as-bar{grid-template-columns:1fr;display:grid}.detail-list{grid-template-columns:1fr}.detail-list dd{margin-bottom:8px}.inline-create{width:100%;flex-direction:column}.top-actions .btn span{display:none}}
/* Responsive grid hardening: prevent wide tables/forms from enlarging the mobile page. */
.app-shell,.sidebar,.main-content{min-width:0}
.table-wrap{max-width:100%}
@media(max-width:1050px){.app-shell{grid-template-columns:minmax(0,1fr)}}

.page-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
@media(max-width:680px){.page-actions{justify-content:flex-start}}