:root{--ink: #06181c;--ink-2: #0e2a30;--ink-3: #1a3b42;--tq: #2dd4e0;--wash: #e3f6f8;--paper: #f2f7f8;--card: #ffffff;--line: #d9e3e5;--soft: #e6edee;--mute: #45575c;--faint: #9db0b4;--gain: #23802a;--gain-bg: #e6f4e3;--gain-ink: #17591c;--loss: #c62f3a;--loss-bar: #e5484d;--warn-bg: #fff3d6;--warn-ink: #6b4300;--radius: 14px;--font: "Archivo", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);font-size:15px;line-height:1.4;-webkit-font-smoothing:antialiased}a{color:var(--ink);text-decoration-color:var(--tq);text-decoration-thickness:2px;text-underline-offset:3px}a:hover{color:var(--mute)}h1,h2,h3,p{margin:0}h1{font-size:40px;line-height:1;font-weight:800;font-stretch:80%;letter-spacing:-.02em}h2{font-size:20px;font-weight:800;font-stretch:85%}h3{font-size:17px;font-weight:800}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:3px solid var(--ink);outline-offset:2px}.num{font-variant-numeric:tabular-nums}.mute{color:var(--mute)}.small{font-size:13px}.tiny{font-size:12px}.gain{color:var(--gain)}.loss{color:var(--loss)}.bold{font-weight:700}.nowrap{white-space:nowrap}.grow{flex:1;min-width:0}.right{text-align:right}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.14em;color:var(--mute);text-transform:uppercase}.shell{display:flex;min-height:100%}.side{width:220px;flex:none;background:var(--card);border-right:1px solid var(--line);padding:24px 16px;display:flex;flex-direction:column;gap:4px;position:sticky;top:0;height:100vh;overflow-y:auto}.brand{display:flex;align-items:center;gap:10px;padding:0 8px 20px;text-decoration:none}.wordmark{font-size:26px;line-height:.9;font-weight:900;font-stretch:80%;letter-spacing:-.03em;color:var(--ink)}.wordmark b{color:var(--tq);font-weight:900}.brand .desc{font-size:9px;font-weight:700;letter-spacing:.14em;color:var(--mute)}.nav-head{font-size:11px;font-weight:700;letter-spacing:.14em;color:var(--mute);padding:16px 12px 4px}.nav-item{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:44px;padding:0 12px;border-radius:10px;color:var(--ink);font-weight:500;text-decoration:none}.nav-item:hover{background:var(--paper);color:var(--ink)}.nav-item.on{background:var(--ink);color:#fff;font-weight:700}.nav-item.off{color:var(--faint);pointer-events:none}.nav-item .soon{font-size:10px;font-weight:700;letter-spacing:.08em}.nav-item .count{font-size:12px;font-weight:700;background:var(--tq);color:var(--ink);border-radius:10px;padding:1px 7px}.side-foot{margin-top:auto;padding:16px 8px 0;border-top:1px solid var(--soft);display:flex;flex-direction:column;gap:6px;font-size:13px}.main{flex:1;min-width:0;padding:28px 32px 48px;display:flex;flex-direction:column;gap:20px;max-width:1280px}.page-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px}.page-head .sub{color:var(--mute);margin-top:4px}.row{display:flex;flex-wrap:wrap;gap:16px}.row.center{align-items:center}.row.tight{gap:8px}.col{display:flex;flex-direction:column;gap:16px;min-width:0}.col.tight{gap:6px}.grid{display:grid;gap:16px}.grid.tiles{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.grid.two{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:20px 24px;display:flex;flex-direction:column;gap:12px;min-width:0}.card.dark{background:var(--ink);border-color:var(--ink);color:#fff}.card.dark .mute{color:#bfd5d8}.tile{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:18px 20px;display:flex;flex-direction:column;gap:6px}.tile .label{color:var(--mute)}.tile .value{font-size:38px;line-height:1;font-weight:800;font-stretch:85%;font-variant-numeric:tabular-nums}.tile .hint{font-size:13px;color:var(--mute)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 18px;border-radius:10px;border:1px solid var(--ink);background:var(--card);color:var(--ink);font-weight:700;text-decoration:none;white-space:nowrap}.btn:hover{background:var(--paper);color:var(--ink)}.btn.primary{background:var(--tq);border-color:var(--tq)}.btn.primary:hover{filter:brightness(.96);background:var(--tq)}.btn.quiet{border-color:var(--line);font-weight:500}.btn.danger{border-color:var(--loss);color:var(--loss)}.btn.small{min-height:36px;padding:0 12px;font-size:13px;border-radius:8px}.btn:disabled{opacity:.5;cursor:not-allowed}.pill{min-height:44px;padding:0 16px;border-radius:22px;border:1px solid var(--line);background:var(--card);color:var(--ink);white-space:nowrap}.pill.on{border-color:var(--ink);background:var(--ink);color:#fff;font-weight:700}.chip{min-height:40px;padding:0 14px;border-radius:20px;border:1px solid var(--line);background:var(--card);display:inline-flex;align-items:center;gap:8px}.chip.on{border-color:var(--tq);background:var(--wash);font-weight:700}.badge{display:inline-block;align-self:flex-start;font-size:12px;font-weight:700;padding:4px 8px;border-radius:6px;white-space:nowrap}.badge.ok{background:var(--gain-bg);color:var(--gain-ink)}.badge.ko{background:var(--warn-bg);color:var(--warn-ink)}.badge.ask{border:1px dashed var(--ink);padding:3px 7px}.badge.none{background:var(--soft);color:var(--mute)}.badge.tq{background:var(--wash);color:var(--ink)}.note{font-size:14px;line-height:1.45;padding:12px 14px;border-radius:10px;background:var(--wash)}.note.warn{background:var(--warn-bg);color:#3d2600}.note.bad{background:#fbe9ea;color:#7a1820}.bar{height:12px;border-radius:4px;background:var(--soft);overflow:hidden}.bar>div{height:100%;border-radius:4px;background:var(--tq)}.bar.thin{height:8px}.bar .g{background:var(--gain)}.bar .r{background:var(--loss-bar)}.bar .w{background:#b26a00}.dot{width:12px;height:12px;border-radius:6px;flex:none;display:inline-block}.empty{border:1px dashed var(--faint);border-radius:var(--radius);padding:28px;display:flex;flex-direction:column;gap:10px;align-items:flex-start;color:var(--mute)}.empty h3{color:var(--ink)}.sep{border:0;border-top:1px solid var(--soft);margin:0;width:100%}.check{width:24px;height:24px;border-radius:7px;flex:none;display:inline-flex;align-items:center;justify-content:center}.check.ok{background:var(--tq)}.check.ko{background:var(--warn-bg);color:var(--warn-ink);font-weight:800}.check.ask{border:2px dashed var(--ink);font-size:13px;font-weight:800}.check.na{background:var(--soft);color:var(--mute);font-weight:800}.check.big{width:28px;height:28px;border-radius:8px}.check.todo{border:2px solid var(--faint);background:#fff}label.field{display:flex;flex-direction:column;gap:6px;font-weight:700;min-width:0}label.field .hint{font-weight:400;font-size:13px;color:var(--mute)}.input,select.input,textarea.input{min-height:44px;padding:0 12px;border:1px solid var(--faint);border-radius:10px;background:#fff;font-weight:400;width:100%}textarea.input{padding:10px 12px;resize:vertical;min-height:72px}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.seg{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:6px}.seg button{min-height:44px;border-radius:10px;border:1px solid var(--line);background:#fff}.seg button.on{border-color:var(--ink);background:var(--ink);color:#fff;font-weight:700}.error{color:var(--loss);font-weight:700}.table{width:100%;border-collapse:collapse}.table th{text-align:left;font-size:11px;font-weight:700;letter-spacing:.14em;color:var(--mute);text-transform:uppercase;padding:8px}.table td{padding:12px 8px;border-top:1px solid var(--soft);vertical-align:middle}.table th.right,.table td.right{text-align:right;white-space:nowrap}.sticky{position:sticky;top:20px}.scroll-x{overflow-x:auto}.day-head{font-size:12px;font-weight:700;letter-spacing:.12em;color:var(--mute);padding:16px 8px 8px;text-transform:uppercase}.trade-row{display:grid;grid-template-columns:42px 68px minmax(84px,1fr) 44px 96px 108px 58px;gap:10px;align-items:center;min-height:52px;padding:0 8px;border:0;border-top:1px solid var(--soft);background:transparent;width:100%;text-align:left}.trade-row:hover{background:var(--paper)}.trade-row.sel{background:var(--wash);border-radius:10px;box-shadow:inset 3px 0 0 var(--tq);border-top-color:transparent}.kv{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:12px 14px;border-radius:10px;background:var(--paper)}.kv span{display:block;font-size:12px;color:var(--mute)}.kv b{font-variant-numeric:tabular-nums}.check-row{display:flex;align-items:center;gap:12px;min-height:50px;padding:6px 0;border-top:1px solid var(--soft)}.modal-back{position:fixed;inset:0;background:#06181c8c;display:flex;align-items:flex-start;justify-content:center;padding:40px 16px;overflow-y:auto;z-index:20}.modal{background:var(--card);border-radius:16px;padding:24px;width:100%;max-width:560px;display:flex;flex-direction:column;gap:16px}.modal.wide{max-width:980px}.combo-list{border:1px solid var(--line);border-radius:10px;max-height:220px;overflow-y:auto}.combo-list button{display:block;width:100%;text-align:left;min-height:40px;padding:0 12px;border:0;background:#fff}.combo-list button:hover,.combo-list button.on{background:var(--wash)}.cal-month{display:grid;grid-template-columns:repeat(7,minmax(0,1fr)) minmax(92px,.9fr);gap:6px}.cal-month .wd{font-size:11px;font-weight:700;letter-spacing:.14em;color:var(--mute);text-align:center;padding-bottom:2px}.cal-day{min-height:92px;border:1px solid var(--line);border-radius:10px;background:#fff;padding:8px 10px;display:flex;flex-direction:column;gap:2px;text-align:left}.cal-day.out{visibility:hidden}.cal-day.empty-day{background:transparent;border-style:dashed;color:var(--faint);cursor:default}.cal-day.pos{background:var(--gain-bg);border-color:#bfe0b9}.cal-day.neg{background:#fbe9ea;border-color:#f1c4c7}.cal-day.today{box-shadow:inset 0 0 0 2px var(--ink)}.cal-day .n{font-size:12px;font-weight:700;color:var(--mute)}.cal-day .v{font-size:18px;font-weight:800;font-stretch:85%;font-variant-numeric:tabular-nums;margin-top:auto}.cal-day .s{font-size:11px;color:var(--mute)}.cal-week{border-radius:10px;background:var(--paper);border:1px solid var(--soft);padding:8px 10px;display:flex;flex-direction:column;gap:2px;justify-content:flex-end}.cal-years{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px}.mini{display:grid;grid-template-columns:repeat(7,1fr);gap:3px}.mini i{aspect-ratio:1;border-radius:4px;background:var(--soft);display:block}.mini i.x{background:transparent}.mini i.p1{background:#bfe0b9}.mini i.p2{background:#6dbb62}.mini i.p3{background:var(--gain)}.mini i.n1{background:#f1c4c7}.mini i.n2{background:#e5787d}.mini i.n3{background:var(--loss)}.month-card{text-align:left;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:16px;display:flex;flex-direction:column;gap:10px}.month-card:hover{border-color:var(--ink)}.hg{display:grid;column-gap:3px;row-gap:6px;align-items:center}.hg .wk{font-size:11px;font-weight:700;color:var(--mute);text-align:center;white-space:nowrap;border-bottom:2px solid var(--soft);padding-bottom:4px;overflow:hidden}.hg .hd{font-size:11px;font-weight:700;letter-spacing:.14em;color:var(--mute);text-transform:uppercase;align-self:end}.hg .dw,.hg .dn{font-size:11px;text-align:center;color:var(--mute);font-variant-numeric:tabular-nums}.hg .dn{font-weight:700;color:var(--ink)}.hg .we{color:var(--faint)}.hg .td{color:var(--ink);font-weight:800}.hg .hl{padding-right:12px;min-width:0}.hg .hn{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hg .hs{font-size:12px;color:var(--mute);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hc{aspect-ratio:1;border-radius:5px;border:0;padding:0;display:block;width:100%}.hc.on{background:var(--tq)}.hc.no{background:var(--soft)}.hc.rest{border:1px solid var(--soft);background:transparent}.hc.off{background:radial-gradient(circle,var(--line) 0 2px,transparent 2.5px);cursor:default}.hc.now{border:2px dashed var(--ink);background:#fff}.hg .barw{height:52px;display:flex;flex-direction:column;justify-content:flex-end;border-bottom:1px solid var(--faint);align-self:end}.hg .barw div{background:var(--tq);border-radius:3px 3px 0 0}.habit-btn{display:flex;align-items:center;gap:12px;min-height:48px;padding:0 4px;border:0;border-top:1px solid var(--soft);background:transparent;text-align:left;width:100%}.tabs{display:flex;gap:24px;border-bottom:1px solid var(--line);overflow-x:auto}.tabs a{min-height:44px;display:inline-flex;align-items:center;text-decoration:none;color:var(--mute);font-weight:500;border-bottom:3px solid transparent;margin-bottom:-1px;white-space:nowrap}.tabs a:hover{color:var(--ink)}.tabs a.on{color:var(--ink);font-weight:800;border-bottom-color:var(--tq)}.year{display:grid;grid-template-rows:16px repeat(7,13px);gap:3px;width:max-content;padding-bottom:4px}.year .ym{font-size:11px;color:var(--mute);white-space:nowrap;overflow:visible}.year .hc{width:13px;height:13px;aspect-ratio:auto;border-radius:3px}.year .hc.now{border-width:1.5px}.hc.pre{background:var(--paper);border:1px solid var(--soft)}.wdbars,.readdays{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:6px;align-items:end}.wdbars{max-width:420px}.wdbars>div,.readdays>div{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:4px;min-height:96px}.wdbars i,.readdays i{display:block;width:100%;max-width:34px;border-radius:4px 4px 0 0}.readdays>div{min-height:112px}.cover{aspect-ratio:2 / 3;border-radius:6px;overflow:hidden;background:var(--soft);flex:none;display:block;box-shadow:0 1px 2px #06181c33,0 8px 18px #06181c24}.cover img{width:100%;height:100%;object-fit:cover;display:block}.cover.gen{container-type:inline-size;display:flex;flex-direction:column;padding:10%;text-align:left}.cover.gen .bar{width:22%;height:3cqw;min-height:2px;flex:none}.cover.gen .t{font-size:12cqw;line-height:1.05;font-weight:800;font-stretch:80%;margin-top:9cqw;overflow:hidden;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical}.cover.gen .a{font-size:8.5cqw;line-height:1.2;opacity:.8;margin-top:auto;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.cover.blank{display:flex;align-items:center;justify-content:center;background:var(--paper);border:1px dashed var(--faint);box-shadow:none;color:var(--mute);font-size:12px}.shelf{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:20px 18px}.book{display:flex;flex-direction:column;gap:6px;min-width:0}.book>button:first-child{border:0;background:transparent;padding:0;display:block;border-radius:6px}.book>button:first-child:hover .cover{transform:translateY(-2px)}.book .cover{transition:transform .12s ease}.book .bt{font-weight:700;font-size:13px;line-height:1.25;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.stars{display:inline-flex;gap:2px;align-items:center}.stars button{border:0;background:transparent;padding:4px;min-width:40px;min-height:40px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px}button.tile{cursor:pointer}button.tile:hover{border-color:var(--ink)}@media(prefers-reduced-motion:reduce){.book .cover{transition:none}}.login{min-height:100%;display:flex;align-items:center;justify-content:center;padding:24px;background:var(--ink)}.login .card{width:100%;max-width:420px;gap:16px;padding:28px}@media(max-width:900px){.shell{flex-direction:column}.side{width:auto;height:auto;position:static;flex-direction:row;align-items:center;overflow-x:auto;padding:10px 12px;gap:6px;border-right:0;border-bottom:1px solid var(--line)}.brand{padding:0 8px 0 0}.brand .desc,.nav-head,.side-foot{display:none}.nav-item{white-space:nowrap}.main{padding:20px 16px 40px}h1{font-size:32px}.grid.tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.tile{padding:14px 16px}.tile .value{font-size:26px}.trade-row{grid-template-columns:38px minmax(64px,1fr) 104px 56px;gap:8px}.trade-row .hide-s{display:none}.cal-month{grid-template-columns:repeat(7,minmax(0,1fr))}.cal-week,.cal-week-h{display:none}.trade-list{min-width:0!important}.cal-day{min-height:60px;padding:5px 4px}.cal-day .v{font-size:11px;white-space:nowrap;letter-spacing:-.02em}.cal-day .n{font-size:11px}.cal-month{gap:4px}.cal-day .s{display:none}}
