:root{--ink:#17211b;--muted:#657168;--paper:#f3f1e9;--card:#fffef9;--line:#dcd9ce;--green:#183f2b;--green-2:#276441;--lime:#d7e868;--red:#a4443d;--amber:#b87518;--shadow:0 18px 50px rgba(31,49,38,.09);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at top right,rgba(215,232,104,.22),transparent 30%),var(--paper);line-height:1.55}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(2rem,5vw,3.6rem);line-height:1.02;letter-spacing:-.045em;margin-bottom:.65rem}h2{letter-spacing:-.025em}.muted,.help,small{color:var(--muted)}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:.72rem;font-weight:800;color:var(--green-2);margin-bottom:.5rem}.topbar{min-height:72px;padding:0 max(1rem,calc((100vw - 1180px)/2));display:flex;align-items:center;justify-content:space-between;background:rgba(255,254,249,.9);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20;backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:.7rem;font-weight:850;letter-spacing:-.02em}.brand-mark,.login-emblem{display:grid;place-items:center;background:var(--green);color:var(--lime);border-radius:10px;font-weight:900}.brand-mark{width:38px;height:38px}.nav{display:flex;align-items:center;gap:1.25rem;font-size:.92rem;font-weight:650}.nav a:hover,.link-button:hover{color:var(--green-2)}.inline-form{display:inline}.link-button{border:0;background:none;color:var(--ink);padding:0}.nav-toggle{display:none;border:1px solid var(--line);background:var(--card);border-radius:8px;padding:.35rem .6rem}.page-shell{width:min(1180px,calc(100% - 2rem));margin:0 auto;padding:3.5rem 0 5rem}.page-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:2rem;margin-bottom:2rem}.page-heading>div{max-width:760px}.page-heading p:last-child{color:var(--muted);margin-bottom:0}.button{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;border:1px solid var(--green);border-radius:9px;background:var(--green);color:#fff;padding:.72rem 1rem;font-weight:760;transition:.18s ease}.button:hover{transform:translateY(-1px);background:var(--green-2)}.button-secondary{background:transparent;color:var(--green);border-color:var(--line)}.button-secondary:hover{background:#fff;color:var(--green)}.button-small{padding:.45rem .7rem;font-size:.84rem}.button-wide{width:100%}.panel,.kata-card,.timeline-card,.comparison-card,.stat,.student-card{background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow)}.panel{padding:clamp(1.1rem,3vw,2rem);margin-bottom:1.4rem}.panel.narrow{max-width:620px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.4rem}.section-heading h2{margin-bottom:0}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.4rem}.student-stats{grid-template-columns:repeat(2,1fr)}.stat{padding:1.35rem}.stat span{display:block;color:var(--muted);font-size:.86rem}.stat strong{display:block;font-size:2.4rem;line-height:1.1;margin-top:.45rem}.stat.accent{background:var(--green);color:#fff}.stat.accent span{color:#c9d8ce}.list{display:grid}.list-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 0;border-top:1px solid var(--line)}.list-row:first-child{border-top:0}.list-row>div:first-child{display:grid;gap:.15rem}.list-row span,.list-row time{color:var(--muted);font-size:.86rem}.row-meta{display:flex!important;align-items:flex-end;gap:.45rem}.empty-inline,.empty-state{color:var(--muted);padding:2rem;text-align:center}.empty-state{max-width:700px;margin:5rem auto;background:var(--card);border:1px dashed var(--line);border-radius:18px}.alert{padding:.9rem 1rem;border-radius:10px;margin-bottom:1rem;border:1px solid}.alert-success{background:#e9f5ed;border-color:#b7d7c1;color:#17542d}.alert-error{background:#fff0ee;border-color:#edc2bd;color:#87342e}.alert-warning{background:#fff8e9;border-color:#ead4a4;color:#76500d}.stack-form,.stack-lg{display:grid;gap:1rem}.stack-lg{gap:1.4rem}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-grid .full{grid-column:1/-1}label{display:grid;gap:.42rem;font-size:.87rem;font-weight:720}input,textarea,select{width:100%;border:1px solid #c9c8bf;background:#fff;border-radius:9px;padding:.72rem .78rem;color:var(--ink);outline:none}input:focus,textarea:focus,select:focus{border-color:var(--green-2);box-shadow:0 0 0 3px rgba(39,100,65,.12)}.check{display:flex;align-items:center;font-weight:500}.check input{width:auto}.guest-body{display:grid;place-items:center;min-height:100vh;background:linear-gradient(145deg,var(--green),#0c2115 65%,#213a2a)}.guest-shell{width:min(460px,calc(100% - 2rem))}.login-card{background:var(--card);padding:clamp(1.5rem,6vw,3rem);border-radius:22px;box-shadow:0 30px 90px rgba(0,0,0,.25)}.login-emblem{width:64px;height:64px;font-size:1.25rem;margin-bottom:2rem}.two-columns{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(310px,.8fr);gap:1.4rem}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.kata-card{padding:1.35rem;display:flex;flex-direction:column;min-height:235px}.kata-card-top,.kata-card-footer{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:.84rem}.kata-card h2{margin:1rem 0 .45rem}.kata-card p{color:var(--muted);flex:1}.badge{display:inline-flex;align-items:center;border-radius:99px;background:#ecece5;padding:.27rem .55rem;font-size:.73rem;font-weight:760;color:#536057}.badge-published,.status-passed{background:#e2f2e6;color:#1f6a36}.badge-draft,.status-pending{background:#fff0cd;color:#815914}.status-improving{background:#e6eefb;color:#2e5591}.dropzone{border:1.5px dashed #a9b3aa;border-radius:14px;min-height:110px;place-items:center;background:#f8f8f2;color:var(--green);cursor:pointer}.dropzone input{width:auto;max-width:100%;border:0;background:transparent}.editor-video,.hero-video{display:block;width:100%;max-height:65vh;border-radius:13px;background:#0b0f0c;margin-top:1rem}.progress-wrap{margin-top:1rem}.progress{height:9px;border-radius:99px;background:#e1e2da;overflow:hidden}.progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--green),var(--lime));transition:width .2s}.progress-wrap p{font-size:.84rem;margin:.5rem 0 0;color:var(--muted)}.line-editor{display:grid;gap:.7rem}.line-editor-row{display:grid;grid-template-columns:38px minmax(120px,1fr) minmax(150px,.8fr) minmax(150px,.8fr) minmax(160px,1.2fr) 35px;align-items:end;gap:.7rem;padding:1rem;border:1px solid var(--line);border-radius:12px;background:#faf9f4}.fixed-lines .line-editor-row{grid-template-columns:38px minmax(170px,1fr) minmax(160px,.7fr) minmax(160px,.7fr)}.line-number,.line-index{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:8px;background:var(--green);color:var(--lime);font-weight:850}.time-input{display:flex}.time-input input{border-radius:9px 0 0 9px}.time-input button{border:1px solid var(--green);border-radius:0 9px 9px 0;background:var(--green);color:#fff;font-size:.76rem}.line-name{display:grid;align-self:center}.line-name small{display:block}.icon-button{border:0;background:transparent;font-size:1.5rem;padding:.3rem}.icon-button.danger{color:var(--red)}.form-actions{display:flex;justify-content:flex-end;gap:.7rem}.reference-lines{display:grid}.reference-line{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 0;border-top:1px solid var(--line)}.reference-line:first-child{border-top:0}.reference-line>div:first-child{display:grid;grid-template-columns:42px 1fr;align-items:center}.reference-line p{grid-column:2;margin:.2rem 0 0;color:var(--muted)}.line-actions{display:flex;align-items:center;gap:1rem;color:var(--muted);font-size:.84rem}.student-card{display:flex;align-items:center;gap:1rem;padding:1rem}.student-card>div{display:grid;flex:1}.avatar{width:45px;height:45px;border-radius:50%;display:grid;place-items:center;background:var(--green);color:var(--lime);font-weight:900}.timeline{position:relative;display:grid;gap:1rem}.timeline:before{content:"";position:absolute;left:13px;top:20px;bottom:20px;width:2px;background:#c9c9bd}.timeline-item{position:relative;padding-left:42px}.timeline-dot{position:absolute;left:6px;top:30px;width:16px;height:16px;border-radius:50%;background:var(--lime);border:4px solid var(--green);z-index:1}.timeline-card{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.4rem}.timeline-card h2{margin-bottom:.3rem}.timeline-card p{margin-bottom:0;color:var(--muted)}.timeline-meta{display:flex;align-items:center;gap:1rem;color:var(--muted);font-size:.84rem}.arrow{font-size:1.5rem;color:var(--green)}.comparison-stack{display:grid;gap:1.4rem}.comparison-card{padding:clamp(1rem,3vw,1.7rem)}.comparison-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.comparison-heading>div{display:flex;align-items:center;gap:.8rem}.comparison-heading h2{margin:0}.comparison-heading p{margin:0}.video-pair{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.video-pair>div{background:#101612;color:#fff;padding:1rem;border-radius:13px}.video-pair h3{font-size:.9rem;color:#cbd7ce}.video-pair video{display:block;width:100%;aspect-ratio:16/9;background:#000;border-radius:8px;margin-bottom:.7rem}.coach-note{padding:1rem;border-left:3px solid var(--lime);background:#f7f8e8;margin:1rem 0}.comments{border-top:1px solid var(--line);padding-top:1rem;margin-top:1rem}.comment{padding:.8rem 1rem;background:#f3f3ed;border-radius:10px;margin:.6rem 0}.comment.coach{background:#edf5ef;border-left:3px solid var(--green-2)}.comment>div{display:flex;justify-content:space-between;gap:1rem}.comment time{font-size:.75rem;color:var(--muted)}.comment p{margin:.35rem 0 0}.comment-form{display:flex;align-items:end;gap:.7rem;margin-top:1rem}.comment-form .grow{flex:1}.stack-lg[aria-busy="true"]{opacity:.78;pointer-events:none}
@media(max-width:900px){.stats-grid,.card-grid{grid-template-columns:repeat(2,1fr)}.two-columns{grid-template-columns:1fr}.line-editor-row,.fixed-lines .line-editor-row{grid-template-columns:38px 1fr 1fr}.line-editor-row .wide,.line-name{grid-column:2/-1}.video-pair{grid-template-columns:1fr}.nav-toggle{display:block}.nav{display:none;position:absolute;top:64px;right:1rem;flex-direction:column;align-items:stretch;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:1rem;box-shadow:var(--shadow);min-width:190px}.nav.is-open{display:flex}}
@media(max-width:620px){.page-shell{padding-top:2rem}.page-heading{align-items:flex-start;flex-direction:column}.stats-grid,.student-stats,.card-grid,.form-grid{grid-template-columns:1fr}.line-editor-row,.fixed-lines .line-editor-row{grid-template-columns:32px 1fr}.line-editor-row label,.line-name{grid-column:2/-1}.line-editor-row .icon-button{grid-column:1;grid-row:2}.timeline-card,.reference-line{align-items:flex-start;flex-direction:column}.timeline-meta,.line-actions{width:100%;justify-content:space-between}.comment-form{align-items:stretch;flex-direction:column}.form-actions{flex-wrap:wrap}.form-actions .button{flex:1}.list-row{align-items:flex-start}.row-meta{align-items:flex-end!important}.topbar{min-height:64px}}