:root{color:#eef3f8;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0f1419;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.7}.app-shell{width:min(100%,920px);margin:0 auto;padding:18px 14px 32px}.app-header{z-index:30;justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px;display:flex;position:relative}.brand{color:#eef3f8;align-items:center;gap:10px;min-width:0;font-weight:800;text-decoration:none;display:inline-flex}.brand__mark{color:#11161c;background:#f3ba2f;border-radius:6px;flex:none;place-items:center;width:38px;height:28px;font-size:.78rem;display:inline-grid}.icon-button,.toolbar button{color:#eef3f8;background:#18212a;border:1px solid #334252;border-radius:8px;min-height:40px;padding:0 14px;font-weight:750}.icon-button--active{border-color:#f3ba2f}.header-actions{align-items:center;gap:10px;display:flex}.refresh-control{z-index:40;position:relative}.refresh-control .icon-button{min-width:82px}.refresh-menu{background:#151c23;border:1px solid #f3ba2f;border-radius:8px;gap:4px;min-width:112px;padding:6px;display:grid;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 18px 48px #0000005c}.refresh-menu__item{color:#d3dbe5;text-align:left;background:0 0;border:0;border-radius:6px;min-height:34px;padding:0 10px;font-weight:750}.refresh-menu__item--active,.refresh-menu__item:hover{color:#eef3f8;background:#202b36}.toolbar{background:#151c23;border:1px solid #273342;border-radius:8px;grid-template-columns:repeat(5,minmax(0,1fr)) auto;align-items:end;gap:10px;padding:12px;display:grid}.toolbar label{gap:6px;min-width:0;display:grid}.toolbar span{color:#aeb8c4;font-size:.78rem;font-weight:800}.toolbar input{color:#eef3f8;background:#10161c;border:1px solid #334252;border-radius:8px;width:100%;height:40px;padding:0 12px}.toolbar input[type=range]{accent-color:#f3ba2f;padding:0}.volume-field{min-width:150px}.toolbar__actions{gap:8px;display:flex}.toolbar .audio-button{min-width:116px}.toolbar .audio-button--ready{color:#8fe6c3;border-color:#1d7f63}.toolbar .button-primary{color:#11161c;background:#f3ba2f;border-color:#f3ba2f}.status-row{color:#aeb8c4;flex-wrap:wrap;gap:8px;margin:12px 0;font-size:.88rem;display:flex}.status-row span{background:#121920;border:1px solid #273342;border-radius:999px;padding:5px 10px}.page-scrim{z-index:20;cursor:default;background:0 0;border:0;position:fixed;inset:0}.error-panel,.empty-state{color:#ffb0bd;background:#24151a;border:1px solid #7f3340;border-radius:8px;padding:12px 14px}.empty-state{color:#aeb8c4;background:#151c23;border-color:#334252}.orders{gap:10px;display:grid}.orders--updating{opacity:.72}.order-card{background:#151c23;border:1px solid #273342;border-radius:8px;gap:12px;padding:14px;display:grid}.order-card__main{grid-template-columns:minmax(0,1fr) auto;gap:12px;display:grid}.trader{gap:5px;min-width:0;display:grid}.trader__title{align-items:center;gap:7px;min-width:0;display:flex}.trader h2{color:#eef3f8;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:1rem;overflow:hidden}.badge{color:#eef3f8;border-radius:6px;flex:none;place-items:center;min-width:26px;height:22px;padding:0 7px;font-size:.72rem;font-weight:850;display:inline-grid}.badge--blue{background:#2354d8}.badge--gray{background:#536170}.badge--orange{background:#b56a1d}.trader__stats,.payments{flex-wrap:wrap;gap:6px;display:flex}.trader__stats span,.payments span{color:#aeb8c4;font-size:.82rem}.trader__stats span:not(:last-child):after{color:#536170;content:" /"}.price{text-align:right;align-content:start;justify-items:end;gap:4px;display:grid}.price strong{color:#f3ba2f;font-variant-numeric:tabular-nums;font-size:1.12rem}.price span{color:#d3dbe5;font-size:.9rem;font-weight:700}.payments span{color:#d3dbe5;background:#10161c;border-left:3px solid #f3ba2f;border-radius:4px;padding:5px 8px}.remark{color:#aeb8c4;text-align:left;white-space:pre-wrap;background:0 0;border:0;gap:8px;width:100%;padding:0;display:grid}.remark:disabled{cursor:default;opacity:1}.remark__text--clamped{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.remark__toggle{color:#f3ba2f;font-weight:800}@media (width<=720px){.app-shell{padding-inline:10px}.toolbar{grid-template-columns:1fr 1fr}.toolbar__actions{grid-column:1/-1}.toolbar__actions button{flex:1}}@media (width<=520px){.order-card__main{grid-template-columns:1fr;align-items:stretch}.app-header{display:grid}.header-actions{grid-template-columns:1fr 1fr;display:grid}.refresh-control{position:static}.refresh-menu{width:min(164px,100vw - 16px);min-width:0;position:fixed;top:114px;left:8px;right:auto}.toolbar{grid-template-columns:1fr}.price{text-align:left;justify-items:start}}