/* Scoped production styling for the approved seven lists. */
html body #sidebar.cfsl-host,html body.cfsl-art .side,html body.cfsl-art #menu.cfsl-host{--cfsl-ink:#34302f;--cfsl-muted:#766e6a;--cfsl-accent:#875b68;--cfsl-soft:#f4f0ed;--cfsl-selected:#f3e8eb;--cfsl-line:#e9e3df;background:#fdfbf9!important;color:var(--cfsl-ink)!important;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif!important;box-sizing:border-box}
html body #sidebar.cfsl-host{width:min(181.5px,calc(100vw - 24px))!important;padding:18px 12px 14px!important;overflow-y:auto!important;overflow-x:hidden!important}
html body #sidebar.cfsl-host .sidebar-memos{display:none!important}
html body #sidebar.cfsl-host .brand{font-size:17px!important;margin-bottom:20px!important}.cfsl-host .brand small{font-size:10px!important}.cfsl-host .brand-en{font-size:9px!important}
html body #sidebar.cfsl-host .new-note{min-height:34px!important;font-size:12px!important;background:#875b68!important;color:#fff!important;border:0!important;border-radius:10px!important;box-shadow:none!important}
html body #sidebar.cfsl-host .main-nav .nav-item{min-height:35px!important;font-size:10.2px!important;border:0!important;box-shadow:none!important;background:transparent!important;padding:7px 10px!important;border-radius:10px!important;gap:10px!important;justify-content:flex-start!important;color:#766e6a!important}
html body #sidebar.cfsl-host .main-nav .nav-item img{width:17px!important;height:17px!important}
html body #sidebar.cfsl-host .main-nav .nav-item.active{background:#f3e8eb!important;color:#875b68!important}
html body #sidebar.cfsl-host .main-nav .nav-item .count{background:transparent!important;color:inherit!important;font-size:9.35px!important;margin-left:auto!important}
html body #sidebar.cfsl-host .sidebar-card-row{padding:0!important;margin:0!important;border-radius:10px!important;overflow:visible!important;background:transparent!important}
html body #sidebar.cfsl-host .sidebar-card-row #cards-nav-link{margin:0!important;padding-left:10px!important}
html body #sidebar.cfsl-host .sidebar-card-options{background:transparent!important;box-shadow:none!important;padding:3px 0 4px 8px!important;border:0!important}
html body :is(#sidebar,#menu,.side) .cfsl{display:block!important;flex-shrink:0!important;margin:22px 0 0!important;padding:19px 0 0!important;border:0!important;border-top:1px solid var(--cfsl-line,#e9e3df)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;min-width:0!important;color:#34302f!important;line-height:1.55!important;box-sizing:border-box!important;text-align:left!important}
html body :is(#sidebar,#menu,.side) .cfsl *{box-sizing:border-box}.cfsl [hidden]{display:none!important}
html body :is(#sidebar,#menu,.side) .cfsl svg,html body :is(#sidebar,#menu,.side) .cfsl-nav svg{display:block!important;width:17px!important;height:17px!important;flex:none!important;fill:none!important;stroke:currentColor!important;stroke-width:1.65!important;stroke-linecap:round!important;stroke-linejoin:round!important}
html body :is(#sidebar,#menu,.side) .cfsl button{appearance:none!important;-webkit-appearance:none!important;cursor:pointer!important;font-family:inherit!important;font-weight:400!important;letter-spacing:0!important;border:0!important;box-shadow:none!important;background:transparent!important;color:inherit!important;text-align:left!important;transition:background-color .16s!important;min-width:0!important;margin:0!important}
html body :is(#sidebar,#menu,.side) .cfsl button:disabled{opacity:.4!important;cursor:default!important}html body :is(#sidebar,#menu,.side) .cfsl button:focus-visible,html body :is(#sidebar,#menu,.side) .cfsl input:focus-visible{outline:2px solid #875b68!important;outline-offset:3px!important}
html body :is(#sidebar,#menu,.side) .cfsl-heading{display:flex!important;align-items:center!important;gap:8px!important;margin:0 0 16px!important;padding:0!important;min-height:27px!important}
html body :is(#sidebar,#menu,.side) .cfsl-heading h2{font:600 14.45px/1.4 -apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif!important;color:#34302f!important;letter-spacing:-.02em!important;margin:0 auto 0 0!important;padding:0!important}
html body :is(#sidebar,#menu,.side) .cfsl-heading>span{font-size:9.35px!important;color:#766e6a!important;font-variant-numeric:tabular-nums}
html body :is(#sidebar,#menu,.side) .cfsl .cfsl-icon{display:inline-grid!important;place-items:center!important;width:29px!important;min-width:29px!important;height:31px!important;min-height:31px!important;padding:6px!important;border-radius:8px!important;color:#766e6a!important;flex:none!important}
html body :is(#sidebar,#menu,.side) .cfsl .cfsl-icon:hover{background:#f4f0ed!important;color:#875b68!important}html body :is(#sidebar,#menu,.side) .cfsl .cfsl-icon svg{width:14px!important;height:14px!important}
html body :is(#sidebar,#menu,.side) .cfsl-search{display:flex!important;align-items:center!important;gap:7px!important;width:100%!important;padding:8px 9px!important;margin:0 0 12px!important;border:0!important;border-radius:8px!important;background:#f4f0ed!important;min-width:0!important;height:auto!important;box-shadow:none!important}
html body :is(#sidebar,#menu,.side) .cfsl-search>svg{width:14px!important;height:14px!important;color:#766e6a!important}
html body :is(#sidebar,#menu,.side) .cfsl-search input{display:block!important;width:100%!important;min-width:0!important;border:0!important;box-shadow:none!important;outline:0!important;background:transparent!important;font:400 10.2px/1.6 -apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif!important;padding:0!important;margin:0!important;color:#34302f!important;caret-color:#875b68!important}
html body :is(#sidebar,#menu,.side) .cfsl-search input::placeholder{color:#766e6a!important;opacity:1!important}
html body :is(#sidebar,#menu,.side) .cfsl-filters{display:flex!important;flex-wrap:wrap!important;gap:5px!important;margin:0 0 10px!important;padding:0!important}
html body :is(#sidebar,#menu,.side) .cfsl-filters button{display:block!important;min-height:28px!important;padding:4px 9px!important;border-radius:7px!important;font-size:9.35px!important;line-height:1.6!important;color:#766e6a!important;width:auto!important}
html body :is(#sidebar,#menu,.side) .cfsl-filters button[aria-pressed=true]{color:#875b68!important;background:#f3e8eb!important}
html body :is(#sidebar,#menu,.side) .cfsl-items{display:grid!important;gap:0!important;min-width:0!important;padding:0!important;margin:0!important}
html body :is(#sidebar,#menu,.side) .cfsl-row{display:flex!important;align-items:flex-start!important;gap:5px!important;min-width:0!important;padding:15px 0!important;margin:0!important;border:0!important;border-bottom:1px solid #e9e3df!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}
html body :is(#sidebar,#menu,.side) .cfsl-row:last-child{border-bottom:0!important}
html body :is(#sidebar,#menu,.side) .cfsl .cfsl-open{display:flex!important;align-items:flex-start!important;gap:9px!important;flex:1!important;min-width:0!important;width:auto!important;min-height:36px!important;height:auto!important;padding:0!important;border-radius:0!important;line-height:1.6!important;white-space:normal!important}
html body :is(#sidebar,#menu,.side) .cfsl-content{display:block!important;flex:1!important;min-width:0!important;text-align:left!important;overflow-wrap:anywhere!important}
html body :is(#sidebar,#menu,.side) .cfsl-content>strong{display:block!important;font-size:11.05px!important;font-weight:550!important;line-height:1.65!important;color:#34302f!important;white-space:normal!important;overflow-wrap:anywhere!important;letter-spacing:0!important}
html body :is(#sidebar,#menu,.side) :is(.cfsl-memos,.cfsl-art,.cfsl-photos) .cfsl-content>strong{display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;overflow:hidden!important;max-height:3.3em!important}
html body :is(#sidebar,#menu,.side) .cfsl-cards .cfsl-content>strong{font-size:12.75px!important;font-weight:500!important}
html body :is(#sidebar,#menu,.side) .cfsl-sub{display:block!important;font-size:9.35px!important;color:#766e6a!important;line-height:1.7!important;margin-top:4px!important;white-space:normal!important;overflow-wrap:anywhere!important}
html body :is(#sidebar,#menu,.side) .cfsl-meta{display:block!important;font-size:9.35px!important;color:#766e6a!important;line-height:1.7!important;margin-top:7px!important;white-space:normal!important}
html body :is(#sidebar,#menu,.side) .cfsl-body{display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;overflow:hidden!important;font-size:10.2px!important;line-height:1.8!important;color:#766e6a!important;white-space:pre-wrap!important;margin-top:6px!important;max-height:3.6em!important}
html body :is(#sidebar,#menu,.side) .cfsl-cards .cfsl-meta{display:inline-block!important;padding:2px 7px!important;background:#efe9e3!important;color:#716051!important;border-radius:5px!important}
html body :is(#sidebar,#menu,.side) .cfsl-cards .cfsl-meta.cfsl-due{background:#f2e2e4!important;color:#875b68!important}
html body :is(#sidebar,#menu,.side) .cfsl-index{font-size:9.35px!important;min-width:12px!important;padding-top:4px!important;color:#766e6a!important;font-variant-numeric:tabular-nums}
html body :is(#sidebar,#menu,.side) .cfsl-avatar,html body :is(#sidebar,#menu,.side) .cfsl-device,html body :is(#sidebar,#menu,.side) .cfsl-code{display:grid!important;place-items:center!important;flex:none!important;width:30px!important;min-height:31px!important;padding:5px!important;border-radius:8px!important;background:#f0e7e4!important;color:#875b68!important;font-size:10.2px!important;line-height:1.6!important;overflow-wrap:anywhere!important}
html body :is(#sidebar,#menu,.side) .cfsl-code{width:auto!important;min-width:32px!important;max-width:68px!important;background:#f3e8eb!important;font-weight:600!important}
html body :is(#sidebar,#menu,.side) .cfsl-photo{display:block!important;width:44px!important;height:58px!important;object-fit:cover!important;border-radius:7px!important;flex:none!important;margin-top:1px!important;opacity:1!important}
html body :is(#sidebar,#menu,.side) .cfsl-dot{width:6px!important;height:6px!important;border-radius:50%!important;background:#b69e77!important;flex:none!important;margin:7px 3px 0 auto!important}
html body :is(#sidebar,#menu,.side) .cfsl-dot.cfsl-ready{background:#467963!important}html body :is(#sidebar,#menu,.side) .cfsl-meta.cfsl-ready{color:#467963!important}
html body :is(#sidebar,#menu,.side) .cfsl-pages{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:7px!important;margin:9px 0 0!important;padding:4px 0!important;font-size:9.35px!important;color:#766e6a!important}
html body :is(#sidebar,#menu,.side) .cfsl-empty{font-size:10.2px!important;line-height:1.8!important;color:#766e6a!important;padding:12px 0!important;margin:0!important;white-space:normal!important}
html body :is(#sidebar,#menu,.side) .cfsl-nav{display:grid!important;gap:3px!important;padding:0!important;margin:14px 0!important;border:0!important;background:none!important}
html body :is(#sidebar,#menu,.side) .cfsl-nav a{display:flex!important;align-items:center!important;gap:10px!important;padding:7px 10px!important;min-height:35px!important;border-radius:10px!important;font:400 10.2px/1.6 -apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif!important;color:#766e6a!important;text-decoration:none!important;background:transparent!important}
html body :is(#sidebar,#menu,.side) .cfsl-nav a[aria-current=page]{background:#f3e8eb!important;color:#875b68!important;font-weight:600!important}
html body #cfsl-notice{position:fixed!important;z-index:10000!important;bottom:calc(22px + env(safe-area-inset-bottom,0px))!important;left:50%!important;transform:translateX(-50%)!important;max-width:calc(100vw - 28px)!important;padding:10px 15px!important;border-radius:10px!important;color:#fff!important;background:#4a3e3eeb!important;font:12px/1.6 -apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif!important;box-shadow:0 5px 20px #3a25251a!important}
@media(min-width:761px){html body.cfsl-art .app{grid-template-columns:170.5px minmax(0,1fr)!important}html body.cfsl-art .side{padding-left:12px!important;padding-right:12px!important}}
@media(max-width:760px){html body.cfsl-art #menu.show.cfsl-host{width:min(181.5px,calc(100vw - 24px))!important;min-width:0!important;max-width:181.5px!important;padding:18px 12px!important;overflow-x:hidden!important;overflow-y:auto!important}html body :is(#sidebar,#menu,.side) .cfsl-search input{font-size:16px!important;zoom:.6375!important}html body :is(#sidebar,#menu,.side) .cfsl-nav a{font-size:10.2px!important;min-height:35px!important}}
@media(prefers-reduced-motion:reduce){html body :is(#sidebar,#menu,.side) .cfsl *,html body :is(#sidebar,#menu,.side) .cfsl-nav *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

html body #sidebar[data-cfsl-kind="qq"] #all-count,html body #sidebar[data-cfsl-kind="sk5"] #all-count,html body #sidebar[data-cfsl-kind="router"] #all-count,html body #sidebar[data-cfsl-kind="photos"] #all-count{display:none!important}

/* Compact rail: preserve readable content while reducing chrome and whitespace. */
html body #sidebar.cfsl-host .brand{margin-bottom:14px!important;gap:7px!important;min-width:0!important;font-size:16px!important}
html body #sidebar.cfsl-host .brand-mark{width:26px!important;height:26px!important;flex:none!important}
html body #sidebar.cfsl-host .new-note{width:100%!important;min-width:0!important;min-height:31px!important;padding:7px!important;gap:6px!important}
html body #sidebar.cfsl-host .new-note>img{width:14px!important;height:14px!important}
html body #sidebar.cfsl-host .new-note .shortcut{display:none!important}
html body #sidebar.cfsl-host .main-nav .nav-item{min-height:32px!important;padding:6px 7px!important;gap:7px!important}
html body #sidebar.cfsl-host .sidebar-primary-nav{gap:2px!important;padding-bottom:0!important;margin-bottom:0!important}
html body #sidebar.cfsl-host .main-nav .sidebar-primary-link{height:32px!important}
html body #sidebar.cfsl-host .main-nav .nav-item .count{font-size:8.5px!important}
html body #sidebar.cfsl-host .sidebar-card-row #cards-nav-link{padding-left:7px!important;flex:1!important;min-width:0!important}
html body #sidebar.cfsl-host #cards-nav-toggle{width:28px!important;min-width:28px!important;height:28px!important;min-height:28px!important;padding:6px!important;flex:0 0 28px!important}
html body #sidebar.cfsl-host .main-nav .sidebar-primary-link>svg,html body :is(#menu,.side) .cfsl-nav svg{display:block!important;width:14px!important;height:14px!important;flex:none!important;fill:none!important;stroke:currentColor!important;stroke-width:1.65!important;stroke-linecap:round!important;stroke-linejoin:round!important}
html body :is(#sidebar,#menu,.side) .cfsl{margin-top:16px!important;padding-top:14px!important}
html body :is(#sidebar,#menu,.side) .cfsl-heading{gap:6px!important;margin-bottom:11px!important}
html body :is(#sidebar,#menu,.side) .cfsl .cfsl-icon{width:25px!important;min-width:25px!important;height:28px!important;min-height:28px!important;padding:5px!important}
html body :is(#sidebar,#menu,.side) .cfsl .cfsl-icon svg{width:13px!important;height:13px!important}
html body :is(#sidebar,#menu,.side) .cfsl-search{gap:5px!important;padding:6px 7px!important;margin-bottom:9px!important}
html body :is(#sidebar,#menu,.side) .cfsl-filters{gap:4px!important;margin-bottom:6px!important}
html body :is(#sidebar,#menu,.side) .cfsl-filters button{min-height:26px!important;padding:3px 6px!important}
html body :is(#sidebar,#menu,.side) .cfsl-row{gap:4px!important;padding:11px 0!important}
html body :is(#sidebar,#menu,.side) .cfsl .cfsl-open{gap:6px!important}
html body :is(#sidebar,#menu,.side) :is(.cfsl-avatar,.cfsl-device){width:24px!important;min-height:26px!important;padding:4px!important}
html body :is(#sidebar,#menu,.side) .cfsl-code{min-width:28px!important;min-height:27px!important;padding:4px!important}
html body :is(#sidebar,#menu,.side) .cfsl-photo{width:32px!important;height:44px!important}
html body :is(#sidebar,#menu,.side) .cfsl-pages{gap:4px!important;font-size:8.5px!important}
html body :is(#sidebar,#menu,.side) .cfsl-pages>span{min-width:0!important;text-align:center!important;line-height:1.5!important}
html body :is(#menu,.side) .cfsl-nav{gap:2px!important;margin:10px 0!important}
html body :is(#menu,.side) .cfsl-nav a{min-height:32px!important;padding:6px 7px!important;gap:7px!important}
html body #sidebar.cfsl-host .side-bottom{min-width:0!important;padding:0!important}
html body #sidebar.cfsl-host .connection{display:grid!important;grid-template-columns:minmax(0,1fr) 28px!important;gap:6px!important;padding:8px 0!important}
html body #sidebar.cfsl-host .connection-icon{display:none!important}
html body #sidebar.cfsl-host .connection>div{min-width:0!important}
html body #sidebar.cfsl-host .connection strong{font-size:11px!important;white-space:normal!important}
html body #sidebar.cfsl-host .connection small{font-size:9px!important;white-space:normal!important;line-height:1.5!important}
html body #sidebar.cfsl-host .connection .icon-button{width:28px!important;height:28px!important;min-width:28px!important;padding:6px!important}
html body.cfsl-art .side{min-width:0!important}