/* Library home: generous rounded cards, clear actions, no remote assets. */
.notebook-home{height:100dvh;overflow:auto;background:#f8f9fb;color:#19243a}
body:has(#testBanner:not(.hidden)) .notebook-home{height:calc(100dvh - 28px)}
.home-header{min-height:86px;padding:20px 36px;display:flex;gap:36px;align-items:center;border-bottom:1px solid #e9ecf2;background:#ffffffd9;position:sticky;top:0;z-index:5;backdrop-filter:blur(12px)}
.home-header .brand{flex:none;font-size:23px}.home-header .brand-mark{font-size:0;background:#152238 url('/favicon.svg') center/cover no-repeat}
.home-nav{display:flex;gap:6px}.home-filter,.home-icon-action{border:0;border-radius:24px;padding:11px 18px;background:transparent;color:#57627a;font-size:13px;font-weight:650;min-height:44px}.home-filter[aria-pressed=true]{background:#e8efff;color:#2852c7}.home-filter:hover,.home-icon-action:hover{background:#edf0f6}
.home-header-actions{display:flex;gap:2px;margin-left:auto}.home-main{max-width:1600px;padding:32px 40px 26px;margin:auto}.home-intro{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.home-kicker{font-size:10px;font-weight:750;letter-spacing:.18em;color:#597099}.home-intro h1{font-size:30px;font-weight:700;letter-spacing:-1px;margin:12px 0}.home-intro p{font-size:13px;line-height:1.8;color:#69758b;margin:0}.home-create{min-height:46px;border-radius:24px!important;padding:12px 21px;flex:none;font-size:13px}
.home-section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.home-section-heading h2,.home-collection-heading h2{font-size:20px;letter-spacing:-.4px;font-weight:650;margin:0}.home-section-heading .text-button{font-size:12px;min-height:44px}.home-featured{margin-bottom:28px}.home-featured-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.home-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:22px}.home-collection-heading{display:flex;gap:12px;align-items:center;flex-shrink:0}.home-count{font-size:11px;color:#69758b;background:#eceff4;padding:5px 9px;border-radius:12px}.home-controls{display:flex;gap:10px;align-items:center;min-width:0}.home-search{display:flex;align-items:center;gap:9px;background:#fff;border:1px solid #dfe4ed;border-radius:24px;padding:0 14px;min-width:160px;max-width:285px}.home-search>span{font-size:23px;color:#71819b}.home-search input{width:100%;min-width:0;border:0;background:transparent;padding:12px 0;font-size:13px;color:#19243a;outline-offset:6px}.home-sort{min-height:43px;max-width:150px;border:1px solid #dfe4ed;border-radius:12px;padding:0 9px;background:white;color:#5a6780;font-size:12px}.home-view-switch{display:flex;background:#e9edf4;padding:3px;border-radius:22px;flex:none}.home-view-switch button{border:0;border-radius:50%;height:36px;width:36px;background:transparent;color:#6d7890;font-size:19px}.home-view-switch button[aria-pressed=true]{background:#fff;color:#3563e9;box-shadow:0 2px 5px #1522380d}
.home-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:18px}.home-note-card{position:relative;border:1px solid transparent;border-radius:26px;overflow:hidden;background:#edf0f5;min-width:0;transition:transform .2s,border-color .2s,box-shadow .2s}.home-note-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px #1522380b;border-color:#cbd7ef}.home-note-open{background:transparent;border:0;text-align:left;width:100%;height:100%;min-height:198px;padding:26px 25px 23px;color:inherit;display:flex;flex-direction:column;align-items:flex-start}.home-note-top{display:flex;align-items:center;gap:12px;height:45px;margin-bottom:24px}.home-note-icon{font-size:31px;line-height:1;color:#506cc0}.home-note-star{color:#be8642;font-size:14px}.home-note-open h3{font-size:17px;font-weight:650;margin:0 0 9px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere;padding-right:4px}.home-note-meta{color:#65738b;font-size:11px;margin:auto 0 0;line-height:1.6}.home-note-tags{display:flex;gap:5px;flex-wrap:wrap;margin-top:11px}.home-note-tags span{font-size:10px;max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:#ffffffa3;padding:3px 7px;border-radius:8px;color:#596c8a}.home-note-rename{position:absolute;right:13px;top:15px;min-width:36px;min-height:36px;border:0;border-radius:50%;color:#6e7c94;background:#ffffff70;font-size:17px}.home-note-rename:hover{background:white;color:#2852c7}
.home-note-card.tone-0{background:#edf0f7}.home-note-card.tone-1{background:#f2ede9}.home-note-card.tone-2{background:#eeedf8}.home-note-card.tone-3{background:#e9f1ef}.home-note-card.tone-4{background:#f5f0e6}.home-note-card.tone-5{background:#eaf0f9}.home-note-card.featured{background:#1e355d;color:white;isolation:isolate}.home-note-card.featured.tone-1,.home-note-card.featured.tone-4{background:#635341}.home-note-card.featured.tone-2{background:#4c4776}.home-note-card.featured.tone-3{background:#305e58}.featured .home-note-icon,.featured .home-note-meta{color:#d6e4ff}.featured .home-note-rename{background:#ffffff12;color:#fff}.featured .home-note-tags span{background:#ffffff15;color:#e2eaff}.featured .home-note-open{min-height:210px}
.home-grid.is-list{display:flex;flex-direction:column;gap:9px}.is-list .home-note-card{border-radius:15px;background:#fff;border-color:#e6eaf1}.is-list .home-note-open{min-height:88px;display:grid;grid-template-columns:44px minmax(0,1fr) 180px;gap:18px;align-items:center;padding:18px 66px 18px 22px}.is-list .home-note-top{margin:0;position:relative}.is-list .home-note-star{position:absolute;right:-5px;bottom:0}.is-list .home-note-open h3{margin:0;font-size:15px}.is-list .home-note-meta{margin:0;text-align:right}.is-list .home-note-tags{display:none}.is-list .home-note-rename{top:24px}
.home-empty{grid-column:1/-1;text-align:center;border:1px dashed #d6deea;border-radius:24px;padding:56px 20px;background:#ffffff80}.home-empty-icon{font-size:40px;color:#89a0cb}.home-empty h3{font-size:20px;margin:18px 0 9px}.home-empty p{font-size:13px;color:#687992;line-height:1.8}.home-empty .btn{margin-top:12px}.home-status:not(:empty){display:flex;gap:15px;align-items:center;font-size:13px;color:#65738b;padding:0 0 16px}.home-footer{border-top:1px solid #e5e9f0;padding:26px 0 8px;margin-top:52px;display:flex;justify-content:space-between;gap:20px;align-items:center;font-size:11px;color:#7b879b}.home-footer button{font-size:12px;min-height:44px}
@media(min-width:1600px){.home-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:1100px){.home-toolbar{align-items:flex-start;flex-direction:column}.home-controls{width:100%}.home-search{max-width:none;flex:1}.home-featured-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.home-featured-grid .home-note-card:nth-child(4){display:none}}
@media(max-width:760px){.home-header{padding:15px 18px 12px;gap:12px;flex-wrap:wrap}.home-header .brand{font-size:21px}.home-header-actions{gap:0}.home-icon-action{padding:8px 11px;font-size:12px}.home-nav{order:3;width:100%;gap:5px}.home-filter{padding:9px 15px;font-size:12px}.home-main{padding:28px 18px}.home-intro{align-items:flex-start;flex-direction:column;margin-bottom:30px;gap:18px}.home-intro h1{font-size:25px}.home-intro p{font-size:12px}.home-kicker{font-size:9px}.home-create{width:100%}.home-section-heading h2,.home-collection-heading h2{font-size:18px}.home-section-heading .text-button{font-size:10px;max-width:110px;text-align:right}.home-featured-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.home-featured-grid .home-note-card:nth-child(n+3){display:none}.home-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.home-note-card{border-radius:22px}.home-note-open{padding:20px 16px;min-height:195px}.home-note-top{margin-bottom:18px;height:40px}.home-note-open h3{font-size:14px}.home-note-meta{font-size:10px}.home-note-rename{right:7px;top:10px;min-width:44px;min-height:44px}.home-note-icon{font-size:27px}.home-note-star{display:none}.home-controls{flex-wrap:wrap;gap:10px}.home-search{flex-basis:100%;width:100%}.home-search input{font-size:16px}.home-sort{flex:1;max-width:none}.home-view-switch button{width:40px;height:40px}.home-featured{margin-bottom:30px}.is-list .home-note-open{grid-template-columns:32px minmax(0,1fr);gap:12px;padding:16px 52px 16px 14px}.is-list .home-note-meta{grid-column:2;text-align:left}.is-list .home-note-top{grid-row:1/3}.is-list .home-note-open h3{font-size:14px}.is-list .home-note-rename{top:22px}.home-footer{flex-direction:column;gap:5px;margin-top:32px}.home-empty h3{font-size:17px}.home-empty{padding:36px 16px}}
@media(prefers-reduced-motion:reduce){.home-note-card{transition:none}.home-note-card:hover{transform:none}}