:root{--bg:#f4f5f7;--surface:#fff;--surface-2:#f0f1f4;--text:#15171a;--muted:#6b7079;--border:#e2e4e8;--accent:#2563eb;--accent-text:#fff;--up:#0f8a4a;--down:#d1342f;--alert-bg:#fde8e7;--alert-border:#f2a19d;--shadow:0 1px 2px #0000000d, 0 2px 8px #0000000a;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;-webkit-text-size-adjust:100%;font-family:-apple-system,BlinkMacSystemFont,Hiragino Sans,Hiragino Kaku Gothic ProN,Segoe UI,Noto Sans JP,sans-serif;font-size:16px;line-height:1.45}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#0e1013;--surface:#181b20;--surface-2:#22262c;--text:#eceef1;--muted:#9aa0aa;--border:#2c3138;--accent:#4f8cff;--up:#34c77b;--down:#ff6b63;--alert-bg:#3a1a1a;--alert-border:#8a3430;--shadow:none}}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);margin:0}body{min-height:100dvh}button,input,select{font:inherit;color:inherit}a{color:var(--accent);text-decoration:none}.up{color:var(--up)}.down{color:var(--down)}.muted{color:var(--muted)}.small{font-size:.8rem}.strong{font-weight:700}.center{text-align:center;padding:2rem}.error{color:var(--down);margin:.4rem 0}.num,.big,.huge{font-variant-numeric:tabular-nums}.right{text-align:right}.label{color:var(--muted);letter-spacing:.02em;font-size:.72rem}button{cursor:pointer;background:0 0;border:0}button:disabled{opacity:.55;cursor:default}.primary{background:var(--accent);color:var(--accent-text);border-radius:10px;padding:.6rem 1rem;font-weight:600}.ghost{border:1px solid var(--border);background:var(--surface);border-radius:10px;padding:.45rem .8rem}.danger{color:var(--down);border:1px solid var(--down);border-radius:10px;padding:.6rem 1rem}.link{color:var(--accent);padding:.25rem .35rem}.small-btn{margin-top:.5rem;font-size:.85rem}.app{max-width:1280px;padding:calc(env(safe-area-inset-top) + .5rem) max(16px, env(safe-area-inset-right)) calc(env(safe-area-inset-bottom) + 5rem) max(16px, env(safe-area-inset-left));margin:0 auto}.demo-banner{color:#5a4800;text-align:center;background:#fff4cc;padding:.35rem 1rem;font-size:.8rem}.demo-banner a{margin-left:.5rem}.topbar{justify-content:space-between;align-items:center;gap:.5rem;padding:.5rem 0;display:flex}.topbar-right{align-items:center;gap:.25rem;display:flex}.tabs{background:var(--surface-2);border-radius:12px;padding:3px;display:flex}.tabs button{color:var(--muted);border-radius:9px;padding:.45rem 1rem;font-weight:600}.tabs button.on{background:var(--surface);color:var(--text);box-shadow:var(--shadow)}.count{color:var(--muted);margin-left:.3rem;font-size:.7rem;font-weight:400}.menu{position:relative}.menu summary{cursor:pointer;padding:.2rem .6rem;font-size:1.3rem;list-style:none}.menu summary::-webkit-details-marker{display:none}.menu-body{background:var(--surface);border:1px solid var(--border);z-index:10;min-width:12rem;box-shadow:var(--shadow);border-radius:10px;padding:.5rem .75rem;position:absolute;top:2.2rem;right:0}.menu-body p{word-break:break-all;margin:0 0 .3rem}.summary{background:var(--surface);box-shadow:var(--shadow);border:1px solid var(--border);border-radius:16px;padding:1rem}.summary-main{justify-content:space-between;align-items:flex-end;gap:1rem;display:flex}.huge{font-size:1.7rem;font-weight:700;line-height:1.15}.summary-sub{flex-wrap:wrap;align-items:center;gap:.35rem .9rem;margin-top:.6rem;display:flex}.toolbar{flex-wrap:wrap;align-items:center;gap:.5rem;margin:1rem 0 .75rem;display:flex}.sort{color:var(--muted);align-items:center;gap:.4rem;font-size:.85rem;display:flex}.sort select{border:1px solid var(--border);background:var(--surface);border-radius:10px;padding:.4rem .5rem}.toolbar .add{margin-left:auto}.cards{grid-template-columns:1fr;gap:.75rem;display:grid}@media (width>=640px){.cards{grid-template-columns:1fr 1fr;align-items:start}}.card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);cursor:pointer;border-radius:16px;padding:.85rem 1rem .5rem}.card-alert{border-color:var(--alert-border);background:linear-gradient(var(--alert-bg), var(--surface) 70%)}.card-head{justify-content:space-between;align-items:flex-start;gap:.5rem;display:flex}.card-title{min-width:0}.name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:1.02rem;font-weight:700;display:inline-block;overflow:hidden}a.name:hover{color:var(--accent)}.card-main{grid-template-columns:1.4fr 1fr 1fr;align-items:end;gap:.5rem;margin-top:.6rem;display:grid}.big{font-size:1.3rem;font-weight:700;line-height:1.2}.card-sub{color:var(--muted);flex-wrap:wrap;gap:.15rem .9rem;margin-top:.55rem;display:flex}.card-sub b{color:var(--text);font-variant-numeric:tabular-nums}.card-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-top:.5rem;display:flex}.expand-hint{text-align:center;padding-top:.35rem}.ext-links{gap:.9rem;font-size:.85rem;display:flex}.badge-alert{background:var(--down);color:#fff;white-space:nowrap;border-radius:999px;padding:.15rem .55rem;font-size:.72rem;font-weight:700;display:inline-block}.lots{border-top:1px solid var(--border);cursor:default;margin-top:.75rem;padding-top:.5rem}.lot-table{border-collapse:collapse;width:100%;font-size:.88rem}.lot-table th{color:var(--muted);text-align:left;padding:.3rem .25rem;font-size:.72rem;font-weight:500}.lot-table td{border-top:1px solid var(--border);vertical-align:top;padding:.45rem .25rem}.num,.lot-table th.num{text-align:right}.table-wrap{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:16px;overflow-x:auto}.holding-table{border-collapse:collapse;width:100%;font-size:.9rem}.holding-table th{background:var(--surface);text-align:left;color:var(--muted);border-bottom:1px solid var(--border);white-space:nowrap;padding:.6rem .7rem;font-size:.75rem;font-weight:500;position:sticky;top:0}.holding-table th.num{text-align:right}.holding-table td{border-bottom:1px solid var(--border);vertical-align:top;white-space:nowrap;padding:.6rem .7rem}.holding-table .row{cursor:pointer}.holding-table .row:hover{background:var(--surface-2)}.holding-table .row-alert,.holding-table .row-alert:hover{background:var(--alert-bg)}.holding-table .name{max-width:16rem}.caret{width:1rem;color:var(--muted);display:inline-block}.indent{padding-left:1rem}.detail-row td{background:var(--surface-2);white-space:normal}.detail-row .lots{border-top:0;max-width:760px;margin-top:0}.empty{text-align:center;background:var(--surface);border:1px dashed var(--border);border-radius:16px;padding:2.5rem 1rem}.footnote{text-align:center;margin-top:1.5rem}.modal-bg{z-index:50;background:#00000073;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.modal{background:var(--surface);width:100%;max-width:520px;max-height:92dvh;padding:1rem 1rem calc(1rem + env(safe-area-inset-bottom));border-radius:18px 18px 0 0;overflow-y:auto}@media (width>=640px){.modal-bg{align-items:center}.modal{border-radius:18px}}.modal-head{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.modal-head h2{margin:0;font-size:1.05rem}.form{flex-direction:column;gap:.75rem;display:flex}.form label,.login-box label{color:var(--muted);flex-direction:column;gap:.25rem;font-size:.82rem;display:flex}.form input,.login-box input{color:var(--text);background:var(--surface-2);border:1px solid var(--border);border-radius:10px;width:100%;min-height:2.75rem;padding:.6rem .7rem;font-size:16px}.form input:disabled{opacity:.7}.form fieldset{border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:.75rem;margin:0;padding:.75rem;display:flex}.form legend{padding:0 .3rem;font-size:.82rem;font-weight:600}.form p{margin:0}.row-input{gap:.5rem;display:flex}.row-input .ghost{white-space:nowrap}.seg{background:var(--surface-2);border-radius:10px;padding:3px;display:flex}.seg button{color:var(--muted);border-radius:8px;flex:1;padding:.4rem;font-size:.85rem}.seg button.on{background:var(--surface);color:var(--text);box-shadow:var(--shadow);font-weight:600}.form-actions{justify-content:flex-end;gap:.5rem;margin-top:.25rem;display:flex}.form-actions .primary{min-width:7rem}.login{justify-content:center;align-items:center;min-height:100dvh;padding:16px;display:flex}.login-box{background:var(--surface);border:1px solid var(--border);border-radius:18px;flex-direction:column;gap:.9rem;width:100%;max-width:360px;padding:1.5rem;display:flex}.login-box h1{margin:0 0 .25rem;font-size:1.3rem}@media (width<=380px){.big{font-size:1.12rem}.huge{font-size:1.45rem}.tabs button{padding:.45rem .7rem}}@media (width<=639px){.toolbar .add{z-index:20;right:max(16px, env(safe-area-inset-right));bottom:calc(16px + env(safe-area-inset-bottom));border-radius:999px;padding:.8rem 1.2rem;position:fixed;box-shadow:0 4px 16px #00000040}}.lot-table td.num,.lot-table th{white-space:nowrap}.lot-table td:last-child{width:1%;padding-right:0}@media (width<=420px){.lot-table{font-size:.8rem}.lot-table td{padding:.45rem .15rem}}.side{color:#fff;vertical-align:1px;border-radius:4px;margin-right:.35rem;padding:0 .3rem;font-size:.7rem;font-weight:700;display:inline-block}.side-buy{background:var(--accent)}.side-sell{background:#c2410c}.lot-table tr.closed td{opacity:.55}.trade-buttons{gap:.5rem;display:flex}.lots .note{margin:.5rem 0 0}.badge-sold{background:var(--surface-2);color:var(--muted);white-space:nowrap;border-radius:999px;padding:.15rem .55rem;font-size:.72rem;font-weight:700;display:inline-block}.card-sold{opacity:.85}.card-main.sold{grid-template-columns:1fr 1fr}.sold-section{margin-top:1.25rem}.sold-section>.link{margin-bottom:.5rem;font-weight:600}.summary-sub b{font-variant-numeric:tabular-nums}
