:root{color:#1f2328;--accent:#4f46e5;background:#f6f8fa;font-family:system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}main{max-width:720px;margin:0 auto;padding:24px 16px}main.center{text-align:center;padding-top:15vh}header{justify-content:space-between;align-items:center;display:flex}h1{margin:0 0 8px}.card{background:#fff;border:1px solid #d0d7de;border-radius:12px;flex-direction:column;gap:12px;margin:16px 0;padding:20px;display:flex}.card h2{margin:0;font-size:1.15rem}label{flex-direction:column;gap:4px;font-size:.9rem;font-weight:500;display:flex}label.check{flex-direction:row;align-items:center;gap:8px;font-weight:400}input,textarea{font:inherit;border:1px solid #d0d7de;border-radius:8px;padding:8px 10px}button{font:inherit;border:1px solid var(--accent);background:var(--accent);color:#fff;cursor:pointer;border-radius:8px;align-self:flex-start;padding:8px 16px}button.secondary{color:var(--accent);background:#fff}button:disabled{opacity:.6;cursor:default}.row{justify-content:center;gap:12px;display:flex}.row.spread{justify-content:space-between;align-items:center}ul{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.muted{color:#656d76;font-size:.9rem}.error{color:#cf222e}code{word-break:break-word;margin-top:8px;font-size:.8rem;display:block}select{font:inherit;background:#fff;border:1px solid #d0d7de;border-radius:8px;padding:8px 10px}.field.invalid input,.field.invalid textarea,.field.invalid select{border-color:#cf222e}.req{color:#cf222e}.small{margin:0;font-size:.85rem}small.error{font-weight:400}button.link{color:var(--accent);background:0 0;border:none;padding:0;text-decoration:underline}h3{margin:8px 0 0;font-size:1rem}.grid2{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (width<=560px){.grid2{grid-template-columns:1fr}}fieldset.entry{border:1px solid #d0d7de;border-radius:8px;flex-direction:column;gap:10px;margin:0;padding:12px;display:flex}.stepper{counter-reset:step;flex-flow:wrap;gap:6px}.stepper li{counter-increment:step;color:#656d76;background:#f6f8fa;border-radius:999px;padding:4px 10px;font-size:.85rem}.stepper li:before{content:counter(step) ". "}.stepper li.active{background:var(--accent);color:#fff}.stepper li.done{color:var(--accent)}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{color:#3730a3;background:#eef0ff;border-radius:999px;align-items:center;gap:4px;padding:3px 10px;font-size:.85rem;display:inline-flex}.chip button{color:inherit;background:0 0;border:none;padding:0 2px;line-height:1}button.chip.toggle{color:#1f2328;background:#fff;border:1px solid #d0d7de;padding:5px 12px}button.chip.toggle.on{border-color:var(--accent);background:var(--accent);color:#fff}.tags{background:#fff;border:1px solid #d0d7de;border-radius:8px;flex-wrap:wrap;align-items:center;gap:6px;padding:6px;display:flex}.tags input{border:none;outline:none;flex:1;min-width:120px;padding:4px}.field.invalid .tags{border-color:#cf222e}.slots{flex-direction:column;gap:8px;display:flex}.slot-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}li.mentor{border:1px solid #d0d7de;border-radius:8px;flex-direction:column;gap:8px;padding:14px;display:flex}li.mentor p{margin:0}li.mentor dl{grid-template-columns:max-content 1fr;gap:4px 12px;margin:0;font-size:.9rem;display:grid}li.mentor dt{color:#656d76}li.mentor dd{margin:0}ul.plain{gap:6px}a{color:var(--accent)}.section{border-top:1px solid #d0d7de;flex-direction:column;gap:10px;padding-top:12px;display:flex}.section dl{grid-template-columns:max-content 1fr;gap:4px 12px;margin:0;font-size:.9rem;display:grid}.section dt{color:#656d76}.section dd{margin:0}.section-form{flex-direction:column;gap:12px;display:flex}.badge{color:#116329;background:#dafbe1;border-radius:999px;padding:3px 10px;font-size:.8rem}.badge.pending{color:#7d4e00;background:#fff8c5}.success{color:#116329;margin:0}.avatar{object-fit:cover;color:#3730a3;background:#eef0ff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:600;display:inline-flex}.avatar-upload{align-items:center;gap:16px;display:flex}.avatar-actions{flex-direction:column;gap:6px;display:flex}.who{align-items:center;gap:12px;display:flex}.price{color:#1f2328;font-size:.9rem;font-weight:600}.booking{border-top:1px dashed #d0d7de;flex-direction:column;gap:10px;padding-top:12px;display:flex}.days{flex-direction:column;gap:10px;max-height:320px;display:flex;overflow-y:auto}.day{flex-direction:column;gap:6px;display:flex}.day-label{font-size:.85rem;font-weight:600}.checkout{border:1px solid var(--accent);background:#f8f8ff;border-radius:8px;flex-direction:column;gap:8px;padding:12px;display:flex}.notice{color:#7d4e00;background:#fff8c5;border-radius:8px;margin:0;padding:8px 12px}li.session{border:1px solid #d0d7de;border-radius:8px;flex-direction:column;gap:8px;padding:12px;display:flex}li.session p{margin:0}a.join{background:var(--accent);color:#fff;border-radius:8px;align-self:flex-start;padding:6px 14px;font-size:.9rem;text-decoration:none}.tabs{border-bottom:1px solid #d0d7de;gap:4px;display:flex}button.tab{color:#656d76;background:0 0;border:none;border-bottom:2px solid #0000;border-radius:0;padding:6px 12px}button.tab.on{color:var(--accent);border-bottom-color:var(--accent)}.muted-badge{color:#656d76;background:#f6f8fa}li.mentor.clickable{cursor:pointer;transition:border-color .15s,box-shadow .15s}li.mentor.clickable:hover,li.mentor.clickable:focus-visible{border-color:var(--accent);outline:none;box-shadow:0 2px 8px #4f46e51f}.open-hint{color:var(--accent);white-space:nowrap;font-size:.85rem}.profile-head{align-items:center;gap:16px;display:flex}.profile-head h2{font-size:1.4rem}code.inline{margin:0;font-size:.85em;display:inline}button.small-btn{padding:4px 12px;font-size:.85rem}.notice.row{flex-wrap:wrap;gap:12px}