.account-trigger{display:flex;align-items:center;gap:9px;min-height:42px;padding:3px 5px;border:0;border-radius:9px;background:none;color:var(--color-text);font:inherit;font-size:13px;cursor:pointer}
.account-trigger:hover,.account-trigger[aria-expanded="true"]{background:var(--color-surface-alt)}
.account-trigger .header-user-avatar{flex:none}
.account-chevron{color:var(--color-text-secondary);transition:transform 160ms ease}
.account-trigger[aria-expanded="true"] .account-chevron{transform:rotate(180deg)}
.account-popover{position:fixed;z-index:950;width:264px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);overflow:auto;padding:12px;background:var(--color-surface);border-radius:14px;box-shadow:0 12px 40px rgb(21 23 27 / .18);color:var(--color-text)}
.account-popover[hidden],.account-popover [hidden]{display:none}
.account-popover-header{padding:10px 12px 18px;margin-bottom:6px}
.account-popover-header strong{display:block;font-size:18px;line-height:1.5;font-weight:600;overflow-wrap:anywhere}
.account-popover-header span{display:block;font-size:12px;color:var(--color-text-secondary);margin-top:5px;font-variant-numeric:tabular-nums}
.account-popover>[role="menuitem"]{display:flex;gap:12px;align-items:center;width:100%;min-height:45px;padding:10px 12px;border:0;border-radius:7px;background:none;color:var(--color-text);font:inherit;font-size:14px;text-align:left;cursor:pointer;transition:background-color 140ms ease}
.account-popover>[role="menuitem"]:hover,.account-popover>[role="menuitem"]:focus-visible{background:var(--color-surface-alt)}
.account-popover>[role="menuitem"][hidden]{display:none}
.account-popover .hub-icon{width:18px;height:18px;color:var(--color-accent)}
.account-popover-divider{border-top:1px solid var(--color-border);margin:10px 12px}
.account-popover #logoutBtn{color:var(--color-text-secondary)}
.account-trigger:focus-visible,.account-popover button:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}
.modal-overlay{padding:24px;background:rgb(21 23 27 / .3);backdrop-filter:blur(3px)}
.modal-overlay .modal{border:0;border-radius:16px;max-height:calc(100dvh - 48px);box-shadow:0 18px 70px rgb(21 23 27 / .2);animation:none;outline:none}
.modal-overlay .modal-header{padding:21px 28px}
.modal-overlay .modal-header h3{font-size:23px;line-height:1.4;font-weight:600;letter-spacing:-.02em}
.modal-overlay .modal-close{border:0;width:36px;height:36px;color:var(--color-text-secondary)}
.modal-overlay .modal-close:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}
.modal-overlay[data-surface="notebook"] .modal{max-width:960px}
.modal-overlay[data-surface="notebook"] .modal-body{padding:0;min-height:450px}
.modal-overlay[data-surface="notebook"] .findings-loading{padding:32px;min-height:450px;margin:0}
.personal-notebook{display:grid;grid-template-columns:300px minmax(0,1fr);min-height:450px}
.notebook-topics{padding:30px 24px;background:var(--color-surface-alt)}
.notebook-topics .exploration-book{margin:0}
.notebook-topics .exploration-theme-heading{grid-template-columns:minmax(0,1fr) 80px;gap:12px;margin-bottom:23px;align-items:start}
.notebook-topics .exploration-theme-heading h3{font-size:20px;line-height:1.5;margin-bottom:11px}
.notebook-topics .exploration-theme-hint{margin-top:15px}
.notebook-topics .exploration-theme-stamp .exploration-stamp-image{width:80px;height:80px}
.notebook-topics .exploration-theme-stamp figcaption{font-size:12px}
.notebook-topics .exploration-book-item{align-items:flex-start;flex-direction:column;gap:12px;border-bottom:0;border-top:1px solid var(--color-border);padding:20px 0 0}
.notebook-topics .exploration-book-item strong{font-size:15px;line-height:1.7}
.notebook-topics .exploration-book-item small{font-size:12px;line-height:1.8}
.notebook-topics .exploration-book-status{font-size:12px;padding-bottom:4px}
.notebook-notes{min-width:0;padding:30px 32px 32px}
.notebook-notes .findings-account{margin:0 0 25px;font-size:13px;gap:16px}
.notebook-notes .findings-notes-title{font-size:21px;font-weight:600;margin:0 0 18px;line-height:1.5}
.notebook-search{display:flex;align-items:center;gap:10px;padding:9px 12px;min-height:42px;border:1px solid var(--color-border);border-radius:8px;margin-bottom:7px;color:var(--color-text-secondary)}
.notebook-search:focus-within{outline:2px solid var(--color-accent);outline-offset:2px}
.notebook-search .hub-icon{width:17px;height:17px;flex:none}
.notebook-search input{width:100%;min-width:0;background:none;border:0;color:var(--color-text);font:inherit;font-size:14px;outline:none}
.notebook-search input::placeholder{color:var(--color-text-secondary);opacity:1}
.notebook-notes .product-findings>.product-finding{display:flex;align-items:flex-start;gap:15px;padding:21px 0}
.notebook-notes .product-finding[hidden],#notebookNoMatch[hidden]{display:none}
.notebook-notes .finding-row-copy{flex:1;min-width:0}
.notebook-notes .finding-row-copy strong{font-size:16px;line-height:1.6;margin:0 0 7px}
.notebook-notes .finding-row-copy>span{font-size:14px;line-height:1.85;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.notebook-notes .finding-row-copy small{margin-top:10px;font-size:11px;color:var(--color-text-secondary)}
.notebook-notes .product-finding>.works-card-cover{width:70px;height:64px;flex:none;margin:2px 0 0;border-radius:8px;object-fit:cover}
.notebook-notes .product-finding>.hub-icon{width:16px;height:16px;flex:none;margin-top:5px;color:var(--color-accent);transition:transform 160ms ease}
.notebook-notes .product-finding:hover>.hub-icon{transform:translateX(3px)}
.notebook-notes .product-finding:focus-visible{outline:2px solid var(--color-accent);outline-offset:4px;border-radius:5px}
.notebook-notes .findings-legacy .product-finding{display:block}
.notebook-empty{padding:28px 0 18px;color:var(--color-text-secondary);font-size:14px;line-height:1.9}
.notebook-empty p{margin:0 0 18px}
.notebook-empty .btn{min-height:40px}
.modal-overlay[data-surface="finding"] .modal{max-width:700px}
.modal-overlay[data-surface="finding"] .modal-body{padding:28px 32px 30px;min-height:430px}
.product-finding-form>.finding-work{display:flex;align-items:center;gap:17px;margin:0 0 29px}
.finding-work>.works-card-cover{width:88px;height:70px;flex:none;object-fit:cover;border-radius:8px}
.finding-work>div{min-width:0}
.finding-work h3{font-size:20px;margin:0 0 6px;line-height:1.6;overflow-wrap:anywhere}
.finding-work .hub-text-action{font-size:12px;min-height:28px;padding:0}
.product-finding-form>.finding-label{display:flex;justify-content:space-between;gap:15px;align-items:center;margin:0 0 11px}
.finding-label label{font-size:14px;font-weight:600;margin:0}
.finding-label output{font-size:12px;font-variant-numeric:tabular-nums;color:var(--color-text-secondary);white-space:nowrap}
.product-finding-form textarea{min-height:180px;font-size:15px;line-height:1.9;padding:15px 16px;caret-color:var(--color-accent)}
.product-finding-form textarea::placeholder{color:var(--color-text-secondary);opacity:1}
.product-finding-form textarea:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}
.product-finding-form>.finding-actions{margin:20px 0 0}
.product-finding-form>.finding-actions .btn{min-height:42px}
.product-finding-form>#findingLeave{display:block;padding:17px 18px;background:var(--color-surface-alt);border-radius:10px;margin-top:19px;font-size:14px;line-height:1.8}
.product-finding-form>#findingLeave[hidden]{display:none}
#findingLeave p{margin:0 0 12px;font-weight:600}
#findingLeave>div{display:flex;flex-wrap:wrap;gap:10px}
#findingLeave .btn{min-height:39px;font-size:13px}
.modal-overlay[data-surface="profile"] .modal{max-width:690px}
.modal-overlay[data-surface="profile"] .modal-body{padding:28px 32px}
.modal-overlay[data-surface="profile"] .profile-header{padding:0 0 25px;border-bottom:1px solid var(--color-border);margin-bottom:25px;background:none;border-radius:0;box-shadow:none}
.modal-overlay[data-surface="profile"] .profile-avatar-large{background:var(--color-accent-bg);color:var(--color-accent);box-shadow:none}
.modal-overlay[data-surface="profile"] .profile-fields{gap:20px 25px}
.modal-overlay[data-surface="profile"] .profile-field{padding:0 0 15px;background:none;border-radius:0;border-bottom:1px solid var(--color-border-light)}
.modal-overlay[data-surface="profile"] .field-label{font-size:12px}
.modal-overlay[data-surface="profile"] .field-value{font-size:14px;overflow-wrap:anywhere}
.modal-overlay[data-surface="profile"] .profile-level-badge .hub-icon{width:25px;height:25px;color:var(--color-accent)}
.modal-overlay[data-surface="profile"] .profile-actions{justify-content:flex-start;gap:10px}
.modal-overlay[data-surface="profile"] .profile-actions .btn{min-height:40px;padding:9px 14px;font-size:13px}
.modal-overlay[data-surface="profile"] .profile-edit-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.modal-overlay[data-surface="profile"] .edit-field{min-width:0;margin:0}
.modal-overlay[data-surface="profile"] .edit-field-wide{grid-column:1/-1}
.modal-overlay[data-surface="profile"] #editError{grid-column:1/-1;padding:12px 14px;background:var(--color-surface-alt);color:var(--color-error);border:0;border-radius:8px;font-size:13px;line-height:1.8}
.modal-overlay[data-surface="profile"] :is(.edit-input,.edit-select,.edit-textarea){font:inherit;font-size:14px;color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px}
.modal-overlay[data-surface="profile"] :is(input,select,textarea):focus-visible{outline:2px solid var(--color-accent);outline-offset:3px;box-shadow:none}
@media(max-width:480px){.modal-overlay[data-surface="profile"] .profile-edit-form{grid-template-columns:minmax(0,1fr)}.modal-overlay[data-surface="profile"] :is(.edit-input,.edit-select,.edit-textarea){font-size:16px}}
@media(max-width:760px){.modal-overlay{padding:12px}.modal-overlay .modal{max-height:calc(100dvh - 24px)}.modal-overlay .modal-header{padding:18px 22px}.modal-overlay .modal-header h3{font-size:21px}.personal-notebook{grid-template-columns:minmax(0,1fr);min-height:0}.notebook-topics{padding:25px 23px}.notebook-topics .exploration-theme-heading{grid-template-columns:minmax(0,1fr) 84px;margin-bottom:18px;gap:18px}.notebook-topics .exploration-book-item{padding-top:16px;gap:7px}.notebook-notes{padding:25px 23px 28px}.notebook-notes .findings-account{font-size:12px;margin-bottom:20px}.notebook-notes .findings-notes-title{font-size:20px;margin-bottom:14px}.notebook-notes .product-finding>.works-card-cover{width:53px;height:52px}.notebook-notes .product-findings>.product-finding{gap:12px}.notebook-notes .finding-row-copy strong{font-size:15px}.notebook-notes .finding-row-copy>span{font-size:14px}.notebook-search input{font-size:16px}.modal-overlay[data-surface="finding"] .modal-body,.modal-overlay[data-surface="profile"] .modal-body{padding:24px 22px}.finding-work h3{font-size:18px}.finding-work>.works-card-cover{width:65px;height:59px}.product-finding-form textarea{font-size:16px;min-height:165px}.finding-label label{font-size:13px}.finding-label output{font-size:11px}.account-trigger{padding-inline:3px}.account-chevron{display:none}}
@media(prefers-reduced-motion:reduce){.account-chevron,.account-popover>[role="menuitem"],.notebook-notes .product-finding>.hub-icon{transition:none}}