:root{color:#111827;font-family:Inter,Noto Sans JP,Hiragino Sans,Yu Gothic UI,Meiryo,system-ui,sans-serif;background:#eef2f3;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}button{border:0;font:inherit}body{margin:0;min-width:320px;min-height:100vh;-webkit-font-smoothing:antialiased}.phone-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 20% 10%,rgba(15,159,127,.08),transparent 34%),#eef2f3}.phone-screen{position:relative;width:min(390px,100vw);height:min(844px,calc(100vh - 24px));min-height:720px;overflow:hidden;display:flex;flex-direction:column;background:#f8faf9;border:1px solid rgba(17,24,39,.1);border-radius:28px;box-shadow:0 24px 80px #1118272e}.status-row{display:flex;justify-content:space-between;padding:16px 28px 8px;font-size:17px;font-weight:800;letter-spacing:0}.top-controls{position:relative;display:flex;align-items:flex-end;justify-content:space-between;gap:12px;padding:6px 13px 12px}.group-control{min-width:130px}.group-control>span{display:block;margin:0 0 3px 5px;color:#4b5563;font-size:12px;font-weight:700}.select-button,.sync-pill,.quick-stats button,.ghost-button,.primary-action,.secondary-action,.icon-button,.row-delete,.field input,.field select,.interval-grid button{min-height:44px;border:1px solid #dce2e5;background:#fff;border-radius:8px;color:#111827;cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease}.select-button:active,.sync-pill:active,.quick-stats button:active,.bottom-nav button:active,.ghost-button:active,.primary-action:active,.secondary-action:active,.icon-button:active,.row-delete:active{transform:translateY(1px)}.select-button{display:flex;align-items:center;justify-content:space-between;width:128px;padding:9px 10px;font-size:16px;font-weight:800}.group-menu{position:absolute;z-index:5;top:72px;left:13px;width:150px;padding:6px;background:#fff;border:1px solid #dce2e5;border-radius:10px;box-shadow:0 18px 40px #1118272e}.group-menu button{display:block;width:100%;padding:9px 8px;text-align:left;background:transparent;border-radius:8px;color:#111827}.group-menu button:hover{background:#f3f6f6}.group-menu .group-add{margin-top:4px;color:#0f8f74;font-weight:800}.sync-pill{flex:1;display:grid;grid-template-columns:32px 1fr 30px;align-items:center;gap:6px;padding:8px 9px;max-width:164px}.sync-dot{display:grid;width:28px;height:28px;place-items:center;border-radius:50%;color:#fff;background:#11864f}.sync-pill strong,.sync-pill small{display:block;text-align:left;white-space:nowrap}.sync-pill strong{font-size:13px}.sync-pill small{color:#5b6470;font-size:10px}.content-area{flex:1;overflow-y:auto;padding:0 12px 90px}.summary-panel,.list-panel,.settings-card{background:#fffffff0;border:1px solid rgba(210,218,222,.78);border-radius:14px;box-shadow:0 10px 32px #1118270f}.summary-panel{padding:16px 14px 15px}.summary-title{display:flex;align-items:center;gap:7px;font-size:14px;font-weight:800}.summary-title svg{color:#8b949e}.summary-grid{display:grid;grid-template-columns:minmax(0,1.22fr) minmax(112px,.78fr);gap:8px;min-height:172px;align-items:center}.profit-copy strong{display:block;margin:10px 0 12px;font-size:clamp(30px,8.8vw,36px);line-height:.98;letter-spacing:0;white-space:nowrap}.profit-copy strong.positive{color:#0f8f74}.profit-copy strong.negative{color:#e33a45}.period-switch,.mini-tabs{display:flex;align-items:center;gap:5px}.period-switch{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:min(100%,208px)}.period-switch button,.mini-tabs button{min-height:32px;padding:0 13px;border-radius:999px;color:#4b5563;background:transparent}.period-switch button{padding:0 8px}.period-switch .active,.mini-tabs .active{color:#0f8f74;background:#d9f2eb;font-weight:800}.positive{color:#0f8f74}.negative{color:#e33a45}.warn{color:#ea6a00}.neutral-copy{color:#6b7280}.profit-copy>span{display:block;margin-top:7px;font-size:14px;font-weight:800}.chart-wrap{height:154px;min-width:0}.risk-metrics{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #e4e8eb;margin-top:6px;padding-top:13px}.metric{min-width:0;padding:0 7px;border-right:1px solid #e4e8eb}.metric:last-child{border-right:0}.metric svg{width:18px;height:18px;margin-bottom:3px}.metric span,.metric small{display:block}.metric span{min-height:30px;color:#222831;font-size:11px;font-weight:800}.metric strong{display:block;font-size:20px;line-height:1.1;letter-spacing:0}.metric small{color:#6b7280;font-size:11px;line-height:1.35}.metric small.negative,.metric small.warn{font-weight:800}.dd-note{display:flex;align-items:center;justify-content:center;gap:5px;margin-top:13px;color:#4b5563;font-size:12px;font-weight:700}.quick-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:12px 0}.quick-stats button{display:grid;grid-template-columns:19px 1fr;grid-template-rows:auto auto;align-items:center;column-gap:5px;min-width:0;padding:9px 6px;text-align:left}.quick-stats svg{grid-row:span 2;width:18px;height:18px;color:#0f8f74}.quick-stats span,.quick-stats strong{min-width:0;overflow-wrap:anywhere}.quick-stats span{font-size:10px;font-weight:800;white-space:nowrap}.quick-stats strong{font-size:13px}.list-panel{padding:14px 12px}.section-heading,.screen-heading,.sheet-title{display:flex;align-items:center;justify-content:space-between;gap:10px}.section-heading h2,.list-panel h2,.settings-card h2,.screen-heading h1{margin:0;letter-spacing:0}.section-heading h2,.list-panel h2,.settings-card h2{font-size:17px}.section-heading button{display:inline-flex;align-items:center;gap:4px;color:#111827;background:transparent;font-size:12px;font-weight:700}.account-rows{margin-top:10px;border-top:1px solid #e4e8eb}.account-row{display:grid;grid-template-columns:minmax(0,1fr);align-items:center;border-bottom:1px solid #e4e8eb}.account-row.with-delete{grid-template-columns:minmax(0,1fr);gap:8px;padding:8px 0}.account-row-main{display:grid;grid-template-columns:31px 38px minmax(74px,1fr) minmax(70px,.72fr) minmax(70px,.72fr) 13px;align-items:center;gap:6px;width:100%;padding:12px 0;background:transparent;text-align:left;color:#111827;cursor:pointer}.account-row.with-delete .account-row-main{grid-template-columns:31px 36px minmax(58px,1fr) minmax(58px,.72fr) minmax(58px,.72fr) 10px;padding:4px 0}.row-delete{display:grid;width:32px;height:32px;min-height:32px;place-items:center;padding:0;color:#e33a45;background:#fff4f4;border-color:#ffd3d3;border-radius:8px}.row-delete svg{width:16px;height:16px}.risk-rail{min-height:54px;display:flex;align-items:center;padding-left:9px;border-left:4px solid var(--risk-color);color:var(--risk-color);font-size:11px;font-weight:800;line-height:1.2}.broker-mark{display:grid;width:34px;height:34px;place-items:center;border-radius:50%;background:#111827;color:#fff;font-size:13px;font-weight:900}.account-name strong,.account-name small,.account-numbers small,.account-numbers strong,.account-numbers em{display:block}.account-name strong{font-size:13px;line-height:1.2}.account-name small{margin-top:3px;color:#6b7280;font-size:11px}.account-numbers{min-width:0}.account-numbers small{color:#6b7280;font-size:10px}.account-numbers strong{margin-top:3px;font-size:11px;letter-spacing:0;overflow-wrap:anywhere}.account-numbers em{font-size:10px;font-style:normal}.bottom-nav{position:absolute;z-index:4;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(5,1fr);gap:2px;padding:9px 8px 14px;background:#fffffff5;border-top:1px solid #e4e8eb;box-shadow:0 -12px 30px #11182714}.bottom-nav button{display:grid;place-items:center;gap:4px;min-height:58px;color:#5b6470;background:transparent;border-radius:10px;cursor:pointer}.bottom-nav svg{width:22px;height:22px}.bottom-nav span{font-size:11px;font-weight:800}.bottom-nav .active{color:#0f8f74;background:#e8f7f2}.screen-block{padding:0 0 12px}.screen-heading{padding:6px 2px 12px}.screen-heading h1{font-size:25px}.heading-actions{position:relative;display:flex;justify-content:flex-end;flex-wrap:wrap;gap:6px}.heading-actions.compact{align-items:center}.ghost-button{display:inline-flex;align-items:center;gap:5px;min-height:36px;padding:0 10px;color:#344054;font-size:12px;font-weight:800}.ghost-button.accent{color:#0f8f74;background:#e8f7f2;border-color:#9ddfce}.filter-control{position:relative}.filter-menu{position:absolute;z-index:6;top:42px;right:0;width:126px;padding:6px;background:#fff;border:1px solid #dce2e5;border-radius:10px;box-shadow:0 18px 40px #1118272e}.filter-menu button{display:block;width:100%;padding:9px 8px;color:#111827;text-align:left;background:transparent;border-radius:8px}.filter-menu button.active,.filter-menu button:hover{color:#0f8f74;background:#e8f7f2}.analytics-panel,.chart-panel,.settings-card{margin-bottom:12px}.analysis-row,.sync-event{display:grid;align-items:center;border-top:1px solid #e4e8eb}.analysis-row{grid-template-columns:1fr 82px 82px;gap:8px;padding:11px 0}.analysis-row.with-delete{grid-template-columns:minmax(0,1fr) 72px 72px 32px;gap:6px}.analysis-row.with-delete{grid-template-columns:minmax(0,1fr) 34px}.analysis-row.active{background:#eefaf6}.analysis-main{display:grid;grid-template-columns:minmax(0,1fr) 76px 72px;align-items:center;gap:6px;min-height:44px;padding:0;border:0;background:transparent;color:inherit;text-align:left}.analysis-row strong,.analysis-row small{display:block}.analysis-row small,.sync-event small,.settings-card p{color:#6b7280;font-size:12px}.analysis-row span{font-size:13px;font-weight:800;text-align:right}.row-tools{display:grid;grid-template-columns:minmax(92px,1fr) 44px;gap:6px;align-items:center;width:100%}.row-tools select{width:100%;min-width:0;min-height:38px;border:1px solid #dce2e5;border-radius:8px;background:#fff;color:#111827;font-weight:700}.magic-detail-panel{margin-top:12px}.magic-day-row{display:grid;grid-template-columns:minmax(0,1fr) 88px 76px;gap:8px;align-items:center;padding:10px 0;border-top:1px solid #e4e8eb}.magic-day-row strong,.magic-day-row small{display:block}.magic-day-row small{color:#6b7280;font-size:12px}.magic-day-row span{text-align:right;font-weight:800}.chart-panel{padding-bottom:8px}.chart-empty{min-height:130px;display:grid;place-items:center}.sync-event{grid-template-columns:10px 1fr;gap:10px;padding:12px 0}.sync-event>span{width:9px;height:44px;border-radius:999px}.sync-event.good>span{background:#0f8f74}.sync-event.warn>span{background:#f59e0b}.sync-event.danger>span{background:#e33a45}.sync-event strong,.sync-event small{display:block}.settings-card{padding:14px 12px}.calendar-summary,.calendar-panel,.selected-day-panel{background:#fffffff5;border:1px solid rgba(210,218,222,.78);border-radius:14px;box-shadow:0 10px 32px #1118270f}.calendar-summary{margin-bottom:12px;padding:13px 12px}.calendar-filter{display:grid;grid-template-columns:22px 1fr;align-items:center;gap:8px;color:#4b5563}.calendar-filter select{width:100%;min-height:38px;border:0;border-bottom:1px solid #dce2e5;background:transparent;color:#111827;font:inherit;font-size:14px;font-weight:800}.month-total{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.month-total span,.month-total strong{display:block}.month-total span{color:#6b7280;font-size:12px;font-weight:700}.month-total strong{margin-top:4px;font-size:20px;letter-spacing:0}.calendar-panel{margin-bottom:12px;padding:12px 10px 10px}.calendar-header{display:flex;align-items:center;justify-content:space-between;padding:0 4px 10px}.calendar-header button{width:36px;height:32px;border-radius:8px;background:#f3f6f6;color:#111827;font-size:22px;line-height:1}.calendar-header strong{font-size:15px}.calendar-weekdays,.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr)}.calendar-weekdays span{padding:5px 0 8px;color:#6b7280;text-align:center;font-size:11px;font-weight:800}.calendar-grid{gap:4px}.calendar-cell{display:grid;place-items:center;align-content:center;gap:2px;min-width:0;aspect-ratio:1 / 1;border:1px solid transparent;border-radius:999px;background:transparent;color:#111827;cursor:pointer}.calendar-cell span{font-size:12px;font-weight:800}.calendar-cell strong,.calendar-cell small{display:block;width:100%;max-width:44px;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:8px;line-height:1}.calendar-cell.profit strong{color:#0f8f74}.calendar-cell.loss strong{color:#e33a45}.calendar-cell.flat{color:#9aa3ad}.calendar-cell.selected{border-color:#0f8f74;box-shadow:inset 0 0 0 1px #0f8f74}.calendar-cell.muted{opacity:.32}.calendar-disclaimer{display:flex;justify-content:center;gap:5px;margin-top:10px;color:#6b7280;font-size:11px;font-weight:700}.selected-day-panel{padding:13px 12px}.selected-day-panel .section-heading>span{font-size:17px;font-weight:900}.day-metrics{display:grid;grid-template-columns:repeat(3,1fr);margin:12px 0;padding:10px 4px;border:1px solid #e4e8eb;border-radius:12px}.trade-list{border-top:1px solid #e4e8eb}.trade-list div{display:grid;grid-template-columns:72px 1fr 82px;align-items:center;gap:8px;padding:10px 0;border-bottom:1px solid #eef1f4}.trade-list span,.trade-list strong,.trade-list small{min-width:0}.trade-list span{font-size:13px;font-weight:900}.trade-list small{color:#6b7280;font-size:11px}.trade-list strong{text-align:right;font-size:13px}.empty-note{margin:12px 0 2px;color:#6b7280;font-size:13px;text-align:center}.settings-card p{margin:8px 0 12px;line-height:1.6}.settings-field{margin:10px 0}.settings-status{color:#4b5563;font-size:12px;font-weight:800}.key-box{display:grid;gap:8px;margin:12px 0;padding:10px;border:1px solid #c9eee4;border-radius:10px;background:#f0fbf8}.key-box small{color:#0f8f74;font-size:11px;font-weight:900}.key-box code{display:block;min-width:0;padding:9px;overflow-wrap:anywhere;border-radius:8px;background:#fff;color:#111827;font-size:11px}.key-list{border-top:1px solid #e4e8eb}.key-row{display:grid;grid-template-columns:minmax(0,1fr) 34px;align-items:center;gap:8px;padding:10px 0;border-bottom:1px solid #eef1f4}.key-row strong,.key-row small{display:block}.key-row strong{font-size:13px}.key-row small{color:#6b7280;font-size:11px}.key-row.revoked{grid-template-columns:minmax(0,1fr) 58px;opacity:.56}.key-row>span{color:#6b7280;font-size:11px;font-weight:800;text-align:right}.primary-action{display:inline-flex;align-items:center;justify-content:center;width:100%;padding:0 14px;color:#fff;background:#0f8f74;border-color:#0f8f74;font-weight:800}.download-action{min-height:44px;text-decoration:none}.primary-action:disabled{cursor:not-allowed;opacity:.46}.secondary-action{display:inline-flex;align-items:center;justify-content:center;padding:0 14px;color:#344054;background:#fff;font-weight:800}.secondary-action.full-width{width:100%}.interval-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.interval-grid button{font-size:12px;font-weight:800}.interval-grid .active{color:#0f8f74;background:#e8f7f2;border-color:#9ddfce}.toast{position:absolute;z-index:8;top:100px;left:50%;transform:translate(-50%);width:max-content;max-width:calc(100% - 32px);padding:9px 13px;color:#fff;background:#111827;border-radius:999px;box-shadow:0 16px 32px #11182740;font-size:12px;font-weight:800}.sheet-backdrop{position:absolute;z-index:10;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-end;background:#1118274d}.account-sheet{width:100%;max-height:92vh;overflow-y:auto;padding:10px 14px 18px;border-radius:18px 18px 0 0;background:#fff;box-shadow:0 -20px 40px #11182733}.sheet-handle{width:46px;height:4px;margin:0 auto 14px;border-radius:999px;background:#d7dde2}.sheet-title{justify-content:flex-start}.sheet-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.sheet-heading h3,.sheet-heading p{margin:0}.sheet-heading h3{font-size:19px}.sheet-heading p{margin-top:3px;color:#6b7280;font-size:12px}.icon-button{display:grid;width:40px;min-width:40px;height:40px;min-height:40px;place-items:center;padding:0;background:#f3f6f6}.sheet-title h3,.sheet-title p{margin:0}.sheet-title h3{font-size:19px}.sheet-title p{margin-top:2px;color:#6b7280;font-size:12px}.sheet-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin:16px 0;border:1px solid #e4e8eb;border-radius:12px;padding:12px 4px}.sheet-form{display:grid;gap:11px;margin-top:16px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.field{display:grid;gap:5px}.field span{color:#4b5563;font-size:12px;font-weight:800}.field input,.field select{width:100%;padding:0 11px;color:#111827;font:inherit;font-size:14px;font-weight:800;outline:none}.field input:focus,.field select:focus{border-color:#0f8f74;box-shadow:0 0 0 3px #0f8f741f}.sheet-actions{display:grid;grid-template-columns:.82fr 1fr;gap:10px;margin-top:4px}@media(max-width:440px){.phone-shell{padding:0}.phone-screen{width:100vw;height:100vh;min-height:100vh;border:0;border-radius:0;box-shadow:none}}@media(max-width:360px){.summary-grid{grid-template-columns:1fr}.chart-wrap{height:130px}.risk-metrics{grid-template-columns:1fr}.metric{border-right:0;border-bottom:1px solid #e4e8eb;padding:10px 0}.metric:last-child{border-bottom:0}.quick-stats{grid-template-columns:repeat(2,1fr)}}