.flow-rank-open{position:relative;z-index:30;display:block;margin:8px auto 0;padding:10px 22px;border:1px solid #f2efe62f;border-radius:999px;background:#080b16e8;color:#cbd7de;font:600 9px/1 system-ui;letter-spacing:.16em;pointer-events:auto;touch-action:manipulation}
.flow-rank-dialog{width:min(430px,calc(100vw - 28px));max-height:min(720px,calc(100dvh - 40px));padding:22px;border:1px solid #f2efe62c;border-radius:25px;background:linear-gradient(160deg,#172136fa,#050812fc 72%);color:#f2efe6;box-shadow:0 30px 100px #000c;overflow:auto}
.flow-rank-dialog::backdrop{background:#01030bd9;backdrop-filter:blur(10px)}.flow-rank-dialog header{display:flex;justify-content:space-between;align-items:center}.flow-rank-dialog header small{color:#e8b44a;letter-spacing:.22em}.flow-rank-dialog header button{border:0;background:none;color:#f2efe6;font-size:23px}.flow-rank-dialog h2{margin:14px 0 17px;font:400 27px/1.2 Georgia,'Noto Serif KR',serif}.flow-rank-dialog nav{display:flex;gap:7px;margin:0 0 9px}.flow-rank-dialog nav button{flex:1;padding:10px 4px;border:1px solid #f2efe620;border-radius:12px;background:#f2efe607;color:#8d99a9;font:600 9px/1 system-ui;letter-spacing:.08em}.flow-rank-dialog nav button.active{border-color:#e8b44a70;color:#e8c878;background:#e8b44a10}.flow-rank-dialog [data-flow-rank-status]{min-height:18px;margin:15px 0 8px;color:#91a0ae;font:500 9px/1.5 system-ui}.flow-rank-dialog ol{margin:0;padding:0;list-style:none}.flow-rank-dialog li{display:grid;grid-template-columns:34px 1fr auto;gap:8px;align-items:center;padding:13px 4px;border-top:1px solid #f2efe613}.flow-rank-dialog li>b{color:#e8b44a;font:500 11px/1 system-ui}.flow-rank-dialog li span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:500 12px/1.2 system-ui}.flow-rank-dialog li strong{font:600 12px/1 system-ui;font-variant-numeric:tabular-nums}.flow-rank-dialog footer{margin-top:14px;color:#748091;font:500 9px/1.55 system-ui;text-align:center}
.flow-rank-dialog .flow-record-tabs{margin:16px 0 4px;padding:3px;border:1px solid #f2efe619;border-radius:999px;background:#02050d66}.flow-rank-dialog .flow-record-tabs button{border:0;border-radius:999px}.flow-rank-dialog .flow-record-tabs button.active{background:#f2efe60e;box-shadow:inset 0 0 0 1px #d9bc7a45}.flow-rank-dialog [data-record-panel][hidden]{display:none}