.rhythm-levels{display:grid;gap:10px;margin-top:21px}.rhythm-level{display:flex;align-items:center;gap:13px;background:linear-gradient(110deg,#edf7ff,#fffefa);border:1px solid #c9e2ed;border-bottom:4px solid #b8d9e6;padding:12px;border-radius:14px;color:#37728d;text-align:left;font-weight:800}.rhythm-level>b{display:grid;place-items:center;background:#0783bd;color:white;width:43px;height:43px;border-radius:11px;font-size:24px;flex-shrink:0;box-shadow:0 3px 0 #9ac8da}.rhythm-level>span{font-size:13px}.rhythm-level small{display:block;color:#8aa2a8;font-size:10px;font-weight:500;margin-top:5px}.rhythm-level i{margin-left:auto;color:#6ba5bf;font-style:normal}.rhythm-level:nth-child(4n+2){background:linear-gradient(110deg,#edf9ef,#fffefa);border-color:#c7e2ca;border-bottom-color:#b0d5bd}.rhythm-level:nth-child(4n+2)>b{background:#159651;box-shadow:0 3px 0 #acd8b7}.rhythm-level:nth-child(4n+3){background:linear-gradient(110deg,#fff0ee,#fffefa);border-color:#edcecb;border-bottom-color:#e7bdb8}.rhythm-level:nth-child(4n+3)>b{background:#da4147;box-shadow:0 3px 0 #e7b9b9}.rhythm-level:nth-child(4n+4){background:linear-gradient(110deg,#fff8dd,#fffefa);border-color:#ebddac;border-bottom-color:#e3ce93}.rhythm-level:nth-child(4n+4)>b{background:#c6a02e;box-shadow:0 3px 0 #e1cd8e}.rhythm-level:hover{filter:brightness(.98);transform:translateY(-1px)}.rhythm-chain{display:flex;justify-content:center;align-items:center;gap:8px;flex-wrap:wrap;min-height:98px;padding:16px 10px;background:linear-gradient(110deg,#edf8fc,#fff9e6);border:1px solid #d3e6e9;border-bottom:4px solid #bcdbe6;border-radius:18px}.rhythm-number{display:grid;place-items:center;min-width:44px;min-height:49px;padding:7px;border:1px solid #d2e5eb;border-bottom:3px solid #b9d6e1;border-radius:10px;background:#fff;color:#087fb6;font-size:25px;font-weight:900}.rhythm-number.rhythm-question{border:2px dashed #d8b344;background:#fff5ce;color:#bd972c;min-width:48px}.rhythm-arrow{color:#c3a34c;font-size:13px}.rhythm-ellipsis{color:#93b2be;font-size:24px}.rhythm-screen .addition-emblem{font-size:30px}#rhythm-hint{text-align:center;color:#8fa2a3;font-size:10px;line-height:1.8;margin:16px 0 0}.rhythm-screen #rhythm-clear{font-size:12px;background:#f5f2e5;color:#a69356;border-color:#e5dcbd}.rhythm-screen #rhythm-delete{font-size:22px;background:#f5f2e5;color:#a69356;border-color:#e5dcbd}.rhythm-result-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:end}.rhythm-screen .addition-heading h2{font-size:27px}@media(max-width:420px){.rhythm-chain{gap:5px;padding:14px 8px}.rhythm-number{min-width:35px;min-height:42px;font-size:21px;padding:5px}.rhythm-arrow{font-size:10px}.rhythm-screen .addition-heading h2{font-size:23px}.rhythm-level>span{font-size:12px}}