.sy-add{flex-wrap:wrap;align-items:flex-end;gap:10px;display:flex}.sy-add .sy-grow{flex:220px;min-width:0}.sy-add .field{min-width:0}.sy-list{flex-direction:column;gap:14px;display:flex}.sy-exam{flex-direction:column;gap:10px;display:flex}.sy-exam.soon{border-color:var(--sun)}.sy-exam.today{border-color:var(--bad)}.sy-exam.past{opacity:.7}.sy-exam.done .sy-bar i{background:var(--good)}.sy-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.sy-head .tx-ans{text-align:right;min-width:120px}.sy-head .tx-ans b{font-size:24px}.sy-bar{border:2px solid var(--ink);background:var(--sunk);border-radius:999px;height:12px;overflow:hidden}.sy-bar i{background:var(--accent);height:100%;transition:width .2s;display:block}.sy-note{margin:0;font-size:14px}.sy-topics{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.sy-topics li{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:8px;min-height:44px;display:flex}.sy-topics label{cursor:pointer;flex:1;align-items:center;gap:10px;min-width:0;padding:8px 0;display:flex}.sy-topics label span{overflow-wrap:anywhere}.sy-topics li.done span{color:var(--muted);text-decoration:line-through}.sy-x{min-width:44px;min-height:44px;color:var(--muted);cursor:pointer;background:0 0;border:0;font-size:22px}.sy-topic-add{flex-direction:column;gap:6px;display:flex}.sy-actions{flex-wrap:wrap;gap:8px;display:flex}@media (max-width:900px),(pointer:coarse){.sy-topic-add textarea.input{font-size:16px}}@media (prefers-reduced-motion:reduce){.sy-bar i{transition:none}}