:root{color-scheme:dark;--control-h: 44px;--topbar-h: 64px}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:#000;color:#fff;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";font-size:16px}@media (max-width: 768px){body{font-size:18px}}a{color:#f44}.topbar{display:flex;align-items:center;gap:.75rem;padding:1rem;border-bottom:1px solid #222;position:fixed;top:0;left:0;right:0;z-index:1000;background:#000}.topbar a{color:inherit;text-decoration:none;display:inline-flex;align-items:center}.topbar .logo{height:32px}.title{font-weight:700;text-transform:lowercase;letter-spacing:.06em}.container{padding:1rem;margin-top:var(--topbar-h)}.topbar+.container{padding-top:0}.tabs{display:flex;gap:.5rem;border-bottom:1px solid #222;margin-bottom:1rem;position:sticky;top:var(--topbar-h);z-index:900;background:#000}.tab{padding:.75rem 1rem;cursor:pointer;border-bottom:2px solid transparent;min-height:44px;display:flex;align-items:center}.tab.active{border-bottom-color:#f44;color:#f44}@media (max-width: 768px){.tabs{gap:0}.tab{flex:1;justify-content:center;text-align:center;padding:.75rem 0}.tab.active{background:#121212}}.btn{background:#111;color:#fff;border:1px solid #333;padding:0 .9rem;border-radius:.5rem;cursor:pointer;height:var(--control-h);min-height:var(--control-h);display:inline-flex;align-items:center}.btn.primary{background:#f44;border-color:#f44;color:#000;font-weight:600}.row{display:flex;gap:.75rem;align-items:center}.input{flex:1;padding:0 .75rem;background:#111;color:#fff;border:1px solid #333;border-radius:.5rem;height:var(--control-h);min-height:var(--control-h);font-size:1rem}.row .input{min-width:0}.error{color:#f44;font-size:.9rem}.iconbtn{background:transparent;border:0;color:#ddd;cursor:pointer;padding:.5rem;display:inline-flex;align-items:center;justify-content:center;font-size:1.25rem;min-width:44px;min-height:44px;border-radius:.5rem}.iconbtn:hover{color:#fff}.item{display:flex;align-items:center;gap:.75rem;padding:.6rem 0;border-bottom:1px solid #111}.item .content{flex:1;font-size:1.125rem;line-height:1.5}@media (max-width: 768px){.item .content{font-size:1.25rem}}.muted{color:#aaa}.idx{color:#888;min-width:2.2rem;text-align:right;font-variant-numeric:tabular-nums}@media (max-width: 520px){.container{padding:.5rem}.topbar+.container{padding-top:0}.item{gap:.5rem}.idx{min-width:1.6rem}}.swipe-wrap{position:relative;overflow:hidden}.swipe-bg{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:space-between;padding:0 1rem;pointer-events:none;transition:background-color .15s ease}.swipe-bg .left,.swipe-bg .right{color:#bbb}.swipe-foreground{position:relative;background:transparent;transition:transform .15s ease;will-change:transform}.swipe-foreground.dragging{transition:none}.action-icon{opacity:.9;display:flex;align-items:center;gap:.4rem;font-weight:600}.action-icon .lbl{color:#bbb;font-size:.9rem}.menu-btn{margin-left:auto;background:transparent;border:0;color:#ddd;cursor:pointer;font-size:1.5rem;padding:.5rem;border-radius:.5rem;min-width:44px;min-height:44px}.menu-btn:hover{color:#fff}.menu-panel{position:fixed;right:1rem;top:var(--topbar-h);background:#121212;border:1px solid #333;border-radius:.6rem;box-shadow:0 12px 28px #000000a6;width:min(92vw,360px);z-index:1100;-webkit-backdrop-filter:saturate(120%) blur(2px);backdrop-filter:saturate(120%) blur(2px)}.menu-panel .section{padding:.75rem 1rem;border-bottom:1px solid #111}.menu-panel .item{padding:.6rem 1rem;border:0;display:flex;gap:.6rem;align-items:center;cursor:pointer;width:100%;background:transparent;color:#ddd;text-align:left}.menu-panel .item:hover{background:#151515;color:#fff}.menu-panel a.item{text-decoration:none;color:inherit}.menu-panel .item .ix{width:24px;flex:0 0 24px;display:inline-flex;align-items:center;justify-content:center}.menu-panel .item svg{width:20px;height:20px}.btn svg{width:20px;height:20px}.langset{display:flex;gap:.5rem;padding:.25rem;background:#111;border-radius:.5rem}.langset button{flex:1;background:transparent;color:#ddd;border:1px solid #222;border-radius:.4rem;padding:.4rem .5rem;cursor:pointer}.langset button.active{background:#f44;color:#000;border-color:#f44;font-weight:600}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:1100}.modal{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:min(92vw,560px);background:#0b0b0b;border:1px solid #222;border-radius:.8rem;box-shadow:0 12px 36px #0009;z-index:1110}.modal .hd{padding:1rem;border-bottom:1px solid #111;font-weight:700}.modal .bd{padding:1rem;color:#ddd;line-height:1.6}.modal .ft{padding:1rem;border-top:1px solid #111;text-align:right}