:root{--paper:#fdfbf7;--ink:#2d2d2d;--red:#ff4d4d;--blue:#2d5da1;--yellow:#ffe082;--line:3px solid var(--ink);--shadow:4px 4px 0 var(--ink)}*{box-sizing:border-box}body{margin:0;color:var(--ink);font:20px/1.35 "Patrick Hand","Microsoft YaHei",sans-serif;background-color:var(--paper);background-image:radial-gradient(#d8d1c6 1px,transparent 1px);background-size:18px 18px}.katex,.katex *{box-sizing:content-box!important;text-transform:none!important;letter-spacing:normal!important}button,input,select{font:inherit;color:inherit}.app{min-height:100vh}.topbar{display:flex;align-items:center;gap:12px;padding:14px 20px;border-bottom:var(--line);background:var(--paper);position:sticky;top:0;z-index:5}.brand{font:700 28px/1 "Kalam",cursive;white-space:nowrap}.nav{display:flex;gap:8px;flex:1;justify-content:center}.btn,.nav button,.filter select{border:var(--line);border-radius:10px 13px 9px 12px;background:#fff;padding:6px 12px;cursor:pointer;box-shadow:2px 2px 0 var(--ink);transition:transform .16s ease,box-shadow .16s ease}.btn:hover,.nav button:hover,.question-row:hover{transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--ink)}.nav button.active,.btn.primary{background:var(--red);color:#fff}.btn.blue{background:var(--blue);color:#fff}.btn.yellow{background:var(--yellow)}.icon{display:none}.layout{display:grid;grid-template-columns:290px minmax(450px,1fr) 270px;gap:18px;max-width:1600px;margin:20px auto;padding:0 20px}.panel,.card{background:rgba(253,251,247,.95);border:var(--line);border-radius:18px 12px 20px 14px;box-shadow:var(--shadow)}.left,.right{height:calc(100vh - 105px);overflow:auto;padding:14px;position:sticky;top:85px}.panel h2,.panel h3{font:700 24px "Kalam",cursive;margin:4px 0 10px}.filter{display:grid;gap:8px;margin-bottom:16px}.filter label{font-weight:bold}.filter select{width:100%;background:#fff}.question-list{display:grid;gap:8px}.question-row{border:2px solid var(--ink);border-radius:10px;padding:8px;background:#fff;cursor:pointer;transition:.16s}.question-row.current{background:var(--yellow);border-width:3px}.tiny-tags,.tags{display:flex;flex-wrap:wrap;gap:5px}.tag{font-size:14px;border:1.5px solid var(--ink);border-radius:999px;padding:1px 7px;background:#fff}.tag.red{background:#ffd1d1}.tag.blue{background:#dbeaff}.main{min-width:0}.status{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px}.progress{height:16px;border:var(--line);border-radius:999px;background:#fff;overflow:hidden;flex:1}.progress b{display:block;height:100%;background:repeating-linear-gradient(45deg,var(--red),var(--red) 10px,#ff7979 10px,#ff7979 20px);transition:width .25s}.card{padding:24px}.question-head{display:flex;justify-content:space-between;gap:12px}.question-title{font-size:26px;white-space:pre-wrap;margin:16px 0}.star{background:transparent;border:0;font-size:34px;cursor:pointer;line-height:1}.star.on{color:#f7bb19}.options{display:grid;gap:12px}.option{width:100%;text-align:left;border:var(--line);background:#fff;border-radius:12px;padding:12px 15px;cursor:pointer;box-shadow:2px 2px 0 var(--ink);transition:.15s}.option:hover:not(:disabled){transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--ink)}.option.selected{background:#dbeaff}.option.wrong{background:#ffc6c6;color:#9d1515}.option:disabled{cursor:default}.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.reveal{margin-top:12px;padding:12px;background:#fff;border:2px dashed var(--blue);border-radius:10px;white-space:pre-wrap}.notice{margin:14px 0;padding:10px;border:2px solid var(--ink);background:#fff3bd}.cloud-group{margin-bottom:16px}.cloud{display:flex;gap:7px;flex-wrap:wrap}.cloud button{border:2px solid var(--ink);border-radius:999px;background:#fff;cursor:pointer;padding:3px 8px}.cloud button.on{background:var(--blue);color:#fff}.empty{padding:30px;text-align:center}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.stat{padding:16px;background:#fff;border:var(--line);border-radius:12px;box-shadow:2px 2px 0 var(--ink)}.stat b{display:block;font:32px "Kalam",cursive}.table{width:100%;border-collapse:collapse;background:#fff}.table td,.table th{border:2px solid var(--ink);padding:7px;text-align:left}.drawer-close{display:none}
@media(max-width:1050px){.layout{grid-template-columns:270px 1fr}.right{position:fixed;right:0;top:70px;width:290px;height:calc(100vh - 70px);z-index:8;transform:translateX(110%);transition:transform .25s}.right.open{transform:translateX(0)}.icon{display:inline-block}.drawer-close{display:block;float:right}.cloud-toggle{display:inline-block}}
@media(min-width:1051px){.cloud-toggle{display:none}}
@media(max-width:720px){body{font-size:18px}.topbar{padding:10px}.brand{font-size:22px}.nav{justify-content:flex-end}.nav button{display:none}.nav button.active{display:block}.layout{display:block;margin:12px auto;padding:0 12px}.left{position:fixed;left:0;top:61px;width:280px;height:calc(100vh - 61px);z-index:8;transform:translateX(-110%);transition:transform .25s}.left.open{transform:translateX(0)}.main{padding-top:0}.card{padding:16px}.question-title{font-size:23px}.stat-grid{grid-template-columns:repeat(2,1fr)}.status{flex-wrap:wrap}.topbar .btn{padding:4px 8px}.nav{gap:2px}}
.reveal b{font-size:25px}.reveal div{font-size:25px;line-height:1.55}