/* Art direction: a night-gallery canvas and one abstract, screen-printed study. */
:root{--paper:#11131b;--paper2:#171923;--ink:#f2f0e8;--ink2:#d0d1ca;--muted:#858897;--line:#2b2d38;--accent:#d4ff42;--accent-light:#292e20;--sage:#a0aa9a;--serif:'Space Grotesk',Arial,sans-serif;--sans:'Space Grotesk',Arial,sans-serif;--mono:'DM Mono',monospace}
body{background:#11131b;color:#f2f0e8;font-family:var(--sans)}
.paper-grain{opacity:.11;mix-blend-mode:screen}
.app-shell{max-width:1260px;padding:0 72px}
.topbar{height:76px;border-bottom-color:#2b2d38}
.wordmark{color:#f2f0e8}.mark{font-family:var(--sans);font-weight:700;font-size:21px;letter-spacing:-.11em}.mark span{color:var(--accent)}.wordmark-name{font-size:11px;font-weight:500;letter-spacing:.01em;color:#d9d9d3}
.today-label{color:#979aa7;font-size:9px;letter-spacing:.13em}.live-dot{background:var(--accent);box-shadow:0 0 9px #d4ff4280}
.icon-button{border-color:#383a45;color:#e9e8e0}.icon-button:hover{background:var(--accent);border-color:var(--accent);color:#11131b}
.hero{min-height:528px;padding:75px 0 52px;display:grid;grid-template-columns:.88fr 1.12fr;gap:38px;align-items:center;overflow:hidden}
.hero-copy{position:relative;z-index:1}.eyebrow{font-size:8px;letter-spacing:.2em;color:#b1b3bc;gap:12px;margin-bottom:23px}.eyebrow-line{background:var(--accent);width:28px;height:2px}
h1{font:500 clamp(67px,8.2vw,104px)/.87 var(--sans);letter-spacing:-.095em;color:#f2f0e8;margin-left:-6px}h1 em{font-style:normal;color:var(--accent);font-weight:400}
.hero-note{color:#a3a5ae;font-size:12px;line-height:1.8;margin:25px 0 23px;letter-spacing:.01em}
.primary-button{background:var(--accent);color:#15171a;padding:13px 16px;font:600 10px var(--sans);letter-spacing:.01em}.primary-button:hover{background:#e4ff80;color:#11131b}.plus,.button-arrow{color:#28311a}.button-arrow{margin-left:18px}
.artwork{position:relative;min-height:410px;display:flex;align-items:center;justify-content:center;margin:0 0 0 3%;isolation:isolate}.artwork::before{content:"";position:absolute;width:min(37vw,410px);aspect-ratio:1;border-radius:50%;background:#292344;filter:blur(55px);opacity:.7;z-index:-1}.artwork-label{position:absolute;top:14px;left:4%;right:5%;display:flex;justify-content:space-between;color:#9596a1;font:8px var(--mono);letter-spacing:.16em}.artwork-label span:last-child{color:var(--accent)}.artwork-svg{width:min(100%,520px);height:auto;overflow:visible;filter:drop-shadow(0 24px 45px #05060a4f);animation:art-arrive 1s cubic-bezier(.2,.7,.2,1) both}.artwork-caption{position:absolute;right:1%;bottom:0;display:flex;align-items:flex-end;gap:17px;color:#eeeae0;font:italic 10px/1.65 var(--sans);letter-spacing:.01em}.artwork-caption span:last-child{font:7px/1.5 var(--mono);letter-spacing:.1em;color:#a4a6b0;white-space:nowrap;padding-bottom:2px}.hero-scribble{display:none}
@keyframes art-arrive{from{opacity:0;transform:translateY(14px) rotate(-2deg) scale(.97)}to{opacity:1;transform:translateY(0) rotate(0) scale(1)}}
.overview{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:15px 0;grid-template-columns:1fr auto}.overview-title{gap:11px}.section-kicker{color:#a7a9b1;font-size:8px;letter-spacing:.19em}.overview-rule{width:19px;border-color:#484a53}.entry-count{font-size:8px;color:var(--accent);letter-spacing:.11em}.stats-row{margin-top:0;gap:22px}.stat{gap:7px}.stat-number{font:500 17px var(--sans);letter-spacing:-.06em;color:#f4f0e6}.stat-label{font-size:9px;color:#999ba5}.stat-divider{height:14px;border-color:#3b3d47}.sparkle{color:var(--accent)}.week-strip{gap:10px}.week-day{color:#a0a1ac;font-size:7px;gap:6px}.week-dot{width:5px;height:5px;border-color:#5a5b65}.week-dot.active{background:var(--accent);border-color:var(--accent);box-shadow:0 0 7px #d4ff4270}
.library{padding:56px 0 0}.library-eyebrow{color:#999ca6;font-size:8px;letter-spacing:.19em;margin-bottom:11px}h2{font:400 32px/1.05 var(--sans);letter-spacing:-.065em;color:#f2f0e8}.period{color:var(--accent)}
.library-tools{gap:13px}.search-box{height:33px;border-bottom-color:#383a45;color:#989ba5;width:210px}.search-box input{color:#f2f0e8;font:10px var(--sans)}.search-box input::placeholder{color:#767987}.search-box kbd{font:7px var(--mono);color:#a4a6af;border-color:#383a45}.filter-button{border-color:#383a45;color:#d0d1ca;font:9px var(--sans)}.filter-button:hover,.filter-button[aria-expanded=true]{border-color:var(--accent);color:var(--accent)}.filter-count{background:var(--accent);color:#13151b}
.filter-tray{border-color:var(--line);margin-top:18px}.filter-caption{color:#999ca6}.filter-chip{border-color:#383a45;color:#a6a8b1}.filter-chip.active{background:var(--accent);border-color:var(--accent);color:#15171a}
.entries{margin-top:24px}.entry-row{grid-template-columns:69px 1fr 130px 30px;min-height:89px;border-color:#292b35;padding:16px 4px 16px 0;gap:20px}.entry-row:last-child{border-color:#292b35}.entry-row:hover{background:#191b24;padding-left:10px;padding-right:10px}.entry-date{color:#8f929d;font-size:8px}.entry-date .date-day{font:400 21px/.95 var(--sans);color:#f2f0e8;letter-spacing:-.08em}.entry-title{font:400 19px/1.2 var(--sans);letter-spacing:-.045em;color:#f2f0e8;margin-bottom:5px}.entry-preview{font:10px/1.55 var(--sans);color:#999ba5}.entry-tag{border-color:#3a3c46;color:#b0b3bd;font:7px var(--mono);letter-spacing:.09em}.entry-mark{border-color:#3b3d47;color:#d4ff42;font-size:11px}.entry-row:hover .entry-mark{color:#11131b;background:var(--accent);border-color:var(--accent)}
.empty-state{padding:62px 20px 76px}.empty-sun{color:var(--accent)}.empty-state h3{font:400 21px var(--sans);letter-spacing:-.04em;color:#eeeae0}.empty-state p{font-size:10px;color:#999ba5}.text-button{border-color:#777b84;color:var(--accent);font:10px var(--sans)}.text-button span{color:var(--accent)}
.collection-foot{color:#858895;border-color:var(--line);font-size:7px;letter-spacing:.15em}.collection-foot-flower{color:var(--accent)}footer{height:69px;border-color:#2b2d38;margin-top:47px;color:#858895;font:7px var(--mono);letter-spacing:.14em}.footer-heart{color:#ff745c}.footer-link{color:#a3a5ae}
.entry-dialog,.detail-dialog,.backup-dialog{background:#171923;color:#f2f0e8;box-shadow:0 25px 100px #0009}.entry-dialog::backdrop,.detail-dialog::backdrop,.backup-dialog::backdrop{background:#05060bd9;backdrop-filter:blur(8px)}.close-dialog{border-color:#41434f}.close-dialog:hover{color:#11131b;background:var(--accent)}.dialog-kicker{color:#a3a6b1;letter-spacing:.17em}.entry-dialog h2,.backup-dialog h2{font:400 32px/1.02 var(--sans);letter-spacing:-.07em;color:#f2f0e8}.entry-dialog h2 em,.backup-dialog h2 em{color:var(--accent);font-style:normal}.dialog-intro,.backup-dialog>p{color:#a3a5ae;font-size:10px}.field>span{color:#c1c2c7;font:7px var(--mono);letter-spacing:.13em}.field b{color:#ff745c}.field i{color:#9698a3}.field input,.field textarea{border-color:#3b3d48;color:#f2f0e8;font:10px/1.6 var(--sans)}.field input:focus,.field textarea:focus{border-color:var(--accent)}.field input::placeholder,.field textarea::placeholder{color:#737582}.field input[type=date]{color:#bfc0c8;color-scheme:dark}.code-input{background:#10121a!important;border-color:#363844!important;font:9px/1.6 var(--mono)!important}.cancel-button{color:#a1a3ac}.save-button{background:var(--accent);color:#11131b}.privacy-note{color:#898c96;font:7px var(--mono)}.privacy-note span{color:var(--accent)}
.detail-date{color:#a0a2ad;font:8px var(--mono);letter-spacing:.14em}.detail-wrap h2{font:400 34px var(--sans);letter-spacing:-.065em}.detail-tag{border-color:#42444e;color:#c3c5cd;font:7px var(--mono);letter-spacing:.1em}.small-action{border-color:#41434e;background:transparent;color:#e1e1dc;font:9px var(--sans)}.small-action:hover{border-color:var(--accent);color:var(--accent)}.detail-section{border-color:#383a45}.detail-section h3{color:#a0a2ad;font:7px var(--mono);letter-spacing:.16em}.detail-section p{color:#d1d1cf;font:11px/1.75 var(--sans)}.detail-section pre{background:#10121a;color:#d8eaa6;border:1px solid #343641;font:9px/1.65 var(--mono)}
.backup-dialog>p{line-height:1.8}.import-button{border-color:#4a4c57;color:#dedfd9;font:9px var(--sans)}.import-button:hover{color:var(--accent);border-color:var(--accent)}#backup-message{color:var(--accent);font:8px var(--mono)}.toast{background:var(--accent);color:#12141b;font:10px var(--sans);font-weight:500}
@media(max-width:760px){.app-shell{padding:0 34px}.hero{grid-template-columns:.92fr 1.08fr;gap:10px;min-height:455px;padding:55px 0 42px}.artwork{min-height:340px;margin-left:0}.artwork-caption{gap:9px;font-size:8px}.artwork-caption span:last-child{font-size:6px}.entry-row{grid-template-columns:58px 1fr 28px;gap:14px}.entry-tag{display:none}}
@media(max-width:540px){.app-shell{padding:0 21px}.topbar{height:63px}.wordmark-name{font-size:10px}.today-label{font-size:7px}.hero{display:flex;flex-direction:column;align-items:stretch;gap:0;padding:44px 0 26px;min-height:0}.hero-copy{padding-bottom:0}.eyebrow{font-size:7px;margin-bottom:17px}.hero h1{font-size:69px;line-height:.87;margin-left:-4px}.hero-note{font-size:10px;margin:17px 0 17px}.hero .primary-button{padding:11px 13px;font-size:9px}.artwork{width:100%;min-height:320px;margin:19px 0 0}.artwork::before{width:70vw;filter:blur(35px)}.artwork-label{top:2px;left:3%;right:3%;font-size:7px}.artwork-svg{width:min(100%,390px);margin-top:3px}.artwork-caption{right:1%;bottom:-1px;font-size:8px}.artwork-caption span:last-child{font-size:6px}.overview{display:grid;grid-template-columns:1fr auto;gap:11px 8px;padding:13px 0}.overview-title{grid-column:1/-1}.stats-row{grid-column:1;grid-row:2;gap:11px;justify-content:flex-start}.stat{gap:5px}.stat-number{font-size:14px}.stat-label{font-size:7px}.stat-divider{height:11px}.week-strip{grid-column:2;grid-row:2;gap:6px;align-self:center}.week-day{font-size:6px;gap:5px}.library{padding-top:39px}.library-eyebrow{font-size:7px}h2{font-size:28px}.library-heading{gap:16px}.library-tools{gap:6px}.search-box{height:32px}.search-box input{font-size:9px}.search-box kbd{display:none}.filter-button{height:32px;padding:0 7px;font-size:8px}.filter-button svg{width:14px}.entries{margin-top:18px}.entry-row{grid-template-columns:43px 1fr 23px;gap:10px;min-height:79px;padding:14px 0}.entry-date{font-size:7px}.entry-date .date-day{font-size:18px}.entry-title{font-size:16px}.entry-preview{font-size:8px;line-height:1.5}.collection-foot{font-size:5px;letter-spacing:.1em}.collection-foot-flower{font-size:10px}footer{margin-top:37px;height:60px;font-size:6px}.entry-dialog form{padding:23px 19px 19px}.entry-dialog h2,.backup-dialog h2{font-size:28px}.dialog-intro,.backup-dialog>p{font-size:9px}.form-grid{gap:14px 11px}.field>span{font-size:6px}.field input,.field textarea{font-size:9px}.privacy-note{font-size:6px}.detail-wrap{padding:23px 19px 25px}.detail-wrap h2{font-size:28px}.detail-actions{gap:5px}.small-action{padding:6px 7px;font-size:8px}.detail-section p{font-size:10px}.backup-dialog{padding:23px 19px}}
@media(prefers-reduced-motion:reduce){.artwork-svg{animation:none}}
.artwork-svg{width:min(115%,620px)}
.topbar-right{gap:18px}.journal-switch-wrap{position:relative}.journal-switch{display:flex;align-items:center;gap:10px;max-width:190px;border:0;background:transparent;color:#f2f0e8;font:500 9px var(--sans);letter-spacing:.02em;cursor:pointer;padding:8px 0}.journal-switch-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:155px}.switch-caret{color:var(--accent);font-size:13px;transition:transform .2s}.journal-switch[aria-expanded=true] .switch-caret{transform:rotate(180deg)}.journal-menu{position:absolute;z-index:4;right:-12px;top:calc(100% + 12px);width:230px;padding:14px;background:#1b1d27;border:1px solid #383a45;box-shadow:0 18px 50px #0009}.journal-menu-label{display:block;font:7px var(--mono);letter-spacing:.16em;color:#9699a5;padding:1px 5px 9px}.journal-option{width:100%;display:flex;justify-content:space-between;align-items:center;gap:12px;text-align:left;border:0;background:transparent;color:#dddcd6;padding:9px 7px;font:10px var(--sans);cursor:pointer}.journal-option:hover,.journal-option.active{background:#262833;color:var(--accent)}.journal-option-count{font:8px var(--mono);color:#90939f}.new-journal-button{display:block;width:100%;margin-top:8px;padding:10px 7px 4px;text-align:left;border:0;border-top:1px solid #373944;background:transparent;color:#e4e3dc;font:9px var(--sans);cursor:pointer}.new-journal-button span{color:var(--accent);font-size:13px;margin-right:5px}.new-journal-button:hover{color:var(--accent)}
.artwork-caption{max-width:100%;gap:10px}.quote-text{white-space:pre-line;transition:opacity .18s,transform .18s}.quote-text.is-changing{opacity:0;transform:translateY(3px)}.quote-by{flex:0 0 auto}.quote-next{width:21px;height:21px;margin:0 0 0 1px;padding:0;border:1px solid #3d3e4a;border-radius:50%;background:transparent;color:#b6b8c0;font:13px/1 var(--sans);cursor:pointer;transition:color .2s,border-color .2s,transform .4s}.quote-next:hover{color:var(--accent);border-color:var(--accent);transform:rotate(55deg)}
.surprise-button{display:flex;align-items:center;gap:7px;border:0;border-bottom:1px solid #41434e;background:transparent;padding:7px 0;color:#d8d9d3;font:9px var(--sans);white-space:nowrap;cursor:pointer;transition:color .2s,border-color .2s}.surprise-button:hover{color:var(--accent);border-color:var(--accent)}.surprise-glyph{font-size:13px;color:var(--accent)}
.entry-pagination{display:flex;justify-content:space-between;align-items:center;padding:15px 0;border-top:1px solid #292b35}.page-summary{font:7px var(--mono);letter-spacing:.1em;color:#999ba5}.entry-pagination>div{display:flex;gap:6px}.page-button{width:29px;height:29px;border:1px solid #41434e;background:transparent;color:#f0efe7;font:12px var(--sans);cursor:pointer}.page-button:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.page-button:disabled{opacity:.35;cursor:default}
.journal-create-dialog{width:min(420px,calc(100vw - 28px));border:0;padding:0;background:#171923;color:#f2f0e8;box-shadow:0 25px 100px #0009}.journal-create-dialog::backdrop{background:#05060bd9;backdrop-filter:blur(8px)}.journal-create-dialog form{padding:30px 34px}.journal-create-dialog h2{margin:25px 0 9px;font:400 32px/1.02 var(--sans);letter-spacing:-.07em}.journal-create-dialog h2 em{font-style:normal;color:var(--accent)}.journal-create-dialog .dialog-intro{margin-bottom:24px}.journal-create-dialog .field input{font-size:11px}.journal-create-dialog .dialog-actions{margin-top:26px}
@media(max-width:760px){.topbar-right{gap:13px}.journal-switch{max-width:136px}.journal-switch-name{max-width:113px}.library-tools{flex-wrap:wrap}.surprise-button{font-size:8px}}
@media(max-width:540px){.topbar-right{gap:10px}.journal-switch{max-width:98px;font-size:8px;gap:5px}.journal-switch-name{max-width:79px}.today-label{display:none}.journal-menu{right:-38px;width:210px}.artwork-caption{gap:7px}.artwork-caption .quote-text{font-size:7px;line-height:1.5;max-width:205px}.artwork-caption .quote-by{font-size:5px;letter-spacing:.06em}.quote-next{width:18px;height:18px;font-size:11px}.library-tools{flex-wrap:nowrap}.surprise-button{gap:4px;font-size:7px}.surprise-glyph{font-size:11px}.entry-pagination{padding:12px 0}.page-summary{font-size:6px}.page-button{width:26px;height:26px}.journal-create-dialog form{padding:23px 19px}.journal-create-dialog h2{font-size:28px}}
@media(prefers-reduced-motion:reduce){.quote-text,.quote-next,.switch-caret{transition:none}}
@media(max-width:540px){.artwork-svg{width:min(100%,390px)}.search-box{flex:1;width:auto;min-width:0}}

/* Subject notebooks, illustrated pages and low-noise editing controls. */
.field select{width:100%;border:0;border-bottom:1px solid #3b3d48;border-radius:0;background:#171923;padding:8px 1px;color:#f2f0e8;font:10px var(--sans);outline:none;color-scheme:dark}
.field select:focus{border-color:var(--accent)}
.field-group{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.field-group>.field.full,.concept-meta{grid-column:1/-1}
.concept-meta{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.image-field{display:flex;flex-direction:column;gap:9px}
.image-drop{min-height:58px;display:flex;align-items:center;gap:11px;padding:12px 14px;border:1px dashed #444651;color:#c3c4ca;font:9px var(--sans);cursor:pointer;transition:border-color .2s,color .2s}
.image-drop:hover{border-color:var(--accent);color:var(--accent)}
.image-plus{font-size:18px;color:var(--accent)}
.image-help{color:#898c96;font:7px var(--mono);letter-spacing:.025em}
.image-preview-list{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.image-preview{min-width:0;display:grid;grid-template-columns:66px 1fr;gap:10px;padding:8px;border:1px solid #383a45;background:#13151d}
.image-preview img{width:66px;height:66px;object-fit:cover;background:#20222c}
.image-preview-fields{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:5px}
.image-file-name{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#a7a9b1;font:7px var(--mono)}
.image-caption-input{width:100%;border:0;border-bottom:1px solid #3b3d48;background:transparent;padding:5px 0;color:#eee;font:9px var(--sans);outline:none}
.image-caption-input:focus{border-color:var(--accent)}
.remove-image{border:0;background:transparent;padding:2px 0;color:#ff806a;font:7px var(--mono);cursor:pointer}
.detail-images{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:23px}
.detail-figure{margin:0;padding:8px;border:1px solid #383a45;background:#13151d}
.detail-figure img{display:block;width:100%;max-height:390px;object-fit:contain;background:#10121a}
.detail-figure figcaption{padding:9px 4px 3px;color:#b7b8bf;font:9px/1.6 var(--sans)}
.journal-item{display:grid;grid-template-columns:minmax(0,1fr) 27px 24px;align-items:center;gap:2px}
.journal-item .journal-option{min-width:0}
.journal-option-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cloud-account-button{border:1px solid #41434f;background:transparent;color:#e1e1dc;padding:7px 9px;max-width:145px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:8px var(--mono);cursor:pointer}.cloud-account-button:hover{border-color:var(--accent);color:var(--accent)}.auth-dialog form{padding:30px 34px}.auth-dialog .field{margin:16px 0}.auth-dialog .dialog-actions{justify-content:space-between}.auth-dialog .auth-signout{margin-top:20px}.auth-message{display:block;min-height:18px;margin-top:13px;color:var(--accent);font:8px/1.6 var(--mono)}
.auth-dialog .dialog-intro{color:#a3a5ae;font-size:10px;line-height:1.8;margin:0 0 22px}
@media(max-width:540px){.cloud-account-button{max-width:82px;padding:6px;font-size:7px}.auth-dialog form{padding:23px 19px}}
.journal-action{width:25px;height:27px;border:0;background:transparent;color:#999ca6;font:12px var(--sans);cursor:pointer}
.journal-action:hover{color:var(--accent)}
.delete-journal-action:hover{color:#ff806a}
.journal-option-count{flex-shrink:0}
@media(max-width:540px){.field-group,.concept-meta{grid-template-columns:1fr}.concept-meta{grid-column:auto}.image-preview-list,.detail-images{grid-template-columns:1fr}.image-preview{grid-template-columns:58px 1fr}.image-preview img{width:58px;height:58px}.detail-figure img{max-height:300px}}

/* Give the writing surface room to breathe and make Markdown easy to shape. */
.entry-dialog{width:min(850px,calc(100vw - 28px));max-height:94vh}
.entry-dialog form{padding:38px 50px 30px}
.form-grid{gap:23px 18px}
.field textarea:not(.code-input){min-height:132px;padding:13px 14px;border:1px solid #383a45;background:#13151d;font:12px/1.8 var(--sans);}
.field textarea[name="notes"],.field textarea[name="description"],.field textarea[name="hard"],.field textarea[name="reflection"]{min-height:235px}
.field textarea[name="whenToUse"],.field textarea[name="complexity"]{min-height:158px}
.field textarea[name="input"],.field textarea[name="output"],.field textarea[name="constraints"]{min-height:130px}
.field textarea.code-input{min-height:245px;padding:16px!important;font-size:11px!important}
.field textarea:not(.code-input):focus{border-color:var(--accent);background:#151720}
.markdown-tools{position:sticky;top:-1px;z-index:2;display:flex;align-items:center;flex-wrap:wrap;gap:5px;margin:0 0 24px;padding:9px 0;background:#171923;border-bottom:1px solid #353741}
.markdown-tools-label{margin-right:7px;color:#9295a0;font:7px var(--mono);letter-spacing:.15em}
.markdown-tools button{min-width:29px;height:27px;padding:0 8px;border:1px solid #393b46;background:#1b1d27;color:#d8d9d3;font:9px var(--mono);cursor:pointer}
.markdown-tools button:hover,.markdown-tools button:focus-visible{border-color:var(--accent);color:var(--accent);outline:none}
.markdown-tools-hint{margin-left:auto;color:#818490;font:7px var(--mono);letter-spacing:.02em}
.markdown-body{color:#d1d1cf;font:12px/1.85 var(--sans);overflow-wrap:anywhere}
.markdown-body>*:first-child{margin-top:0}
.markdown-body>*:last-child{margin-bottom:0}
.markdown-body p{white-space:pre-wrap;margin:0 0 13px}
.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4{color:#f2f0e8;font-family:var(--sans);letter-spacing:-.04em;line-height:1.2;margin:21px 0 9px}
.markdown-body h1{font-size:25px}.markdown-body h2{font-size:21px}.markdown-body h3{font-size:17px}.markdown-body h4{font-size:14px}
.markdown-body ul,.markdown-body ol{margin:8px 0 15px;padding-left:22px}
.markdown-body li{padding-left:4px;margin:4px 0}
.markdown-body blockquote{margin:13px 0;padding:7px 0 7px 15px;border-left:2px solid var(--accent);color:#b9bdab}
.markdown-body hr{border:0;border-top:1px solid #41434e;margin:17px 0}
.markdown-body code{padding:2px 5px;background:#10121a;border:1px solid #343641;color:#d8eaa6;font:10px var(--mono)}
.markdown-body pre{overflow:auto;margin:12px 0;padding:16px;background:#10121a;border:1px solid #343641;color:#d8eaa6;white-space:pre;font:10px/1.7 var(--mono)}
.markdown-body pre code{padding:0;border:0;background:none;white-space:pre}
.markdown-body a{color:var(--accent);text-decoration-thickness:1px;text-underline-offset:3px}
.markdown-body strong{color:#f1f0e9;font-weight:600}
.markdown-body em{color:#dedcd2}
.detail-section .markdown-body{margin-top:0}
.markdown-body .katex{color:inherit;font-size:1.08em}
.markdown-body .katex-display{max-width:100%;margin:20px 0;padding:14px 8px;overflow-x:auto;overflow-y:hidden;border-top:1px solid #292b35;border-bottom:1px solid #292b35}
.entry-preview{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;max-height:3.1em;margin:0;font:10px/1.55 var(--sans);color:#999ba5}
.entry-preview strong{color:#d8dae0;font-weight:600}.entry-preview em{color:#b9bdc7}.entry-preview code{padding:1px 4px;border:1px solid #343641;background:#10121a;color:#d8eaa6;font:9px var(--mono)}
.entry-preview .katex{font-size:1em;color:inherit}.entry-preview .katex-display{display:inline-block;max-width:100%;margin:0;padding:0;border:0;overflow:hidden;vertical-align:middle}
@media(max-width:540px){.entry-dialog form{padding:24px 19px 20px}.field textarea:not(.code-input){font-size:11px;min-height:122px}.field textarea[name="notes"],.field textarea[name="description"],.field textarea[name="hard"],.field textarea[name="reflection"]{min-height:205px}.field textarea[name="whenToUse"],.field textarea[name="complexity"]{min-height:140px}.field textarea.code-input{min-height:220px}.markdown-tools{gap:4px;margin-bottom:19px}.markdown-tools button{height:26px;padding:0 6px}.markdown-tools-hint{flex-basis:100%;margin:4px 0 0 1px}}