:root{
  --paper:#F6F3EC; --paper-raised:#FCFAF4; --ink:#20242E; --ink-soft:#5B5F6B;
  --rule:#DAD4C4; --teal:#2B6E63; --teal-dim:#E4EEEC; --rust:#B4552E; --rust-dim:#F5E5DC; --gold:#C08A2E;
}
*{box-sizing:border-box;}
html,body{margin:0;padding:0;}
body{background:var(--paper);color:var(--ink);font-family:'Inter',sans-serif;min-height:100vh;-webkit-font-smoothing:antialiased;}
.wrap{max-width:980px;margin:0 auto;padding:32px 24px 80px;}
.masthead{display:flex;align-items:baseline;justify-content:space-between;border-bottom:2px solid var(--ink);padding-bottom:14px;margin-bottom:20px;flex-wrap:wrap;gap:10px;}
.masthead h1{font-family:'Fraunces',serif;font-weight:600;font-size:26px;margin:0;letter-spacing:-0.01em;}
.masthead .tag{font-size:12px;color:var(--ink-soft);text-transform:uppercase;letter-spacing:0.08em;}
.tabs{display:flex;gap:4px;margin-bottom:28px;border-bottom:1px solid var(--rule);flex-wrap:wrap;}
.tab{padding:12px 18px;font-size:13.5px;font-weight:600;color:var(--ink-soft);cursor:pointer;border-bottom:2px solid transparent;background:none;border-top:none;border-left:none;border-right:none;font-family:'Inter',sans-serif;}
.tab.active{color:var(--ink);border-bottom:2px solid var(--teal);}
.card{background:var(--paper-raised);border:1px solid var(--rule);border-radius:4px;padding:28px;}
.field{margin-bottom:24px;}
.field label{display:block;font-size:12.5px;font-weight:600;text-transform:uppercase;letter-spacing:0.06em;color:var(--ink-soft);margin-bottom:10px;}
.chip-row{display:flex;flex-wrap:wrap;gap:9px;}
.chip{border:1px solid var(--rule);background:var(--paper);color:var(--ink);padding:9px 15px;border-radius:3px;font-size:13.5px;font-family:'Inter',sans-serif;cursor:pointer;transition:all .15s ease;}
.chip:hover{border-color:var(--teal);}
.chip.active{background:var(--teal);border-color:var(--teal);color:#fff;}
input[type=text],input[type=email],input[type=password],input[type=number],input[type=date],select{width:100%;padding:11px 13px;border:1px solid var(--rule);border-radius:3px;font-family:'Inter',sans-serif;font-size:14px;background:var(--paper);color:var(--ink);}
input:focus,textarea:focus,select:focus{outline:2px solid var(--teal);outline-offset:1px;}
.btn{background:var(--ink);color:#fff;border:none;padding:12px 24px;border-radius:3px;font-size:14.5px;font-weight:600;font-family:'Inter',sans-serif;cursor:pointer;transition:background .15s ease;}
.btn:hover{background:var(--teal);}
.btn:disabled{background:var(--ink-soft);cursor:not-allowed;}
.btn.secondary{background:transparent;color:var(--ink);border:1px solid var(--ink);}
.btn.secondary:hover{background:var(--ink);color:#fff;}
.btn.small{padding:7px 14px;font-size:12.5px;}
.btn.danger{background:transparent;color:var(--rust);border:1px solid var(--rust);}
.btn.danger:hover{background:var(--rust);color:#fff;}
.err{color:var(--rust);font-size:13px;margin-top:10px;}
.muted{color:var(--ink-soft);font-size:13px;}
textarea{width:100%;min-height:140px;padding:14px;border:1px solid var(--rule);border-radius:3px;background:var(--paper);color:var(--ink);font-family:'Inter',sans-serif;font-size:14px;line-height:1.6;resize:vertical;}
textarea.code-mode{font-family:'JetBrains Mono',monospace;font-size:13.5px;background:#1E2128;color:#E8E6E1;}
.badge{font-size:10.5px;text-transform:uppercase;letter-spacing:0.06em;font-weight:700;padding:3px 9px;border-radius:2px;}
.badge.technical,.badge.dsa,.badge.array,.badge.string,.badge.oop,.badge.sql{background:var(--teal-dim);color:var(--teal);}
.badge.coding{background:#E4E9F5;color:#3D4F91;}
.badge.scenario,.badge.automation{background:var(--rust-dim);color:var(--rust);}
.badge.hr,.badge.general{background:#F0E7F5;color:#7A4D91;}
.badge.fresher,.badge.easy{background:var(--teal-dim);color:var(--teal);}
.badge.junior,.badge.mid,.badge.medium{background:#FBF0DC;color:var(--gold);}
.badge.senior,.badge.hard{background:var(--rust-dim);color:var(--rust);}
table{width:100%;border-collapse:collapse;font-size:13.5px;}
th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:0.05em;color:var(--ink-soft);padding:8px 10px;border-bottom:1px solid var(--ink);}
td{padding:10px 10px;border-bottom:1px solid var(--rule);}
.qa-card{border:1px solid var(--rule);border-radius:3px;padding:16px 18px;margin-bottom:12px;background:var(--paper);cursor:pointer;}
.qa-card .q-head{display:flex;justify-content:space-between;align-items:center;gap:10px;}
.qa-card .q-text{font-weight:600;font-size:14.5px;}
.qa-answer{margin-top:12px;padding-top:12px;border-top:1px dashed var(--rule);font-size:13.5px;line-height:1.6;color:var(--ink-soft);display:none;}
.qa-card.open .qa-answer{display:block;}
.stat-row{display:flex;gap:16px;margin-bottom:24px;flex-wrap:wrap;}
.stat{border:1px solid var(--rule);border-radius:3px;padding:14px 18px;background:var(--paper);flex:1;min-width:120px;}
.stat .n{font-family:'Fraunces',serif;font-size:26px;font-weight:600;color:var(--teal);}
.stat .l{font-size:11px;text-transform:uppercase;letter-spacing:0.05em;color:var(--ink-soft);}
.prob-item{border:1px solid var(--rule);border-radius:3px;padding:14px 16px;margin-bottom:10px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;background:var(--paper);}
.prob-item.solved{border-color:var(--teal);}
.prob-item .title{font-weight:600;font-size:14px;}
.test-result{padding:10px 12px;border-radius:3px;font-family:'JetBrains Mono',monospace;font-size:12.5px;margin-bottom:6px;}
.test-result.pass{background:var(--teal-dim);color:var(--teal);}
.test-result.fail{background:var(--rust-dim);color:var(--rust);}
.annotation{margin-top:24px;border-top:1px dashed var(--rule);padding-top:20px;}
.stamp-row{display:flex;align-items:center;gap:16px;margin-bottom:14px;}
.stamp{width:58px;height:58px;border-radius:50%;border:2.5px solid var(--gold);color:var(--gold);display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:'JetBrains Mono',monospace;transform:rotate(-6deg);flex-shrink:0;}
.stamp .num{font-size:20px;font-weight:700;line-height:1;}
.stamp .of{font-size:8.5px;letter-spacing:0.05em;}
.notes-cols{display:grid;grid-template-columns:1fr 1fr;gap:20px;}
.notes-col h4{font-size:11.5px;text-transform:uppercase;letter-spacing:0.06em;margin:0 0 8px;color:var(--ink-soft);}
.notes-col.strength h4{color:var(--teal);} .notes-col.improve h4{color:var(--rust);}
.notes-col ul{margin:0;padding-left:18px;font-size:13px;line-height:1.6;}
.back-link{font-size:13px;color:var(--ink-soft);cursor:pointer;margin-bottom:14px;display:inline-block;}
.back-link:hover{color:var(--teal);}
@media(max-width:640px){ .notes-cols{grid-template-columns:1fr;} }