/* StockNote x60 — a coherent mobile-first financial journal system.
   Replaces the x59 presentation layer. Existing storage/record logic is unchanged.
   Scales: 4/8/12/16/20/24/32; type 12/13/14/16/18/28; controls 44/48.
 */
:root{
  --ui-ink:#171d29;--ui-ink-sub:#49566a;--ui-muted:#6b788a;--ui-placeholder:#69788a;
  --ui-canvas:#f6f8fb;--ui-surface:#fff;--ui-soft:#f3f6fa;--ui-soft-strong:#ebf0f5;
  --ui-line:#e8edf3;--ui-strong-line:#d6dfe9;--ui-blue:#2878f0;--ui-blue-ink:#1967d9;
  --ui-blue-light:#eaf3ff;--ui-focus:rgba(40,120,240,.2);
  --ui-shadow:0 3px 18px rgba(23,44,70,.035);
  --ui-radius-sm:12px;--ui-radius-md:16px;--ui-radius-lg:22px;
  --page-x:20px;--page-y-top:29px;--card-px:18px;
  --quiet-foreground:var(--ui-muted);--quiet-foreground-soft:var(--ui-placeholder);
}
html[data-stocknote-theme="dark"]{
  color-scheme:dark;
  --ui-ink:#f4f6fb;--ui-ink-sub:#d7deea;--ui-muted:#aab5c5;--ui-placeholder:#8796a9;
  --ui-canvas:#10151d;--ui-surface:#1b2330;--ui-soft:#242f3e;--ui-soft-strong:#2b394a;
  --ui-line:#334052;--ui-strong-line:#455368;--ui-blue:#7aafff;--ui-blue-ink:#9ac2ff;
  --ui-blue-light:#263d5d;--ui-focus:rgba(130,178,255,.33);--ui-shadow:none;
  --quiet-foreground:var(--ui-muted);--quiet-foreground-soft:var(--ui-placeholder);
}
html,body{color:var(--ui-ink) !important;background:var(--ui-canvas) !important;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;}
body{font-family:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Noto Sans KR","Malgun Gothic",sans-serif !important;font-size:15px;line-height:1.52;letter-spacing:-.018em;}
button,input,textarea,select{font:inherit;letter-spacing:inherit;}
button{cursor:pointer;touch-action:manipulation;}
button:focus-visible,summary:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--ui-focus) !important;outline-offset:2px !important;}
button:disabled{opacity:.52;cursor:not-allowed;}
.app{max-width:560px !important;background:var(--ui-canvas) !important;box-shadow:none !important;}
.screen{padding:calc(var(--safe-top) + var(--page-y-top)) var(--page-x) calc(var(--tabbar-h) + var(--safe-bottom) + 108px) !important;color:var(--ui-ink) !important;}
.title,.home-title-v2{font-size:29px !important;font-weight:780 !important;line-height:1.22 !important;letter-spacing:-.055em !important;color:var(--ui-ink) !important;}
.header-row{min-height:44px;margin-bottom:23px !important;align-items:center !important;gap:12px !important;}
.home-header-v2{min-height:44px;margin-bottom:26px !important;align-items:center !important;}
.section-title{margin:29px 0 13px !important;}
.section-title h2,.home-section-title-v2{font-size:18px !important;font-weight:760 !important;letter-spacing:-.04em !important;line-height:1.36 !important;color:var(--ui-ink) !important;}
.small{font-size:13px;}.tiny{font-size:12px;}.muted{color:var(--ui-muted) !important;}.note-line{line-height:1.62;overflow-wrap:anywhere;}
/* Compact visual buttons with generous interaction zones */
.btn{min-height:46px !important;border-radius:12px !important;font-size:14px !important;font-weight:700 !important;box-shadow:none !important;letter-spacing:-.02em !important;}
.btn.primary{background:var(--ui-blue) !important;border-color:var(--ui-blue) !important;color:#fff !important;}
.btn.secondary{background:var(--ui-blue-light) !important;color:var(--ui-blue-ink) !important;border-color:transparent !important;}
.btn.ghost{background:var(--ui-soft) !important;color:var(--ui-ink-sub) !important;border-color:transparent !important;}
.btn.text{background:transparent !important;color:var(--ui-blue-ink) !important;}
.icon-btn{min-width:44px !important;min-height:44px !important;width:44px !important;height:44px !important;border:0 !important;border-radius:12px !important;background:transparent !important;color:var(--ui-muted) !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;}
.icon-btn svg,.icon-btn .ui-icon{width:20px !important;height:20px !important;}
.icon-btn:active,.btn.text:active{background:var(--ui-soft) !important;}
.screen-compose-btn{height:42px !important;min-height:42px !important;display:inline-flex !important;align-items:center !important;gap:3px !important;padding:0 15px !important;border-radius:12px !important;background:var(--ui-blue) !important;color:#fff !important;font-size:13px !important;font-weight:730 !important;white-space:nowrap !important;}
.screen-compose-btn span{font-size:20px !important;font-weight:440 !important;line-height:1 !important;transform:none !important;}
.search-box{min-height:51px !important;background:var(--ui-surface) !important;border:1px solid var(--ui-line) !important;border-radius:15px !important;box-shadow:var(--ui-shadow) !important;padding-left:13px !important;}
.search-box:focus-within{border-color:var(--ui-blue) !important;box-shadow:0 0 0 3px var(--ui-focus) !important;}
.search-box input{background:transparent !important;color:var(--ui-ink) !important;font-size:14px !important;min-width:0 !important;}
.search-box input::placeholder{color:var(--ui-placeholder) !important;opacity:1;}
.search-box .search-icon,.search-clear{color:var(--ui-muted) !important;}
.search-clear{min-width:44px !important;min-height:44px !important;}
.search-meta{font-size:12px !important;color:var(--ui-muted) !important;}
.badge{min-height:25px !important;height:25px !important;padding:0 9px !important;border-radius:8px !important;font-size:11.5px !important;font-weight:700 !important;white-space:nowrap;}
.badge.tag,.badge.hold,.badge.closed,.badge.avgprice{background:var(--ui-soft-strong) !important;color:var(--ui-muted) !important;}
.badge.buy{background:#fff0ee !important;color:#d83932 !important;}.badge.sell{background:#e8f1ff !important;color:#246cdb !important;}
html[data-stocknote-theme="dark"] .badge.buy{background:#4a282d !important;color:#ffaaa2 !important;}
html[data-stocknote-theme="dark"] .badge.sell{background:#263e60 !important;color:#a3caff !important;}
.divider{background:var(--ui-line) !important;}
/* Navigation: stable 44+px hit areas and separated composition affordance. */
.tabbar{background:var(--ui-surface) !important;border-top:1px solid var(--ui-line) !important;box-shadow:0 -3px 16px rgba(24,44,68,.025) !important;min-height:70px !important;}
.tab{color:var(--ui-placeholder) !important;gap:4px !important;font-size:11.5px !important;font-weight:640 !important;min-height:58px !important;}
.tab.active{color:var(--ui-blue-ink) !important;font-weight:780 !important;}
.tab .tab-ico,.tab .tab-ico svg{width:23px !important;height:23px !important;}
.quick-action-handle{width:54px !important;height:54px !important;border-radius:18px !important;background:var(--ui-blue) !important;box-shadow:0 8px 20px rgba(31,97,198,.18) !important;}
.quick-action-handle__bars::before{content:"+" !important;font-size:30px !important;line-height:1 !important;font-weight:380 !important;color:#fff !important;}
.quick-action-handle__bars i{display:none !important;}
.quick-action-sheet{background:var(--ui-surface) !important;border:1px solid var(--ui-line) !important;border-radius:20px !important;box-shadow:0 22px 52px rgba(10,30,54,.2) !important;overflow:hidden;}
.quick-action-item{min-height:72px !important;border-bottom:1px solid var(--ui-line) !important;}
.quick-action-item__label{font-size:15px !important;color:var(--ui-ink) !important;font-weight:720 !important;}
.quick-action-item__hint{font-size:12.5px !important;color:var(--ui-muted) !important;}
.logo-attribution{opacity:.48 !important;color:var(--ui-placeholder) !important;font-size:9px !important;}
/* Home — one strong summary surface; rows grouped by task rather than decorative cards. */
.home-settings-button{width:44px !important;height:44px !important;border-radius:13px !important;color:var(--ui-muted) !important;}
.home-settings-button:active{background:var(--ui-soft) !important;}
.home-summary-card-v2{display:block !important;background:var(--ui-surface) !important;padding:23px 22px 21px !important;border:1px solid var(--ui-line) !important;border-radius:22px !important;margin:0 0 36px !important;box-shadow:var(--ui-shadow) !important;}
.home-summary-eyebrow{color:var(--ui-muted);font-size:12px;font-weight:690;letter-spacing:-.01em;}
.home-summary-main{display:flex;align-items:baseline;gap:8px;margin:7px 0 14px;}
.home-summary-main strong{font-size:39px;font-weight:810;letter-spacing:-.065em;line-height:1.1;color:var(--ui-blue-ink);font-variant-numeric:tabular-nums;}
.home-summary-main span{font-size:18px;font-weight:740;letter-spacing:-.035em;color:var(--ui-ink);}
.home-summary-breakdown{display:flex;gap:7px;align-items:center;flex-wrap:wrap;}
.home-summary-breakdown span{display:inline-flex;align-items:center;gap:6px;padding:7px 11px;border-radius:9px;background:var(--ui-soft);color:var(--ui-muted);font-size:12.5px;font-weight:640;}
.home-summary-breakdown b{font-weight:760;color:var(--ui-ink-sub);font-variant-numeric:tabular-nums;}
.home-section-v2{margin-bottom:37px !important;}
.home-section-head-v2{min-height:40px !important;margin-bottom:9px !important;align-items:center !important;}
.home-section-link-v2{color:var(--ui-muted) !important;font-size:13px !important;font-weight:650 !important;min-height:42px !important;}
.home-section-link-v2::after{content:" ›";font-size:18px;line-height:1;}
.home-list-card{background:var(--ui-surface) !important;border:1px solid var(--ui-line) !important;border-radius:18px !important;overflow:hidden !important;box-shadow:var(--ui-shadow) !important;}
.home-list-row,.home-list-row + .home-list-row{border:0 !important;}
.home-list-row + .home-list-row{border-top:1px solid var(--ui-line) !important;}
.home-list-row-inner,.home-row-main--full{min-height:82px !important;padding:15px 16px !important;}
.home-row-main{column-gap:12px !important;}
.home-list-row .row-logo-slot{width:39px !important;height:39px !important;}
.row-name{color:var(--ui-ink) !important;font-size:15px !important;font-weight:760 !important;}
.row-ticker{color:var(--ui-placeholder) !important;font-size:12px !important;}
.row-subtext,.row-date{color:var(--ui-muted) !important;font-size:12.5px !important;}
.row-action-chip,.row-action-chip.is-primary,.row-action-chip.is-review,.row-action-chip.is-trade-review{background:var(--ui-blue-light) !important;color:var(--ui-blue-ink) !important;min-height:39px !important;border-radius:11px !important;font-size:12px !important;font-weight:720 !important;}
.home-empty-card{background:var(--ui-surface) !important;border:1px solid var(--ui-line) !important;border-radius:18px !important;padding:23px !important;}
.home-empty-card h3{color:var(--ui-ink) !important;font-size:16px !important;font-weight:730 !important;}
.home-empty-card p{color:var(--ui-muted) !important;font-size:13px !important;}
.data-management-fold{border-color:var(--ui-line) !important;}.data-management-summary,.data-management-summary strong{color:var(--ui-ink-sub) !important;}
/* Stock list — one readable surface; logo/identity, thesis, due state, actions. */
.note-list-head{margin-top:27px !important;margin-bottom:13px !important;gap:9px !important;}
.note-list-head h2{font-size:16px !important;font-weight:760 !important;}
.note-list-count{font-size:13px !important;color:var(--ui-muted) !important;font-weight:620 !important;}
.note-list-head__right{gap:12px !important;}
.note-inline-filter-wrap,.note-inline-sort-wrap{min-height:44px !important;}
.note-inline-filter-label,.note-inline-sort-label{font-size:13px !important;color:var(--ui-ink-sub) !important;font-weight:650 !important;}
.note-inline-filter-caret,.note-inline-sort-caret{color:var(--ui-placeholder) !important;}
.stock-collection{background:var(--ui-surface);border:1px solid var(--ui-line);border-radius:20px;overflow:hidden;box-shadow:var(--ui-shadow);}
.stock-list-item{padding:19px 18px 17px !important;margin:0 !important;border:0 !important;background:transparent !important;}
.stock-list-item:first-of-type{padding-top:19px !important;}
.stock-list-item+.stock-list-item{border-top:1px solid var(--ui-line) !important;}
.stock-list-item__open{width:100%;display:block;text-align:left;min-height:44px;border-radius:8px;}
.stock-list-item__heading{gap:10px !important;align-items:center !important;}
.stock-list-item__identity{gap:12px !important;min-width:0;}
.stock-list-item__logo,.stock-list-item__logo .row-logo-slot{width:44px !important;height:44px !important;flex-basis:44px !important;}
.stock-list-item__names{gap:3px !important;}
.stock-list-item__name{color:var(--ui-ink) !important;font-size:16.5px !important;font-weight:770 !important;letter-spacing:-.037em !important;line-height:1.3 !important;}
.stock-list-item__ticker{color:var(--ui-placeholder) !important;font-size:12px !important;line-height:1.3 !important;}
.stock-list-item__status.badge{background:var(--ui-soft) !important;color:var(--ui-muted) !important;font-size:11.5px !important;font-weight:650 !important;max-width:83px;}
.stock-list-item__status.badge.watch{background:var(--ui-blue-light) !important;color:var(--ui-blue-ink) !important;}
.stock-list-item__thesis{margin:14px 0 0 !important;color:var(--ui-ink-sub) !important;font-size:14px !important;line-height:1.53 !important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.stock-list-item__context{font-size:12.5px !important;color:var(--ui-muted) !important;}
.stock-list-item__signals{margin:10px 0 0 !important;display:flex !important;align-items:center !important;gap:5px 0 !important;font-size:12px !important;line-height:1.55 !important;color:var(--ui-muted) !important;}
.stock-list-item__signals span+span::before{content:"·" !important;color:var(--ui-placeholder) !important;padding:0 7px !important;}
.stock-list-item__signal--warning{color:#bc6d2d !important;font-weight:680 !important;}
.stock-list-item__footer{margin-top:15px !important;gap:6px !important;}
.stock-list-item__updated{color:var(--ui-placeholder) !important;font-size:11.5px !important;}
.stock-list-item__actions{gap:5px !important;}
.stock-list-item__action{display:inline-flex !important;gap:5px;align-items:center;justify-content:center;min-height:40px !important;min-width:0 !important;padding:0 10px !important;border-radius:10px !important;border:0 !important;background:transparent !important;color:var(--ui-ink-sub) !important;font-size:12.5px !important;font-weight:690 !important;}
.stock-list-item__action svg{width:15px;height:15px;display:block;flex:none;}
.stock-list-item__action--review{background:var(--ui-blue-light) !important;color:var(--ui-blue-ink) !important;}
.stock-list-item__open:active,.stock-list-item__action:active{background:var(--ui-soft) !important;opacity:1 !important;}
/* Stock detail — hierarchy is narrative -> numbers -> decisions -> records. */
#notesScreen .note-detail-header-brand{min-width:0;gap:9px !important;}
#notesScreen .note-detail-header-copy{min-width:0;}
#notesScreen .stock-detail-title{color:var(--ui-ink) !important;font-size:23px !important;letter-spacing:-.045em !important;font-weight:780 !important;line-height:1.25 !important;}
#notesScreen .stock-detail-subtitle{color:var(--ui-muted) !important;}
#notesScreen .note-detail-header-brand>.icon-btn{min-width:38px !important;width:38px !important;height:44px !important;margin-left:-6px;}
#notesScreen .note-detail-header-brand>.row-logo-slot{width:39px !important;height:39px !important;}
#notesScreen > .card.stack-12{background:var(--ui-surface) !important;border:1px solid var(--ui-line) !important;border-radius:21px !important;padding:21px 19px !important;margin:10px 0 18px !important;box-shadow:var(--ui-shadow) !important;}
#notesScreen > .card.stack-12>.space:first-child{margin-bottom:17px !important;gap:8px !important;align-items:center !important;}
#notesScreen > .card.stack-12>.space:first-child h2{font-size:17px !important;font-weight:760 !important;color:var(--ui-ink) !important;}
#notesScreen .summary-stack{gap:16px !important;}
#notesScreen .summary-stack .key-block{padding:0 !important;background:transparent !important;border:0 !important;}
#notesScreen .key-block .tiny{font-size:12px !important;color:var(--ui-muted) !important;margin-bottom:4px !important;}
#notesScreen .key-block .note-line{color:var(--ui-ink-sub) !important;font-size:14px !important;line-height:1.6 !important;}
#notesScreen .summary-stack .key-block:first-child .note-line{color:var(--ui-ink) !important;font-size:16px !important;font-weight:680 !important;line-height:1.54 !important;}
#notesScreen .detail-metrics-grid{display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:0 !important;background:var(--ui-soft) !important;border:0 !important;border-radius:15px !important;margin:22px 0 19px !important;padding:3px 14px !important;}
#notesScreen .detail-metrics-grid .metric{background:transparent !important;border:0 !important;border-radius:0 !important;box-shadow:none !important;min-width:0;padding:14px 4px !important;margin:0 !important;}
#notesScreen .detail-metrics-grid .metric:nth-child(2){padding-left:15px !important;border-left:1px solid var(--ui-line) !important;}
#notesScreen .detail-metrics-grid .metric-span-2{grid-column:1/-1 !important;border-top:1px solid var(--ui-line) !important;}
#notesScreen .detail-metrics-grid .small{font-size:12px !important;color:var(--ui-muted) !important;}
#notesScreen .detail-metrics-grid .v{margin-top:7px !important;font-size:17px !important;font-weight:760 !important;line-height:1.3 !important;color:var(--ui-ink) !important;}
#notesScreen .detail-metrics-grid .v.pnl-positive{color:var(--profit) !important;}
#notesScreen .detail-metrics-grid .v.pnl-negative{color:var(--loss) !important;}
#notesScreen .metric-realized-row.has-rate .v{width:auto !important;max-width:100% !important;flex:0 1 auto !important;}
#notesScreen .metric-realized-rate{font-size:12.5px !important;max-width:100% !important;}
#notesScreen .summary-grid-2{border-top:1px solid var(--ui-line);border-bottom:1px solid var(--ui-line);gap:0 !important;margin:16px 0 12px !important;}
#notesScreen .summary-grid-2 .secondary-block{background:transparent !important;border:0 !important;border-radius:0 !important;padding:14px 4px !important;min-height:66px !important;}
#notesScreen .secondary-block .small{font-size:12px !important;color:var(--ui-muted) !important;}
#notesScreen .secondary-block .connection-main{color:var(--ui-ink) !important;font-size:14px !important;font-weight:730 !important;}
#notesScreen .link-summary-grid{gap:9px !important;margin:13px 0 17px !important;}
#notesScreen .detail-record-btn{min-height:44px !important;border:1px solid var(--ui-line) !important;background:var(--ui-surface) !important;color:var(--ui-ink-sub) !important;border-radius:11px !important;font-size:13px !important;font-weight:680 !important;}
#notesScreen .detail-primary-actions{display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px !important;margin:4px 0 20px !important;}
#notesScreen .detail-primary-actions .btn{min-height:46px !important;padding:0 4px !important;font-size:13px !important;border-radius:12px !important;background:var(--ui-surface) !important;color:var(--ui-ink-sub) !important;border:1px solid var(--ui-line) !important;}
#notesScreen .detail-primary-actions .detail-action-btn--review{background:var(--ui-blue) !important;color:#fff !important;border-color:var(--ui-blue) !important;}
#notesScreen .stack-10>.card.stack-10{background:var(--ui-surface) !important;border:1px solid var(--ui-line) !important;border-radius:18px !important;padding:19px !important;box-shadow:var(--ui-shadow) !important;}
#notesScreen .stack-10>.card.stack-10 h2{color:var(--ui-ink) !important;font-size:16px !important;}
#notesScreen .schedule-chip{background:var(--ui-soft) !important;border:0 !important;border-radius:11px !important;min-height:44px !important;font-size:13px !important;color:var(--ui-ink-sub) !important;}
#notesScreen [data-invalidation]{justify-content:flex-start !important;background:var(--ui-soft) !important;color:var(--ui-ink-sub) !important;border:0 !important;border-radius:10px !important;font-size:13px !important;text-align:left !important;padding:12px !important;white-space:normal;}
#notesScreen .section-title-with-action{margin-top:26px !important;}
#notesScreen .detail-collapsible-section{border:1px solid var(--ui-line) !important;background:var(--ui-surface) !important;border-radius:15px !important;box-shadow:none !important;}
#notesScreen .detail-collapsible-summary,#notesScreen .detail-collapsible-body{background:var(--ui-surface) !important;color:var(--ui-ink) !important;}
#notesScreen .detail-collapsible-summary{min-height:52px !important;border-radius:15px !important;}
#notesScreen .detail-collapsible-title strong{color:var(--ui-ink) !important;font-size:14px !important;}
#notesScreen .detail-collapsible-title span,#notesScreen .detail-collapsible-caret{color:var(--ui-muted) !important;}
/* Detail context menu (keeps long Korean names readable). */
#notesScreen .note-detail-actions{position:relative;flex:0 0 auto !important;}
#notesScreen .note-detail-more-menu{position:relative;}
#notesScreen .note-detail-more-menu>summary{list-style:none;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;color:var(--ui-muted);background:transparent;cursor:pointer;}
#notesScreen .note-detail-more-menu>summary::-webkit-details-marker{display:none;}
#notesScreen .note-detail-more-menu>summary::marker{content:"";}
#notesScreen .note-detail-more-menu[open]>summary,#notesScreen .note-detail-more-menu>summary:active{background:var(--ui-soft);}
#notesScreen .note-detail-more-panel{position:absolute;right:0;top:48px;z-index:35;width:208px;padding:7px;background:var(--ui-surface);border:1px solid var(--ui-line);border-radius:15px;box-shadow:0 16px 44px rgba(12,28,52,.2);}
#notesScreen .note-detail-more-panel button{display:flex;align-items:center;gap:12px;width:100%;min-height:46px;padding:0 12px;color:var(--ui-ink-sub);font-size:13.5px;font-weight:680;text-align:left;border-radius:9px;}
#notesScreen .note-detail-more-panel button:active{background:var(--ui-soft);}
#notesScreen .note-detail-more-panel svg{width:18px;height:18px;flex:0 0 18px;}
#notesScreen .note-detail-more-panel .note-detail-more-danger{color:#cf4545;}
html[data-stocknote-theme="dark"] #notesScreen .note-detail-more-panel .note-detail-more-danger{color:#ff9d98;}
/* Trades & reviews — consistent typography, no ornamental chip overload. */
.card[data-trade-card-id],.card[data-review-card-id]{padding:19px 0 18px !important;background:transparent !important;border:0 !important;border-bottom:1px solid var(--ui-line) !important;box-shadow:none !important;}
.card[data-trade-card-id] .trade-record-title strong,.card[data-review-card-id] .review-record-title strong{font-size:16px !important;color:var(--ui-ink) !important;font-weight:740 !important;line-height:1.3 !important;}
.card[data-trade-card-id] .trade-record-meta,.card[data-review-card-id] .review-record-meta{font-size:12.5px !important;color:var(--ui-muted) !important;}
.card[data-trade-card-id] .trade-record-actions,.card[data-review-card-id] .review-record-actions{gap:1px !important;align-items:center !important;}
.card[data-trade-card-id] .trade-record-grid .trade-record-logo{display:flex !important;height:44px !important;align-items:center !important;justify-content:center !important;padding:0 !important;}
.card[data-trade-card-id] .trade-record-grid .trade-record-title,.card[data-trade-card-id] .trade-record-grid .trade-record-actions{min-height:44px !important;align-self:start !important;align-items:center !important;}
.card[data-trade-card-id] .divider,.card[data-review-card-id] .divider{background:var(--ui-line) !important;margin:13px 0 !important;}
.card[data-trade-card-id] .note-line,.card[data-review-card-id] .note-line{font-size:14px !important;color:var(--ui-ink-sub) !important;line-height:1.58 !important;}
.card[data-trade-card-id] .mini-link,.card[data-review-card-id] .mini-link{font-size:13px !important;font-weight:690 !important;color:var(--ui-blue-ink) !important;}
.card[data-trade-card-id] .badge.tag,.card[data-review-card-id] .badge.tag{background:var(--ui-soft) !important;color:var(--ui-muted) !important;}
.card[data-trade-card-id] .pnl-label,.card[data-review-card-id] .pnl-label{color:var(--ui-muted) !important;font-size:11.5px !important;}
.review-segment-row{border-bottom:1px solid var(--ui-line) !important;}
.review-segment-row .segment{min-height:44px !important;font-size:14px !important;font-weight:640 !important;color:var(--ui-muted) !important;}
.review-segment-row .segment.active{color:var(--ui-blue-ink) !important;border-color:var(--ui-blue) !important;font-weight:770 !important;}
.trade-summary-line{color:var(--ui-muted) !important;font-size:12.5px !important;}
/* Record cards are complete reading surfaces, not loose text on the canvas. */
.card[data-trade-card-id],.card[data-review-card-id]{
  background:var(--ui-surface) !important;
  border:1px solid var(--ui-line) !important;
  border-radius:18px !important;
  padding:18px 17px !important;
  margin:0 0 12px !important;
  box-shadow:var(--ui-shadow) !important;
}
.card[data-trade-card-id] .record-link-row,.card[data-review-card-id] .record-link-row{padding-top:4px !important;}
/* No second floating creation button when the tab already provides one. */
/* Forms, preferences, panels. */
.modal{background:var(--ui-surface) !important;color:var(--ui-ink) !important;border-radius:24px 24px 0 0 !important;}
.modal.center{border-radius:20px !important;}
.modal-title{color:var(--ui-ink) !important;font-weight:760 !important;letter-spacing:-.025em !important;}
#modalRoot .field label{font-size:13px !important;color:var(--ui-ink-sub) !important;font-weight:710 !important;}
#modalRoot input,#modalRoot textarea,#modalRoot select{background:var(--ui-surface) !important;color:var(--ui-ink) !important;border:1px solid var(--ui-strong-line) !important;border-radius:12px !important;}
#modalRoot input:focus,#modalRoot textarea:focus,#modalRoot select:focus{border-color:var(--ui-blue) !important;box-shadow:0 0 0 3px var(--ui-focus) !important;}
#modalRoot .fields{gap:15px !important;}
.appearance-option{min-height:67px !important;background:var(--ui-soft) !important;border:1px solid transparent !important;border-radius:14px !important;}
.appearance-option.is-selected{background:var(--ui-blue-light) !important;border-color:var(--ui-blue) !important;}
.appearance-option__copy strong,.settings-section h3{color:var(--ui-ink) !important;}
.appearance-option__copy small,.settings-section p,.settings-storage-note p{color:var(--ui-muted) !important;}
.appearance-option__check{color:var(--ui-blue-ink) !important;}
.settings-storage-note{border-color:var(--ui-line) !important;}
.toast{border-radius:999px !important;}
/* Strengthen dark-mode surfaces against pre-existing hardcoded legacy CSS. */
html[data-stocknote-theme="dark"] .app,html[data-stocknote-theme="dark"] .tabbar{background:var(--ui-canvas) !important;}
html[data-stocknote-theme="dark"] .tabbar{background:var(--ui-surface) !important;}
html[data-stocknote-theme="dark"] .home-list-card,html[data-stocknote-theme="dark"] .stock-collection,html[data-stocknote-theme="dark"] .home-summary-card-v2,html[data-stocknote-theme="dark"] #notesScreen > .card.stack-12,html[data-stocknote-theme="dark"] #notesScreen .stack-10>.card.stack-10{background:var(--ui-surface) !important;border-color:var(--ui-line) !important;}
html[data-stocknote-theme="dark"] #notesScreen .summary-stack .key-block,html[data-stocknote-theme="dark"] #notesScreen .detail-metrics-grid .metric{background:transparent !important;}
html[data-stocknote-theme="dark"] #notesScreen .detail-metrics-grid{background:var(--ui-soft) !important;}
html[data-stocknote-theme="dark"] #notesScreen .summary-grid-2 .secondary-block{background:transparent !important;border-color:transparent !important;}
html[data-stocknote-theme="dark"] #notesScreen .detail-collapsible-section,html[data-stocknote-theme="dark"] #notesScreen .detail-collapsible-summary,html[data-stocknote-theme="dark"] #notesScreen .detail-collapsible-body{background:var(--ui-surface) !important;border-color:var(--ui-line) !important;}
html[data-stocknote-theme="dark"] .stock-list-item__thesis,html[data-stocknote-theme="dark"] .note-line{color:var(--ui-ink-sub) !important;}
html[data-stocknote-theme="dark"] .quick-action-handle__bars::before{color:#fff !important;}
@media(max-width:390px){:root{--page-x:17px;} .stock-list-item{padding:18px 15px 16px !important;} #notesScreen > .card.stack-12{padding:19px 16px !important;} .home-summary-card-v2{padding:21px 18px !important;}}
@media(max-width:355px){:root{--page-x:14px;} .note-list-head__right{gap:7px !important;} .stock-list-item__identity{gap:9px !important;} .stock-list-item__logo,.stock-list-item__logo .row-logo-slot{width:39px !important;height:39px !important;flex-basis:39px !important;} .stock-list-item__name{font-size:15.5px !important;} .stock-list-item__action{padding:0 8px !important;} #notesScreen .stock-detail-title{font-size:21px !important;} #notesScreen .detail-primary-actions .btn{font-size:12px !important;}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition-duration:.01ms !important;animation-duration:.01ms !important;}}
/* StockNote x61 — interaction & visual system refinement.
   4/8 rhythm, 20px page gutters, one primary action, 44px tap area.
   Scoped intentionally against the legacy component styles. */
:root {
  --ui-ink:#191f28; --ui-ink-sub:#424f60; --ui-muted:#607080; --ui-placeholder:#65717f;
  --ui-canvas:#f6f8fa; --ui-surface:#ffffff; --ui-soft:#f3f5f7; --ui-soft-strong:#edf0f3;
  --ui-line:#e9edf1; --ui-strong-line:#d5dde6; --ui-blue:#2272df; --ui-blue-ink:#1d67ce;
  --ui-blue-light:#edf4ff; --ui-focus:rgba(49,130,246,.22); --ui-shadow:none;
  --ui-radius-sm:10px; --ui-radius-md:14px; --ui-radius-lg:20px;
  --page-x:20px; --page-y-top:27px; --card-px:20px; --card-py:19px;
  --tabbar-h:70px;
  --bg:var(--ui-canvas); --bg-accent:var(--ui-canvas); --panel:var(--ui-surface);
  --panel-soft:var(--ui-soft); --text:var(--ui-ink); --text-strong:var(--ui-ink);
  --muted:var(--ui-muted); --muted-soft:var(--ui-placeholder);
  --line:var(--ui-line); --line-strong:var(--ui-strong-line);
  --primary:var(--ui-blue); --primary-strong:#1a6de6; --primary-soft:var(--ui-blue-light);
  --slate-soft:var(--ui-soft); --shadow:none; --shadow-strong:none;
  --quiet-foreground:var(--ui-muted); --quiet-foreground-soft:var(--ui-placeholder);
}
html[data-stocknote-theme="dark"]{
  --ui-ink:#f5f7fa; --ui-ink-sub:#cfd6e0; --ui-muted:#a6b1c0; --ui-placeholder:#97a3b5;
  --ui-canvas:#12161d; --ui-surface:#1c232c; --ui-soft:#252e3a; --ui-soft-strong:#303b49;
  --ui-line:#303a48; --ui-strong-line:#4b596c; --ui-blue:#83b6ff; --ui-blue-ink:#a4c9ff;
  --ui-blue-light:#293d57; --ui-focus:rgba(131,182,255,.28);
  --primary-strong:#a4c9ff; --buy:#ff817e; --sell:#83b6ff;
  --buy-soft:#3d2c32; --sell-soft:#273952; --profit:#ff817e; --loss:#83b6ff;
}
html,body{margin:0 !important;background:var(--ui-canvas) !important;color:var(--ui-ink) !important;}
body {font-family:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Noto Sans KR","Malgun Gothic",sans-serif !important;font-size:15px !important;font-weight:400;line-height:1.55;letter-spacing:-.022em !important;}
button,input,select,textarea {font:inherit;letter-spacing:inherit;}
button {touch-action:manipulation;-webkit-tap-highlight-color:transparent;}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--ui-focus) !important;outline-offset:2px !important;}
.app {max-width:560px !important;margin:0 auto;background:var(--ui-canvas) !important;overflow-x:clip;}
.screen {padding:calc(var(--safe-top) + var(--page-y-top)) var(--page-x) calc(var(--tabbar-h) + var(--safe-bottom) + 96px) !important;min-width:0;}
.title,.home-title-v2{font-size:28px !important;line-height:1.25 !important;font-weight:800 !important;letter-spacing:-.052em !important;color:var(--ui-ink) !important;}
.header-row,.home-header-v2{display:flex;align-items:center !important;gap:12px;min-height:48px !important;margin-bottom:22px !important;}
.header-row > div:first-child{min-width:0;}
.section-title{margin:28px 0 13px !important;}
.section-title h2,.home-section-title-v2{font-size:18px !important;line-height:1.35 !important;font-weight:750 !important;color:var(--ui-ink) !important;letter-spacing:-.035em !important;}
.section-title span:not(.badge){color:var(--ui-muted);}
.small{font-size:13px !important;line-height:1.5;}
.tiny{font-size:12px !important;line-height:1.5;}
.muted,.small.muted,.tiny.muted{color:var(--ui-muted) !important;}
.note-line{font-size:14px !important;line-height:1.65 !important;color:var(--ui-ink-sub) !important;overflow-wrap:anywhere;}
.divider {background:var(--ui-line) !important;height:1px !important;}

/* Common action hierarchy and accessible control sizing */
.btn{min-height:48px !important;padding:0 16px !important;border-radius:13px !important;font-size:14px !important;font-weight:720 !important;box-shadow:none !important;}
.btn.primary {background:var(--ui-blue) !important;border-color:var(--ui-blue) !important;color:#fff !important;}
html[data-stocknote-theme="dark"] .btn.primary {color:#111e32 !important;}
.btn.secondary {background:var(--ui-blue-light) !important;border-color:transparent !important;color:var(--ui-blue-ink) !important;}
.btn.ghost {background:var(--ui-soft) !important;border-color:transparent !important;color:var(--ui-ink-sub) !important;}
.btn.text{background:transparent !important;border-color:transparent !important;color:var(--ui-blue-ink) !important;}
.btn:active:not(:disabled),.screen-compose-btn:active,.stock-list-item__action:active{filter:brightness(.975);}
.icon-btn,.home-settings-button {width:44px !important;min-width:44px !important;height:44px !important;min-height:44px !important;padding:0 !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;background:transparent !important;border:0 !important;border-radius:12px !important;color:var(--ui-ink-sub) !important;}
.icon-btn svg,.icon-btn .ui-icon,.home-settings-button svg{height:20px !important;width:20px !important;flex:none;}
.icon-btn:active,.home-settings-button:active{background:var(--ui-soft) !important;}
.screen-compose-btn{height:44px !important;min-height:44px !important;max-width:max-content;display:inline-flex !important;align-items:center !important;justify-content:center !important;gap:5px !important;padding:0 13px !important;background:var(--ui-blue) !important;color:#fff !important;border-radius:12px !important;font-size:13px !important;font-weight:740 !important;box-shadow:none !important;white-space:nowrap;}
html[data-stocknote-theme="dark"] .screen-compose-btn{color:#111e32 !important;background:var(--ui-blue) !important;}
.screen-compose-btn span{font-size:19px !important;font-weight:400 !important;line-height:1 !important;transform:translateY(-1px) !important;}
.badge{height:26px !important;min-height:26px !important;padding:0 9px !important;border-radius:8px !important;font-size:11px !important;font-weight:680 !important;white-space:nowrap;}
.badge.tag,.badge.hold,.badge.closed{background:var(--ui-soft) !important;color:var(--ui-muted) !important;}
.badge.buy{background:var(--buy-soft) !important;color:var(--buy) !important;}
.badge.sell{background:var(--sell-soft) !important;color:var(--sell) !important;}
.search-box{display:flex !important;align-items:center !important;min-height:50px !important;padding:0 10px 0 15px !important;background:var(--ui-soft) !important;border:1px solid transparent !important;border-radius:14px !important;box-shadow:none !important;}
.search-box:focus-within{border-color:var(--ui-blue) !important;background:var(--ui-surface) !important;box-shadow:0 0 0 3px var(--ui-focus) !important;}
.search-box input{font-size:14px !important;font-weight:470 !important;background:transparent !important;border:0 !important;padding:11px 8px !important;min-height:45px !important;box-shadow:none !important;color:var(--ui-ink) !important;}
.search-box input::placeholder{color:var(--ui-placeholder) !important;opacity:1;}
.search-box .search-icon{color:var(--ui-muted) !important;}
.search-clear{min-width:44px !important;min-height:44px !important;display:inline-flex;align-items:center;justify-content:center;color:var(--ui-muted) !important;}
.search-meta{font-size:12px !important;color:var(--ui-muted) !important;margin:9px 2px 0 !important;}

/* Navigation chrome */
.tabbar{width:min(560px,100%) !important;min-height:calc(var(--tabbar-h) + var(--safe-bottom)) !important;background:var(--ui-surface) !important;border:0 !important;border-top:1px solid var(--ui-line) !important;box-shadow:none !important;}
.tab{min-height:58px !important;gap:3px !important;padding:7px 0 !important;font-size:11.5px !important;font-weight:570 !important;color:var(--ui-muted) !important;letter-spacing:-.01em !important;}
.tab.active{color:var(--ui-blue-ink) !important;font-weight:760 !important;}
.tab .tab-ico{min-height:23px !important;display:flex;align-items:center;justify-content:center;}
.tab .tab-ico svg{width:22px !important;height:22px !important;}
.quick-action-dock{right:max(20px,calc((100vw - 560px)/2 + 20px)) !important;left:auto !important;transform:none !important;max-width:calc(100vw - 40px) !important;}
.quick-action-handle{width:52px !important;height:52px !important;border-radius:17px !important;background:var(--ui-blue) !important;box-shadow:0 6px 17px rgba(49,130,246,.17) !important;}
.quick-action-handle__bars i{display:none !important;}
.quick-action-handle__bars::before{content:"+" !important;color:#fff !important;font-size:30px !important;font-weight:400 !important;line-height:1 !important;}
html[data-stocknote-theme="dark"] .quick-action-handle__bars::before{color:#142134 !important;}
.quick-action-dock.is-open .quick-action-handle__bars::before{content:"×" !important;}
.quick-action-sheet{background:var(--ui-surface) !important;border:1px solid var(--ui-line) !important;border-radius:18px !important;box-shadow:0 16px 48px rgba(17,27,42,.16) !important;}
.quick-action-item{min-height:64px !important;border-bottom:1px solid var(--ui-line) !important;padding:13px 17px !important;}
.quick-action-item__label{font-size:14px !important;font-weight:730 !important;color:var(--ui-ink) !important;}
.quick-action-item__hint{font-size:12px !important;color:var(--ui-muted) !important;}

/* Home: one main status, generous section rhythm, quiet chronological list. */
.home-header-v2{margin-bottom:26px !important;}
.home-summary-card-v2{display:block !important;background:var(--ui-surface) !important;border:0 !important;border-radius:20px !important;padding:25px 22px 22px !important;margin:0 0 34px !important;box-shadow:none !important;}
.home-summary-eyebrow{font-size:12px !important;font-weight:690 !important;color:var(--ui-muted) !important;}
.home-summary-main{display:flex !important;align-items:baseline !important;gap:9px !important;margin:10px 0 16px !important;}
.home-summary-main strong{font-size:42px !important;line-height:1 !important;font-weight:800 !important;letter-spacing:-.06em !important;color:var(--ui-ink) !important;font-variant-numeric:tabular-nums;}
.home-summary-card-v2.has-tasks .home-summary-main strong{color:var(--ui-blue-ink) !important;}
.home-summary-main span{font-size:17px !important;font-weight:700 !important;line-height:1.38 !important;letter-spacing:-.035em;color:var(--ui-ink) !important;}
.home-summary-breakdown{gap:8px !important;}
.home-summary-breakdown span{display:inline-flex !important;align-items:center !important;gap:6px !important;background:var(--ui-soft) !important;border-radius:9px !important;padding:7px 11px !important;font-size:12px !important;font-weight:650 !important;color:var(--ui-muted) !important;}
.home-summary-breakdown b{font-size:12px !important;color:var(--ui-ink) !important;}
.home-section-v2{margin:0 0 33px !important;}
.home-section-head-v2{min-height:44px !important;margin-bottom:8px !important;align-items:center !important;}
.home-section-title-v2{font-size:18px !important;}
.home-section-link-v2{min-height:44px !important;padding:0 2px 0 14px !important;display:inline-flex;align-items:center;color:var(--ui-muted) !important;font-size:13px !important;font-weight:600 !important;}
.home-section-link-v2::after{content:"›";margin-left:5px;font-size:21px;line-height:1;}
.home-list-card{border:0 !important;border-radius:18px !important;box-shadow:none !important;background:var(--ui-surface) !important;overflow:hidden !important;}
.home-list-row,.home-list-row + .home-list-row{border:0 !important;}
.home-list-row + .home-list-row{border-top:1px solid var(--ui-line) !important;}
.home-list-row-inner{min-height:76px !important;padding:12px 15px !important;gap:6px !important;}
.home-row-main--full{min-height:75px !important;padding:12px 15px !important;}
.home-row-main{column-gap:11px !important;min-width:0 !important;}
.home-list-row .row-logo-slot{width:40px !important;height:40px !important;}
.row-name{font-size:15px !important;font-weight:720 !important;color:var(--ui-ink) !important;}
.row-ticker{font-size:11px !important;color:var(--ui-placeholder) !important;}
.row-subtext{font-size:12px !important;line-height:1.45 !important;color:var(--ui-muted) !important;}
.row-date{font-size:11.5px !important;color:var(--ui-muted) !important;}
.row-action-chip,.row-action-chip.is-primary,.row-action-chip.is-review,.row-action-chip.is-trade-review{min-height:44px !important;min-width:68px !important;padding:0 9px !important;border-radius:11px !important;background:var(--ui-blue-light) !important;color:var(--ui-blue-ink) !important;font-size:12px !important;font-weight:700 !important;text-align:center !important;}
.home-empty-card{background:var(--ui-surface) !important;border:0 !important;border-radius:18px !important;box-shadow:none !important;padding:25px 22px !important;}
.home-empty-card h3{font-size:17px !important;font-weight:760 !important;color:var(--ui-ink) !important;}
.home-empty-card p{font-size:14px !important;line-height:1.65 !important;color:var(--ui-muted) !important;}
.home-empty-primary-action{margin-top:18px !important;}
.data-management-fold{border:0 !important;border-top:1px solid var(--ui-line) !important;background:transparent !important;border-radius:0 !important;margin-top:26px !important;}
.data-management-summary{min-height:56px !important;color:var(--ui-muted) !important;}
.data-management-summary strong{font-weight:660 !important;color:var(--ui-ink-sub) !important;}

/* Stock list: one grouped surface; identity -> reason -> due signals -> actions. */
.note-list-head{margin:23px 0 13px !important;min-height:44px !important;align-items:center !important;}
.note-list-head h2{font-size:17px !important;font-weight:730 !important;color:var(--ui-ink) !important;}
.note-list-count{font-size:12px !important;font-weight:600 !important;color:var(--ui-muted) !important;}
.note-list-head__left{gap:8px !important;}
.note-list-head__right{gap:9px !important;}
.note-inline-filter-wrap,.note-inline-sort-wrap{position:relative;min-height:44px !important;padding:0 7px !important;border:0 !important;border-radius:10px;background:var(--ui-soft) !important;display:inline-flex;align-items:center;justify-content:center;gap:5px !important;}
.note-inline-filter-label,.note-inline-sort-label{font-size:12.5px !important;color:var(--ui-ink-sub) !important;font-weight:650 !important;}
.note-inline-filter-caret,.note-inline-sort-caret{font-size:12px !important;color:var(--ui-muted) !important;}
.stock-collection{background:var(--ui-surface) !important;border:0 !important;border-radius:18px !important;box-shadow:none !important;overflow:hidden !important;}
.stock-list-item,.stock-list-item:first-of-type{margin:0 !important;padding:20px 17px 14px !important;border:0 !important;background:transparent !important;}
.stock-list-item + .stock-list-item{border-top:1px solid var(--ui-line) !important;}
.stock-list-item__open{width:100%;min-height:44px !important;text-align:left !important;border-radius:10px !important;}
.stock-list-item__heading{display:flex;align-items:center;gap:8px !important;}
.stock-list-item__identity{display:flex;align-items:center;gap:12px !important;min-width:0 !important;}
.stock-list-item__logo,.stock-list-item__logo .row-logo-slot{width:42px !important;height:42px !important;flex-basis:42px !important;}
.stock-list-item__names{gap:2px !important;min-width:0;}
.stock-list-item__name{font-size:16px !important;line-height:1.32 !important;letter-spacing:-.033em !important;font-weight:760 !important;color:var(--ui-ink) !important;}
.stock-list-item__ticker{font-size:11.5px !important;line-height:1.3 !important;color:var(--ui-muted) !important;}
.stock-list-item__status.badge{max-width:88px;min-width:0 !important;background:var(--ui-soft) !important;color:var(--ui-muted) !important;font-size:11px !important;height:26px !important;padding:0 8px !important;}
.stock-list-item__thesis{margin:12px 0 0 !important;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:14px !important;line-height:1.55 !important;font-weight:490 !important;color:var(--ui-ink-sub) !important;}
.stock-list-item__context{font-size:12.5px !important;color:var(--ui-muted) !important;}
.stock-list-item__signals{display:flex !important;flex-wrap:wrap;align-items:center;gap:5px 0 !important;margin-top:10px !important;font-size:11.8px !important;line-height:1.5 !important;color:var(--ui-muted) !important;}
.stock-list-item__signals span+span::before{content:"·" !important;color:var(--ui-placeholder) !important;padding:0 7px !important;}
.stock-list-item__signal--warning{color:#bd712f !important;font-weight:680 !important;}
.stock-list-item__footer{display:flex;align-items:center;justify-content:space-between;margin-top:11px !important;gap:6px !important;}
.stock-list-item__updated{font-size:11px !important;color:var(--ui-muted) !important;}
.stock-list-item__actions{display:flex;align-items:center;gap:5px !important;}
.stock-list-item__action{display:inline-flex !important;align-items:center;justify-content:center;gap:5px !important;min-height:44px !important;min-width:68px !important;padding:0 10px !important;border-radius:10px !important;font-size:12.5px !important;font-weight:700 !important;background:var(--ui-soft) !important;color:var(--ui-ink-sub) !important;}
.stock-list-item__action--review{background:var(--ui-blue-light) !important;color:var(--ui-blue-ink) !important;}
.stock-list-item__action svg{height:16px !important;width:16px !important;flex:none;}
.stock-list-item__open:active{opacity:.83 !important;}

/* Stock detail: integrated narrative, four metrics, distinct actions. */
#notesScreen .note-detail-header-brand{gap:7px !important;min-width:0 !important;}
#notesScreen .note-detail-header-brand>.row-logo-slot{width:43px !important;height:43px !important;flex:none;}
#notesScreen .stock-detail-title{font-size:23px !important;font-weight:790 !important;line-height:1.27 !important;letter-spacing:-.05em !important;}
#notesScreen .stock-detail-subtitle{margin-top:3px !important;font-size:12px !important;color:var(--ui-muted) !important;}
#notesScreen .note-detail-more-menu>summary{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;color:var(--ui-muted) !important;border-radius:12px !important;cursor:pointer;}
#notesScreen .note-detail-more-menu>summary::-webkit-details-marker{display:none;}
#notesScreen .note-detail-more-panel{position:absolute;right:0;top:48px;z-index:60;width:218px;padding:8px !important;border:1px solid var(--ui-line) !important;border-radius:15px !important;background:var(--ui-surface) !important;box-shadow:0 14px 45px rgba(11,22,36,.18) !important;}
#notesScreen .note-detail-more-panel button{display:flex !important;align-items:center !important;gap:12px !important;min-height:46px !important;width:100%;padding:0 11px !important;font-size:13px !important;font-weight:660 !important;text-align:left !important;border-radius:9px !important;}
#notesScreen>.card.stack-12{background:var(--ui-surface) !important;border:0 !important;border-radius:19px !important;padding:23px 20px !important;box-shadow:none !important;}
#notesScreen>.card.stack-12 .space h2{font-size:17px !important;font-weight:760 !important;color:var(--ui-ink) !important;}
#notesScreen>.card.stack-12 .row.wrap .badge{font-size:11px !important;}
#notesScreen .summary-stack{margin-top:19px !important;}
#notesScreen .summary-stack .key-block{padding:0 0 16px !important;margin:0 0 16px !important;border:0 !important;border-bottom:1px solid var(--ui-line) !important;border-radius:0 !important;background:transparent !important;}
#notesScreen .summary-stack .key-block:last-child{margin-bottom:0 !important;border-bottom:0 !important;padding-bottom:0 !important;}
#notesScreen .summary-stack .key-block .tiny{font-size:12px !important;color:var(--ui-muted) !important;font-weight:620 !important;margin-bottom:7px;}
#notesScreen .summary-stack .key-block:first-child .note-line{font-size:16px !important;font-weight:650 !important;color:var(--ui-ink) !important;line-height:1.55 !important;}
#notesScreen .summary-stack .key-block .note-line{font-size:14px !important;line-height:1.7 !important;}
#notesScreen .detail-metrics-grid{display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr));background:var(--ui-soft) !important;border-radius:15px !important;padding:5px 13px !important;gap:0 !important;overflow:hidden;}
#notesScreen .detail-metrics-grid .metric{background:transparent !important;border:0 !important;border-radius:0 !important;padding:15px 8px !important;box-shadow:none !important;min-width:0 !important;}
#notesScreen .detail-metrics-grid .metric:nth-child(even){border-left:1px solid var(--ui-line) !important;}
#notesScreen .detail-metrics-grid .metric:nth-child(n+3){border-top:1px solid var(--ui-line) !important;}
#notesScreen .detail-metrics-grid .metric.metric-span-2{grid-column:auto !important;}
#notesScreen .detail-metrics-grid .metric .small{font-size:12px !important;color:var(--ui-muted) !important;}
#notesScreen .detail-metrics-grid .metric .v{font-size:16px !important;line-height:1.45 !important;font-weight:770 !important;color:var(--ui-ink) !important;overflow-wrap:anywhere;}
#notesScreen .detail-metrics-grid .metric-realized{grid-column:1/-1 !important;border-left:0 !important;}
#notesScreen .metric-realized .metric-realized-row{display:flex !important;align-items:baseline !important;justify-content:space-between;flex-wrap:wrap;gap:8px !important;}
#notesScreen .metric-realized-rate{font-size:12px !important;}
#notesScreen .summary-grid-2 .secondary-block{background:transparent !important;border:0 !important;border-bottom:1px solid var(--ui-line) !important;border-radius:0 !important;padding:13px 0 !important;}
#notesScreen .summary-grid-2 .connection-main{color:var(--ui-ink) !important;font-size:14px !important;font-weight:700 !important;line-height:1.45 !important;}
#notesScreen [data-invalidation]{min-height:44px !important;white-space:normal !important;overflow-wrap:anywhere;text-align:left !important;font-size:13px !important;justify-content:flex-start !important;background:var(--ui-soft) !important;color:var(--ui-ink-sub) !important;}
#notesScreen .link-summary-grid{gap:8px !important;}
#notesScreen .summary-link{min-height:45px !important;background:var(--ui-soft) !important;border:0 !important;border-radius:11px !important;font-size:12.5px !important;font-weight:670 !important;color:var(--ui-ink-sub) !important;}
#notesScreen .stack-10{min-width:0;}
#notesScreen .detail-action-label{font-size:13px;font-weight:700;color:var(--ui-muted);margin:22px 2px 10px;}
#notesScreen .detail-primary-actions{display:grid !important;grid-template-columns:1fr 1fr !important;gap:10px !important;margin-top:0 !important;}
#notesScreen .detail-primary-actions .btn{min-height:48px !important;font-size:14px !important;padding:0 9px !important;}
#notesScreen .detail-primary-actions .detail-action-btn--memo{background:var(--ui-surface) !important;color:var(--ui-ink-sub) !important;border:1px solid var(--ui-line) !important;}
#notesScreen .detail-primary-actions .detail-action-btn--review{background:var(--ui-blue-light) !important;color:var(--ui-blue-ink) !important;border:0 !important;}
#notesScreen .detail-history-link{min-height:44px !important;width:100%;display:flex;align-items:center;justify-content:space-between;text-align:left;padding:0 15px !important;border-radius:11px !important;margin-top:7px;background:transparent !important;color:var(--ui-muted) !important;font-size:13px !important;font-weight:670 !important;}
#notesScreen .detail-history-link span{font-size:22px;font-weight:400;}
#notesScreen .stack-10>.card.stack-10{padding:19px 19px 18px !important;background:var(--ui-surface) !important;border:0 !important;border-radius:18px !important;box-shadow:none !important;}
#notesScreen .stack-10>.card.stack-10 h2{font-size:16px !important;font-weight:740 !important;}
#notesScreen .schedule-chip{min-height:44px !important;background:var(--ui-soft) !important;color:var(--ui-ink-sub) !important;border:0 !important;border-radius:11px !important;font-size:13px !important;font-weight:650 !important;}
#notesScreen .section-title-with-action{margin-top:29px !important;}
#notesScreen .section-inline-action{min-height:44px !important;width:auto !important;font-size:13px !important;}
#notesScreen .detail-collapsible-section{background:var(--ui-surface) !important;border:0 !important;border-radius:16px !important;box-shadow:none !important;overflow:hidden;}
#notesScreen .detail-collapsible-summary,#notesScreen .detail-collapsible-body{background:var(--ui-surface) !important;color:var(--ui-ink) !important;}
#notesScreen .detail-collapsible-summary{min-height:54px !important;padding:12px 17px !important;}
#notesScreen .detail-collapsible-title strong{font-size:14px !important;font-weight:730 !important;}
#notesScreen .detail-collapsible-title span{font-size:12px !important;color:var(--ui-muted) !important;}
#notesScreen .detail-collapsible-body{padding:0 17px 17px !important;}
#notesScreen .detail-collapsible-body .list-item{padding:14px 0 !important;border-top:1px solid var(--ui-line) !important;}
#notesScreen .detail-collapsible-body .list-item .btn.text{min-width:44px !important;min-height:44px !important;color:var(--ui-muted) !important;}

/* Trading/review records: real list-reading rhythm, consistent editing affordances */
.trade-summary-line{padding:0 0 15px !important;margin-bottom:13px !important;border-bottom:1px solid var(--ui-line) !important;color:var(--ui-muted) !important;font-size:12.5px !important;}
.card[data-trade-card-id],.card[data-review-card-id]{background:var(--ui-surface) !important;border:0 !important;border-radius:16px !important;padding:19px 17px !important;margin:0 0 10px !important;box-shadow:none !important;}
.card[data-trade-card-id] .trade-record-grid,.card[data-review-card-id] .review-record-grid{column-gap:10px !important;row-gap:8px !important;}
.card[data-trade-card-id] .trade-record-logo,.card[data-review-card-id] .review-record-logo{padding-top:0 !important;}
.card[data-trade-card-id] .trade-record-logo,.card[data-trade-card-id] .trade-record-title,.card[data-trade-card-id] .trade-record-actions{min-height:44px !important;height:44px !important;align-items:center !important;align-self:start !important;}
.card[data-trade-card-id] .trade-record-title strong,.card[data-review-card-id] .review-record-title strong{font-size:15px !important;line-height:1.35 !important;font-weight:750 !important;color:var(--ui-ink) !important;}
.card[data-trade-card-id] .trade-record-meta,.card[data-review-card-id] .review-record-meta{font-size:12px !important;line-height:1.5 !important;color:var(--ui-muted) !important;}
.card[data-trade-card-id] .trade-record-actions,.card[data-review-card-id] .review-record-actions{gap:0 !important;}
.card[data-trade-card-id] .trade-record-actions .icon-btn,.card[data-review-card-id] .review-record-actions .icon-btn{min-width:44px !important;width:44px !important;height:44px !important;}
.card[data-trade-card-id] .divider,.card[data-review-card-id] .divider{background:var(--ui-line) !important;margin:14px 0 12px !important;}
.card[data-trade-card-id] .note-line,.card[data-review-card-id] .note-line{font-size:13.5px !important;line-height:1.65 !important;color:var(--ui-ink-sub) !important;}
.card[data-trade-card-id] .badge.tag,.card[data-review-card-id] .badge.tag{background:var(--ui-soft) !important;color:var(--ui-muted) !important;}
.card[data-trade-card-id] .trade-record-pnl .pnl-profit,.card[data-trade-card-id] .trade-record-pnl .pnl-rate,
.card[data-review-card-id] .review-record-pnl .pnl-profit,.card[data-review-card-id] .review-record-pnl .pnl-rate{background:transparent !important;border:0 !important;border-radius:0 !important;padding:0 !important;}
.card[data-trade-card-id] .pnl-label,.card[data-review-card-id] .pnl-label{color:var(--ui-muted) !important;font-size:11.5px !important;}
.record-link-row{margin-top:11px !important;gap:5px 10px !important;align-items:center;}
.card[data-trade-card-id] .mini-link,.card[data-review-card-id] .mini-link{min-height:44px !important;padding:0 9px 0 0 !important;font-size:12.5px !important;font-weight:670 !important;color:var(--ui-blue-ink) !important;}
.review-segment-row{border:0 !important;border-bottom:1px solid var(--ui-line) !important;border-radius:0 !important;background:transparent !important;margin-bottom:19px !important;gap:4px !important;}
.review-segment-row .segment{min-height:48px !important;border-radius:0 !important;color:var(--ui-muted) !important;font-size:14px !important;font-weight:640 !important;}
.review-segment-row .segment.active{background:transparent !important;color:var(--ui-ink) !important;font-weight:780 !important;border-color:var(--ui-blue) !important;}
.review-search-section{margin-bottom:18px !important;}
.review-pending-section{background:var(--ui-surface) !important;border:0 !important;border-radius:16px !important;padding:17px !important;margin-bottom:20px !important;}
.review-records-grid{gap:0 !important;}

/* Monthly analysis: clear numerical hierarchy; no nested decorative boxes. */
.analysis-hero-card{background:var(--ui-surface) !important;border:0 !important;border-radius:17px !important;padding:21px !important;box-shadow:none !important;}
.analysis-metric-grid .metric{background:var(--ui-soft) !important;border:0 !important;border-radius:12px !important;padding:15px !important;}
.analysis-metric-grid .metric .v{font-size:20px !important;line-height:1.3 !important;font-weight:790 !important;letter-spacing:-.04em;}
.analysis-diagnosis-line,.analysis-compare-line,.analysis-scope-banner{background:var(--ui-soft) !important;border:0 !important;border-radius:11px !important;padding:13px !important;color:var(--ui-ink-sub) !important;}
.card.section-card:not(.analysis-hero-card){background:transparent !important;border:0 !important;box-shadow:none !important;padding:0 !important;}

/* Bottom sheets, form fields and preferences */
.modal{background:var(--ui-surface) !important;color:var(--ui-ink) !important;border-radius:22px 22px 0 0 !important;box-shadow:0 -8px 40px rgba(8,24,41,.13) !important;}
.modal.center{border-radius:19px !important;}
.modal-head{min-height:44px !important;margin-bottom:20px !important;align-items:center !important;}
.modal-title{font-size:21px !important;line-height:1.28 !important;font-weight:780 !important;letter-spacing:-.04em !important;color:var(--ui-ink) !important;}
#modalRoot .field label{display:block;font-size:13px !important;font-weight:700 !important;color:var(--ui-ink-sub) !important;margin-bottom:8px !important;}
#modalRoot .fields{gap:18px !important;}
#modalRoot input,#modalRoot select,#modalRoot textarea{min-height:48px !important;padding:12px 14px !important;background:var(--ui-soft) !important;color:var(--ui-ink) !important;border:1px solid transparent !important;border-radius:12px !important;font-size:15px !important;box-shadow:none !important;}
#modalRoot textarea{min-height:106px !important;line-height:1.6 !important;resize:vertical;}
#modalRoot input:focus,#modalRoot select:focus,#modalRoot textarea:focus{background:var(--ui-surface) !important;border-color:var(--ui-blue) !important;box-shadow:0 0 0 3px var(--ui-focus) !important;}
#modalRoot input::placeholder,#modalRoot textarea::placeholder{color:var(--ui-placeholder) !important;}
#modalRoot .btn.primary[type="submit"]{min-height:52px !important;margin-top:6px !important;font-size:15px !important;}
#modalRoot .modal-head .icon-btn{width:44px !important;height:44px !important;}
.appearance-options{border:0 !important;border-radius:15px !important;overflow:hidden;background:var(--ui-soft) !important;gap:1px !important;}
.appearance-option{min-height:68px !important;background:var(--ui-surface) !important;border:0 !important;border-radius:0 !important;padding:12px 16px !important;}
.appearance-option.is-selected{background:var(--ui-blue-light) !important;border:0 !important;}
.appearance-option__copy strong,.settings-section h3{color:var(--ui-ink) !important;font-weight:740 !important;}
.appearance-option__copy small,.settings-section p,.settings-storage-note p{color:var(--ui-muted) !important;}
.appearance-option__check{color:var(--ui-blue-ink) !important;}
.settings-storage-note{border-color:var(--ui-line) !important;}
.toast,.undo-toast-inner{border-radius:14px !important;}

/* Night surfaces and legacy specificity adapters. */
html[data-stocknote-theme="dark"] .app,html[data-stocknote-theme="dark"] .screen{background:var(--ui-canvas) !important;color:var(--ui-ink) !important;}
html[data-stocknote-theme="dark"] .home-summary-card-v2,
html[data-stocknote-theme="dark"] .home-list-card,
html[data-stocknote-theme="dark"] .home-empty-card,
html[data-stocknote-theme="dark"] .stock-collection,
html[data-stocknote-theme="dark"] .card[data-trade-card-id],
html[data-stocknote-theme="dark"] .card[data-review-card-id],
html[data-stocknote-theme="dark"] .analysis-hero-card,
html[data-stocknote-theme="dark"] .review-pending-section,
html[data-stocknote-theme="dark"] #notesScreen>.card.stack-12,
html[data-stocknote-theme="dark"] #notesScreen .stack-10>.card.stack-10,
html[data-stocknote-theme="dark"] #notesScreen .detail-collapsible-section,
html[data-stocknote-theme="dark"] #notesScreen .detail-collapsible-summary,
html[data-stocknote-theme="dark"] #notesScreen .detail-collapsible-body{background:var(--ui-surface) !important;border-color:var(--ui-line) !important;color:var(--ui-ink) !important;}
html[data-stocknote-theme="dark"] .search-box{background:var(--ui-soft) !important;border-color:transparent !important;}
html[data-stocknote-theme="dark"] .search-box:focus-within{background:var(--ui-surface) !important;border-color:var(--ui-blue) !important;}
html[data-stocknote-theme="dark"] .search-box input{background:transparent !important;border:0 !important;color:var(--ui-ink) !important;}
html[data-stocknote-theme="dark"] .stock-list-item__action{background:var(--ui-soft) !important;color:var(--ui-ink-sub) !important;}
html[data-stocknote-theme="dark"] .stock-list-item__action--review{background:var(--ui-blue-light) !important;color:var(--ui-blue-ink) !important;}
html[data-stocknote-theme="dark"] .row-action-chip{background:var(--ui-blue-light) !important;color:var(--ui-blue-ink) !important;}
html[data-stocknote-theme="dark"] .home-summary-card-v2 .home-summary-main strong{color:var(--ui-ink) !important;}
html[data-stocknote-theme="dark"] .home-summary-card-v2.has-tasks .home-summary-main strong{color:var(--ui-blue-ink) !important;}
html[data-stocknote-theme="dark"] .home-empty-card h3,html[data-stocknote-theme="dark"] .stock-list-item__name,
html[data-stocknote-theme="dark"] .card[data-trade-card-id] .trade-record-title strong,
html[data-stocknote-theme="dark"] .card[data-review-card-id] .review-record-title strong{color:var(--ui-ink) !important;}
html[data-stocknote-theme="dark"] .home-empty-card p,html[data-stocknote-theme="dark"] .stock-list-item__thesis,
html[data-stocknote-theme="dark"] .card[data-trade-card-id] .note-line,
html[data-stocknote-theme="dark"] .card[data-review-card-id] .note-line{color:var(--ui-ink-sub) !important;}
html[data-stocknote-theme="dark"] #notesScreen .detail-metrics-grid{background:var(--ui-soft) !important;}
html[data-stocknote-theme="dark"] #notesScreen .detail-metrics-grid .metric{background:transparent !important;}
html[data-stocknote-theme="dark"] #notesScreen .detail-primary-actions .detail-action-btn--memo{background:var(--ui-surface) !important;color:var(--ui-ink-sub) !important;border-color:var(--ui-line) !important;}
html[data-stocknote-theme="dark"] #notesScreen .detail-primary-actions .detail-action-btn--review{background:var(--ui-blue-light) !important;color:var(--ui-blue-ink) !important;}
html[data-stocknote-theme="dark"] #notesScreen .summary-link,
html[data-stocknote-theme="dark"] #notesScreen .schedule-chip,
html[data-stocknote-theme="dark"] #notesScreen [data-invalidation]{background:var(--ui-soft) !important;color:var(--ui-ink-sub) !important;border-color:transparent !important;}
html[data-stocknote-theme="dark"] #notesScreen .detail-collapsible-title strong{color:var(--ui-ink) !important;}
html[data-stocknote-theme="dark"] .review-segment-row .segment.active{color:var(--ui-ink) !important;}
html[data-stocknote-theme="dark"] #modalRoot .field label{color:var(--ui-ink-sub) !important;}
html[data-stocknote-theme="dark"] #modalRoot input,html[data-stocknote-theme="dark"] #modalRoot textarea,html[data-stocknote-theme="dark"] #modalRoot select{background:var(--ui-soft) !important;color:var(--ui-ink) !important;border-color:transparent !important;}
html[data-stocknote-theme="dark"] #modalRoot input:focus,html[data-stocknote-theme="dark"] #modalRoot textarea:focus,html[data-stocknote-theme="dark"] #modalRoot select:focus{background:var(--ui-surface) !important;border-color:var(--ui-blue) !important;}
html[data-stocknote-theme="dark"] .appearance-option{background:var(--ui-surface) !important;}
html[data-stocknote-theme="dark"] .appearance-option.is-selected{background:var(--ui-blue-light) !important;}
html[data-stocknote-theme="dark"] .tabbar{background:var(--ui-surface) !important;border-color:var(--ui-line) !important;}
html[data-stocknote-theme="dark"] .tab{color:var(--ui-muted) !important;}
html[data-stocknote-theme="dark"] .tab.active{color:var(--ui-blue-ink) !important;}
html[data-stocknote-theme="dark"] .quick-action-handle{background:var(--ui-blue) !important;border-color:var(--ui-blue) !important;}
html[data-stocknote-theme="dark"] .quick-action-sheet,html[data-stocknote-theme="dark"] .modal{background:var(--ui-surface) !important;border-color:var(--ui-line) !important;color:var(--ui-ink) !important;}
html[data-stocknote-theme="dark"] .badge.tag{background:var(--ui-soft) !important;color:var(--ui-muted) !important;}
html[data-stocknote-theme="dark"] .badge.buy{background:var(--buy-soft) !important;color:var(--buy) !important;}
html[data-stocknote-theme="dark"] .badge.sell{background:var(--sell-soft) !important;color:var(--sell) !important;}

@media(max-width:390px){:root{--page-x:17px;--card-px:17px;} .stock-list-item,.stock-list-item:first-of-type{padding:18px 15px 12px !important;} #notesScreen>.card.stack-12{padding:21px 17px !important;} .home-summary-card-v2{padding:23px 19px !important;}}
@media(max-width:355px){:root{--page-x:14px;--card-px:14px;} .stock-list-item__identity{gap:8px !important;} .stock-list-item__logo,.stock-list-item__logo .row-logo-slot{width:38px !important;height:38px !important;flex-basis:38px !important;} .stock-list-item__name{font-size:15px !important;} .note-list-head__right{gap:5px !important;} .note-inline-filter-wrap,.note-inline-sort-wrap{padding:0 5px !important;} .stock-list-item__action{min-width:58px !important;padding:0 7px !important;} #notesScreen .stock-detail-title{font-size:21px !important;}}
@media(min-width:768px){.app{border-left:1px solid var(--ui-line);border-right:1px solid var(--ui-line);}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto !important;animation-duration:.01ms !important;transition-duration:.01ms !important;}}

/* Tested edge cases: search icon placement and narrow review-card headers. */
.search-box .search-icon{
  position:static !important;left:auto !important;top:auto !important;
  transform:none !important;display:inline-flex !important;
  align-items:center !important;justify-content:center !important;
  width:20px !important;height:20px !important;flex:0 0 20px !important;
  pointer-events:none;
}
.search-box .search-icon svg{width:18px !important;height:18px !important;display:block;}
.search-box input{flex:1 1 auto !important;width:100% !important;min-width:0 !important;padding-left:8px !important;}
/* The native clear affordance is used by the app; give it a safe interaction target. */
.search-box .search-clear{position:relative !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;min-width:44px !important;min-height:44px !important;}
/* More room for the review title at small mobile sizes; actions occupy their own row. */
@media(max-width:360px){
  .card[data-review-card-id] .review-record-grid{
    position:relative !important;
    display:grid !important;
    grid-template-columns:38px minmax(0,1fr) !important;
    grid-template-areas:"logo title" "actions actions" "meta meta" "pnl pnl" !important;
    padding-right:0 !important;
    column-gap:10px !important;
    row-gap:3px !important;
  }
  .card[data-review-card-id] .review-record-logo{grid-area:logo !important;align-self:start;}
  .card[data-review-card-id] .review-record-title{grid-area:title !important;min-height:38px !important;max-width:100% !important;align-self:start !important;}
  .card[data-review-card-id] .review-record-title strong{white-space:normal !important;overflow-wrap:anywhere !important;}
  .card[data-review-card-id] .review-record-actions{
    grid-area:actions !important;position:static !important;top:auto !important;right:auto !important;
    justify-self:end !important;align-self:center !important;width:auto !important;height:44px !important;
    padding:0 !important;margin:0 !important;
  }
  .card[data-review-card-id] .review-record-meta{grid-area:meta !important;}
  .card[data-review-card-id] .review-record-pnl{grid-area:pnl !important;}
}

/* Keep the provider credit readable without overlaying the app header. */
.logo-attribution:not(.is-hidden){
  position:static !important;inset:auto !important;
  display:block !important;width:max-content !important;max-width:calc(100% - 40px);
  margin:6px 20px calc(var(--tabbar-h) + var(--safe-bottom) + 24px) auto !important;
  padding:0 !important;background:transparent !important;border:0 !important;
  box-shadow:none !important;backdrop-filter:none !important;
  color:var(--ui-muted) !important;font-size:10px !important;opacity:.82 !important;
}