:root{--font-sans: -apple-system, BlinkMacSystemFont, "Inter", "SF Pro Text", "PingFang SC", "Hiragino Sans GB", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Microsoft YaHei", "Noto Sans SC", "Noto Sans CJK SC", "Source Han Sans SC", "Yu Gothic UI", "Yu Gothic", "Noto Sans JP", Meiryo, sans-serif;--font-display: "Newsreader", Charter, "Source Serif Pro", "Iowan Old Style", Georgia, "PingFang SC", "Hiragino Mincho ProN", "Yu Mincho", "Songti SC", serif;--font-mono: "SF Mono", "SF Pro Text", "Helvetica Neue", "Segoe UI", "Arial", monospace;--bg-app: #f6f1e8;--bg-content: #fbf7f0;--bg-card: #ffffff;--bg-card-soft: #f4ede1;--bg-hover: rgba(120, 88, 60, .06);--bg-sidebar: #2a231d;--bg-sidebar-active: #3d342c;--fg-sidebar: #f1e6d4;--fg-sidebar-muted: rgba(241, 230, 212, .55);--fg-sidebar-faded: rgba(241, 230, 212, .35);--fg: #2b2419;--fg-muted: #6b5c48;--fg-faded: #9a8a72;--fg-subtle: #c4b69c;--accent: #d97757;--accent-hover: #e08a6e;--accent-soft: #f6e3d8;--accent-fg: #ffffff;--success: #7ba05b;--success-soft: #e2ebd5;--warning: #d9a85a;--danger: #c75a4a;--border-soft: rgba(120, 88, 60, .08);--border: rgba(120, 88, 60, .14);--border-strong: rgba(120, 88, 60, .22);--r-xs: 6px;--r-sm: 10px;--r-md: 14px;--r-lg: 18px;--r-xl: 22px;--r-pill: 999px;--shadow-card: 0 1px 2px rgba(80, 50, 20, .04), 0 4px 14px rgba(80, 50, 20, .06);--shadow-pop: 0 8px 28px rgba(80, 50, 20, .14);--pad-card: 22px;--gap: 16px;--sidebar-w: 232px;--row-h: 200px;--weight-light: 300;--weight-regular: 400;--weight-medium: 500;--weight-semi: 600;--weight-bold: 700;--ease-out-expo: cubic-bezier(.22, 1, .36, 1);--ease-standard: cubic-bezier(.4, 0, .2, 1);--dur-q: .15s;--dur-n: .24s;--num-up: #6b8a52;--num-down: #b15546}body[data-tone=cool]{--bg-app: #eef0f3;--bg-content: #f6f7f9;--bg-card: #ffffff;--bg-card-soft: #eaecf0;--bg-sidebar: #1c2028;--bg-sidebar-active: #2a2f38;--fg-sidebar: #e6e9ee;--fg-sidebar-muted: rgba(230, 233, 238, .55);--fg-sidebar-faded: rgba(230, 233, 238, .35);--fg: #1f242c;--fg-muted: #5a6473;--fg-faded: #8b94a3;--fg-subtle: #c3cad5;--accent: #5b6cff;--accent-hover: #6d7cff;--accent-soft: #e2e6ff;--border-soft: rgba(60, 80, 110, .06);--border: rgba(60, 80, 110, .12);--border-strong: rgba(60, 80, 110, .2);--bg-hover: rgba(60, 80, 110, .05)}body[data-tone=sage]{--bg-app: #eef1ec;--bg-content: #f4f6f1;--bg-card: #ffffff;--bg-card-soft: #e8ece2;--bg-sidebar: #1f2620;--bg-sidebar-active: #2d352b;--fg-sidebar: #e7ecdf;--fg-sidebar-muted: rgba(231, 236, 223, .55);--fg-sidebar-faded: rgba(231, 236, 223, .35);--fg: #232a23;--fg-muted: #5e6a5c;--fg-faded: #8c9789;--fg-subtle: #c0c9b9;--accent: #6f8e5a;--accent-hover: #7d9c68;--accent-soft: #e0e8d4;--border-soft: rgba(60, 80, 60, .07);--border: rgba(60, 80, 60, .14);--border-strong: rgba(60, 80, 60, .22);--bg-hover: rgba(60, 80, 60, .05)}body[data-tone=lavender]{--bg-app: #f1eef4;--bg-content: #f7f4fa;--bg-card: #ffffff;--bg-card-soft: #ece6f2;--bg-sidebar: #2a2333;--bg-sidebar-active: #3a3045;--fg-sidebar: #ece6f3;--fg-sidebar-muted: rgba(236, 230, 243, .55);--fg-sidebar-faded: rgba(236, 230, 243, .35);--fg: #2b2434;--fg-muted: #645871;--fg-faded: #918699;--fg-subtle: #c8bfd0;--accent: #9a72c4;--accent-hover: #a886cf;--accent-soft: #ebe1f2;--border-soft: rgba(80, 60, 100, .07);--border: rgba(80, 60, 100, .14);--border-strong: rgba(80, 60, 100, .22);--bg-hover: rgba(80, 60, 100, .05)}body[data-density=compact]{--pad-card: 16px;--gap: 12px}body[data-density=comfy]{--pad-card: 28px;--gap: 20px}body[data-radius=square]{--r-md: 8px;--r-lg: 10px;--r-xl: 12px;--r-sm: 6px}body[data-radius=round]{--r-md: 14px;--r-lg: 18px;--r-xl: 22px;--r-sm: 10px}body[data-radius=extra]{--r-md: 18px;--r-lg: 24px;--r-xl: 30px;--r-sm: 14px}body[data-sidebar=light]{--bg-sidebar: var(--bg-card);--bg-sidebar-active: var(--accent-soft);--fg-sidebar: var(--fg);--fg-sidebar-muted: var(--fg-muted);--fg-sidebar-faded: var(--fg-faded)}body[data-mode=dark]{--bg-app: #18130d;--bg-content: #1f1812;--bg-card: #26201a;--bg-card-soft: #2e2720;--bg-hover: rgba(255, 240, 220, .04);--fg: #f0e6d4;--fg-muted: #b3a48d;--fg-faded: #8a7d68;--fg-subtle: #5e5444;--border-soft: rgba(255, 230, 200, .05);--border: rgba(255, 230, 200, .09);--border-strong:rgba(255, 230, 200, .16);--shadow-card: 0 1px 2px rgba(0, 0, 0, .3), 0 6px 18px rgba(0, 0, 0, .25);--bg-sidebar: #14100b;--bg-sidebar-active: #2a221a}body[data-mode=dark][data-tone=cool]{--bg-app: #131620;--bg-content: #1a1d28;--bg-card: #222633;--bg-card-soft: #2a2f3d;--fg: #e8ecf4;--fg-muted: #98a2b8;--fg-faded: #6c7689;--border-soft: rgba(180,200,230,.06);--border: rgba(180,200,230,.1);--border-strong: rgba(180,200,230,.18);--bg-sidebar: #0e1018;--bg-sidebar-active: #1f2330}body[data-mode=dark][data-tone=sage]{--bg-app: #141a14;--bg-content: #1a211a;--bg-card: #232a23;--bg-card-soft: #2c342c;--fg: #e6efde;--fg-muted: #a3b39a;--fg-faded: #768174;--border-soft: rgba(200,220,180,.06);--border: rgba(200,220,180,.1);--border-strong: rgba(200,220,180,.18);--bg-sidebar: #0f130e;--bg-sidebar-active: #1f2820}body[data-mode=dark][data-tone=lavender]{--bg-app: #1a1620;--bg-content: #211c2a;--bg-card: #2a2434;--bg-card-soft: #332c3f;--fg: #ece5f2;--fg-muted: #a99cb8;--fg-faded: #7d7289;--border-soft: rgba(220,200,240,.06);--border: rgba(220,200,240,.1);--border-strong: rgba(220,200,240,.18);--bg-sidebar: #140f1a;--bg-sidebar-active: #281f33}body[data-mode=dark] .stat-icon img,body[data-mode=dark] .icon-btn img,body[data-mode=dark] .panel-foot .arr,body[data-mode=dark] .search-ico{filter:invert(1) brightness(.92)}*{box-sizing:border-box}html,body{margin:0;padding:0;font-family:var(--font-sans);font-weight:var(--weight-light);line-height:1.45;color:var(--fg);background:var(--bg-app);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button{font-family:inherit}a{color:inherit;text-decoration:none}*{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:8px;border:2px solid transparent;background-clip:padding-box}*::-webkit-scrollbar-thumb:hover{background:var(--fg-faded)}:focus{outline:none}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--r-xs)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.label-mono{font-family:var(--font-mono);font-size:10.5px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--fg-muted)}.app{display:grid;grid-template-columns:var(--sidebar-w) 1fr;min-height:100vh;background:var(--bg-app)}.sidebar{background:var(--bg-sidebar);color:var(--fg-sidebar);display:flex;flex-direction:column;padding:18px 14px;position:sticky;top:0;height:100vh;transition:transform .24s cubic-bezier(.4,0,.2,1)}.sidebar-backdrop{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#140e086b;z-index:99;opacity:0;pointer-events:none;transition:opacity .24s ease}.sb-brand{display:flex;align-items:center;gap:10px;padding:8px 10px 14px;border-bottom:1px solid rgba(241,230,212,.08);margin-bottom:14px}.sb-brand-mark{width:30px;height:30px;border-radius:var(--r-md);background:var(--bg-sidebar-active);display:grid;place-items:center;color:var(--fg-sidebar);font-family:var(--font-display);font-weight:500;font-style:italic;font-size:17px;line-height:1;letter-spacing:0;padding-top:1px}.sb-brand-name{font-size:16px;font-weight:500;letter-spacing:.04em;text-transform:uppercase;flex:1}.sb-nav{display:flex;flex-direction:column;gap:2px;flex:1}.sb-item{display:flex;align-items:center;gap:12px;padding:9px 12px;border-radius:var(--r-md);color:var(--fg-sidebar-muted);font-size:13.5px;font-weight:400;cursor:pointer;transition:background .15s ease,color .15s ease;border:none;background:transparent;text-align:left;width:100%}.sb-item:hover{color:var(--fg-sidebar);background:#f1e6d40d}.sb-item.is-active{background:var(--bg-sidebar-active);color:var(--fg-sidebar);font-weight:500}.sb-item .ico{width:18px;height:18px;filter:invert(1) brightness(.95);opacity:.75}.sb-item.is-active .ico{opacity:1}body[data-sidebar=light] .sb-item .ico,body[data-sidebar=light] .sb-quick-capture .ico{filter:none;opacity:.55}body[data-sidebar=light] .sb-item.is-active .ico{opacity:.85}.sb-item .badge{margin-left:auto;font-size:11px;font-weight:500;padding:1px 7px;border-radius:var(--r-pill);background:#f1e6d41a;color:var(--fg-sidebar-muted)}.sb-quick-capture{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--r-md);background:#f1e6d40f;border:1px solid rgba(241,230,212,.08);font-family:var(--font-mono);font-size:10.5px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--fg-sidebar-muted);margin-top:14px;cursor:pointer;transition:background var(--dur-q) var(--ease-out-expo)}.sb-quick-capture:hover{background:#f1e6d41a}.sb-quick-capture .kbd{margin-left:auto;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.04em;padding:2px 6px;background:#f1e6d414;border-radius:4px}body[data-sidebar=light] .sidebar{border-right:1px solid var(--border-soft)}body[data-sidebar=light] .sb-item .ico{filter:none}body[data-sidebar=light] .sb-item.is-active{color:var(--accent)}body[data-sidebar=light] .sb-item.is-active .ico{filter:invert(48%) sepia(35%) saturate(700%) hue-rotate(330deg);opacity:1}body[data-sidebar=light] .sb-brand{border-bottom-color:var(--border-soft)}body[data-sidebar=light] .sb-quick-capture{background:var(--bg-app);border-color:var(--border);color:var(--fg-muted)}body[data-sidebar=light] .sb-quick-capture .kbd{background:var(--bg-card-soft);color:var(--fg-muted)}.main{background:var(--bg-content);border-top-left-radius:var(--r-xl);border-bottom-left-radius:var(--r-xl);margin:12px 12px 12px 0;display:flex;flex-direction:column;min-width:0;overflow:hidden}.topbar{display:flex;align-items:center;gap:12px;padding:18px 28px;border-bottom:1px solid var(--border-soft)}.search{flex:1;max-width:360px;margin-left:auto;position:relative}.search input{width:100%;padding:9px 12px 9px 38px;border:1px solid var(--border);border-radius:var(--r-pill);background:var(--bg-card);font:inherit;font-size:13px;color:var(--fg);outline:none;transition:border-color .15s ease}.search input:focus{border-color:var(--accent)}.search input::placeholder{color:var(--fg-faded)}.search-ico{position:absolute;left:13px;top:50%;transform:translateY(-50%);width:15px;height:15px;opacity:.45}.search-kbd{position:absolute;right:10px;top:50%;transform:translateY(-50%);font-family:var(--font-mono);font-size:10.5px;color:var(--fg-faded);background:var(--bg-card-soft);padding:2px 7px;border-radius:5px}.icon-btn{width:38px;height:38px;border-radius:var(--r-pill);background:var(--bg-card);border:1px solid var(--border);color:var(--fg-muted);display:grid;place-items:center;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease;position:relative;flex-shrink:0}.icon-btn:hover{background:var(--bg-card-soft);color:var(--fg)}.icon-btn img{width:16px;height:16px;opacity:.6}.icon-btn svg{opacity:.75}.topbar .menu-btn{display:none}.icon-btn:hover svg{opacity:1}.icon-btn.is-active{background:var(--accent-soft);border-color:var(--accent)}.icon-btn.is-active svg{stroke:var(--accent);opacity:1}.avatar-btn{width:38px;height:38px;border-radius:50%;background:var(--bg-card-soft);display:grid;place-items:center;position:relative;overflow:hidden;padding:0;color:var(--fg);font-family:var(--font-display);font-weight:500;font-style:italic;font-size:17px;line-height:1;cursor:pointer;border:1px solid var(--border);transition:background var(--dur-q) var(--ease-out-expo),border-color var(--dur-q) var(--ease-out-expo)}.avatar-btn:hover{background:var(--accent-soft);border-color:var(--accent)}.avatar-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border-radius:50%;object-fit:cover}.user-menu{position:relative}.user-pop{position:absolute;top:calc(100% + 6px);right:0;min-width:220px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-sm);box-shadow:var(--shadow-pop);padding:10px 12px 4px;z-index:50;font-size:12.5px}.user-pop-email{font-family:var(--font-mono, ui-monospace, SFMono-Regular, Menlo, monospace);font-size:11.5px;color:var(--fg);letter-spacing:.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-bottom:8px}.user-pop-note,.user-pop-logout{display:block;margin:0 -12px;padding:8px 12px;border-top:1px solid var(--border-soft);font-size:12px}.user-pop-note{color:var(--fg-faded);font-style:italic}.user-pop-logout{color:var(--fg-muted);text-decoration:none;cursor:pointer;transition:background var(--dur-q) var(--ease-out-expo),color var(--dur-q) var(--ease-out-expo)}.user-pop-logout:hover{background:var(--accent-soft);color:var(--accent)}.content{flex:1;overflow-y:auto;padding:26px 36px 20px}.page-head{display:flex;align-items:baseline;gap:24px;margin-bottom:22px;padding-bottom:16px;border-bottom:1px solid var(--border)}.page-head-title{flex:1;min-width:0}.page-head h1{font-family:var(--font-display);font-size:38px;font-weight:500;font-style:italic;letter-spacing:-.005em;margin:0;line-height:1.05;color:var(--fg);padding-top:2px}.page-head-sub{font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--fg-muted);margin-top:8px}.page-head-date{margin-left:auto;text-align:right;flex-shrink:0;display:flex;flex-direction:column;gap:4px;padding-top:6px}.page-head-date-w{font-family:var(--font-mono);font-size:10.5px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--fg-faded)}.page-head-date-d{font-family:var(--font-mono);font-size:12.5px;font-weight:500;letter-spacing:.04em;text-transform:uppercase;color:var(--fg);font-variant-numeric:tabular-nums}.stats{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--gap);margin-bottom:var(--gap)}.stat{background:var(--bg-card);border-radius:var(--r-lg);padding:var(--pad-card);border:1px solid var(--border-soft);box-shadow:var(--shadow-card);display:flex;flex-direction:column;gap:10px;min-width:0;position:relative}.stat-head{display:flex;align-items:center;font-family:var(--font-mono);font-size:10.5px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--fg-muted)}.stat-icon{width:22px;height:22px;margin-right:8px;display:grid;place-items:center;flex-shrink:0;opacity:.55}.stat-icon img{width:14px;height:14px}.stat-icon.accent{opacity:1}.stat-icon.accent img{filter:invert(48%) sepia(35%) saturate(700%) hue-rotate(330deg)}.stat-value{font-family:var(--font-display);font-size:36px;font-weight:500;font-style:italic;letter-spacing:-.01em;line-height:1;color:var(--fg);font-variant-numeric:tabular-nums}.stat-sub{font-family:var(--font-mono);font-size:10.5px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--fg-faded)}.stat-bar{height:4px;background:var(--bg-card-soft);border-radius:var(--r-pill);overflow:hidden;margin-top:2px}.stat-bar-fill{height:100%;background:var(--fg);border-radius:var(--r-pill)}.stat-bar-fill.accent{background:var(--accent)}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:var(--row-h);gap:var(--gap)}.panel{background:var(--bg-card);border-radius:var(--r-lg);padding:var(--pad-card);border:1px solid var(--border-soft);box-shadow:var(--shadow-card);display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden}.panel-body{display:flex;flex-direction:column;flex:1;min-height:0;overflow-y:auto}.panel[data-size=compact]{padding:14px 18px}.panel[data-size=compact] .panel-head{margin-bottom:8px}.panel[data-size=compact] .panel-title{font-size:13px}.panel-head{display:flex;align-items:center;gap:10px;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid var(--border-soft);min-width:0}.panel-title{font-size:15px;font-weight:600;letter-spacing:-.01em;color:var(--fg);flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.panel-title .muted{color:var(--fg-faded);font-weight:400;margin-left:4px;font-size:13px}.panel-hint{font-size:10px;color:var(--fg-faded);font-weight:400;margin-left:6px;letter-spacing:.01em}.panel-action{margin-left:auto;font-size:12.5px;color:var(--fg-muted);background:transparent;border:none;cursor:pointer;padding:4px 8px;border-radius:var(--r-sm);font-weight:500;flex-shrink:0}.panel-action:hover{background:var(--bg-hover);color:var(--fg)}.panel-select{margin-left:auto;font-size:12.5px;color:var(--fg-muted);background:var(--bg-card-soft);border:none;padding:5px 10px;border-radius:var(--r-pill);display:flex;align-items:center;gap:4px;cursor:pointer;font-family:inherit;font-weight:500}.panel-foot{margin-top:auto;padding-top:12px;border-top:1px dashed var(--border);display:flex;align-items:center;gap:6px;font-size:12.5px;color:var(--fg-muted);cursor:pointer;font-weight:500}.panel-foot:hover{color:var(--fg)}.panel-foot .arr{width:12px;height:12px;opacity:.6}.header-strip{display:flex;flex-wrap:wrap;gap:10px;padding:0 0 calc(var(--gap) - 4px);align-items:center}.footer{display:flex;align-items:center;gap:8px;padding:18px 28px;border-top:1px solid var(--border-soft);font-size:13px;color:var(--fg-muted);font-style:italic}.footer .att{margin-left:auto;font-style:normal;color:var(--fg-faded);font-size:12.5px}.boot{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:24px;font:14px/1.5 var(--font-sans);color:var(--fg-muted);background:var(--bg-app)}.boot-err{color:var(--danger);white-space:pre-wrap}.sb-add-page{margin-top:6px;color:var(--fg-sidebar-faded);background:transparent;border:1px dashed var(--border-strong)}.sb-add-page:hover{background:var(--bg-sidebar-active);color:var(--fg-sidebar)}.sb-add-plus{display:inline-grid;place-items:center;width:18px;height:18px;font-size:14px;line-height:1;font-weight:300;margin-right:4px}@media(max-width:1280px){.stats{grid-template-columns:repeat(5,1fr)}}@media(max-width:1100px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stats{grid-template-columns:repeat(3,1fr)}.grid>.panel,.grid>.edit-panel-wrap{grid-column:auto!important}.grid>.panel[data-size=fixed]{grid-column:1 / -1!important}}@media(max-width:768px){.app{grid-template-columns:1fr}.sidebar{position:fixed;top:0;left:0;bottom:0;height:100vh;width:280px;max-width:82vw;z-index:100;transform:translate(-100%);box-shadow:0 12px 40px #00000047}.sidebar[data-open=true]{transform:translate(0)}.sidebar-backdrop{display:block}.sidebar-backdrop[data-open=true]{opacity:1;pointer-events:auto}body:has(.sidebar[data-open=true]){overflow:hidden}.main{margin:0;border-radius:0}.topbar{padding:12px 14px;flex-wrap:wrap;gap:8px}.topbar .menu-btn{display:grid}.search{flex:1 1 160px;max-width:none;margin-left:0}.search-kbd,.topbar .icon-btn[aria-label="Toggle edit mode"]{display:none}.content{padding:18px 14px 16px}.page-head{flex-direction:column;align-items:flex-start;gap:8px;margin-bottom:16px;padding-bottom:12px}.page-head h1{font-size:30px}.page-head-date{margin-left:0;padding-top:0;flex-direction:row;align-items:baseline;gap:10px;text-align:left}.stats{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:1fr}.grid>.panel,.grid>.edit-panel-wrap{grid-column:auto!important;grid-row:auto!important}.footer{padding:14px 16px;flex-direction:column;align-items:flex-start;gap:4px}.footer .att{margin-left:0}}.edit-toolbar{display:flex;align-items:center;gap:8px;padding:10px 14px;margin-bottom:var(--gap);background:var(--bg-card-soft);border:1px dashed var(--border);border-radius:var(--r-md);font-size:12.5px}.edit-toolbar strong{font-weight:600;color:var(--fg)}.edit-dirty{color:var(--accent);font-size:11.5px;font-weight:500}.edit-save{background:var(--accent)!important;color:var(--accent-fg)!important;font-weight:500}.edit-save:disabled{opacity:.45;cursor:not-allowed}.edit-save:not(:disabled):hover{background:var(--accent-hover)!important}.edit-panel-wrap{display:flex;flex-direction:column;border:1px dashed var(--border);border-radius:var(--r-lg);padding:8px;background:var(--bg-card-soft);transition:opacity .12s ease,border-color .12s ease,background .12s ease;min-width:0}.edit-panel-wrap.is-dragging{border-color:var(--accent);border-style:solid;background:var(--accent-soft);opacity:.65}.edit-panel-toolbar{display:flex;align-items:center;gap:6px;padding:4px 6px 8px;font-size:11.5px;color:var(--fg-muted)}.edit-grip{cursor:grab;font-size:16px;line-height:1;color:var(--fg-faded);padding:0 2px;-webkit-user-select:none;user-select:none}.edit-grip:active{cursor:grabbing}.edit-type{font-family:var(--font-mono);font-size:11px;background:var(--bg-card);padding:2px 7px;border-radius:var(--r-pill);color:var(--fg)}.edit-size-btn{font-family:var(--font-mono);font-size:11px!important;padding:3px 8px!important;background:var(--bg-card)!important;border:1px solid var(--border-soft);text-transform:lowercase}.edit-size-btn:hover{background:var(--accent-soft)!important;color:var(--accent)!important}.edit-x{width:22px;height:22px;border-radius:50%;border:none;background:var(--bg-card);color:var(--fg-muted);font-size:16px;line-height:1;cursor:pointer;display:grid;place-items:center}.edit-x:hover{background:var(--danger);color:#fff}.edit-panel-preview{flex:1;display:flex;min-height:0;pointer-events:none;filter:saturate(.85)}.edit-panel-preview>.panel{flex:1;min-height:0;width:100%;box-shadow:none;grid-row:auto!important;grid-column:auto!important}.add-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:160px;padding:22px;border:2px dashed var(--border);background:transparent;border-radius:var(--r-lg);color:var(--fg-muted);cursor:pointer;font:inherit;font-size:13px;transition:border-color .12s ease,color .12s ease,background .12s ease}.add-tile:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.add-tile-plus{font-size:28px;line-height:1;font-weight:300}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#281e1466;display:grid;place-items:center;z-index:100;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal{background:var(--bg-card);border-radius:var(--r-lg);padding:22px;width:min(480px,calc(100vw - 24px));box-shadow:var(--shadow-pop);display:flex;flex-direction:column;gap:14px}.modal-title{font-size:15px;font-weight:600;letter-spacing:-.01em}.modal-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px}.modal-tile{padding:16px 10px;background:var(--bg-card-soft);border:1px solid var(--border-soft);border-radius:var(--r-md);font:inherit;font-size:13px;color:var(--fg);cursor:pointer;transition:background-color .12s ease,color .12s ease,border-color .12s ease,transform .12s ease;font-family:var(--font-mono)}.modal-tile:hover{border-color:var(--accent);background:var(--accent-soft);color:var(--accent);transform:translateY(-1px)}.modal-foot{display:flex;align-items:center;justify-content:space-between;gap:12px}.modal-page-meta{width:min(560px,calc(100vw - 24px))}.page-meta-form{display:flex;flex-direction:column;gap:10px}.pm-row{display:grid;grid-template-columns:80px 1fr;align-items:center;gap:10px;font-size:13px}.pm-label{color:var(--fg-muted);font-weight:500;font-size:12px}.pm-warn{margin-top:2px;padding:6px 10px;background:#c75a4a1a;color:var(--danger);border-radius:var(--r-sm);font-size:11.5px}.pm-delete:hover{color:var(--danger)!important}.icon-picker{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.icon-pick{background:var(--bg-card-soft);border:1px solid transparent;border-radius:var(--r-sm);padding:6px;cursor:pointer;display:grid;place-items:center;transition:background-color .1s ease,border-color .1s ease}.icon-pick img{width:16px;height:16px;opacity:.65}.icon-pick:hover{background:var(--bg-hover)}.icon-pick:hover img{opacity:1}.icon-pick.is-selected{background:var(--accent-soft);border-color:var(--accent)}.icon-pick.is-selected img{opacity:1;filter:invert(48%) sepia(35%) saturate(700%) hue-rotate(330deg)}body[data-mode=dark] .icon-pick img{filter:invert(1) brightness(.92)}body[data-mode=dark] .icon-pick.is-selected img{filter:invert(48%) sepia(35%) saturate(700%) hue-rotate(330deg)}.agenda{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.agenda-item{display:flex;align-items:flex-start;gap:14px;padding:9px 4px;position:relative;min-width:0}.agenda-time{width:56px;flex-shrink:0;font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--fg-muted);font-variant-numeric:tabular-nums;padding-top:3px}.agenda-dot{width:8px;height:8px;border-radius:50%;margin-top:7px;flex-shrink:0;background:var(--accent)}.agenda-dot.work{background:var(--accent)}.agenda-dot.focus{background:var(--success)}.agenda-dot.personal{background:var(--warning)}.agenda-content{flex:1 1 auto;min-width:0}.agenda-title{font-size:13.5px;font-weight:500;color:var(--fg);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.agenda-meta{font-size:12px;color:var(--fg-faded);margin-top:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cal-sources{display:flex;flex-wrap:wrap;gap:4px;margin:-4px 0 8px}.cal-source-chip{font-family:var(--font-mono);font-size:10px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;padding:3px 9px;border-radius:var(--r-pill);border:1px solid var(--border);background:transparent;color:var(--fg-muted);cursor:pointer;transition:background var(--dur-q) var(--ease-out-expo),color var(--dur-q) var(--ease-out-expo),border-color var(--dur-q) var(--ease-out-expo)}.cal-source-chip:hover{color:var(--fg);border-color:var(--border-strong)}.cal-source-chip.is-active{background:var(--accent-soft);color:var(--accent);border-color:var(--accent)}.agenda-dot.src-primary{background:var(--accent)}.agenda-dot.src-work{background:#5b8db8}.agenda-dot.src-personal{background:var(--success)}.agenda-dot.src-family{background:var(--warning)}.task-list{display:flex;flex-direction:column;flex:1;min-width:0}.task{display:flex;align-items:center;gap:12px;padding:9px 0;border-bottom:1px solid var(--border-soft);min-width:0}.task:last-of-type{border-bottom:none}.task-check{width:18px;height:18px;border-radius:6px;border:1.5px solid var(--border-strong);display:grid;place-items:center;background:var(--bg-card);cursor:pointer;flex-shrink:0;transition:background .15s ease,border-color .15s ease}.task-check.done{background:var(--accent);border-color:var(--accent)}.task-check.done:after{content:"";width:10px;height:6px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg) translate(1px,-1px)}.task-text{flex:1 1 auto;min-width:0;font-size:13.5px;color:var(--fg);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-text-clickable{cursor:pointer;transition:color .12s ease}.task-text-clickable:hover{color:var(--accent)}.task.done .task-text{text-decoration:line-through;color:var(--fg-faded)}.task-due{font-size:11px;font-weight:500;color:var(--fg-muted);font-variant-numeric:tabular-nums;letter-spacing:.01em;flex-shrink:0;cursor:pointer;transition:color .12s ease}.task-due:hover{color:var(--accent)}.task-due.overdue{color:var(--danger);font-weight:600}.task.done .task-due{color:var(--fg-faded)}.task-tag{font-family:var(--font-mono);font-size:9.5px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;padding:2px 8px;border-radius:var(--r-pill);background:var(--bg-card-soft);color:var(--fg-muted);flex-shrink:0}.task-tag.work{color:var(--fg);border:1px solid var(--border);padding:1px 7px}.task-tag.personal{color:var(--fg-faded)}.task-remove{width:20px;height:20px;display:grid;place-items:center;border:none;background:transparent;border-radius:5px;color:var(--fg-faded);cursor:pointer;opacity:0;font-size:15px;line-height:1;flex-shrink:0;padding:0;transition:opacity .12s ease,color .12s ease,background .12s ease}.task:hover .task-remove{opacity:.55}.task-remove:hover{opacity:1;color:var(--fg);background:var(--bg-card-soft)}.task-remove:focus-visible{opacity:1;outline:1.5px solid var(--accent);outline-offset:1px}@media(hover:none){.task-remove{opacity:.4}}.task-add-btn{display:flex;align-items:center;gap:8px;padding:10px 0 0;margin-top:auto;background:transparent;border:none;font:inherit;font-size:13px;font-weight:500;color:var(--fg-muted);cursor:pointer;text-align:left;transition:color .12s ease}.task-add-btn:hover{color:var(--fg)}.task-add-btn .plus{width:16px;height:16px;border-radius:5px;display:grid;place-items:center;font-size:14px;line-height:1}body[data-mode=dark] .task-tag.work{border-color:var(--border-strong)}body[data-mode=dark] .task-tag.personal{color:var(--fg-faded)}.modal-task{width:min(480px,calc(100vw - 24px))}.task-form{display:flex;flex-direction:column;gap:10px}.task-form .pm-row{align-items:start}.task-form .pm-label{padding-top:5px}.task-form-area{min-height:60px;resize:vertical;line-height:1.45;font-family:inherit}.task-modal-hint{font-size:11px;color:var(--fg-faded);letter-spacing:.02em}.markets{display:flex;flex-direction:column;gap:2px}.market-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 4px;border-bottom:1px solid var(--border-soft);min-width:0}.market-row:last-child{border-bottom:none}.market-meta{display:flex;flex-direction:column;gap:2px;flex:1 1 auto;min-width:0}.market-name{font-size:13px;font-weight:500;color:var(--fg);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.market-symbol{font-size:11px;color:var(--fg-faded);font-family:var(--font-mono);letter-spacing:-.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.market-vals{display:flex;flex-direction:column;align-items:flex-end;gap:2px;flex-shrink:0}.market-price{font-size:13px;font-weight:500;color:var(--fg);font-variant-numeric:tabular-nums}.market-change{font-size:11px;font-variant-numeric:tabular-nums;font-family:var(--font-mono)}.market-change.up{color:var(--num-up)}.market-change.down{color:var(--num-down)}.markets-compact{display:flex;flex-direction:column;gap:6px}.mc-top{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.mc-name{font-size:14px;font-weight:500;color:var(--fg);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.mc-meta{font-size:11px;color:var(--fg-faded)}.bookmark{display:flex;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid var(--border-soft);cursor:pointer;min-width:0}.bookmark:last-of-type{border-bottom:none}.bookmark:hover{background:var(--bg-hover);margin:0 -8px;padding:11px 8px;border-radius:var(--r-sm);border-bottom-color:transparent}.bookmark-favicon{width:32px;height:32px;border-radius:var(--r-sm);display:grid;place-items:center;flex-shrink:0;font-weight:700;font-size:14px;color:#fff}.bookmark-body{flex:1 1 auto;min-width:0}.bookmark-name{font-size:13.5px;font-weight:500;color:var(--fg);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bookmark-url{font-size:11.5px;color:var(--fg-faded);margin-top:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bookmark-strip{display:flex;flex-wrap:wrap;gap:8px;padding:2px 0}.bookmark-chip{display:block;transition:transform .12s ease}.bookmark-chip:hover{transform:translateY(-1px)}.bookmark-chip .bookmark-favicon{width:30px;height:30px;border-radius:var(--r-sm);font-size:13px}.bookmarks-row{display:flex;flex-wrap:wrap;gap:8px;flex:1;min-width:0}.bookmark-row-chip{display:inline-flex;align-items:center;gap:8px;padding:6px 12px 6px 6px;background:var(--bg-card);border:1px solid var(--border-soft);border-radius:var(--r-pill);text-decoration:none;color:var(--fg-muted);font-size:12.5px;font-weight:500;transition:background-color .12s ease,color .12s ease,border-color .12s ease,transform .12s ease}.bookmark-row-chip:hover{background:var(--bg-card-soft);color:var(--fg);border-color:var(--border);transform:translateY(-1px)}.bookmark-row-chip .bookmark-favicon{width:20px;height:20px;font-size:11px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;color:#fff;font-weight:700;flex-shrink:0}.bookmark-row-name{white-space:nowrap}.bookmark-row-chip{position:relative}.bookmark-row-del{position:absolute;top:1px;right:1px;width:14px;height:14px;border-radius:50%;border:none;padding:0;background:var(--fg);color:var(--bg-card);cursor:pointer;display:grid;place-items:center;opacity:0;transform:scale(.85);transition:opacity var(--dur-q) var(--ease-out-expo),transform var(--dur-q) var(--ease-out-expo),background var(--dur-q) var(--ease-out-expo)}.bookmark-row-chip:hover .bookmark-row-del,.bookmark-chip:hover .bookmark-row-del{opacity:1;transform:scale(1)}.bookmark-row-del:hover{background:var(--danger)}.bookmark-row-add{display:inline-flex;align-items:center;justify-content:center;align-self:stretch;min-height:30px;width:auto;aspect-ratio:1;border:1px dashed var(--border-strong);border-radius:50%;background:transparent;color:var(--fg-faded);cursor:pointer;padding:0;transition:background-color .12s ease,color .12s ease,border-color .12s ease}.bookmark-row-add:hover{background:var(--accent-soft);color:var(--accent);border-color:var(--accent)}.bookmark-add-square{align-self:auto;width:30px;height:30px;border-radius:var(--r-sm)}.bookmark-chip{position:relative}.bookmark-add-row{display:block;width:100%;margin-top:8px;padding:9px;background:transparent;border:1px dashed var(--border-strong);border-radius:var(--r-sm);color:var(--fg-faded);font:inherit;font-size:12px;cursor:pointer;transition:background-color .12s ease,color .12s ease,border-color .12s ease}.bookmark-add-row:hover{background:var(--accent-soft);color:var(--accent);border-color:var(--accent)}.bookmark-swatches{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.bookmark-swatch{width:22px;height:22px;border-radius:50%;border:none;padding:0;cursor:pointer;position:relative;box-shadow:0 0 0 1px var(--border) inset;transition:transform .1s ease,box-shadow .1s ease}.bookmark-swatch:hover{transform:scale(1.1)}.bookmark-swatch.is-selected{box-shadow:0 0 0 2px var(--bg-card),0 0 0 4px var(--accent);transform:scale(1.05)}.bookmark{position:relative}.bookmark-large-del{top:50%;right:8px;width:18px;height:18px;background:var(--bg-card);border:1px solid var(--border);color:var(--fg-faded);transform:translateY(-50%) scale(.85)}.bookmark:hover .bookmark-large-del{transform:translateY(-50%) scale(1)}.bookmark-large-del:hover{background:var(--danger);color:#fff;border-color:var(--danger)}.feed{display:flex;flex-direction:column;gap:2px}.feed-item{display:flex;gap:10px;padding:10px 4px;border-bottom:1px solid var(--border-soft);text-decoration:none;color:inherit;transition:background .12s ease;min-width:0}.feed-item:hover{background:var(--bg-hover)}.feed-item:last-child{border-bottom:none}.feed-kind{flex-shrink:0;width:22px;height:22px;display:flex;align-items:center;justify-content:center;border-radius:var(--r-xs);font-family:var(--font-mono);font-size:9px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;margin-top:2px}.feed-kind.feed-rss{background:var(--bg-card-soft);color:var(--fg-muted)}.feed-kind.feed-youtube{background:var(--bg-card-soft);color:var(--danger)}.feed-body{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:3px}.feed-title{font-size:13px;font-weight:500;color:var(--fg);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-word}.feed-meta{display:flex;gap:6px;align-items:center;font-size:11px;color:var(--fg-faded);min-width:0}.feed-meta>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.feed-dot{opacity:.5;flex-shrink:0}.feed-meta>span:last-child{flex-shrink:0}.feed.feed-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:16px;align-items:start}.feed-col{display:flex;flex-direction:column;min-width:0}.feed-col-head{font-family:var(--font-mono);font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--fg-muted);padding:0 4px 6px;margin-bottom:2px;border-bottom:1px solid var(--border)}.feed-cols .feed-item{padding:8px 4px;gap:8px}.feed-cols .feed-kind{display:none}.panel.panel-wide{grid-column:1 / -1}.assets-split{display:grid;grid-template-columns:1.4fr 1fr;gap:24px;flex:1;min-height:0}@media(max-width:900px){.assets-split{grid-template-columns:1fr;gap:16px}}@media(max-width:768px){.sunburst-wrap,.assets-chart-legend{max-width:320px}}.assets-list{display:flex;flex-direction:column;gap:6px;min-width:0;overflow-y:auto}.assets-layer{display:flex;flex-direction:column}.assets-layer-head{display:flex;align-items:center;gap:8px;padding:8px 6px;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:var(--r-sm);font-weight:600;font-size:13.5px;font-variant-numeric:tabular-nums}.assets-layer-head:hover{background:var(--bg-hover)}.assets-layer-caret{font-size:9px;color:var(--fg-faded);width:10px}.assets-layer-color{width:10px;height:10px;border-radius:2px;flex-shrink:0}.assets-layer-name{color:var(--fg);flex-shrink:0}.assets-layer-amount{color:var(--fg);font-weight:600;margin-left:auto}.assets-layer-pct{color:var(--fg-faded);font-size:12px;min-width:46px;text-align:right}.assets-layer-body{padding:2px 0 6px 18px;display:flex;flex-direction:column;gap:2px}.assets-row{position:relative;display:grid;grid-template-columns:minmax(0,1.4fr) 64px 56px 80px minmax(0,1fr);align-items:center;gap:10px;padding:5px 6px;border-radius:var(--r-xs);font-size:12.5px;font-variant-numeric:tabular-nums;min-width:0}.assets-row:hover{background:var(--bg-hover)}.assets-row-name{color:var(--fg);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.assets-row-amount{color:var(--fg);font-weight:500;text-align:right}.assets-row-pct{color:var(--fg-faded);text-align:right;font-size:11.5px}.assets-row-tag{font-size:10px;font-weight:600;padding:2px 6px;border-radius:var(--r-pill);text-align:center;letter-spacing:.04em}.assets-row-tag.ex-jpy{background:#ece5d8;color:#6e6249}.assets-row-tag.ex-usd{background:#f5e6d3;color:#936339}.assets-row-tag.ex-mixed-50-50{background:#ece4d9;color:#74664f}.assets-row-account{font-size:11.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;padding-right:0;transition:padding-right .26s cubic-bezier(.4,0,.6,1)}.assets-row:hover .assets-row-account{padding-right:56px;transition:padding-right .12s cubic-bezier(.2,.8,.3,1)}.assets-row-actions{position:absolute;right:4px;top:50%;display:flex;gap:2px;padding:2px;background:var(--bg-card-soft);border:1px solid var(--border);border-radius:var(--r-xs);box-shadow:var(--shadow-card);opacity:0;pointer-events:none;transform:translateY(-50%) translate(20px);transition:opacity .2s ease,transform .26s cubic-bezier(.4,0,.6,1)}.assets-row:hover .assets-row-actions{opacity:1;pointer-events:auto;transform:translateY(-50%) translate(0);transition:opacity .1s ease,transform .12s cubic-bezier(.2,.8,.3,1)}.assets-row-act{background:transparent;border:none;cursor:pointer;color:var(--fg-faded);font-size:13px;padding:0;line-height:1;border-radius:var(--r-xs);width:22px;height:22px}.assets-row-act:hover{background:var(--bg-card-soft);color:var(--fg)}.assets-row-act.assets-row-del:hover{color:var(--danger)}.assets-row-form{padding:4px 6px;background:var(--bg-card-soft);row-gap:6px}.af-actions{grid-column:1 / -1;display:flex;gap:6px;justify-content:flex-end}.af-input{font:inherit;font-size:12.5px;padding:4px 6px;border:1px solid var(--border);border-radius:var(--r-xs);background:var(--bg-card);color:var(--fg);min-width:0}.af-input:focus{outline:none;border-color:var(--accent)}.af-amount{text-align:right;font-variant-numeric:tabular-nums}.af-btn{background:transparent;border:none;cursor:pointer;font-size:13px;padding:0;line-height:1;width:22px;height:22px;border-radius:var(--r-xs);color:var(--fg-muted)}.af-btn:hover{background:var(--bg-card);color:var(--fg)}.af-save:hover{color:var(--success)}.af-cancel:hover{color:var(--danger)}.assets-add-btn{margin-top:4px;align-self:flex-start;background:transparent;border:1px dashed var(--border);cursor:pointer;padding:5px 12px;border-radius:var(--r-sm);color:var(--fg-faded);font-size:11.5px;font-family:inherit;font-weight:500;transition:background-color .12s ease,color .12s ease,border-color .12s ease}.assets-add-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.assets-grand{display:flex;align-items:center;gap:8px;padding:12px 6px 4px;margin-top:6px;border-top:1px solid var(--border);font-weight:700;font-size:14px}.assets-grand-amount{color:var(--accent);font-variant-numeric:tabular-nums;margin-left:auto}.assets-chart{display:flex;flex-direction:column;align-items:center;gap:12px;min-width:0}.assets-chart-toolbar{width:100%;display:flex;justify-content:center}.sunburst-wrap{position:relative;width:100%;max-width:280px}.sunburst{display:block}.sunburst path{transition:opacity 80ms ease;cursor:pointer}.sunburst-tip{position:absolute;pointer-events:none;z-index:5;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-sm);padding:8px 10px;box-shadow:var(--shadow-pop);font-size:12px;min-width:160px;max-width:200px;font-variant-numeric:tabular-nums}.tip-name{font-weight:600;color:var(--fg);margin-bottom:2px}.tip-amount{font-size:14px;color:var(--accent);display:flex;align-items:baseline;gap:6px}.tip-suffix{font-size:10px;color:var(--fg-faded);text-transform:uppercase;letter-spacing:.06em}.tip-pct{margin-left:auto;font-size:11.5px;color:var(--fg-muted)}.tip-meta{font-size:10.5px;color:var(--fg-muted);margin-top:4px;text-transform:uppercase;letter-spacing:.04em}.sunburst-total{font-size:22px;font-weight:700;fill:var(--fg);font-variant-numeric:tabular-nums;font-family:var(--font-sans)}.sunburst-total-suffix{font-size:10px;fill:var(--fg-faded);text-transform:uppercase;letter-spacing:.08em;font-family:var(--font-sans)}.assets-chart-legend{display:flex;flex-direction:column;gap:4px;width:100%;max-width:260px;font-size:11.5px;font-variant-numeric:tabular-nums}.assets-legend-row{display:flex;align-items:center;gap:8px}.assets-legend-dot{width:10px;height:10px;border-radius:2px;flex-shrink:0}.assets-legend-label{color:var(--fg-muted);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.assets-legend-pct{color:var(--fg-faded)}.assets-title{display:inline-flex;align-items:center;gap:10px;overflow:visible}.assets-md-chip{font-family:var(--font-mono, ui-monospace, SFMono-Regular, Menlo, monospace);font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--fg-muted);background:var(--bg-card-soft);border:1px solid var(--border);border-radius:var(--r-pill);padding:3px 9px;line-height:1;cursor:pointer;transition:background-color .14s ease,color .14s ease,border-color .14s ease,transform .14s ease}.assets-md-chip:hover{background:var(--accent-soft);color:var(--accent);border-color:var(--accent)}.assets-md-chip:active{transform:translateY(1px)}.assets-md-chip:disabled{opacity:.4;cursor:not-allowed;background:transparent}.assets-md-chip[data-ack="1"]{background:var(--accent);color:var(--bg-card);border-color:var(--accent)}.seg{display:inline-flex;gap:0;align-items:center;background:var(--bg-card-soft);padding:2px;border-radius:var(--r-pill);font-size:11.5px}.seg-btn{padding:4px 10px;background:transparent;border:none;cursor:pointer;border-radius:var(--r-pill);color:var(--fg-muted);font-weight:500;font-family:inherit;transition:background-color .12s ease,color .12s ease,box-shadow .12s ease;font-variant-numeric:tabular-nums}.seg-btn:hover{color:var(--fg)}.seg-btn.is-active{background:var(--bg-card);color:var(--accent);box-shadow:var(--shadow-card)}.journal-root{display:flex;flex-direction:column;gap:14px;flex:1;min-height:0}.journal-composer{display:flex;flex-direction:column;gap:8px;padding:12px;border:1px solid var(--border-soft);border-radius:var(--r-md);background:var(--bg-card-soft)}.journal-composer-title{width:100%;font-size:14px;font-weight:500}.journal-composer-body{width:100%;font-family:inherit;font-size:13.5px;line-height:1.55;resize:vertical;min-height:64px}.journal-composer-foot{display:flex;align-items:center;gap:10px}.journal-img-btn{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;padding:0;border:1px solid var(--border-soft);border-radius:var(--r-sm);background:transparent;color:var(--fg-muted);font-size:14px;line-height:1;cursor:pointer;transition:border-color .12s ease,color .12s ease,background .12s ease}.journal-img-btn:hover{border-color:var(--border);color:var(--fg);background:var(--bg-card-soft)}.journal-composer-body.is-dragover,.journal-entry-body-edit.is-dragover{outline:2px dashed var(--accent);outline-offset:-2px}.journal-composer-tags{flex:1;min-width:0;font-size:12.5px}.journal-hint{font-size:11px;color:var(--fg-faded);letter-spacing:.02em;white-space:nowrap}.journal-filter{display:flex;flex-direction:column;gap:8px}.journal-filter-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.journal-filter-q{flex:1;min-width:180px;font-size:13px}.journal-filter-date{font-size:12.5px;font-variant-numeric:tabular-nums}.journal-filter-arrow{font-size:12px;color:var(--fg-faded)}.journal-filter-count{font-size:12px;color:var(--fg-faded);font-variant-numeric:tabular-nums;margin-left:auto}.journal-filter-tags{display:flex;flex-wrap:wrap;gap:6px}.journal-tag-chip{display:inline-flex;align-items:center;font-size:11px;font-weight:500;padding:2px 8px;border-radius:var(--r-pill);background:var(--bg-card-soft);color:var(--fg-muted);cursor:pointer;border:1px solid transparent;transition:background .12s ease,color .12s ease,border-color .12s ease;letter-spacing:.01em;-webkit-user-select:none;user-select:none}.journal-tag-chip:hover{color:var(--fg)}.journal-tag-chip.is-active{background:var(--accent-soft);color:var(--accent);border-color:var(--accent)}.journal-list{display:flex;flex-direction:column;gap:10px;flex:1;min-height:0;overflow-y:auto;padding-right:4px}.journal-empty{padding:20px;text-align:center;font-size:13px}.journal-entry{display:grid;grid-template-columns:108px minmax(0,1fr);column-gap:22px;align-items:start;padding:12px 14px;border:1px solid var(--border-soft);border-radius:var(--r-md);background:var(--bg-card);transition:border-color var(--dur-q) var(--ease-out-expo),background var(--dur-q) var(--ease-out-expo)}.journal-entry:hover{border-color:var(--border)}.journal-entry-editing{border-color:var(--accent);background:var(--bg-card-soft)}.journal-entry-rail{display:flex;flex-direction:column;gap:8px;padding-top:4px;align-items:flex-end;text-align:right}.journal-entry-rail .journal-entry-tags{flex-direction:column;align-items:flex-end;gap:4px;margin-top:0}.journal-entry-main{display:flex;flex-direction:column;gap:6px;min-width:0}.journal-entry-meta{font-family:var(--font-mono);font-size:10.5px;font-weight:500;font-variant-numeric:tabular-nums;letter-spacing:.08em;text-transform:uppercase;color:var(--fg-faded);cursor:pointer}.journal-entry-title{font-family:var(--font-display);font-size:22px;font-weight:500;font-style:italic;letter-spacing:-.005em;line-height:1.2;color:var(--fg);margin:0;cursor:pointer;word-break:break-word}.journal-entry-body{font-size:13.5px;line-height:1.6;color:var(--fg);word-break:break-word;cursor:pointer}.journal-entry-body>:first-child{margin-top:0}.journal-entry-body>:last-child{margin-bottom:0}.journal-entry-body h1,.journal-entry-body h2,.journal-entry-body h3,.journal-entry-body h4{margin:.6em 0 .3em;font-weight:600;letter-spacing:-.01em;line-height:1.3}.journal-entry-body h1{font-size:1.25em}.journal-entry-body h2{font-size:1.13em}.journal-entry-body h3{font-size:1.05em}.journal-entry-body h4{font-size:1em;color:var(--fg-muted)}.journal-entry-body p{margin:.5em 0}.journal-entry-body ul,.journal-entry-body ol{margin:.5em 0;padding-left:1.6em}.journal-entry-body li{margin:.15em 0}.journal-entry-body li>p{margin:.15em 0}.journal-entry-body code{font-family:var(--font-mono, ui-monospace, SFMono-Regular, monospace);font-size:.92em;padding:1px 5px;background:var(--bg-card-soft);border-radius:3px}.journal-entry-body pre{background:var(--bg-card-soft);padding:10px 12px;border-radius:var(--r-sm);overflow-x:auto;margin:.6em 0;font-size:12.5px;line-height:1.5}.journal-entry-body pre code{background:transparent;padding:0;font-size:1em}.journal-entry-body blockquote{border-left:3px solid var(--border-strong);margin:.5em 0;padding:.05em .9em;color:var(--fg-muted)}.journal-entry-body a{color:var(--accent);text-decoration:underline;text-decoration-color:var(--border-strong);text-underline-offset:2px;cursor:pointer}.journal-entry-body a:hover{text-decoration-color:var(--accent)}.journal-entry-body strong{font-weight:600}.journal-entry-body em{font-style:italic}.journal-entry-body img{max-width:100%;border-radius:var(--r-sm)}.journal-entry-body hr{border:none;border-top:1px solid var(--border-soft);margin:.8em 0}.journal-entry-body table{border-collapse:collapse;margin:.5em 0;font-size:12.5px}.journal-entry-body th,.journal-entry-body td{border:1px solid var(--border-soft);padding:4px 8px;text-align:left}.journal-entry-body th{background:var(--bg-card-soft);font-weight:600}.journal-entry-body.is-clamped{max-height:9.6em;overflow:hidden;position:relative}.journal-entry-body.is-clamped.is-overflowing:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2.4em;background:linear-gradient(to bottom,transparent,var(--bg-card));pointer-events:none}.journal-entry-toggle{align-self:flex-start;background:transparent;border:none;font:inherit;font-size:11.5px;color:var(--fg-faded);cursor:pointer;padding:2px 0 0;letter-spacing:.02em;transition:color .12s ease}.journal-entry-toggle:hover{color:var(--accent)}.journal-entry-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:2px}.journal-entry-title-edit{width:100%;font-size:14px;font-weight:500}.journal-entry-body-edit{width:100%;font-family:inherit;font-size:13.5px;line-height:1.6;resize:vertical;min-height:96px}.journal-entry-tags-edit{width:100%;font-size:12.5px}.journal-entry-actions{display:flex;align-items:center;gap:8px;margin-top:4px}@media(max-width:768px){.journal-filter-row{gap:6px}.journal-filter-q{flex:1 1 100%}.journal-filter-count{margin-left:0}.journal-entry{grid-template-columns:1fr;column-gap:0;row-gap:8px}.journal-entry-rail{flex-direction:row;flex-wrap:wrap;align-items:center;text-align:left;padding-top:0;gap:10px}.journal-entry-rail .journal-entry-tags{flex-direction:row;align-items:center}}.profile-body{display:flex;flex-direction:column;gap:18px;flex:1;min-height:0;overflow-y:auto;padding-right:4px}.profile-group{display:flex;flex-direction:column}.profile-group-head{font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--fg-faded);padding:0 6px 6px;border-bottom:1px solid var(--border, var(--bg-hover));margin-bottom:4px}.profile-group-body{display:flex;flex-direction:column;gap:2px}.profile-row{display:grid;grid-template-columns:18px minmax(120px,220px) minmax(0,1fr) auto;align-items:start;gap:14px;padding:7px 6px;border-radius:var(--r-xs);font-size:13px}.profile-row:hover{background:var(--bg-hover)}.profile-row.dragging{opacity:.4}.profile-drag{cursor:grab;-webkit-user-select:none;user-select:none;color:var(--fg-faded);font-size:13px;line-height:1.4;text-align:center;opacity:.15;transition:opacity .12s ease}.profile-row:hover .profile-drag{opacity:.6}.profile-drag:active{cursor:grabbing}.profile-row-label{color:var(--fg-faded);font-weight:600;padding-top:1px;overflow-wrap:anywhere}.profile-row-value{display:flex;flex-direction:column;gap:2px;min-width:0}.profile-value-text{color:var(--fg);font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,monospace;font-size:13px;white-space:pre-wrap;word-break:break-word;-webkit-user-select:text;user-select:text}.profile-row-note{font-size:11.5px}.profile-row-actions{display:flex;gap:4px;align-items:center;opacity:.25;transition:opacity .12s ease}.profile-row:hover .profile-row-actions{opacity:1}.profile-row-act{border:none;background:transparent;cursor:pointer;color:var(--fg-faded);font-size:12px;line-height:1;padding:3px 6px;border-radius:var(--r-xs)}.profile-row-act:hover{background:var(--bg-card-soft);color:var(--fg)}.profile-row-act.profile-row-del:hover{color:var(--danger, #c0584a)}.profile-row-act[data-ack="1"]{color:var(--accent)}.profile-form{display:flex;flex-direction:column;gap:8px;padding:12px;margin:2px 0 8px;border:1px solid var(--border, var(--bg-hover));border-radius:var(--r-sm);background:var(--bg-card-soft)}.profile-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.profile-combo{position:relative}.profile-combo .af-input{width:100%;padding-right:24px}.profile-combo-caret{position:absolute;right:6px;top:50%;transform:translateY(-50%);border:none;background:transparent;cursor:pointer;color:var(--fg-faded);font-size:11px;line-height:1;padding:2px 4px}.profile-combo-caret:hover{color:var(--fg)}.profile-combo-list{position:absolute;z-index:30;top:calc(100% + 2px);left:0;right:0;max-height:180px;overflow-y:auto;background:var(--bg-card);border:1px solid var(--border, var(--bg-hover));border-radius:var(--r-sm);box-shadow:var(--shadow-card)}.profile-combo-opt{padding:6px 10px;cursor:pointer;font-size:13px}.profile-combo-opt:hover{background:var(--bg-hover)}.profile-form-value{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,monospace;resize:vertical;min-height:38px}.profile-form-foot{display:flex;align-items:center;gap:8px}.profile-form-hint{flex:1;font-size:11px;color:var(--fg-faded)}@media(max-width:720px){.profile-row{grid-template-columns:18px 1fr auto}.profile-row-label{grid-column:2 / -1;padding-top:0}.profile-form-grid{grid-template-columns:1fr}}.toast-host{position:fixed;bottom:20px;right:20px;z-index:1000;display:flex;flex-direction:column;gap:8px;max-width:min(360px,calc(100vw - 40px));pointer-events:none}.toast{pointer-events:auto;display:flex;align-items:flex-start;gap:10px;padding:10px 12px;background:var(--bg-card);color:var(--fg);border:1px solid var(--border);border-left:3px solid var(--border-strong);border-radius:10px;box-shadow:var(--shadow-pop);font-size:13px;line-height:1.4;animation:toast-in .16s ease-out}.toast-error{border-left-color:var(--danger)}.toast-success{border-left-color:var(--success)}.toast-info{border-left-color:var(--accent)}.toast-msg{flex:1;word-break:break-word}.toast-close{flex:none;padding:0 2px;border:none;background:none;color:var(--fg-muted);font-size:16px;line-height:1;cursor:pointer}.toast-close:hover{color:var(--fg)}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.toast{animation:none}}