/* Newsbee / BLUE HOUR — isolated visual experiment.
 * Loaded after existing CSS; no functional changes or data migrations.
 * Strong indigo, fresh cobalt, lilac paper, apricot highlights.
 */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=DM+Serif+Display:ital@0;1&display=swap');
:root{
 --ink:#2B3148;
 --forest:#6A6FB3;
 --deep:#353B54;
 --sage:#E7E4EF;
 --mint:#F5F3F8;
 --cream:#F7F5FA;
 --paper:#FFFFFF;
 --line:#DDD9E6;
 --muted:#6C7082;
 --gold:#E7AC91;
 --peach:#F2D9CA;
 --red:#B64A56;
 --radius:20px;
 --bh-ink:#2B3148;--bh-blue:#6A6FB3;--bh-deep:#353B54;
 --bh-sky:#F0EDF6;--bh-lilac:#F5F2FA;--bh-apricot:#E7AC91;
 --bh-butter:#F3DFC9;--bh-line:#DDD9E6;--bh-paper:#FFFFFF;--bh-muted:#6C7082;
}
body.nb{background:var(--cream);color:var(--bh-ink);font-family:'DM Sans',sans-serif;letter-spacing:-.005em}
body.nb p{color:#626B87;line-height:1.7}
body.nb h1,body.nb h2,body.nb h3,body.nb h4{font-family:'DM Sans',sans-serif;font-weight:600;letter-spacing:-.045em;line-height:1.12;color:var(--bh-ink)}
body.nb h1 em,body.nb h2 em,body.nb h3 em{font-family:'DM Serif Display',Georgia,serif;font-weight:400;letter-spacing:-.015em;color:#6860D9;font-style:italic}
body.nb :focus-visible{outline:3px solid var(--bh-apricot);outline-offset:3px}
body.nb ::selection{background:#D8D6FF;color:#22274C}
body.nb [hidden]{display:none!important}
body.nb .mark{font-family:'DM Sans',sans-serif;font-weight:700;letter-spacing:-.085em}
body.nb .mark i{color:var(--bh-apricot)}
body.nb .eyebrow,body.nb .card-overline,body.nb .step-num{font-family:'DM Sans',sans-serif;color:#6870B5;letter-spacing:.12em;font-weight:700}
body.nb .btn{border-radius:13px;border-color:#DCDDF2;color:#4249AF!important;font-family:'DM Sans',sans-serif;font-weight:700;box-shadow:none;min-height:44px}
body.nb .btn-solid{background:var(--bh-blue);border-color:var(--bh-blue);color:white!important;box-shadow:0 5px 0 #292A7630}
body.nb .btn-solid:hover{background:#575C99;border-color:#575C99;box-shadow:0 7px 0 #292A7630;transform:translateY(-2px)}
body.nb .btn-quiet{background:#fff;border:1px solid #D9DCEE;color:#3E48A6!important}
body.nb .link-arrow,body.nb .ritual-text-button,body.nb .small-link{color:#4D55C4!important;font-weight:700}
body.nb .ritual-text-button:hover,body.nb .link-arrow:hover{text-decoration:underline;text-underline-offset:4px}
body.nb .dot{background:var(--bh-apricot)}
/* Public nav and hero: a new editorial / creative product direction. */
body.nb .site-nav{max-width:1440px;padding:24px clamp(23px,4.4vw,65px);gap:25px}
body.nb .site-nav .mark{font-size:31px}
body.nb .site-nav .nav-items{color:#6C7290;font-weight:600}
body.nb .site-nav .nav-items a:hover{color:#464DCE}
body.nb .landing-hero{max-width:1400px;padding:65px clamp(24px,4.8vw,67px) 102px;grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);gap:clamp(30px,4vw,72px)}
body.nb .hero-copy .eyebrow{display:inline-flex;border:1px solid #DDDEF2;border-radius:100px;background:#fff;padding:9px 14px;color:#555FC6;font-size:10px;letter-spacing:.07em;margin-bottom:24px}
body.nb .hero-copy .eyebrow .dot{background:#FE9578}
body.nb .hero-copy h1.hero-headline{font:600 clamp(52px,5.2vw,78px)/1.055 'DM Sans',sans-serif;letter-spacing:-.06em;max-width:720px;margin-bottom:25px}
body.nb .hero-copy h1.hero-headline em{display:inline;color:#5951D4}
body.nb .hero-copy .subtitle{font-size:17px;line-height:1.77;max-width:480px;color:#67708D}
body.nb .hero-ctas{gap:21px}
body.nb .hero-ctas .btn-solid{background:#6A6FB3}
body.nb .hero-small{color:#8B8DA1!important}
body.nb .hero-demo{min-height:520px}
body.nb .hero-demo:before{inset:0 1% 1% 8%;border-radius:37% 37% 28px 28px;background:linear-gradient(135deg,#D1D4FF 0%,#CFD5FD 42%,#FFDBCA 100%);transform:rotate(5deg)}
body.nb .hero-demo:after{border-color:#A7AAE0;top:-16px;right:9%;width:110px;height:110px;border-width:2px}
body.nb .demo-window{transform:rotate(-2deg);width:min(480px,92%);border:2px solid #E0E1F3;border-radius:22px;padding:30px 33px;background:white;box-shadow:0 24px 68px #3137682E}
body.nb .demo-top{border-bottom-color:#E1E3F2}
body.nb .demo-top .mark{font-size:19px}
body.nb .demo-label{color:#575DB5!important}
body.nb .demo-window h2{font-family:'DM Sans',sans-serif;font-weight:600;font-size:clamp(26px,2.65vw,34px);letter-spacing:-.045em}
body.nb .demo-window .sample-writing{font:400 16px/1.75 'DM Sans',sans-serif;color:#323B62;background:#F4F3FF;border:1px solid #E5E3FF;border-radius:13px}
body.nb .demo-window .sample-writing u{color:#5651D0;text-decoration-color:#AAA3FF}
body.nb .floating-word{background:#F3DFC9;border:2px solid #FED395;border-radius:13px;box-shadow:5px 6px 0 #4E4FB533;color:#28325D;transform:rotate(4deg);left:-11px;bottom:20px}
body.nb .floating-word small,body.nb .hero-word-source{color:#6E6482}
body.nb .hero-small:before{content:'✦';display:inline-block;color:#EE9477;margin-right:8px;font-size:13px}
/* The new visual "extension -> words -> journal -> feedback" narrative. */
body.nb .philosophy.newsbee-journey{background:linear-gradient(180deg,#EFEFFD 0%,#F8F7FF 100%);border-top:1px solid #DDDDF8}
body.nb .journey-intro .section-intro h2{font-weight:600}
body.nb .journey-intro .section-intro h2 em{color:#5956D1}
body.nb .journey-intro .section-intro p{color:#707697}
body.nb .journey-pipeline{background:#fff;border-color:#D9DCF5;border-radius:16px;box-shadow:0 5px 0 #6A6FB30D}
body.nb .journey-pipeline-part{color:#444B9E}
body.nb .journey-pipeline-part small{color:#8C90A9}
body.nb .journey-pipeline-dot{background:#F39E7E}
body.nb .journey-pipeline-arrow{color:#6964DC}
body.nb .journey-capture{background:#fff;border:1px solid #DADBF4;border-radius:23px;box-shadow:0 18px 60px #343E9D13}
body.nb .journey-step-count{background:#E7E6FF;color:#4F51BA}
body.nb .journey-kicker{color:#5D64AE}
body.nb .journey-capture-copy h3{color:#242B53}
body.nb .journey-source-tabs{background:#ECEBFF;border-color:#DEDDF7}
body.nb .journey-source-tab{color:#7177A0}
body.nb .journey-source-tab.active{color:#474BC1;box-shadow:0 3px 10px #3C428B17}
body.nb .journey-tab-explanation strong{color:#4249BD}
body.nb .journey-source-symbol{background:#EFE9FF;color:#5A50CA}
body.nb .journey-capture-visual{background:linear-gradient(135deg,#C6CCFF,#E8DDFD 55%,#FFD3C2)}
body.nb .journey-capture-visual:before{border-color:#B1AADD}
body.nb .journey-browser{border-color:#D8D9F1;box-shadow:0 22px 60px #292B6F29}
body.nb .journey-browser-top{background:#F9F8FE;border-bottom-color:#E5E5F2;color:#8085A3}
body.nb .browser-dots i{background:#C9C7E4}
body.nb .journey-browser-page mark{background:#FFE5B1;color:#453C5B;box-shadow:inset 0 -2px 0 #F5BC7E}
body.nb .journey-selection-preview{background:#EDEBFF;border-color:#DDD9FF;color:#5056BB}
body.nb .journey-video-screen{background:linear-gradient(135deg,#4547A1,#1C224D)}
body.nb .journey-video-captions mark{background:#FFDDA1;color:#353A61}
body.nb .journey-extension-popup{border-color:#DAD9ED;box-shadow:0 14px 38px #282B7640;border-radius:16px}
body.nb .journey-popup-mark{background:#E8E5FE;color:#4A4DB6}
body.nb .journey-popup-mark span{color:#FA997D}
body.nb .journey-popup-check{color:#595AC2}
body.nb .journey-popup-check>span{background:#E9E7FF;color:#4C4FBE}
body.nb .journey-popup-term{color:#303868}
body.nb .journey-popup-sync{color:#555BCC;border-top-color:#E7E6F1}
body.nb .journey-next-card{border-color:#DCDCF3;border-radius:20px;box-shadow:0 10px 30px #3942A210}
body.nb .journey-next-card:nth-child(2){background:#FFF8F1;border-color:#F3DDD0}
body.nb .journey-next-card:nth-child(3){background:#F3F1FF;border-color:#DBD9F6}
body.nb .journey-next-card:not(:last-child):after{background:#FFDFBE;border:1px solid #FAD2A8;color:#6651A8}
body.nb .journey-card-mini,body.nb .journey-preview-label{color:#8689A9}
body.nb .journey-word-preview,body.nb .journey-writing-preview,body.nb .journey-feedback-preview{border-color:#E1DFF4;background:#F9F8FE}
body.nb .journey-word-row-feature{background:#ECEAFF}
body.nb .journey-word-row{border-bottom-color:#E5E4F2}
body.nb .journey-word-row strong{color:#303962}
body.nb .journey-word-added,body.nb .journey-word-bottom,body.nb .journey-writing-bottom{color:#5757C0}
body.nb .journey-word-dot{background:#BDBEF1}
body.nb .journey-writing-word{background:#EAE8FF;border-color:#D9D6FF;color:#5455B9}
body.nb .journey-writing-text{color:#424B6F!important;border-color:#E5E2F4}
body.nb .journey-writing-text mark{background:#FFE4B7;color:#514470}
body.nb .journey-writing-text u{color:#BB635E;text-decoration-color:#E9A99B}
body.nb .journey-feedback-after{background:#EAE8FF;color:#3F4AA9!important}
body.nb .journey-feedback-before s{color:#B26E74}
body.nb .journey-feedback-why{color:#67708B}
body.nb .journey-feedback-practice{color:#4F52BF;border-color:#E0DFF5}
body.nb .journey-footer-note{background:#E5E4FF;border-color:#D4D3F5}
body.nb .journey-footer-note>div{color:#5F638D}
body.nb .journey-footer-note strong{color:#3A42A3}
body.nb .extension-beta-note{color:#78809E!important}
body.nb .extension-method{border-color:#E0DFF2;border-radius:18px;box-shadow:0 9px 24px #4048AB08}
body.nb .extension-method:nth-child(2){background:#F1EFFF}
body.nb .word-demo{background:#FFFDFC;border-top-color:#E6E1ED}
body.nb .word-demo .sense-card{border-color:#E3E0F1;border-radius:16px;background:white}
body.nb .vocab-context-example{border-color:#E7E2F0}
body.nb .reflect-banner .quote-card{background:linear-gradient(160deg,#E6E4FF,#F3E9FB);border:1px solid #DDD8F5;border-radius:25px}
body.nb .reflect-banner .quote-card .big-quote{font-family:'DM Sans',sans-serif;font-weight:500;color:#484CB3;font-size:clamp(25px,2.6vw,35px)}
body.nb .reflect-banner .quote-card em{color:#6E5DC6}
body.nb .reflect-banner .quote-card .feedback-label{color:#6A6AAE}
body.nb .cta-panel{background:#252B71;border-radius:28px;position:relative;overflow:hidden;box-shadow:0 20px 50px #343A9022}
body.nb .cta-panel:before{content:"";position:absolute;width:290px;height:290px;right:-85px;top:-100px;border-radius:50%;border:45px solid #5E60B7;opacity:.42;pointer-events:none}
body.nb .cta-panel h2{font:600 clamp(40px,5vw,64px)/1.1 'DM Sans',sans-serif;position:relative;color:white}
body.nb .cta-panel p{color:#D8D9FA;position:relative}
body.nb .cta-panel .btn{background:#FFA48B;border-color:#FFA48B;color:#282C65!important;position:relative}
body.nb .footer{border-top-color:#E4E0EF;color:#8687A5}
/* App shell: nighttime ink sidebar / daylight working canvas. */
body.nb .studio{grid-template-columns:244px minmax(0,1fr);background:#FBFAFF}
body.nb .sidebar{background:#353B53;border-right:1px solid #454A8B;padding:33px 20px;gap:40px}
body.nb .sidebar .mark{color:#fff;font-size:31px;padding-left:12px}
body.nb .sidebar .mark i{color:#FFA488}
body.nb .side-nav{gap:7px}
body.nb .side-nav a{color:#BFC3E9!important;border-radius:12px;padding:13px 15px;font-family:'DM Sans',sans-serif;font-weight:600;font-size:13px}
body.nb .side-nav a:hover{background:#434989;color:white!important}
body.nb .side-nav a[aria-current="page"]{background:#E9E7FF;color:#2D3374!important;box-shadow:inset 3px 0 0 #FF9B7D,0 6px 18px #15193924}
body.nb .side-nav svg{stroke-width:1.8}
body.nb .side-bottom{border-top:1px solid #454A88;padding-top:23px}
body.nb .side-bottom .tip-title{color:#FFE0BC}
body.nb .side-bottom p{color:#BDC2E5}
body.nb .side-bottom a{color:#FFC49F!important;font-weight:700}
body.nb .studio-main{background:#FBFAFF}
body.nb .studio-top{border-bottom:1px solid #E4E3F0}
body.nb .breadcrumb{color:#8C8EA7}
body.nb .breadcrumb span{color:#C2C2D8}
body.nb #sign-out{color:#676BC5}
body.nb .content-width{max-width:1190px}
body.nb .page-heading{margin:46px 0 28px}
body.nb .page-heading h1{font:600 clamp(42px,4.2vw,64px)/1.08 'DM Sans',sans-serif;letter-spacing:-.055em;margin:11px 0 12px}
body.nb .page-heading h1 em{color:#6760D8}
body.nb .page-heading p{color:#747A98}
body.nb .page-heading .date-line{color:#7778BB}
body.nb .journal-card,body.nb .surface-card,body.nb .word-list,body.nb .archive-entry{background:#fff;border:1px solid #E0DFED;box-shadow:0 10px 30px #343B7C0B;border-radius:19px}
body.nb .journal-card{background:#FFFFFF;border-color:#DEDEF4}
body.nb .journal-card h2{font-family:'DM Sans',sans-serif;font-size:clamp(25px,2.7vw,39px);font-weight:600;color:#292F5A}
body.nb .journal-card .guide{color:#737994}
body.nb .journal-card textarea{background:#FCFCFF!important;border:1px solid #DBD9F0!important;border-radius:15px!important;color:#2B3458!important;font-family:'DM Sans',sans-serif!important;font-size:17px!important;line-height:1.8!important;padding:20px 23px!important}
body.nb .journal-card textarea:focus-visible{outline:3px solid #D1CEFF!important;border-color:#8985E6!important}
body.nb .journal-card textarea::placeholder{color:#B2B0C7}
body.nb .daily-language-spotlight .spotlight-card{background:#ECECFF;border:1px solid #D6D5F6;border-radius:18px;box-shadow:0 8px 22px #30399E08}
body.nb .daily-language-spotlight .spotlight-verb{background:#FFF0E6;border-color:#F7DCCA}
body.nb .daily-language-spotlight .spotlight-idiom{background:#FFEFC2;border-color:#F0DFA8}
body.nb .spotlight-card:after{border-color:#BBBBED}
body.nb .spotlight-verb:after{border-color:#ECC1A8}
body.nb .spotlight-card .spotlight-term{font-family:'DM Sans',sans-serif;font-weight:600;color:#4044A5}
body.nb .spotlight-verb .spotlight-term{color:#965D65}
body.nb .spotlight-card .spotlight-example{color:#555C89!important}
body.nb .spotlight-meaning{color:#7375A5!important}
body.nb .spotlight-card .spotlight-head .card-overline{color:#6B67B5}
body.nb .word-preparation{background:white;border:1px solid #E1DFF4;border-radius:20px;box-shadow:0 13px 36px #444EAD0C}
body.nb .word-preparation h2,body.nb .prep-title-row h2,body.nb .writing-step-heading h2{font-family:'DM Sans',sans-serif;font-weight:600;letter-spacing:-.04em;color:#262D56}
body.nb .word-picker,body.nb .picker-panel{background:#FCFBFF;border-color:#E3E0F4}
body.nb .picker-tabs button.active{background:#EAE8FF!important;color:#5151BB!important;border-color:#CAC7F8!important}
body.nb .picker-results button,body.nb .ritual-word-item{background:#FCFBFF;border-color:#E3E1F5;color:#3D447C}
body.nb .picker-results button:hover,body.nb .ritual-word-item:hover{border-color:#B7B2F2;background:#F5F3FF}
body.nb .selection-counter,body.nb .selected-slot{background:#F1F0FF;border-color:#D9D8F4;color:#4F55A5}
body.nb .selection-counter b{color:#4D4ED0}
body.nb .selected-slot.filled{background:#ECEBFF;border-color:#BDBAF1}
body.nb .word-progress{color:#696BCD}
body.nb .ritual-feedback{background:#F2F1FF;border-color:#D9D6F8;color:#616A9C}
body.nb .ritual-feedback .meaning-row strong{color:#414DA5}
body.nb .ritual-feedback h4{font-family:'DM Sans',sans-serif;color:#424AB0;font-weight:600}
body.nb .writing-word-tray{background:#F4F3FF;border-color:#DFDDFC;border-radius:14px}
body.nb .writing-word-tray .ritual-word-item{background:#fff}
body.nb .writing-mode-choice{background:#EEEDFF;border-radius:14px}
body.nb .writing-mode-choice button{color:#7779AD;font-family:'DM Sans',sans-serif}
body.nb .writing-mode-choice button.active{background:white;color:#4247AD;box-shadow:0 3px 9px #5154AF20}
body.nb .writing-mode-step{background:white;border:1px solid #DDDCF5;border-radius:21px;box-shadow:0 15px 40px #454FB40C}
body.nb .mode-option{background:#F6F5FF;border:1px solid #DFDDF8;border-radius:17px;color:#333A86}
body.nb .mode-option strong{font-family:'DM Sans',sans-serif}
body.nb .mode-option:hover,body.nb .mode-option:focus-visible{background:#EDEBFF;border-color:#908BE5}
body.nb .mode-option:last-child{background:#FFF2E8;border-color:#F5DFD0}
body.nb .mode-option:last-child:hover{background:#FFE5D5;border-color:#F2B696}
body.nb .mode-option>span{color:#757E9C}
body.nb .mode-word-chip{background:#EAE8FF;border-color:#D7D4FF;color:#5150B6}
body.nb .journal-card .writing-directions{background:#F7F5FF;border:1px solid #DEDDF5;border-left:4px solid #A6A0EF;border-radius:15px}
body.nb .journal-card .direction-heading h3{font-family:'DM Sans',sans-serif;font-weight:600;font-size:24px;color:#323869}
body.nb .direction-category{background:#fff;border:1px solid #DDDDF3;border-radius:999px;color:#6269A1}
body.nb .direction-category.active,body.nb .direction-category:hover{background:#EAE8FF;border-color:#BAB4F3;color:#4445AA}
body.nb .direction-prompt{background:white;border:1px solid #E0DEF4;border-radius:11px;color:#5C638F}
body.nb .direction-prompt.active{background:#EBE9FF;border-color:#C5C2FA;color:#444CB4}
body.nb .topic-guide{background:#EFEEFF;color:#5865A5;border-left-color:#9088EF}
body.nb .topic-companion{background:#F6F5FF;border:1px solid #DCD9F3;border-radius:17px;box-shadow:0 14px 35px #3747A213}
body.nb .topic-companion .companion-head h3{font-family:'DM Sans',sans-serif;font-weight:600;color:#303C88}
body.nb .companion-phrase{background:#fff;border-color:#E4E1F6}
body.nb .connector-item{border-left-color:#8D8AE8!important}
body.nb .companion-phrase strong{color:#474BAF}
body.nb .companion-meaning{color:#686C9D}
body.nb .ritual-timer{background:#F6F5FF;border-color:#E3E1F6}
body.nb .timer-readout{font-family:'DM Sans',sans-serif;color:#4D50B5;font-weight:600}
body.nb .weekly-review,body.nb .journal-explorer{background:white;border:1px solid #E0E0F1;border-radius:20px}
body.nb .weekly-stat{background:#EFEDFF;border-radius:11px}
body.nb .weekly-stat b,body.nb .weekly-count{color:#5450C7;font-family:'DM Sans',sans-serif;font-weight:600}
body.nb .weekly-tag{background:#F1F0FF;color:#5C62B1}
body.nb .journal-freestyle-invite{background:#FFF0E7;border-color:#F7DCCB;border-radius:18px}
body.nb .journal-freestyle-copy h2{font-family:'DM Sans',sans-serif;font-weight:600;color:#80577F}
body.nb .journal-freestyle-copy .card-overline{color:#A36D83}
body.nb .journal-freestyle-copy p{color:#896E83}
body.nb .archive-entry,.nb .history-item{background:#fff;border-color:#DDD9E6}
body.nb .archive-title-button{color:#30377D}
body.nb .archive-review{background:#E9E8FF!important;border-color:#B9B7F0;color:#4D4CAC!important}
body.nb .archive-review-badge{background:#E4E2FF!important;color:#4548B5!important}
body.nb .calendar-day[aria-pressed="true"],body.nb .calendar-day.active{background:#6A6FB3!important;color:#fff!important}
body.nb .calendar-dot{color:#5C57D7}
body.nb .word-list .word-row{border-color:#E1E0F0}
body.nb .word-list strong{color:#32386B}
body.nb input,body.nb select,body.nb textarea{accent-color:#5B55DC}
body.nb .add-form input,body.nb .add-form textarea,body.nb .add-form select,
body.nb .explore-toolbar input,body.nb .calendar-controls select{background:#fff;border-color:#DEDCF0;color:#333C70;border-radius:11px}
body.nb .coach-panel,body.nb .today-ai-next-step,body.nb .archive-ai-panel{background:#F2F1FF;border:1px solid #DDDAFB;border-radius:19px;box-shadow:0 12px 30px #454AA711;color:#333A74}
body.nb .coach-panel h2,body.nb .coach-panel h3,body.nb .coach-panel h4,body.nb .today-ai-next-step h3{font-family:'DM Sans',sans-serif;font-weight:600;color:#4145A0}
body.nb .coach-overline{color:#6667B2}
body.nb .coach-version,body.nb .coach-exercise{background:white;border-color:#E0DDF4}
body.nb .coach-tag{background:#E9E7FF;color:#4C4EC1}
body.nb .review-underline-error{background:#FFE8DF;color:#A44D4D;text-decoration-color:#DD9581}
body.nb .review-underline-natural{background:#FFEEC4;color:#66577E;text-decoration-color:#D8AE65}
body.nb .review-full,body.nb .detail-original-card,body.nb .review-full-version{background:#fff;border-color:#E1DFF0}
body.nb .review-full-corrected{background:#F1EFFF;border-color:#DDD8FA}
body.nb .review-summary-text{background:#EEEDFF;border-left-color:#7874DC;color:#555A91}
body.nb .review-word-check{background:#F1EFFF!important;border-color:#DCD8F8!important}
body.nb .review-word-card{border-color:#DEDCF3}
body.nb .review-notes-list li{background:#FBFAFF;border-color:#E0DFF1}
body.nb .detail-title{color:#29325E}
/* Login: bold color-blocking instead of quiet green. */
body.nb .login-story{background:#373B90;overflow:hidden}
body.nb .login-story:before{content:"";width:520px;height:520px;border-radius:42%;position:absolute;bottom:-290px;left:-150px;background:#FFA17F;transform:rotate(27deg);opacity:.96}
body.nb .login-story:after{width:420px;height:420px;border:38px solid #9291EC;opacity:.35;top:-110px;right:-170px;bottom:auto}
body.nb .login-story .mark{color:white;font-size:33px;z-index:2}
body.nb .login-story .eyebrow{color:#CFCBF8}
body.nb .login-story .quote{z-index:2}
body.nb .login-story h1{font-family:'DM Sans',sans-serif;font-weight:600;letter-spacing:-.055em;color:#fff;font-size:clamp(47px,4.7vw,76px)}
body.nb .login-story h1 em{color:#FFCEA9;font-family:'DM Serif Display',Georgia,serif}
body.nb .login-story p,body.nb .login-story .tiny-caption{color:#D8D6FF}
body.nb .login-form-side{background:#FBFAFF}
body.nb .login-form-wrap h2{font-family:'DM Sans',sans-serif;font-weight:600;color:#2D3267;font-size:clamp(32px,3.5vw,45px)}
body.nb .login-form-wrap .auth-status{background:#ECEAFF;color:#5658B4}
body.nb .login-foot a{color:#5351C7!important}
body.nb .journal-save-dialog,body.nb .journal-rename-dialog{background:white;border-color:#E0DDF4;border-radius:21px;color:#30376C}
body.nb .journal-save-dialog h2,body.nb .journal-rename-dialog h2{font-family:'DM Sans',sans-serif;font-weight:600;color:#30376C}
body.nb .journal-save-dialog input,body.nb .journal-rename-dialog input{border-color:#D6D3EF;color:#34396C}
body.nb .journal-save-dialog::backdrop,body.nb .journal-rename-dialog::backdrop{background:#25275AB0}
/* Readability + mobile adaptation: full-width app navigation without dark slab. */
@media(max-width:1050px){
 body.nb .studio{grid-template-columns:216px minmax(0,1fr)}
 body.nb .sidebar{padding:25px 14px}
 body.nb .studio-main{padding:0 clamp(22px,3vw,42px) 68px}
}
@media(max-width:900px){
 body.nb .studio{grid-template-columns:1fr}
 body.nb .sidebar{height:auto;position:static;display:flex;flex-direction:row;align-items:center;padding:15px 22px;gap:15px;justify-content:space-between}
 body.nb .sidebar .mark{font-size:24px;padding-left:0}
 body.nb .side-nav{display:flex;gap:4px;flex-wrap:nowrap}
 body.nb .side-nav a{font-size:11px;padding:9px 11px}
 body.nb .side-bottom{display:none}
 body.nb .login-form-side{min-height:100vh}
 body.nb .landing-hero{grid-template-columns:1fr;gap:40px;padding-top:50px}
 body.nb .hero-demo{min-height:450px}
}
@media(max-width:650px){
 body.nb .sidebar{flex-wrap:wrap;padding:15px 13px;gap:10px}
 body.nb .sidebar .mark{padding-left:8px}
 body.nb .side-nav{width:100%;justify-content:space-between;gap:3px}
 body.nb .side-nav a{padding:8px 8px;font-size:11px}
 body.nb .studio-main{padding:0 18px 55px}
 body.nb .site-nav{padding:20px}
 body.nb .landing-hero{padding:44px 22px 73px}
 body.nb .hero-copy h1.hero-headline{font-size:clamp(41px,9.5vw,54px)}
 body.nb .hero-demo{min-height:420px}
 body.nb .demo-window{width:92%;padding:21px}
 body.nb .demo-window h2{font-size:25px}
 body.nb .floating-word{left:0}
 body.nb .page-heading h1{font-size:clamp(37px,10vw,52px)}
 body.nb .journal-card{padding:21px 18px}
 body.nb .journal-card textarea{padding:15px!important;font-size:16px!important}
 body.nb .journey-capture-copy h3{font-size:29px}
 body.nb .journey-next-card{padding:20px 18px}
 body.nb .cta-panel{border-radius:21px;padding:50px 24px}
}
@media(prefers-reduced-motion:reduce){body.nb .btn{transition:none}}

/* Companion / extension account flows use an older auth-page shell. */
body.auth-page{background:#F8F7FF!important;color:#29315D;font-family:'DM Sans',sans-serif!important}
body.auth-page .auth-nav,body.auth-page .capture-nav{background:white;border-bottom:1px solid #E1DFF3}
body.auth-page .auth-brand{font-family:'DM Sans',sans-serif!important;font-weight:700;letter-spacing:-.075em;color:#292E6B}
body.auth-page .auth-brand span{color:#FA997B}
body.auth-page .dashboard-label{color:#6561BA;font-family:'DM Sans',sans-serif}
body.auth-page .extension-connect,body.auth-page .capture-card{border-color:#E0DDF4;border-radius:20px;box-shadow:0 15px 40px #303D8310;background:white}
body.auth-page .extension-connect h1,body.auth-page .capture-card h1{font-family:'DM Sans',sans-serif!important;font-weight:600;letter-spacing:-.05em;color:#2E346E}
body.auth-page .extension-connect p,body.auth-page .capture-card>p{font-family:'DM Sans',sans-serif;color:#6B7293}
body.auth-page .extension-connect button,body.auth-page .extension-connect .connect-link,
body.auth-page .capture-button{background:#6A6FB3!important;color:white!important;border-radius:12px;font-family:'DM Sans',sans-serif!important;box-shadow:0 4px 0 #25286825}
body.auth-page .capture-secondary{color:#5354BF;border-color:#D7D4EE}
body.auth-page .capture-card input,body.auth-page .capture-card textarea{border-color:#D8D6ED;color:#283263;font-family:'DM Sans',sans-serif}
body.auth-page .auth-status{background:#EDEAFF;color:#5452BD}
body.auth-page .capture-message{color:#5052B8}
/* Isolated design gallery: a static no-login representation of all main app areas. */
body.nb.design-concept-page{background:#F8F7FF}
.design-concept-header{padding:26px clamp(18px,5vw,72px);max-width:1460px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.design-concept-header .mark{color:#272C68}
.design-concept-header nav{display:flex;gap:18px;align-items:center;flex-wrap:wrap}
.design-concept-header nav a{font-weight:700;font-size:12px;color:#4A50B6}
.design-concept-intro{max-width:1380px;padding:18px clamp(18px,5vw,72px) 42px;margin:auto}
.design-concept-eyebrow{display:inline-block;background:#FFE5CB;color:#5B4F89;font:700 11px 'DM Sans',sans-serif;padding:8px 12px;border-radius:99px;letter-spacing:.045em}
.design-concept-intro h1{font:600 clamp(47px,6.8vw,85px)/1 'DM Sans',sans-serif;letter-spacing:-.07em;margin:19px 0 15px;max-width:900px}
.design-concept-intro h1 em{color:#655DE0;font:italic 1em 'DM Serif Display',Georgia,serif}
.design-concept-intro p{max-width:680px;font-size:15px;line-height:1.75}
.design-swatches{display:flex;gap:9px;margin:22px 0 8px}
.design-swatch{width:42px;height:42px;border:3px solid white;border-radius:13px;box-shadow:0 2px 7px #23275A25}
.design-swatch:nth-child(1){background:#353B53}
.design-swatch:nth-child(2){background:#6A6FB3}
.design-swatch:nth-child(3){background:#DDD9ED}
.design-swatch:nth-child(4){background:#E7AC91}
.design-swatch:nth-child(5){background:#F3DFC9}
.design-concept-intro .caption{font-size:12px;color:#8688A7}
.design-demo-shell{margin:0 auto 72px;width:min(calc(100% - 50px),1300px);border:1px solid #D6D7EE;border-radius:25px;overflow:hidden;box-shadow:0 28px 66px #22276C21;background:#FBFAFF}
body.nb .design-demo-shell .studio{min-height:690px}
body.nb .design-demo-shell .sidebar{height:auto;position:relative;top:auto;min-height:100%;gap:40px}
body.nb .design-demo-shell .studio-main{padding-bottom:40px}
.design-demo-switcher{display:grid;gap:7px}
body.nb .design-demo-switcher button{display:flex;gap:12px;align-items:center;width:100%;text-align:left;border:0;background:transparent;color:#C6C7EB;border-radius:12px;padding:13px 15px;cursor:pointer;font:600 13px 'DM Sans',sans-serif}
body.nb .design-demo-switcher button[aria-selected="true"]{background:#E9E7FF;color:#2B2F76;box-shadow:inset 3px 0 #FFA38A}
.design-demo-switcher button:hover{background:#434989;color:white}
.design-demo-switcher button span{font-size:17px;width:18px;text-align:center}
.design-demo-top{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:22px 0;border-bottom:1px solid #E1E0F1;color:#8688A9;font-size:11px;font-weight:700;letter-spacing:.075em}
.design-demo-user{width:32px;height:32px;background:#FFE5B1;border-radius:50%;color:#4649A6;display:grid;place-items:center;font:700 15px 'DM Sans',sans-serif}
.design-view{animation:design-enter .2s ease-out}
@keyframes design-enter{from{opacity:.3;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
.design-view-heading{padding:24px 0 24px}
.design-view-heading .eyebrow{color:#7978BB}
.design-view-heading h2{font:600 clamp(31px,3.3vw,45px)/1.12 'DM Sans',sans-serif;margin:9px 0 7px}
.design-view-heading p{font-size:13px;max-width:650px;margin:0}
.design-preview-word-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.design-preview-word{border-radius:18px;padding:21px;min-height:150px;display:flex;flex-direction:column;gap:9px;background:#ECECFF;border:1px solid #DEDCF7}
.design-preview-word:nth-child(2){background:#FFF0E6;border-color:#F3DDCA}
.design-preview-word:nth-child(3){background:#FFEEBE;border-color:#F1DEAF}
.design-preview-word small{font-size:10px;color:#7374A9;letter-spacing:.09em;font-weight:700}
.design-preview-word strong{font:600 clamp(21px,2.2vw,29px)/1.15 'DM Sans',sans-serif;color:#393E8D;overflow-wrap:anywhere}
.design-preview-word span{font-size:12px;color:#656C97}
.design-preview-writing{background:#fff;border:1px solid #E0DFF0;border-radius:20px;padding:24px;margin:15px 0 0}
.design-preview-writing h3{font:600 24px 'DM Sans',sans-serif;margin:8px 0 16px}
.design-preview-chips{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:14px}
.design-preview-chips span{background:#EBE9FF;border:1px solid #D8D5F5;border-radius:999px;font-size:11px;padding:6px 11px;color:#4B4DAF}
.design-preview-writing>p{background:#F8F7FF;border:1px solid #E6E4F8;border-radius:11px;padding:18px;color:#4D5578;font-size:14px;line-height:1.75}
.design-preview-writing mark{background:#FFE7B8;color:#3E417B}
.design-preview-status{color:#6468B8;font-size:11px;font-weight:700}
.design-preview-journal-grid{display:grid;grid-template-columns:.76fr 1.24fr;gap:13px}
.design-preview-stat,.design-preview-reflection{background:white;border:1px solid #E0DFF0;border-radius:18px;padding:23px}
.design-preview-stat{background:#EDEBFF}
.design-preview-stat strong{font:600 59px 'DM Sans',sans-serif;color:#5151BF;display:block;line-height:1}
.design-preview-stat p{color:#65678F;font-size:12px;margin:10px 0}
.design-preview-reflection .eyebrow{font-size:10px}
.design-preview-reflection h3{font:600 22px/1.2 'DM Sans',sans-serif;margin:10px 0;color:#30396A}
.design-preview-reflection p{font-size:13px}
.design-preview-reflection>span{display:inline-block;background:#FFF0DE;border-radius:999px;padding:6px 9px;color:#93677B;font-size:10px;font-weight:700}
.design-preview-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
.design-preview-card{border:1px solid #DFDDF1;background:white;padding:19px;border-radius:16px;display:flex;flex-direction:column;gap:7px}
.design-preview-card strong{color:#39418C;font-size:19px}
.design-preview-card small{font-size:12px;color:#747997}
.design-preview-card span{color:#5156B7;background:#EEECFF;align-self:flex-start;padding:5px 9px;border-radius:999px;font-size:10px;font-weight:700}
.design-preview-practice{background:white;border:1px solid #DFDEF1;border-radius:20px;padding:26px}
.design-preview-practice .eyebrow{color:#7377BA}
.design-preview-practice h3{font-size:25px;margin:13px 0}
.design-preview-practice .question{font:500 18px 'DM Sans',sans-serif;color:#3A447D;margin:14px 0;background:#F2F0FF;border-radius:11px;padding:17px}
.design-preview-practice .explanation{font-size:12px;color:#666D94}
.design-preview-note{max-width:1300px;margin:-47px auto 60px;padding:0 24px;color:#7C7FA5;font-size:12px}
@media(max-width:900px){.design-demo-shell{width:min(calc(100% - 28px),1300px)}body.nb .design-demo-shell .studio{grid-template-columns:1fr;min-height:0}body.nb .design-demo-shell .sidebar{height:auto;flex-direction:column;align-items:flex-start;gap:12px;padding:15px 17px}body.nb .design-demo-shell .design-demo-switcher{display:flex;flex-wrap:wrap;width:100%}body.nb .design-demo-shell .design-demo-switcher button{width:auto;font-size:11px;padding:9px}body.nb .design-demo-shell .studio-main{padding:0 22px 35px}}
@media(max-width:600px){.design-preview-word-grid,.design-preview-journal-grid,.design-preview-cards{grid-template-columns:1fr}.design-preview-word{min-height:115px;padding:17px}.design-view-heading h2{font-size:32px}.design-concept-header{gap:12px}.design-concept-header nav{gap:9px}.design-demo-shell{width:calc(100% - 20px)}body.nb .design-demo-shell .studio-main{padding:0 15px 27px}body.nb .design-demo-shell .design-demo-switcher{gap:4px}body.nb .design-demo-shell .design-demo-switcher button{font-size:11px;padding:9px 8px;gap:5px}.design-concept-intro{padding-bottom:25px}}
@media(prefers-reduced-motion:reduce){.design-view{animation:none}}

/* Blue Hour 02: restore the original Newsbee typography.
 * DM Serif Display = headlines and brand. DM Sans = reading, buttons and controls.
 * Keeping the fresh palette while making writing feel warmer and less like a SaaS dashboard. */
body.nb{font-family:'DM Sans',sans-serif;color:#252B52}
body.nb h1,body.nb h2,body.nb h3,body.nb h4{
  font-family:'DM Serif Display',Georgia,serif;font-weight:400;letter-spacing:-.03em;line-height:1.12;color:#282C58;
}
body.nb h1 em,body.nb h2 em,body.nb h3 em{
  font-family:'DM Serif Display',Georgia,serif;font-weight:400;letter-spacing:-.012em;font-style:italic;color:#625ACD;
}
body.nb .mark,body.auth-page .auth-brand{
  font-family:'DM Serif Display',Georgia,serif!important;font-weight:400;letter-spacing:-.045em;
}
body.nb .hero-copy h1.hero-headline{
  font:400 clamp(55px,5.55vw,86px)/1.055 'DM Serif Display',Georgia,serif;
  letter-spacing:-.043em;max-width:720px;margin-bottom:23px;
}
body.nb .hero-copy h1.hero-headline em{
  font:italic 400 1em/1.055 'DM Serif Display',Georgia,serif;color:#625ACC;letter-spacing:-.027em;
}
body.nb .demo-window h2{
  font:400 clamp(28px,2.8vw,36px)/1.14 'DM Serif Display',Georgia,serif;letter-spacing:-.03em;
}
body.nb .journey-intro .section-intro h2{
  font:400 clamp(42px,4.4vw,65px)/1.08 'DM Serif Display',Georgia,serif;
  letter-spacing:-.037em;max-width:740px;
}
body.nb .journey-capture-copy h3{
  font:400 clamp(31px,3.2vw,43px)/1.1 'DM Serif Display',Georgia,serif;letter-spacing:-.03em;
}
body.nb .journey-next-card h3{
  font:400 clamp(25px,2.45vw,31px)/1.15 'DM Serif Display',Georgia,serif;letter-spacing:-.02em;
}
body.nb .cta-panel h2{
  font:400 clamp(45px,5vw,72px)/1.07 'DM Serif Display',Georgia,serif;color:white;letter-spacing:-.03em;
}
body.nb .reflect-banner .quote-card .big-quote{
  font:400 clamp(29px,2.85vw,40px)/1.25 'DM Serif Display',Georgia,serif;color:#4A4BB0;
}
body.nb .page-heading h1{
  font:400 clamp(45px,4.8vw,70px)/1.09 'DM Serif Display',Georgia,serif;letter-spacing:-.035em;margin:12px 0;
}
body.nb .word-preparation h2,
body.nb .prep-title-row h2,
body.nb .writing-step-heading h2,
body.nb .journal-card h2{
  font-family:'DM Serif Display',Georgia,serif;font-weight:400;letter-spacing:-.03em;
}
body.nb .spotlight-card .spotlight-term{
  font-family:'DM Serif Display',Georgia,serif;font-weight:400;letter-spacing:-.035em;
}
body.nb .journal-card .direction-heading h3,
body.nb .topic-companion .companion-head h3,
body.nb .journal-freestyle-copy h2{
  font-family:'DM Serif Display',Georgia,serif;font-weight:400;letter-spacing:-.02em;
}
body.nb .login-story h1{
  font:400 clamp(55px,5.3vw,82px)/1.07 'DM Serif Display',Georgia,serif;letter-spacing:-.035em;color:white;
}
body.nb .login-story h1 em{font:italic 400 1em 'DM Serif Display',Georgia,serif;color:#FFD5B7}
body.nb .login-form-wrap h2{
  font:400 clamp(39px,3.8vw,51px)/1.12 'DM Serif Display',Georgia,serif;
}
body.nb .journal-detail-page #detail-title{
  font-family:'DM Serif Display',Georgia,serif!important;font-weight:400!important;
}
body.nb .journal-detail-page .detail-original-card h2,
body.nb .journal-detail-page .review-full h2,
body.nb .journal-detail-page .review-full h3{
  font-family:'DM Serif Display',Georgia,serif!important;font-weight:400!important;
}
body.nb .journal-save-dialog h2,body.nb .journal-rename-dialog h2{
  font-family:'DM Serif Display',Georgia,serif;font-weight:400;
}
/* Keep the modern controls without modernizing the writing itself. */
body.nb .btn,
body.nb .eyebrow,body.nb .card-overline,
body.nb .journey-kicker,body.nb .journey-card-mini,
body.nb .sidebar .side-nav a,
body.nb .picker-tabs button,
body.nb .writing-mode-choice button,
body.nb .mode-option>span,
body.nb .design-demo-switcher button{
  font-family:'DM Sans',sans-serif;
}
body.nb .btn{border-radius:11px;box-shadow:none;font-weight:700;transition:background .15s ease,transform .15s ease}
body.nb .btn-solid{box-shadow:0 4px 14px #4347A61E}
body.nb .btn-solid:hover{box-shadow:0 6px 18px #4347A627;transform:translateY(-1px)}
body.nb .demo-window{transform:rotate(-1.1deg);box-shadow:0 26px 60px #303A9025}
body.nb .floating-word{transform:rotate(2deg);box-shadow:3px 5px 0 #4E4FB51A}
body.nb .landing-hero .subtitle{color:#4D5478}
body.nb .page-heading p{color:#535C7F}
body.nb .journal-card .guide{color:#565E82}
body.nb .design-concept-intro h1{
  font:400 clamp(55px,7vw,93px)/.99 'DM Serif Display',Georgia,serif;letter-spacing:-.045em;
}
body.nb .design-concept-intro h1 em{font-family:'DM Serif Display',Georgia,serif;font-weight:400;font-style:italic}
body.nb .design-view-heading h2{
  font:400 clamp(40px,3.9vw,55px)/1.08 'DM Serif Display',Georgia,serif;letter-spacing:-.035em;
}
body.nb .design-preview-writing h3,body.nb .design-preview-reflection h3,
body.nb .design-preview-practice h3,body.nb .design-preview-card strong{
  font-family:'DM Serif Display',Georgia,serif;font-weight:400;
}
body.nb .design-preview-word strong{
  font:400 clamp(27px,2.55vw,35px)/1.1 'DM Serif Display',Georgia,serif;letter-spacing:-.02em;
}
body.nb .design-preview-stat strong{font-family:'DM Serif Display',Georgia,serif;font-weight:400}
body.auth-page .extension-connect h1,body.auth-page .capture-card h1{
  font-family:'DM Serif Display',Georgia,serif!important;font-weight:400;letter-spacing:-.035em;
}
/* Softer but higher-contrast: users should immediately see the writing, not decoration. */
body.nb .journal-card textarea{color:#272E55!important;background:#FFFFFF!important}
body.nb .journal-card textarea::placeholder{color:#8B91AA}
body.nb .journal-card .writing-directions{background:#F8F7FF}
body.nb .topic-companion{box-shadow:0 6px 22px #3747A20B}
body.nb .sidebar .side-bottom p{color:#D7D8F2}
body.nb .side-nav a[aria-current="page"]{font-weight:700}
body.nb .journey-word-preview,
body.nb .journey-writing-preview,
body.nb .journey-feedback-preview{min-height:204px}
body.nb .journey-next-card>p{min-height:0}
body.nb .journey-next-card h3{min-height:0}
body.nb .journey-intro{align-items:center}
@media(max-width:830px){
 body.nb .journey-intro{align-items:flex-start}
 body.nb .journey-next-card h3{font-size:31px}
}
@media(max-width:650px){
 body.nb .hero-copy h1.hero-headline{font-size:clamp(46px,10vw,59px)}
 body.nb .page-heading h1{font-size:clamp(40px,10vw,56px)}
 body.nb .design-concept-intro h1{font-size:clamp(46px,11.5vw,65px)}
}

/* Blue Hour 02: explain the two journeys before the detailed extension walkthrough. */
body.nb .entry-paths{padding:5px 0 66px}
body.nb .entry-paths-inner{width:min(calc(100% - 80px),1250px);margin:0 auto;display:grid;grid-template-columns:minmax(270px,.83fr) minmax(0,1.17fr);gap:37px;align-items:center}
body.nb .entry-paths-heading h2{font:400 clamp(32px,3.45vw,49px)/1.09 'DM Serif Display',Georgia,serif;letter-spacing:-.03em;margin:12px 0 13px}
body.nb .entry-paths-heading h2 em{color:#625ACC;font-style:italic;font-family:'DM Serif Display',Georgia,serif}
body.nb .entry-paths-heading p{font-size:13px;max-width:435px;line-height:1.75;color:#69708E}
body.nb .entry-paths-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
body.nb .entry-path{min-height:243px;display:flex;flex-direction:column;border:1px solid #DCDDF0;border-radius:18px;padding:22px;background:white;box-shadow:0 8px 28px #42489B0D}
body.nb .entry-path-journal{background:#F0EFFF;border-color:#DEDBF7}
body.nb .entry-path-extension{background:#FFF4E9;border-color:#F3E0D1}
body.nb .entry-path-top{display:flex;align-items:center;justify-content:space-between;gap:9px}
body.nb .entry-path-icon{display:inline-grid;place-items:center;width:35px;height:35px;border-radius:11px;background:#DED9FF;color:#5855C8;font-size:21px;font-weight:700}
body.nb .entry-path-extension .entry-path-icon{background:#FFE1C6;color:#AF6863}
body.nb .entry-path-status{font-size:9px;letter-spacing:.065em;font-weight:700;color:#6366AF;text-align:right}
body.nb .entry-path-extension .entry-path-status{color:#A16B75}
body.nb .entry-path h3{font:400 clamp(25px,2.4vw,32px)/1.12 'DM Serif Display',Georgia,serif;letter-spacing:-.02em;margin:17px 0 8px;color:#2F376A}
body.nb .entry-path p{font-size:12px;line-height:1.65;margin:0 0 15px;color:#5F6888}
body.nb .entry-path-link{margin-top:auto;display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:12px;color:#4C50BC!important;align-self:flex-start;border-bottom:1px solid #B6B4E1;padding-bottom:3px}
body.nb .entry-path-link:hover{color:#393A94!important}
body.nb .entry-path-extension .entry-path-link{color:#966379!important;border-bottom-color:#E3BDB8}
/* Make the non-vocabulary routes visually identifiable instead of unstyled links. */
body.nb .prep-title-row{gap:18px;align-items:flex-start}
body.nb .prep-heading-actions{display:flex;gap:12px;align-items:flex-start}
body.nb .prep-alternate-paths{min-width:196px;max-width:235px;display:flex;flex-direction:column;gap:7px}
body.nb .prep-alternate-paths .card-overline{font-size:9px;color:#7B7EAF;line-height:1.45}
body.nb .prep-alternate-paths .ritual-text-button{
  display:flex;justify-content:space-between;align-items:center;gap:7px;
  width:100%;font-size:11px!important;background:#F5F3FF;
  color:#5157B6!important;border:1px solid #E0DDF7;border-radius:10px;
  padding:10px 11px;text-decoration:none;text-align:left;line-height:1.3;
}
body.nb .prep-alternate-paths .ritual-text-button:hover{background:#EAE8FF;border-color:#BDB8EE;text-decoration:none}
body.nb .prep-alternate-paths #skip-words{background:#FFF4EA;color:#98677B!important;border-color:#F3E0D3}
body.nb .prep-alternate-paths #skip-words:hover{background:#FFE7D7;border-color:#E8C1AA}
body.nb .prep-title-row .selection-counter{min-width:93px;padding:12px 15px}
body.nb .prep-title-row .selection-counter strong{font-family:'DM Serif Display',Georgia,serif;font-weight:400;color:#5454B9}
@media(max-width:1080px){
 body.nb .entry-paths-inner{grid-template-columns:1fr;gap:18px}
 body.nb .entry-paths-heading{max-width:800px}
 body.nb .entry-paths-grid{max-width:780px}
 body.nb .prep-title-row{flex-wrap:wrap}
 body.nb .prep-heading-actions{width:100%;justify-content:space-between}
 body.nb .prep-alternate-paths{flex:1;max-width:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
 body.nb .prep-alternate-paths .card-overline{grid-column:1/-1}
}
@media(max-width:700px){
 body.nb .entry-paths{padding:8px 0 48px}
 body.nb .entry-paths-inner{width:calc(100% - 38px)}
 body.nb .entry-paths-grid{grid-template-columns:1fr}
 body.nb .entry-path{min-height:0;padding:20px}
 body.nb .entry-path h3{font-size:29px;margin-top:12px}
 body.nb .prep-title-row .selection-counter{min-width:84px}
}
@media(max-width:480px){
 body.nb .prep-alternate-paths{grid-template-columns:1fr}
 body.nb .prep-alternate-paths .card-overline{grid-column:1}
 body.nb .prep-heading-actions{gap:9px}
 body.nb .prep-alternate-paths .ritual-text-button{font-size:11px!important}
}

/* Soft Editorial 3.0 — reading comfort over saturated SaaS surfaces. */
:root{
 --ink:#2B3148;--forest:#6A6FB3;--deep:#353B54;--sage:#E7E4EF;
 --mint:#F5F3F8;--cream:#F7F5FA;--paper:#FFFFFF;--line:#DDD9E6;
 --muted:#6C7082;--gold:#E7AC91;--peach:#F2D9CA;
 --bh-ink:#2B3148;--bh-blue:#6A6FB3;--bh-deep:#353B54;
 --bh-sky:#F0EDF6;--bh-lilac:#F5F2FA;--bh-apricot:#E7AC91;
 --bh-butter:#F3DFC9;--bh-line:#DDD9E6;--bh-paper:#FFFFFF;--bh-muted:#6C7082;
}
body.nb{background:#F7F5FA;color:#2B3148}
body.nb h1,body.nb h2,body.nb h3,body.nb h4{color:#2B3148}
body.nb p{color:#5E6475}
body.nb a{color:#555A92}
body.nb .eyebrow,body.nb .card-overline,body.nb .step-num{color:#6C7082}
body.nb .btn-solid{background:#6267A6!important;border-color:#6267A6!important;color:#fff!important;box-shadow:0 3px 12px #353B541C}
body.nb .btn-solid:hover{background:#555B96!important;border-color:#555B96!important;box-shadow:0 4px 14px #353B5424}
body.nb .btn-quiet{background:white;border-color:#DDD9E6;color:#4D557B!important}
body.nb .link-arrow,body.nb .ritual-text-button,body.nb .small-link{color:#565D8B!important}
body.nb .hero-copy h1.hero-headline em,
body.nb .journey-intro .section-intro h2 em,
body.nb .entry-paths-heading h2 em,
body.nb .design-concept-intro h1 em,
body.nb .page-heading h1 em{color:#67699C}
body.nb .site-nav .nav-items a:hover{color:#555A8E}
body.nb .hero-copy .eyebrow{background:#F3F0F8;color:#596188;border-color:#DDD9E6}
body.nb .hero-copy .subtitle{color:#5D6478}
body.nb .hero-demo:before{background:linear-gradient(140deg,#DDD9ED,#EEE6EA 65%,#F2D8C8)}
body.nb .hero-demo:after{border-color:#C6BED9}
body.nb .demo-window{border-color:#E0DCE9;box-shadow:0 20px 52px #30384A1C}
body.nb .demo-window .sample-writing{background:#F8F6FB;border-color:#E8E3EF;color:#394056}
body.nb .floating-word{background:#F4E4D5;border-color:#EFD2BE;box-shadow:3px 4px 0 #353B5414}
body.nb .philosophy.newsbee-journey{background:linear-gradient(180deg,#F0EDF5,#F8F6FA)}
body.nb .journey-capture,body.nb .journey-next-card,body.nb .extension-method{border-color:#DDD9E6;box-shadow:0 9px 25px #343B5310}
body.nb .journey-capture-visual{background:linear-gradient(140deg,#DCD8E8,#F0E7EB 65%,#F1DBD1)}
body.nb .journey-browser{box-shadow:0 15px 35px #343B5320}
body.nb .journey-pipeline,body.nb .journey-source-tabs{border-color:#DDD9E6;background:#F2EFF7}
body.nb .journey-source-tab.active{color:#3B465D}
body.nb .journey-next-card:nth-child(2){background:#FCF7F4;border-color:#EADFD8}
body.nb .journey-next-card:nth-child(3){background:#F7F4F9;border-color:#E6E0EC}
body.nb .journey-next-card:not(:last-child):after{background:#F2D9CA;border-color:#EBD4C8;color:#55556A}
body.nb .journey-step-count,body.nb .journey-popup-mark{background:#E9E4F0;color:#565C84}
body.nb .journey-feedback-after,body.nb .journey-word-row-feature{background:#EEEBF4;color:#4A526D!important}
body.nb .journey-feedback-preview,body.nb .journey-word-preview,body.nb .journey-writing-preview{background:#FBFAFC;border-color:#E5E0EB}
body.nb .journey-writing-word{background:#EFEDF5;border-color:#DDD9E6;color:#585D86}
body.nb .journey-footer-note{background:#EEEAF1;border-color:#DED8E7}
body.nb .journey-footer-note>div,body.nb .journey-footer-note strong{color:#4B5269}
body.nb .entry-path-journal{background:#F0EDF6;border-color:#E1DCE9}
body.nb .entry-path-extension{background:#FAF1EA;border-color:#EBDDD2}
body.nb .entry-path{box-shadow:0 6px 22px #343B530C}
body.nb .entry-path-icon{background:#E6E1ED;color:#545C84}
body.nb .entry-path-extension .entry-path-icon{background:#F1DACA;color:#956E63}
body.nb .entry-path-link{color:#555D88!important;border-bottom-color:#B3B0C9}
body.nb .cta-panel{background:#353B53;box-shadow:0 17px 40px #343B5322}
body.nb .cta-panel:before{border-color:#A3A0BC;opacity:.20}
body.nb .cta-panel .btn{background:#F0D2C2!important;border-color:#F0D2C2!important;color:#33394D!important}
body.nb .reflect-banner .quote-card{background:linear-gradient(150deg,#EEE9F3,#F5ECEB);border-color:#DED9E7}
body.nb .reflect-banner .quote-card .big-quote{color:#555D7F}
body.nb .studio-main{background:#F7F5FA}
body.nb .sidebar{background:#353B53;border-right-color:#454D65}
body.nb .sidebar .mark{color:#FAF8FF}
body.nb .sidebar .mark i{color:#E7AC91}
body.nb .side-nav a{color:#D7D5E4!important}
body.nb .side-nav a:hover{background:#49516A;color:#fff!important}
body.nb .side-nav a[aria-current="page"]{background:#F3F0F6;color:#343B53!important;box-shadow:inset 3px 0 0 #E7AC91}
body.nb .side-bottom{border-top-color:#505973}
body.nb .side-bottom .tip-title,body.nb .side-bottom a{color:#F0CCB8!important}
body.nb .side-bottom p{color:#D6D6E4}
body.nb .studio-top{border-bottom-color:#E5E1EA}
body.nb .breadcrumb{color:#737789}
body.nb .journal-card,body.nb .surface-card,body.nb .word-list,body.nb .archive-entry{
 border-color:#DDD9E6;box-shadow:0 5px 17px #353B5309
}
body.nb .journal-card textarea{border-color:#DAD6E5!important;background:#FFFEFF!important;color:#2B3148!important}
body.nb .journal-card .writing-directions,body.nb .word-preparation{background:#FBFAFC;border-color:#E3DFE9}
body.nb .spotlight-card{background:#F0EDF5!important;border-color:#E1DCE9!important}
body.nb .spotlight-verb{background:#F9F0EA!important;border-color:#EBDDD1!important}
body.nb .spotlight-idiom{background:#F6EDDF!important;border-color:#EDDDC4!important}
body.nb .spotlight-card .spotlight-term{color:#4C526C}
body.nb .spotlight-verb .spotlight-term{color:#806474}
body.nb .picker-tabs button.active,body.nb .writing-mode-choice button.active{background:white!important;color:#575D89!important}
body.nb .writing-mode-choice{background:#F0EDF6}
body.nb .mode-option{background:#F8F6FB;border-color:#E0DCE9;color:#464E6C}
body.nb .mode-option:last-child{background:#FBF2EC;border-color:#EEDFD4}
body.nb .direction-category.active,body.nb .direction-category:hover{background:#EDE9F3;border-color:#CBC4DC;color:#48516E}
body.nb .direction-prompt.active{background:#F1EDF7;border-color:#CBC5DA;color:#4E5572}
body.nb .topic-companion,body.nb .coach-panel,body.nb .today-ai-next-step,body.nb .archive-ai-panel{
 background:#FAF8FC;border-color:#E0DCE8;box-shadow:0 7px 22px #353B530D;color:#353C55
}
body.nb .companion-phrase{border-color:#E6E2EC}
body.nb .review-full-corrected{background:#F4F1F8;border-color:#E0DBE8}
body.nb .review-word-check{background:#F6F3F9!important;border-color:#E1DBE9!important}
body.nb .review-summary-text{background:#F1EDF6;border-left-color:#A29BB9;color:#4E526C}
body.nb .weekly-stat,body.nb .journal-freestyle-invite{background:#F6ECE8;border-color:#E6D7D3}
body.nb .weekly-stat b,body.nb .weekly-count{color:#666785}
body.nb .journal-freestyle-copy h2{color:#55546E}
body.nb .calendar-day[aria-pressed="true"],body.nb .calendar-day.active{background:#6267A6!important}
body.nb .login-story{background:#41465E}
body.nb .login-story:before{background:#E7AC91;opacity:.9}
body.nb .login-story:after{border-color:#A6A3BB}
body.nb .login-story h1 em{color:#F5D7C8}
body.nb .login-form-side{background:#F7F5FA}
body.nb .design-demo-shell{border-color:#DED9E6;box-shadow:0 20px 50px #353B531A}
body.nb .design-demo-user{background:#F3DCCC;color:#52566F}
body.nb .design-preview-word{background:#F1EDF6;border-color:#E1DBEC}
body.nb .design-preview-word:nth-child(2){background:#F8EFEA;border-color:#EADDD7}
body.nb .design-preview-word:nth-child(3){background:#F8F0E5;border-color:#E9DCCC}
body.nb .design-preview-word strong{color:#414963}
body.nb .design-preview-writing,body.nb .design-preview-reflection,body.nb .design-preview-stat{border-color:#E1DCE8}
body.nb .design-preview-stat{background:#F0EDF6}
body.nb .design-preview-stat strong{color:#60658D}
/* Recent reflections: date, title, excerpt, aligned footer. Never overlapping. */
body.nb .history-list{
 display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;align-items:stretch
}
body.nb .history-item.history-entry-card{
 display:flex;flex-direction:column;min-width:0;min-height:246px;box-sizing:border-box;
 padding:24px;border:1px solid #DDD9E6;border-radius:17px;background:#FFF;
 box-shadow:0 5px 17px #353B5308;text-decoration:none!important;color:#2B3148!important;
 transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease;
}
body.nb .history-item.history-entry-card:hover{
 transform:translateY(-2px);border-color:#B6AEC8;box-shadow:0 9px 23px #353B5315;
}
body.nb .history-item.history-entry-card:focus-visible{
 outline:3px solid #AA8190;outline-offset:3px;
}
body.nb .history-entry-card .when{
 display:block;position:static;float:none;width:100%;flex:0 0 auto;
 font:700 10px/1.5 'DM Sans',sans-serif;letter-spacing:.08em;text-transform:uppercase;
 color:#666B7C;margin:0 0 12px;
}
body.nb .history-entry-card .history-title{
 display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;
 overflow:hidden;max-height:2.48em;min-height:0;max-width:100%;
 font:400 22px/1.24 'DM Serif Display',Georgia,serif!important;
 letter-spacing:-.012em;color:#2B3148!important;overflow-wrap:anywhere;
 word-break:normal;margin:0 0 12px;
}
body.nb .history-entry-card .history-excerpt{
 display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;
 overflow:hidden;max-height:4.8em;min-height:0;max-width:100%;
 font:400 14px/1.6 'DM Sans',sans-serif!important;letter-spacing:0;
 color:#6C7082!important;overflow-wrap:anywhere;
 margin:0 0 20px!important;
}
body.nb .history-entry-card .history-card-footer{
 display:flex;gap:10px;align-items:center;justify-content:space-between;
 margin-top:auto;padding-top:14px;border-top:1px solid #ECE9F0;
 font:700 12px/1.35 'DM Sans',sans-serif;color:#555C83;
}
body.nb .history-entry-card .history-card-arrow{font-size:17px;font-weight:400;color:#9B8091}
body.nb .history-item.history-empty{display:flex;flex-direction:column;justify-content:center;gap:12px}
body.nb .history-item.history-empty p{font:400 14px/1.5 'DM Sans',sans-serif;color:#6C7082}
body.nb .history-item.history-empty a{font:700 12px 'DM Sans',sans-serif;color:#555C83!important}
body.nb .history-strip h3{
 font:400 clamp(25px,2.5vw,34px)/1.15 'DM Serif Display',Georgia,serif;
 color:#2B3148;
}
body.nb .history-strip .small-link{font-size:12px;text-decoration:none}
@media(max-width:1100px){
 body.nb .history-list{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:680px){
 body.nb .history-list{grid-template-columns:1fr}
 body.nb .history-item.history-entry-card{min-height:205px;padding:21px}
 body.nb .history-entry-card .history-title{font-size:21px!important}
 body.nb .history-strip{gap:10px;align-items:center}
 body.nb .history-strip h3{font-size:27px}
}
@media(prefers-reduced-motion:reduce){
 body.nb .history-item.history-entry-card{transition:none}
 body.nb .history-item.history-entry-card:hover{transform:none}
}

/* Design-only gallery shows the same card styles at desktop and narrow phone width. */
body.nb .design-card-showcase{width:min(calc(100% - 48px),1300px);margin:4px auto 90px}
body.nb .design-card-showcase-heading{max-width:790px;margin-bottom:23px}
body.nb .design-card-showcase-heading h2{
 font:400 clamp(35px,4.2vw,58px)/1.1 'DM Serif Display',Georgia,serif;
 letter-spacing:-.025em;margin:12px 0 10px;color:#2B3148;
}
body.nb .design-card-showcase-heading h2 em{color:#67699C}
body.nb .design-card-showcase-heading p{font-size:14px;color:#6C7082;line-height:1.7}
body.nb .design-card-device-label{display:flex;align-items:center;justify-content:space-between;gap:15px;font:700 10px 'DM Sans',sans-serif;color:#777C91;letter-spacing:.1em;margin-bottom:11px}
body.nb .design-card-device-label span:last-child{font-weight:400;letter-spacing:.07em}
body.nb .design-card-desktop-frame{background:#F4F1F7;border:1px solid #DDD9E6;border-radius:23px;padding:27px;margin-bottom:27px}
body.nb .design-card-desktop{grid-template-columns:repeat(3,minmax(0,1fr))}
body.nb .design-card-desktop-frame .history-entry-card{min-height:245px}
body.nb .design-card-mobile-label{margin-top:17px}
body.nb .design-card-phone{width:min(360px,100%);box-sizing:border-box;border:7px solid #464B5E;border-radius:31px;background:#F7F5FA;padding:23px 15px 19px;margin:0 0 12px;box-shadow:0 15px 40px #353B5318}
body.nb .design-card-phone-notch{height:5px;width:84px;background:#89899A;border-radius:50px;margin:-9px auto 18px}
body.nb .design-card-mobile{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:10px}
body.nb .design-card-mobile .history-entry-card{min-height:242px;padding:19px}
body.nb .design-card-phone-caption{display:block;text-align:center;font:400 10px/1.5 'DM Sans',sans-serif;color:#81859A;margin-top:13px}
body.nb .design-card-showcase-disclaimer{margin-top:14px;font-size:12px;color:#777D91}
@media(max-width:850px){
 body.nb .design-card-desktop{grid-template-columns:repeat(2,minmax(0,1fr))}
 body.nb .design-card-desktop-frame .history-entry-card:last-child{display:none}
}
@media(max-width:610px){
 body.nb .design-card-showcase{width:calc(100% - 30px)}
 body.nb .design-card-desktop{grid-template-columns:minmax(0,1fr)}
 body.nb .design-card-desktop-frame{padding:16px}
 body.nb .design-card-desktop-frame .history-entry-card:not(:first-child){display:none}
 body.nb .design-card-phone{margin-left:auto;margin-right:auto}
 body.nb .design-card-device-label{font-size:9px}
}

/* Word exploration: a genuinely paged four-row bank, independent of My Saved Words. */
body.nb #level-picker-results{min-height:0}
body.nb #level-picker-pages{display:flex;gap:10px;align-items:center;justify-content:center;margin:17px 0 5px}
body.nb #level-picker-pages button{background:#FFFFFF;color:#535B83;border:1px solid #D9D5E5;border-radius:10px;padding:10px 15px;font:700 12px 'DM Sans',sans-serif}
body.nb #level-picker-pages button:hover:not(:disabled){background:#F1EEF7;border-color:#B7B1CC}
body.nb #level-picker-pages button:disabled{opacity:.45}
body.nb #level-picker-pages span{font:600 11px/1.4 'DM Sans',sans-serif;color:#6C7082;text-align:center}
body.nb #level-picker-pages[hidden]{display:none!important}
/* Three equally discoverable ways to use selected words. */
body.nb .mode-step-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
body.nb .mode-step-options .mode-option{min-width:0;padding:22px 20px;min-height:180px;border-radius:16px;box-shadow:none}
body.nb .mode-step-options .mode-option strong{font:400 clamp(21px,2.1vw,27px)/1.2 'DM Serif Display',Georgia,serif;letter-spacing:-.014em;color:#2B3148}
body.nb .mode-step-options .mode-option>span{font-size:12px;line-height:1.58;color:#6C7082}
body.nb .mode-step-options #choose-words-ideas{background:#F2EDF4;border-color:#DFD7E3}
body.nb .mode-step-options #choose-words-ideas:hover{background:#ECE5EF;border-color:#BFB0CF}
body.nb .mode-step-options .mode-option:hover{transform:translateY(-1px)}
body.nb .writing-mode-choice #mode-matched{white-space:normal}
body.nb .writing-mode-choice{max-width:100%;align-items:stretch}
body.nb .writing-mode-choice button{font-size:12px;padding:11px 15px}
body.nb .direction-categories[hidden]{display:none!important}
/* Topic exploration: paced, optional, and separate from live AI or voice chat. */
body.nb .topic-conversation{margin:21px 0 0;border:1px solid #DDD9E6;border-radius:14px;padding:19px 20px;background:#FFF}
body.nb .topic-conversation-heading{display:flex;justify-content:space-between;gap:12px;align-items:center}
body.nb .topic-conversation h4{font:400 clamp(20px,2vw,25px)/1.23 'DM Serif Display',Georgia,serif;margin:5px 0;color:#2B3148}
body.nb .topic-conversation-intro{font:400 12px/1.7 'DM Sans',sans-serif;color:#6C7082;margin:9px 0 0}
body.nb .conversation-steps{margin-top:15px;background:#F7F5FA;border-radius:11px;padding:17px;border:1px solid #E5E1EC}
body.nb .conversation-count{font:700 10px 'DM Sans',sans-serif;letter-spacing:.08em;color:#646890}
body.nb .conversation-question{font:400 20px/1.4 'DM Serif Display',Georgia,serif;color:#2B3148;margin:10px 0}
body.nb .conversation-hint{font:400 11px/1.6 'DM Sans',sans-serif;color:#6C7082;margin:0 0 14px}
body.nb .conversation-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
body.nb .conversation-actions .btn{font-size:12px;min-height:37px}
body.nb .conversation-actions .ritual-text-button{font-size:11px}
body.nb .topic-conversation [hidden]{display:none!important}
/* Freestyle is intimate, not another coursework assignment. */
body.nb .freestyle-mode #writing-stage .writing-step-heading{border-bottom:1px solid #E6E0EA;padding-bottom:20px}
body.nb .freestyle-mode #writing-stage .writing-step-heading h2{font:400 clamp(35px,4vw,52px)/1.08 'DM Serif Display',Georgia,serif;color:#2B3148}
body.nb .freestyle-mode #writing-stage .journal-card{background:#FFFDFD;border:1px solid #E5DEE8;box-shadow:0 7px 23px #353B5309}
body.nb .freestyle-mode #writing-stage .journal-card h2{font:400 clamp(34px,3.8vw,51px)/1.13 'DM Serif Display',Georgia,serif}
body.nb .freestyle-mode #writing-stage .journal-card .guide{font:400 15px/1.85 'DM Sans',sans-serif;color:#61667A;max-width:630px}
body.nb .freestyle-mode #writing-stage .journal-card textarea{font:400 18px/1.8 'DM Sans',sans-serif!important;min-height:390px}
body.nb .freestyle-mode #writing-stage .ritual-timer{background:#FAF7FB;border-color:#E7E1EC}
@media(max-width:1020px){
 body.nb .mode-step-options{grid-template-columns:repeat(2,minmax(0,1fr))}
 body.nb .mode-step-options #choose-words-ideas{grid-column:1/-1;min-height:120px}
}
@media(max-width:700px){
 body.nb .mode-step-options{grid-template-columns:1fr}
 body.nb .mode-step-options #choose-words-ideas{grid-column:auto}
 body.nb .mode-step-options .mode-option{min-height:125px;padding:18px 19px}
 body.nb .writing-mode-choice{display:grid;grid-template-columns:1fr 1fr}
 body.nb .writing-mode-choice #mode-matched{grid-column:1/-1}
 body.nb .topic-conversation{padding:16px}
 body.nb .topic-conversation-heading{align-items:flex-start;flex-direction:column}
}
@media(max-width:480px){
 body.nb #level-picker-results{grid-template-columns:1fr}
 body.nb #level-picker-pages{gap:5px}
 body.nb #level-picker-pages button{padding:9px 11px}
 body.nb .freestyle-mode #writing-stage .journal-card textarea{font-size:16px!important}
}

/* WRITING DESK — creative paper notes without interrupting writing.
   Notes are a separate on-screen scratchpad; they are not synced to saved journals. */
body.nb .writing-desk-tools{
 display:flex;align-items:center;flex-wrap:wrap;gap:12px 20px;
 margin:22px 0 7px;padding:15px 17px;
 border:1px solid #E3DCE7;border-radius:14px;background:#FBF8FB;
}
body.nb .writing-desk-tools-title{
 display:flex;align-items:center;gap:8px;font:700 12px/1.3 'DM Sans',sans-serif;
 color:#454960;white-space:nowrap;
}
body.nb .writing-desk-flower{color:#B6848D;font-size:18px}
body.nb .writing-desk-tool-actions{display:flex;gap:7px;flex-wrap:wrap;margin-left:auto}
body.nb .desk-tool{
 border:1px solid #DED6E3;background:white;border-radius:10px;color:#545A75;
 padding:9px 12px;font:700 12px 'DM Sans',sans-serif;cursor:pointer;
 transition:background .15s,border-color .15s;
}
body.nb .desk-tool:hover{background:#F1EBF2;border-color:#CBBECC}
body.nb .desk-tool.is-active,body.nb #desk-focus[aria-pressed="true"]{
 background:#EAE4EF;border-color:#BFB5C8;color:#343B55;
}
body.nb .desk-tool:disabled{opacity:.46;cursor:not-allowed}
body.nb #desk-note-count{
 display:inline-grid;place-items:center;min-width:19px;height:19px;
 margin-left:5px;border-radius:99px;background:#ECE8EF;color:#565C76;font-size:10px;
}
body.nb .desk-tools-hint{width:100%;margin:0;font:400 11px/1.55 'DM Sans',sans-serif;color:#818295}
body.nb .desk-note-layer{position:fixed;inset:0;z-index:75;pointer-events:none}
body.nb .desk-note-layer[hidden]{display:none!important}
body.nb .desk-sticky-note{
 position:absolute;box-sizing:border-box;pointer-events:auto;
 width:230px;height:232px;display:flex;flex-direction:column;gap:6px;
 padding:10px 12px 12px;border:1px solid #E5CEAF;border-radius:5px 5px 13px 5px;
 background:#FFF6E3;color:#454256;box-shadow:0 12px 38px #38364B25,0 3px 0 #F6E9D3;
}
body.nb .desk-sticky-note:nth-child(3n + 2){background:#F1ECF7;border-color:#DBD2E9;box-shadow:0 12px 38px #38364B23,0 3px 0 #E9E1F1}
body.nb .desk-sticky-note:nth-child(3n){background:#F8EEED;border-color:#E7D7D6;box-shadow:0 12px 38px #38364B23,0 3px 0 #F2E5E4}
body.nb .desk-sticky-note.is-dragging{z-index:3;box-shadow:0 20px 45px #34334D31;cursor:grabbing}
body.nb .desk-note-heading{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #635E7120;padding-bottom:5px}
body.nb .desk-note-handle{
 border:0;background:transparent;padding:3px 2px;color:#777285;
 font:700 11px 'DM Sans',sans-serif;cursor:grab;touch-action:none;user-select:none;
}
body.nb .desk-note-handle:active{cursor:grabbing}
body.nb .desk-note-remove{border:0;background:transparent;color:#72687B;font-size:20px;line-height:1;cursor:pointer;padding:1px 4px}
body.nb .desk-note-label{display:block;font:700 9px/1.3 'DM Sans',sans-serif;letter-spacing:.09em;color:#7D7384}
body.nb .desk-note-word,body.nb .desk-note-memo{
 width:100%;box-sizing:border-box;min-width:0;background:#FFFFFF91;
 border:1px solid #A39A962B!important;border-radius:6px!important;
 font-family:'DM Sans',sans-serif!important;letter-spacing:0;color:#34394D!important;
}
body.nb .desk-note-word{padding:6px 8px!important;font-size:13px!important;min-height:31px}
body.nb .desk-note-memo{padding:7px 8px!important;font-size:12px!important;line-height:1.45!important;min-height:0!important;flex:1;resize:none;margin:0!important}
body.nb .desk-note-word::placeholder,body.nb .desk-note-memo::placeholder{color:#9C97A2}
body.nb .desk-note-footer{display:flex;justify-content:flex-end;margin-top:3px}
body.nb .desk-note-insert{border:0;background:transparent;padding:2px 0;color:#66628D;font:700 11px 'DM Sans',sans-serif;cursor:pointer}
body.nb .desk-note-insert:hover{text-decoration:underline;text-underline-offset:3px}
body.nb .desk-note-layer button:focus-visible,body.nb .desk-note-layer input:focus-visible,
body.nb .desk-note-layer textarea:focus-visible{outline:2px solid #7775A7;outline-offset:2px}
/* Focus mode remains immediately reversible from the desk toolbar. */
body.nb.writing-focus .sidebar,body.nb.writing-focus .studio-top{display:none!important}
body.nb.writing-focus .studio{grid-template-columns:minmax(0,1fr)!important}
body.nb.writing-focus .studio-main{padding:15px clamp(16px,4vw,56px) 70px!important}
body.nb.writing-focus .side-stack,body.nb.writing-focus .history-strip,
body.nb.writing-focus #recent-reflections,body.nb.writing-focus .ritual-small-print,
body.nb.writing-focus .page-footer{display:none!important}
body.nb.writing-focus #writing-stage>.dashboard-columns{
 grid-template-columns:minmax(0,1fr)!important;
 max-width:980px;margin-left:auto;margin-right:auto;
}
body.nb.writing-focus #writing-stage>.writing-step-heading{max-width:980px;margin-left:auto;margin-right:auto}
body.nb.writing-focus #writing-stage .journal-card textarea{min-height:57vh!important}
body.nb.writing-focus #writing-stage .journal-card{box-shadow:none}
@media(max-width:700px){
 body.nb .writing-desk-tools{padding:13px 12px;gap:9px}
 body.nb .writing-desk-tool-actions{margin-left:0;width:100%;justify-content:space-between}
 body.nb .desk-tool{font-size:11px;padding:8px 9px}
 body.nb .desk-sticky-note{width:min(230px,calc(100vw - 25px))}
 body.nb.writing-focus #writing-stage .journal-card textarea{min-height:48vh!important}
}
@media(prefers-reduced-motion:reduce){body.nb .desk-tool{transition:none}}

/* Focus-mode writing desk: connector rail LEFT / editor CENTER / vocabulary rail RIGHT.
   The existing recommendation cards remain the source of truth, so no duplicated API calls. */
body.nb .focus-writing-rail{display:none}
body.nb .focus-writing-rail[hidden]{display:none!important}
body.nb.writing-focus #writing-stage>.dashboard-columns{
 display:grid!important;
 grid-template-columns:minmax(165px, .30fr) minmax(420px, 1fr) minmax(165px, .30fr)!important;
 gap:16px;max-width:1560px;margin-left:auto;margin-right:auto;align-items:start
}
body.nb.writing-focus #writing-stage>.dashboard-columns>.focus-connector-rail{
 display:flex;flex-direction:column;grid-column:1;grid-row:1
}
body.nb.writing-focus #writing-stage>.dashboard-columns>.journal-card{
 grid-column:2;grid-row:1;min-width:0;padding:clamp(17px,2vw,31px)
}
body.nb.writing-focus #writing-stage>.dashboard-columns>.focus-vocabulary-rail{
 display:flex;flex-direction:column;grid-column:3;grid-row:1
}
body.nb.writing-focus #writing-stage>.writing-step-heading{
 max-width:1560px;margin-left:auto;margin-right:auto
}
body.nb.writing-focus #writing-stage #writing-word-tray{display:none!important}
body.nb.writing-focus .focus-writing-rail{
 min-width:0;box-sizing:border-box;background:#FFFEFF;border:1px solid #DDD9E6;
 border-radius:17px;padding:17px 14px;position:sticky;top:16px;
 max-height:calc(100vh - 38px);overflow-y:auto;
 box-shadow:0 7px 22px #353B530B;scrollbar-width:thin;scrollbar-color:#D9D4E2 transparent
}
body.nb.writing-focus .focus-connector-rail{background:#FBF8F5;border-color:#EADFD7}
body.nb.writing-focus .focus-vocabulary-rail{background:#F7F5FA;border-color:#DDD9E6}
body.nb .focus-rail-heading{display:flex;gap:4px 10px;flex-wrap:wrap;align-items:center;justify-content:space-between}
body.nb .focus-rail-heading .card-overline{font-size:9px;letter-spacing:.08em;width:100%;color:#888094}
body.nb .focus-rail-heading h3{
 font:400 clamp(21px,2.1vw,27px)/1.15 'DM Serif Display',Georgia,serif;
 margin:0;color:#2B3148;letter-spacing:-.02em;
}
body.nb .focus-rail-toggle{
 border:0;background:transparent;cursor:pointer;color:#555D80;font:700 10px 'DM Sans',sans-serif;
 padding:6px 0;
}
body.nb .focus-rail-intro{font:400 11px/1.55 'DM Sans',sans-serif;color:#777988;margin:12px 0}
body.nb .focus-rail-body{display:flex;flex-direction:column;gap:11px}
body.nb .focus-rail-body[hidden]{display:none!important}
body.nb .focus-rail-list{display:grid;gap:9px;min-width:0}
body.nb .focus-rail-entry{
 display:flex;flex-direction:column;align-items:flex-start;min-width:0;gap:4px;
 border:1px solid #E7E1EB;background:#fff;border-radius:11px;padding:12px 11px
}
body.nb .focus-connector-rail .focus-rail-entry{border-color:#EAE0D9}
body.nb .focus-entry-term{font:700 13px/1.35 'DM Sans',sans-serif;color:#424A61;overflow-wrap:anywhere}
body.nb .focus-entry-meaning{font:400 11px/1.5 'DM Sans',sans-serif;color:#707687;overflow-wrap:anywhere}
body.nb .focus-entry-example{font:italic 400 11px/1.55 'DM Sans',sans-serif;color:#737789;overflow-wrap:anywhere}
body.nb .focus-rail-insert{
 margin-top:4px;border:0;background:transparent;color:#565E89;
 font:700 11px/1.3 'DM Sans',sans-serif;cursor:pointer;padding:3px 0;text-align:left
}
body.nb .focus-rail-insert:hover{text-decoration:underline;text-underline-offset:3px}
body.nb .focus-rail-empty{color:#747789;font-size:12px;line-height:1.6;margin:8px 0}
body.nb .focus-rail-words{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:6px}
body.nb .focus-rail-words:empty{display:none}
body.nb .focus-vocab-subhead{display:block;width:100%;color:#77778F;font:700 9px 'DM Sans',sans-serif;letter-spacing:.07em;margin:4px 0 6px}
body.nb .focus-vocab-chip{
 border:1px solid #D8D2E7;background:white;border-radius:999px;padding:7px 10px;
 color:#4B526C;font:600 11px 'DM Sans',sans-serif;cursor:pointer;overflow-wrap:anywhere;
}
body.nb .focus-vocab-chip:hover{background:#EDEAF3}
body.nb .focus-writing-rail button:focus-visible{outline:2px solid #7678A1;outline-offset:3px}
@media(max-width:1100px){
 body.nb.writing-focus #writing-stage>.dashboard-columns{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;max-width:900px;
 }
 body.nb.writing-focus #writing-stage>.dashboard-columns>.journal-card{grid-column:1/-1;grid-row:1}
 body.nb.writing-focus #writing-stage>.dashboard-columns>.focus-connector-rail{grid-column:1;grid-row:2}
 body.nb.writing-focus #writing-stage>.dashboard-columns>.focus-vocabulary-rail{grid-column:2;grid-row:2}
 body.nb.writing-focus .focus-writing-rail{position:static;max-height:320px}
 body.nb.writing-focus #writing-stage>.writing-step-heading{max-width:900px}
}
@media(max-width:650px){
 body.nb.writing-focus #writing-stage>.dashboard-columns{grid-template-columns:minmax(0,1fr)!important}
 body.nb.writing-focus #writing-stage>.dashboard-columns>.journal-card{grid-column:1;grid-row:1}
 body.nb.writing-focus #writing-stage>.dashboard-columns>.focus-connector-rail{grid-column:1;grid-row:2}
 body.nb.writing-focus #writing-stage>.dashboard-columns>.focus-vocabulary-rail{grid-column:1;grid-row:3}
 body.nb.writing-focus .focus-writing-rail{max-height:none;padding:14px 16px}
 body.nb.writing-focus .focus-rail-body{max-height:210px;overflow-y:auto}
}

/* Focus: keep topic expressions visible as their own section in the right rail. */
body.nb .focus-topic-expressions{display:flex;flex-direction:column;gap:9px;min-width:0;border-top:1px solid #DDD9E6;padding-top:16px}
body.nb .focus-rail-words:empty+.focus-topic-expressions{border-top:0;padding-top:0}
body.nb .focus-topic-expressions h4{font:400 20px/1.2 'DM Serif Display',Georgia,serif;letter-spacing:-.02em;color:#353A53;margin:0}
body.nb .focus-expression-context{font:400 11px/1.6 'DM Sans',sans-serif;color:#73798B;margin:0 0 2px}
body.nb .focus-topic-expressions .focus-vocab-subhead{color:#7A778E;margin:3px 0}

/* Soft Editorial writing journey: a process, not stacked cards.
   01 Words → 02 Style → 03 Topic → 04 Focus writing. */
body.nb .word-preparation,body.nb .writing-mode-step,body.nb .topic-selection-step{
 max-width:1160px;margin:20px auto 48px;
}
body.nb .writing-mode-step{
 background:transparent;border:0;box-shadow:none;padding:24px 0;
}
body.nb .mode-step-header .eyebrow,body.nb .topic-step-top .eyebrow{color:#676983}
body.nb .mode-step-header h2,body.nb .topic-step-top h2{
 font:400 clamp(36px,4.2vw,57px)/1.13 'DM Serif Display',Georgia,serif;
 color:#2B3148;letter-spacing:-.035em;margin:11px 0;
}
body.nb .mode-step-header p,body.nb .topic-step-top p{
 font:400 15px/1.75 'DM Sans',sans-serif;max-width:670px;color:#62697B;
}
body.nb .mode-choice-words{margin:18px 0 28px}
body.nb .mode-step-options .mode-option{
 background:#FFFFFF!important;border:1px solid #DDD9E6!important;
 border-radius:16px;box-shadow:none!important;min-height:165px;
}
body.nb .mode-step-options .mode-option:hover{
 background:#F7F4FA!important;border-color:#B6AACB!important;
}
body.nb .mode-step-options .mode-option:focus-visible,
body.nb .topic-step-actions .btn:focus-visible{
 outline:3px solid #A297C2;outline-offset:3px
}
body.nb .topic-selection-step{padding:22px 0 45px;background:transparent;border:0}
body.nb .topic-step-top{margin:0 0 24px}
body.nb .topic-step-grid{
 display:grid;grid-template-columns:minmax(0,1fr) minmax(215px,.37fr);
 gap:38px;align-items:start;
}
body.nb .topic-step-main{min-width:0}
body.nb .topic-selection-step .writing-directions{
 margin:0;padding:0!important;background:transparent!important;
 border:0!important;box-shadow:none!important;border-radius:0!important;
}
body.nb .topic-selection-step .direction-heading{
 display:flex;align-items:center;justify-content:space-between;
 gap:12px;margin:0 0 18px;
}
body.nb .topic-selection-step .direction-heading h3{
 font:400 clamp(25px,2.8vw,34px)/1.2 'DM Serif Display',Georgia,serif;
 margin:4px 0;color:#353A53;
}
body.nb .topic-selection-step .direction-categories{
 display:flex;gap:8px;flex-wrap:wrap;margin:10px 0 20px;
}
body.nb .topic-selection-step .direction-category{
 background:#fff;border:1px solid #DED9E6;border-radius:999px;
 padding:10px 15px;font:600 12px 'DM Sans',sans-serif;
 color:#60677C;box-shadow:none;
}
body.nb .topic-selection-step .direction-category.active{
 background:#EAE6F0;border:1px solid #A79CB9;color:#424660;box-shadow:none
}
body.nb .topic-selection-step .direction-prompts{display:grid;gap:9px;margin:14px 0 20px}
body.nb .topic-selection-step .direction-prompt{
 position:relative;display:flex;align-items:center;justify-content:space-between;gap:13px;
 background:#FFFFFF!important;border:1px solid #DDD9E6!important;
 border-radius:12px!important;padding:16px 20px!important;
 min-height:59px;text-align:left;color:#424960!important;
 font:500 14px/1.5 'DM Sans',sans-serif;box-shadow:none!important;
}
body.nb .topic-selection-step .direction-prompt:hover{background:#F9F7FB!important;border-color:#BEB4D0!important}
body.nb .topic-selection-step .direction-prompt.active{
 background:#F1EDF7!important;border:2px solid #8B7DA8!important;
 color:#32384E!important;font-weight:700;padding:15px 19px!important;
}
body.nb .topic-selection-step .direction-prompt.active:after{
 content:"✓ Selected";color:#555C85;font:700 11px 'DM Sans',sans-serif;
 white-space:nowrap;flex-shrink:0;
}
body.nb .topic-selection-step .direction-active,
body.nb .topic-selection-step #direction-footnote{display:none!important}
body.nb .topic-step-confirmation{border-top:1px solid #E1DCE8;padding-top:19px;margin-top:24px}
body.nb .topic-step-confirmation>p{
 font:600 12px/1.6 'DM Sans',sans-serif;color:#535B76;margin:0 0 18px;
}
body.nb .topic-step-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
body.nb .topic-step-actions #topic-back-style{margin-right:auto}
body.nb .topic-step-actions #topic-skip{border:0!important;background:transparent!important;color:#606A82!important;box-shadow:none!important}
body.nb .topic-step-actions #topic-continue:disabled{opacity:.48;cursor:not-allowed}
body.nb .topic-preview-rail{
 position:sticky;top:22px;padding:23px 21px;
 background:#FBFAFC;border-left:3px solid #E7D4C8;
 border-radius:0 12px 12px 0;
}
body.nb .topic-preview-rail h3{
 font:400 27px/1.14 'DM Serif Display',Georgia,serif;
 margin:7px 0 9px;color:#3B4055;
}
body.nb .topic-preview-rail>p{
 color:#707588;font:400 12px/1.55 'DM Sans',sans-serif;margin:0 0 16px;
}
body.nb .topic-preview-group{padding:12px 0;border-top:1px solid #E6E0EA}
body.nb .topic-preview-label{
 display:block;font:700 10px 'DM Sans',sans-serif;letter-spacing:.08em;
 margin:0 0 10px;color:#71748A;
}
body.nb .topic-preview-item{display:flex;flex-direction:column;gap:3px;margin:0 0 12px}
body.nb .topic-preview-item strong{font:700 12px 'DM Sans',sans-serif;color:#46506B}
body.nb .topic-preview-meaning{font:400 11px/1.5 'DM Sans',sans-serif;color:#70778B}
body.nb .topic-preview-empty{font-size:12px;color:#71758A}
body.nb .writing-mode-choice[hidden]{display:none!important}
body.nb .writing-step-heading{align-items:center}
body.nb.writing-focus #writing-stage .writing-step-heading{margin-bottom:16px}
body.nb.writing-focus .journal-card .writing-desk-tools{
 padding:10px 0;margin:13px 0;background:transparent;border:0;border-top:1px solid #E6E1EB;
 border-radius:0;box-shadow:none;
}
body.nb.writing-focus .journal-card .ritual-timer{background:transparent;border:0;border-bottom:1px solid #EAE6EC;border-radius:0;padding:10px 0}
body.nb.writing-focus .journal-card .card-overline{color:#73798B}
body.nb.writing-focus .journal-card textarea{border:1px solid #E4DFE8!important;min-height:58vh!important}
body.nb.writing-focus .desk-tools-hint{display:none}
body.nb .focus-desk-followup{display:flex;flex-direction:column;gap:9px;border:0;
 border-bottom:1px solid #E5DFE9;margin:0 0 10px;padding:3px 0 13px;
}
body.nb .focus-desk-followup[hidden]{display:none!important}
body.nb .focus-desk-followup>button{
 display:flex;align-items:center;gap:12px;border:0;background:transparent;
 padding:7px 0;color:#5B638A;cursor:pointer;text-align:left;
 font:700 12px 'DM Sans',sans-serif;
}
body.nb .focus-desk-followup>div{padding:8px 11px;border-left:2px solid #C7B6CB;background:#FAF8FC}
body.nb .focus-desk-followup p{font:400 17px/1.55 'DM Serif Display',Georgia,serif;color:#414760;margin:8px 0}
body.nb .focus-desk-followup .ritual-text-button{font:700 11px 'DM Sans',sans-serif}
body.nb .topic-only-mode .topic-selection-step #topic-skip{display:block}
@media(max-width:980px){
 body.nb .topic-step-grid{grid-template-columns:1fr;gap:19px}
 body.nb .topic-preview-rail{position:static;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 20px;border-left:0;border-top:3px solid #E7D4C8;padding:18px 20px}
 body.nb .topic-preview-rail>.card-overline,body.nb .topic-preview-rail>h3,body.nb .topic-preview-rail>p{grid-column:1/-1}
 body.nb .topic-preview-group{margin:0}
}
@media(max-width:650px){
 body.nb .topic-step-top h2{font-size:38px}
 body.nb .topic-step-grid{gap:15px}
 body.nb .topic-selection-step .direction-prompt.active:after{font-size:0;content:"✓";font-size:14px}
 body.nb .topic-step-actions{flex-direction:column;align-items:stretch}
 body.nb .topic-step-actions>*{text-align:center;width:100%}
 body.nb .topic-step-actions #topic-back-style{margin:0}
 body.nb .topic-preview-rail{grid-template-columns:1fr}
 body.nb .topic-preview-rail>.card-overline,body.nb .topic-preview-rail>h3,body.nb .topic-preview-rail>p{grid-column:1}
}