:root{--ink:#1A1814;--putty:#BFB6A0;--putty-hi:#D4CCB6;--putty-lo:#B0A892;--lcd:#0E1F0C;--ph:#B8E090;--ph-hi:#C8F0A0;--amber:#FFC080;--red:#FF7A5C;--blue:#7AB8E0;--cream:#EFE8D3}
*{box-sizing:border-box}html,body{overscroll-behavior-y:none;-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;min-height:100vh;background:radial-gradient(circle at 50% 0,#3b352b,#16130f 68%);font-family:'IBM Plex Mono',monospace;color:var(--ink);padding:28px 14px;letter-spacing:0}
.product-landing{position:relative;z-index:4;max-width:980px;margin:0 auto 18px;min-height:calc(100vh - 74px);display:grid;grid-template-columns:minmax(0,1.2fr) minmax(290px,.8fr);align-items:center;gap:28px;color:var(--cream)}
.landing-copy{max-width:720px}.eyebrow{margin:0 0 14px;color:var(--amber);font-size:11px;text-transform:uppercase;letter-spacing:.16em}.product-landing h1{font-family:'IBM Plex Serif',serif;font-size:56px;line-height:1.02;font-weight:500;margin:0 0 18px;color:#fff7df}.lede{font-family:'IBM Plex Serif',serif;font-size:19px;line-height:1.5;margin:0 0 24px;color:rgba(239,232,211,.86);max-width:650px}.proof-strip{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}.proof-strip span{border:1px solid rgba(255,192,128,.42);background:rgba(14,31,12,.46);color:#F6E9C6;border-radius:4px;padding:8px 10px;font-size:10px;text-transform:uppercase;letter-spacing:.12em}.landing-actions{display:flex;gap:10px;flex-wrap:wrap}.hero-button,.ghost-button,.access-row button{font-family:'IBM Plex Mono';cursor:pointer;border:0;border-radius:4px;text-transform:uppercase;letter-spacing:.12em}.hero-button{background:linear-gradient(180deg,#C8F0A0,#9CAF78);color:#0E1F0C;padding:13px 17px;box-shadow:0 8px 20px rgba(0,0,0,.28)}.ghost-button{background:rgba(255,255,255,.08);border:1px solid rgba(239,232,211,.35);color:#EFE8D3;padding:12px 16px}.sync-status{margin-top:12px;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:rgba(239,232,211,.62)}.access-panel{background:rgba(14,31,12,.84);border:1px solid rgba(184,224,144,.36);box-shadow:0 22px 70px rgba(0,0,0,.42);border-radius:6px;padding:22px;color:#C8F0A0}.access-label{color:var(--amber);font-size:10px;text-transform:uppercase;letter-spacing:.18em;margin-bottom:18px}.access-panel label{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.13em;margin-bottom:8px}.access-row{display:grid;grid-template-columns:1fr auto;gap:8px}.access-row input{min-width:0;background:#081305;color:#C8F0A0;border:1px solid rgba(184,224,144,.38);border-radius:4px;padding:12px;font-family:'IBM Plex Mono';font-size:16px;text-transform:uppercase}.access-row button{background:#FFC080;color:#1A1814;padding:0 14px;font-size:11px}.access-hint{font-size:11px;line-height:1.5;color:rgba(184,224,144,.72);margin:13px 0 0}.access-only{display:none}body.access-granted .access-only{display:flex}body.access-granted .product-landing{min-height:0;grid-template-columns:1fr;align-items:start;margin-bottom:14px;padding:12px 0}body.access-granted .product-landing .lede,body.access-granted .access-panel{display:none}body.access-granted .product-landing h1{font-size:24px;margin-bottom:8px}body.access-granted .proof-strip{margin-bottom:10px}body:not(.access-granted) .machine{display:none}
.machine{position:relative;z-index:1;max-width:980px;margin:0 auto;background:linear-gradient(180deg,#D4CCB6 0%,#BFB6A0 50%,#B0A892 100%);padding:24px;border-radius:10px;box-shadow:inset 0 1px 0 rgba(255,255,255,.55),inset 0 -1px 0 rgba(0,0,0,.18),inset 0 0 0 1px rgba(0,0,0,.16),0 30px 60px rgba(0,0,0,.5),0 8px 16px rgba(0,0,0,.3);overflow:hidden}
.machine::before{content:'';position:absolute;inset:0;background-image:repeating-linear-gradient(90deg,rgba(255,255,255,.06) 0 1px,rgba(0,0,0,.03) 1px 2px);opacity:.45;pointer-events:none}
.screw{position:absolute;width:14px;height:14px;border-radius:50%;background:radial-gradient(circle at 32% 30%,#7A715E 0%,#2E281E 80%);box-shadow:inset 0 -1px 1px rgba(255,255,255,.18),inset 0 1px 1px rgba(0,0,0,.5),0 1px 2px rgba(0,0,0,.5);z-index:2}.screw::after{content:'';position:absolute;top:50%;left:18%;right:18%;height:1.6px;background:rgba(0,0,0,.65);transform:translateY(-50%) rotate(38deg)}.tl{top:10px;left:10px}.tr{top:10px;right:10px}.tr::after{transform:translateY(-50%) rotate(-22deg)}.bl{bottom:10px;left:10px}.bl::after{transform:translateY(-50%) rotate(8deg)}.br{bottom:10px;right:10px}.br::after{transform:translateY(-50%) rotate(66deg)}
.nameplate{position:relative;z-index:3;display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:14px}.brand{font-family:'Major Mono Display';font-size:28px}.subbrand{font-size:10px;color:#5C5446;letter-spacing:.18em}.tier-toggle{display:flex;gap:6px}.tier-toggle button,.modes button,.primary,.soft{font-family:'IBM Plex Mono';cursor:pointer;border:0;background:linear-gradient(180deg,#D8D0BA,#AFA68F);color:#1A1814;box-shadow:inset 0 1px 0 rgba(255,255,255,.55),inset 0 -2px 0 rgba(0,0,0,.22),0 1px 2px rgba(0,0,0,.2);border-radius:4px;padding:9px 12px;font-size:11px;text-transform:uppercase;letter-spacing:.12em}.tier-toggle button.active,.modes button.active{background:linear-gradient(180deg,#C8F0A0,#9CAF78)}.tier-toggle button.locked{opacity:.55}
.top-grid{position:relative;z-index:3;display:grid;grid-template-columns:1fr 260px;gap:14px;margin-bottom:14px;align-items:start}.modes{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;align-self:start}.modes button{height:44px}.meters-mini{background:#1A1814;padding:10px;border-radius:4px;box-shadow:inset 0 2px 8px rgba(0,0,0,.8);display:grid;grid-template-rows:repeat(18,minmax(0,1fr));gap:4px;overflow:hidden}.vu-mini{display:grid;grid-template-columns:52px 1fr 28px;gap:7px;align-items:center;min-height:0;margin:0;font-size:9px;color:#B8E090}.bar{height:5px;background:#332d25;position:relative}.fill{height:100%;background:linear-gradient(90deg,#C8442A,#FFC080,#C8F0A0);width:0}
.lcd{background:#0E1F0C;color:#B8E090;padding:22px 24px;border-radius:6px;box-shadow:inset 0 3px 14px rgba(0,0,0,.85),inset 0 0 80px rgba(0,0,0,.5),0 1px 0 rgba(255,255,255,.45);position:relative;overflow:hidden;min-height:430px;margin-bottom:14px}.lcd::before{content:'';position:absolute;inset:0;background-image:repeating-linear-gradient(0deg,rgba(0,0,0,0) 0,rgba(0,0,0,0) 2px,rgba(0,0,0,.22) 2px,rgba(0,0,0,.22) 3px);pointer-events:none;z-index:2}.lcd::after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 30%,rgba(184,224,144,.04),transparent 70%);pointer-events:none;z-index:1;animation:flicker 3.7s ease-in-out infinite}@keyframes flicker{0%,100%{opacity:1}48%{opacity:.85}49%{opacity:1}72%{opacity:.95}74%{opacity:1}}
.lcd>*{position:relative;z-index:3}.title{font-family:'Major Mono Display';font-size:28px;color:#C8F0A0;text-shadow:0 0 8px rgba(184,224,144,.35);line-height:1.2}.dim{color:rgba(184,224,144,.55)}.amber{color:#FFC080}.red{color:#FF7A5C;font-weight:600}.green-bold{color:#C8F0A0;font-weight:600}.divider{color:rgba(184,224,144,.45);margin:10px 0}.meta{font-size:11px;color:#FFC080;letter-spacing:.16em;margin-bottom:8px}.card,.quant,.deriv,.raw-spec{border:1px solid rgba(184,224,144,.24);background:rgba(0,0,0,.18);padding:12px;margin:12px 0;border-radius:3px}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.term,.read-row,.curr-day{border:1px solid rgba(184,224,144,.24);padding:10px;background:rgba(0,0,0,.16);border-radius:3px}.source-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:6px}.source-link{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:5px 8px;border:1px solid rgba(255,192,128,.55);border-radius:3px;color:#FFC080;background:rgba(255,192,128,.06);font-size:9px;text-decoration:none;letter-spacing:.12em;white-space:nowrap}.source-link:focus-visible{outline:2px solid #C8F0A0;outline-offset:2px}.curr-week{margin:16px 0 6px;color:#FFC080;font-size:11px;letter-spacing:.16em}.curr-days{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.curr-day{min-height:78px;cursor:pointer;position:relative}.curr-day.done{border-color:rgba(200,240,160,.7)}.curr-day.locked{opacity:.42;cursor:not-allowed}.curr-day.capstone{border-color:rgba(255,192,128,0.7);background:rgba(255,192,128,0.06);position:relative}.curr-day.capstone::after{content:'CAPSTONE';position:absolute;top:-1px;right:-1px;background:#FFC080;color:#1A1814;font-family:'IBM Plex Mono';font-size:7px;letter-spacing:.2em;padding:2px 5px;border-radius:0 0 0 3px}.curr-day.capstone .dnum::after{content:' ⊕';color:#FFC080}.audio-mark{color:#FFC080}.dnum{font-size:10px;color:#FFC080}.dtitle{font-size:11px;color:#C8F0A0;margin-top:6px}.dom{font-size:9px;color:rgba(184,224,144,.62);margin-top:6px}.choice{display:block;width:100%;text-align:left;margin:8px 0;padding:10px;border:1px solid rgba(184,224,144,.28);background:rgba(0,0,0,.22);color:#B8E090;font-family:'IBM Plex Mono';cursor:pointer}.choice.good{border-color:rgba(200,240,160,.75)}.choice.warn{border-color:rgba(255,192,128,.75)}.choice.bad{border-color:rgba(255,122,92,.75)}.raw-spec{white-space:pre-wrap;max-height:280px;overflow:auto;font-size:11px;color:rgba(184,224,144,.75)}.tier{font-size:9px;border:1px solid #C8F0A0;color:#C8F0A0;padding:2px 5px;margin-right:8px}.tier.core{border-color:#FFC080;color:#FFC080}.tier.emerging{color:#7AB8E0;border-color:rgba(122,184,224,0.5)}
.deriv{margin-top:14px;padding:14px;border:1px solid rgba(255,192,128,0.55);background:rgba(255,192,128,0.04);position:relative;z-index:3}.deriv .dh{font-family:'Major Mono Display';font-size:9px;letter-spacing:.24em;color:#FFC080;margin-bottom:8px;display:flex;align-items:center;gap:8px}.deriv .dh::before{content:'∫';font-family:'IBM Plex Serif';font-size:14px;font-style:italic}.deriv .step{margin-bottom:12px;padding-bottom:10px;border-bottom:1px dashed rgba(255,192,128,0.2)}.deriv .step:last-child{border-bottom:none}.deriv .sn{font-family:'Major Mono Display';font-size:10px;color:#FFC080;letter-spacing:.18em;margin-bottom:4px}.deriv .stitle{font-family:'IBM Plex Serif';font-size:14px;color:#C8F0A0;font-weight:500;margin-bottom:6px}.deriv .sbody{font-size:12px;line-height:1.55;color:rgba(184,224,144,.9);margin-bottom:6px}.deriv .smath{font-size:12.5px;color:#C8F0A0;padding:8px 10px;background:rgba(0,0,0,.25);border-left:2px solid #FFC080;white-space:pre-wrap;line-height:1.5;margin:6px 0}
.audio-deck{background:#B0A892;border-radius:6px;padding:14px 16px;margin-bottom:14px;position:relative;z-index:1;box-shadow:inset 0 1px 0 rgba(255,255,255,.5),inset 0 -1px 0 rgba(0,0,0,.2),0 0 0 1px rgba(0,0,0,.14);display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center}.audio-deck-label{font-size:9px;letter-spacing:.28em;text-transform:uppercase;color:#5C5446}.audio-deck-label::before{content:'▶ ';color:#1A1814}.audio-deck.speech .audio-deck-label::before{content:'◉ ';color:#C8442A}.audio-deck-play{width:44px;height:44px;border-radius:50%;background:linear-gradient(180deg,#D4CCB6 0%,#BFB7A1 100%);border:0;cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,255,255,.6),inset 0 -2px 0 rgba(0,0,0,.22),0 1px 2px rgba(0,0,0,.18),0 0 0 1px rgba(0,0,0,.12);display:flex;align-items:center;justify-content:center;transition:transform 80ms}.audio-deck-play:active{transform:translateY(2px)}.audio-deck-play .icon{width:0;height:0;border-left:12px solid #1A1814;border-top:8px solid transparent;border-bottom:8px solid transparent;margin-left:3px}.audio-deck-play.playing .icon{width:12px;height:14px;border:0;background:linear-gradient(to right,#1A1814 0%,#1A1814 35%,transparent 35%,transparent 65%,#1A1814 65%,#1A1814 100%);margin-left:0}.audio-deck-progress{flex:1;height:6px;background:rgba(0,0,0,.25);border-radius:1px;position:relative;cursor:pointer}.audio-deck-progress-fill{position:absolute;top:0;left:0;height:100%;background:linear-gradient(90deg,#C8442A 0%,#FFC080 100%);width:0%;border-radius:1px;transition:width 80ms linear}.audio-deck-progress-handle{position:absolute;top:50%;width:12px;height:12px;background:#1A1814;border:2px solid #FFC080;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;box-shadow:0 0 4px rgba(255,192,128,.7)}.audio-deck-time{font-family:'Major Mono Display';font-size:11px;color:#1A1814;letter-spacing:.06em;min-width:76px;text-align:right}.audio-deck.disabled .audio-deck-play{opacity:.4;cursor:not-allowed}.audio-deck.disabled .audio-deck-progress,.audio-deck.disabled .audio-deck-time{opacity:.4}.primary{position:relative;z-index:3;display:block;width:auto;min-width:176px;max-width:100%;margin:0 0 0 auto;font-size:11px;padding:10px 16px}.primary[hidden]{display:none}
.advisor-deck{position:relative;z-index:3;margin-bottom:14px;padding:12px 14px;border-radius:6px;background:#1A1814;color:#B8E090;box-shadow:inset 0 2px 8px rgba(0,0,0,.8),0 0 0 1px rgba(0,0,0,.18)}.advisor-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:9px}.advisor-label{font-size:9px;letter-spacing:.24em;color:#FFC080;text-transform:uppercase}.advisor-status{font-family:'Major Mono Display';font-size:10px;color:#C8F0A0;text-shadow:0 0 7px rgba(184,224,144,.35)}.advisor-row{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px}.advisor-button{height:34px;padding:0 12px;border:1px solid rgba(200,240,160,.55);border-radius:4px;background:linear-gradient(180deg,#C8F0A0,#8EA66F);color:#0E1F0C;font-family:'IBM Plex Mono';font-size:10px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,255,255,.55),inset 0 -2px 0 rgba(0,0,0,.22)}.advisor-button.active{background:linear-gradient(180deg,#FFC080,#C8844C);color:#1A1814}.advisor-scope{min-width:0;font-size:10px;letter-spacing:.08em;color:rgba(184,224,144,.62);text-transform:uppercase}.advisor-panel{margin-top:10px;border:1px solid rgba(184,224,144,.24);border-radius:4px;background:#0E1F0C;padding:10px}.advisor-line{font-size:11px;line-height:1.45;color:#C8F0A0}.advisor-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.advisor-mini{min-width:0;margin:0;font-size:9px;padding:7px 9px}.advisor-deck[hidden]{display:none}
.palette[hidden]{display:none}.palette{position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:10;display:grid;place-items:start center;padding-top:10vh}.palette-box{width:min(720px,92vw);background:#0E1F0C;border:1px solid rgba(184,224,144,.5);box-shadow:0 20px 80px rgba(0,0,0,.7);padding:12px;position:relative}.palette-close{position:absolute;top:8px;right:8px;width:26px;height:26px;border:1px solid rgba(184,224,144,.35);background:#081305;color:#C8F0A0;font-family:'IBM Plex Mono';cursor:pointer}.palette input{width:100%;background:#081305;color:#C8F0A0;border:1px solid rgba(184,224,144,.4);padding:12px 44px 12px 12px;font-family:'IBM Plex Mono'}.pal-item{padding:10px;border-bottom:1px solid rgba(184,224,144,.16);color:#B8E090;cursor:pointer}.pal-item.active{background:rgba(184,224,144,.13);color:#C8F0A0}
@media(max-width:720px){body{padding:12px 8px}.product-landing{grid-template-columns:1fr;min-height:calc(100vh - 24px);gap:18px}.product-landing h1{font-size:38px}.lede{font-size:17px}.access-row{grid-template-columns:1fr}.access-row button{padding:12px}.machine{padding:18px 12px}.nameplate{align-items:flex-start;flex-direction:column}.top-grid{grid-template-columns:1fr}.modes{grid-template-columns:repeat(3,1fr)}body.access-granted .machine{display:flex;flex-direction:column}body.access-granted .top-grid{display:contents}body.access-granted .modes{order:2;margin-bottom:14px}body.access-granted .lcd{order:3}body.access-granted .audio-deck{order:4}body.access-granted .advisor-deck{order:5}body.access-granted .primary{order:6}body.access-granted .meters-mini{order:7;margin-top:14px}.meters-mini{height:clamp(376px,101vw,448px);min-height:0;max-height:clamp(376px,101vw,448px);padding:7px 10px;gap:2px;flex:none}.vu-mini{grid-template-columns:48px 1fr 22px;font-size:clamp(9px,2.7vw,12px)}.bar{height:clamp(3px,1vw,5px)}.lcd{padding:18px 14px}.title{font-size:22px}.curr-days{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:1fr}.audio-deck{grid-template-columns:auto 1fr}.audio-deck-label{display:none}.audio-deck-time{grid-column:1 / -1;text-align:left;margin-top:4px;font-size:10px}.advisor-button{height:34px}.primary{min-width:0;margin:0 auto;font-size:10px;padding:10px 14px;letter-spacing:.1em}}
@media(max-width:480px){.source-head{align-items:flex-start;flex-wrap:wrap;gap:6px}.source-link{min-height:24px;padding:4px 6px;font-size:8px}.read-row .source-head{margin-bottom:8px}}

body.view-today-field-notes-active{
  --paper-light:#DECA9C;--paper-mid:#C8B07E;--paper-dark:#A88B5C;--paper-edge:#6B5028;
  --fn-ink:#1A130E;--ink-soft:#2D2014;--ink-faded:#4D3826;--ink-blue:#2D4860;--ink-blue-dk:#1F3450;
  --ink-red:#8C2A14;--ink-red-dk:#6B1F0E;--tape-light:#D7B47C;--tape:#B89665;--tape-dk:#8E6F3E;
  --brass-hi:#E5BB80;--brass:#B98A55;--brass-mid:#8E6437;--brass-dk:#5A3B1A;--brass-blk:#2E1A08;
  --wood-blk:#0E0805;--wood:#1A0F08;--wood-mid:#281A0E;--wood-light:#382414;--wood-warm:#4A3220;
  --rule:rgba(26,19,14,0.20);--font-display:'Permanent Marker',cursive;--font-body:'Special Elite',monospace;
  --font-tape:'Kalam',cursive;--font-marker:'Patrick Hand',cursive;--font-script:'Caveat',cursive;
  padding:0;background:#120b06;color:var(--fn-ink);overflow-x:hidden;
}
body.view-today-field-notes-active.access-granted .product-landing{display:none}
body.view-today-field-notes-active .machine{max-width:none;margin:0;padding:0;background:transparent;box-shadow:none;border-radius:0;overflow:visible}
body.view-today-field-notes-active .machine::before,body.view-today-field-notes-active .screw,body.view-today-field-notes-active .nameplate,body.view-today-field-notes-active .meters-mini,body.view-today-field-notes-active .primary,body.view-today-field-notes-active .audio-deck{display:none}
body.view-today-field-notes-active .top-grid{position:fixed;left:50%;bottom:18px;z-index:40;display:none;width:min(520px,calc(100vw - 24px));transform:translateX(-50%);grid-template-columns:1fr;margin:0;padding:10px;border-radius:6px;background:rgba(26,19,14,.92);box-shadow:0 20px 50px rgba(0,0,0,.45)}
body.view-today-field-notes-active.notebook-menu-open .top-grid{display:grid}
body.view-today-field-notes-active .modes{grid-template-columns:repeat(5,1fr)}
body.view-today-field-notes-active .lcd{min-height:0;margin:0;padding:0;background:transparent;box-shadow:none;border-radius:0;overflow:visible;color:var(--fn-ink)}
body.view-today-field-notes-active .lcd::before,body.view-today-field-notes-active .lcd::after{display:none}
.view-today,.view-today *{box-sizing:border-box}
.view-today{position:relative;width:100%;min-height:100vh;display:grid;place-items:start center;padding:0;color:var(--fn-ink);font-family:var(--font-body);letter-spacing:0;overflow:hidden}
.view-today .wood-bg{position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(ellipse at 50% -10%,rgba(0,0,0,.7) 0%,transparent 65%),radial-gradient(ellipse at 50% 110%,rgba(0,0,0,.6) 0%,transparent 65%),linear-gradient(90deg,rgba(0,0,0,.5) 0%,transparent 12%,transparent 88%,rgba(0,0,0,.48) 100%),repeating-linear-gradient(89deg,var(--wood-blk) 0px,var(--wood-mid) 1px,var(--wood) 2px,var(--wood-mid) 4px,var(--wood-light) 6px,var(--wood) 8px,var(--wood-mid) 11px,var(--wood-light) 13px,var(--wood) 16px,var(--wood-warm) 19px,var(--wood-blk) 22px,var(--wood) 26px,var(--wood-mid) 30px,var(--wood) 34px,var(--wood-light) 37px,var(--wood) 42px),repeating-linear-gradient(90deg,transparent 0px,rgba(74,50,32,.6) 80px,transparent 160px,rgba(14,8,5,.7) 240px,transparent 320px),var(--wood)}
.view-today .wood-bg::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 50px 22px at 8% 25%,rgba(0,0,0,.8),transparent 70%),radial-gradient(ellipse 80px 32px at 92% 70%,rgba(0,0,0,.75),transparent 65%),radial-gradient(ellipse 35px 18px at 95% 8%,rgba(0,0,0,.65),transparent 70%),radial-gradient(ellipse 60px 26px at 4% 88%,rgba(0,0,0,.7),transparent 65%)}
.view-today .wood-bg::after{content:'';position:absolute;inset:0;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.022 0.7' numOctaves='4' seed='19'/><feColorMatrix type='saturate' values='0'/></filter><rect width='180' height='180' filter='url(%23n)' opacity='0.55'/></svg>");opacity:.75;mix-blend-mode:multiply}
.view-today .page{position:relative;z-index:1;width:min(540px,100vw);min-height:1000px;aspect-ratio:832/1248;margin:0 auto;padding:24px 25px 30px 46px;overflow:hidden;background:radial-gradient(ellipse at 22% 12%,transparent 25%,rgba(91,60,30,.22) 70%,rgba(91,60,30,.30) 100%),radial-gradient(ellipse at 82% 92%,transparent 28%,rgba(91,60,30,.26) 75%,rgba(91,60,30,.38) 100%),radial-gradient(ellipse at 100% 0%,rgba(91,60,30,.30) 0%,transparent 25%),radial-gradient(ellipse at 0% 100%,rgba(91,60,30,.35) 0%,transparent 25%),repeating-linear-gradient(0deg,transparent 0,transparent 22px,rgba(26,19,14,.06) 22px,rgba(26,19,14,.06) 23px),repeating-linear-gradient(90deg,transparent 0,transparent 22px,rgba(26,19,14,.06) 22px,rgba(26,19,14,.06) 23px),linear-gradient(178deg,var(--paper-light) 0%,var(--paper-mid) 50%,var(--paper-dark) 100%);box-shadow:inset 0 0 100px rgba(91,60,30,.45),inset 0 -8px 16px rgba(91,60,30,.35),inset 0 6px 8px rgba(91,60,30,.20),0 24px 64px rgba(0,0,0,.85),0 10px 24px rgba(0,0,0,.65),0 4px 8px rgba(0,0,0,.55)}
.view-today .page-grain,.view-today .page-fiber{position:absolute;inset:0;pointer-events:none;mix-blend-mode:multiply;z-index:2}
.view-today .page-grain{opacity:.7;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' seed='8'/><feColorMatrix type='matrix' values='0 0 0 0 0.34 0 0 0 0 0.25 0 0 0 0 0.13 0 0 0 .24 0'/></filter><rect width='160' height='160' filter='url(%23n)'/></svg>")}
.view-today .page-fiber{opacity:.5;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='260' height='260'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.04 0.18' numOctaves='5' seed='31'/><feColorMatrix type='saturate' values='0'/></filter><rect width='260' height='260' filter='url(%23n)' opacity='.5'/></svg>")}
.view-today .binding{position:absolute;left:0;top:0;bottom:0;width:38px;z-index:5;background:linear-gradient(90deg,rgba(35,22,12,.48),rgba(238,216,168,.2) 46%,rgba(67,43,20,.22)),repeating-linear-gradient(0deg,transparent 0 18px,rgba(32,20,10,.18) 18px 21px);box-shadow:3px 0 8px rgba(26,19,14,.28)}
.view-today .coffee-stain{position:absolute;top:30px;right:-10px;width:200px;height:200px;pointer-events:none;z-index:4;mix-blend-mode:multiply;opacity:.92}
.view-today .paper-wear{position:absolute;left:30px;right:0;bottom:-7px;height:18px;z-index:5;background:linear-gradient(177deg,transparent 0 36%,rgba(90,65,40,.22) 37% 58%,transparent 60%);clip-path:polygon(0 20%,8% 55%,17% 28%,28% 72%,37% 35%,49% 64%,58% 31%,68% 67%,79% 28%,90% 55%,100% 22%,100% 100%,0 100%)}
.view-today .content{position:relative;z-index:10}
.view-today .day-header-row{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;cursor:pointer}
.view-today .day-text{margin:0;width:min-content;min-width:330px;font-family:var(--font-display);font-size:62px;line-height:.84;font-weight:400;color:rgba(26,19,14,.86);text-transform:uppercase;border-bottom:5px double rgba(26,19,14,.55);transform:rotate(.5deg)}
.view-today .week-frac{font-family:var(--font-display);font-size:50px;line-height:1;color:var(--ink-red);transform:rotate(-4deg);white-space:nowrap}
.view-today .domain-label{display:inline-flex;align-items:center;gap:8px;margin:14px 0 10px;padding:0;border:0;background:transparent;color:var(--ink-blue);font-family:var(--font-display);font-size:42px;line-height:.9;text-transform:uppercase;cursor:pointer;transform:rotate(-1.4deg)}
.view-today .domain-label .check{font-family:var(--font-script);font-size:44px;font-weight:700;color:var(--ink-blue-dk)}
.view-today .framework{position:relative;margin-top:10px}
.view-today .tape{position:relative;z-index:2;display:inline-block;margin-left:-15px;margin-bottom:-9px;padding:6px 48px 8px 38px;background:linear-gradient(90deg,rgba(215,180,124,.15),var(--tape-light) 13%,var(--tape) 50%,var(--tape-light) 87%,rgba(215,180,124,.16));clip-path:polygon(2% 16%,8% 2%,16% 12%,24% 1%,34% 10%,45% 0,56% 11%,66% 2%,77% 13%,88% 1%,98% 16%,95% 84%,88% 98%,78% 86%,68% 99%,56% 88%,45% 100%,34% 87%,23% 98%,13% 84%,4% 96%);font-family:var(--font-tape);font-size:23px;font-style:italic;font-weight:400;color:var(--fn-ink);transform:rotate(-1.2deg);box-shadow:0 4px 10px rgba(68,43,20,.18)}
.view-today .framework-card{padding:24px 16px 14px;background:rgba(232,211,164,.44);box-shadow:inset 0 0 0 1px rgba(26,19,14,.16),0 4px 12px rgba(54,32,15,.12)}
.view-today .framework-card.copied::after{content:'citation copied';position:absolute;right:12px;bottom:10px;color:var(--ink-red);font-family:var(--font-marker);font-size:15px}
.view-today .framework-card .title{margin:0 0 6px;font-family:var(--font-display);font-size:35px;line-height:.96;font-weight:400;color:var(--fn-ink);text-transform:uppercase}
.view-today .originator{font-family:var(--font-body);font-size:15px;line-height:1.05;color:var(--ink-soft)}
.view-today .citation{font-family:var(--font-body);font-size:14px;line-height:1.1;color:var(--ink-soft);border-bottom:2px solid rgba(26,19,14,.52);padding-bottom:4px;margin-top:3px}
.view-today .citation span{color:var(--ink-red);font-family:var(--font-marker);font-size:16px}
.view-today .body{margin:11px 0 0;font-family:var(--font-body);font-size:15px;line-height:23px;color:var(--fn-ink);background:repeating-linear-gradient(0deg,transparent 0 22px,rgba(26,19,14,.16) 22px 23px)}
.view-today .action-row{display:grid;grid-template-columns:minmax(0,1fr) 132px;gap:14px;align-items:center;margin:15px 0 8px}
.view-today .scenario-ticket{position:relative;min-height:98px;padding:18px 15px 14px;border:2px solid var(--ink-red);border-radius:8px;background:radial-gradient(circle at 12% 12%,rgba(95,55,25,.14),transparent 28%),linear-gradient(#DDC896,#BFA475);box-shadow:0 4px 10px rgba(50,30,12,.25),inset 0 0 20px rgba(78,48,20,.16);color:var(--ink-red);cursor:pointer;text-align:center;transform:rotate(.4deg);overflow:hidden}
.view-today .scenario-ticket::before,.view-today .scenario-ticket::after{content:'';position:absolute;top:30%;width:16px;height:42px;background:repeating-linear-gradient(0deg,rgba(61,42,28,.55) 0 1px,transparent 1px 8px)}
.view-today .scenario-ticket::before{left:-4px}.view-today .scenario-ticket::after{right:-4px}
.view-today .scenario-ticket .label{position:relative;z-index:1;display:block;font-family:var(--font-display);font-size:26px;line-height:.94;text-transform:uppercase}
.view-today .scenario-ticket .sub{position:relative;z-index:1;display:block;margin-top:7px;font-family:var(--font-body);font-size:12px;line-height:1.25;color:var(--ink-soft)}
.view-today .fn-mini-matrix{width:132px;height:110px}.view-today .fn-mini-matrix path{fill:none;stroke:rgba(26,19,14,.72);stroke-width:1.4}.view-today .fn-mini-matrix text{font-family:var(--font-marker);font-style:italic;font-size:9px;fill:var(--fn-ink)}
.view-today .audio-card{margin-top:5px;padding:7px 0 0}
.view-today .audio-header{font-family:var(--font-display);font-size:26px;line-height:1;color:var(--ink-blue);text-transform:uppercase}
.view-today .audio-main{display:grid;grid-template-columns:1fr 100px;gap:14px;align-items:center}
.view-today .waveform{cursor:pointer}.view-today .waveform svg{display:block;width:100%;height:92px}.view-today .waveform path{fill:none;stroke:var(--fn-ink);stroke-width:1.6;stroke-linecap:round}.view-today .fn-wave-dot{fill:var(--fn-ink)}
.view-today .play-stamp{position:relative;width:100px;height:100px;border-radius:50%;border:0;cursor:pointer;transform:rotate(-4deg);background:radial-gradient(circle at 50% 50%,transparent 50%,rgba(0,0,0,.2) 60%,transparent 67%),radial-gradient(circle at 50% 50%,transparent 73%,rgba(58,32,16,.75) 76%,transparent 80%),radial-gradient(circle at 32% 28%,var(--brass-hi) 0%,#CB9258 25%,var(--brass) 50%,var(--brass-mid) 70%,var(--brass-dk) 90%,var(--brass-blk) 100%);box-shadow:0 6px 14px rgba(0,0,0,.65),0 2px 4px rgba(58,32,16,.75),inset 0 -6px 10px rgba(0,0,0,.5),inset 0 5px 7px rgba(255,222,180,.5),inset 0 0 0 1.8px rgba(255,222,180,.15)}
.view-today .play-stamp::before{content:'';position:absolute;inset:0;border-radius:50%;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='90' height='90'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.5' numOctaves='3' seed='4'/></filter><rect width='90' height='90' filter='url(%23n)' opacity='.32'/></svg>");opacity:.32;mix-blend-mode:multiply}
.view-today .play-stamp svg{position:relative;z-index:1;width:100%;height:100%;display:block}.view-today .play-stamp circle{fill:transparent;stroke:rgba(46,26,8,.8);stroke-width:2}.view-today .play-stamp text{font-family:var(--font-marker);font-size:8.5px;letter-spacing:1.1px;fill:#2E1A08}.view-today .play-stamp .tri,.view-today .play-stamp .pause{fill:#2E1A08}
.view-today .waveform-times{display:flex;justify-content:space-between;padding-right:116px;margin-top:-7px;color:var(--ink-red);font-family:var(--font-marker);font-size:17px}
.view-today .host-row{margin-top:2px;color:var(--fn-ink);font-family:var(--font-script);font-size:18px;font-weight:700;font-style:italic;line-height:1.18}
.view-today .progress-strip{display:grid;grid-template-columns:1.1fr 1.1fr .75fr .7fr;gap:10px;align-items:end;margin-top:8px;padding-top:9px;border-top:1px dashed rgba(26,19,14,.24)}
.view-today .progress-strip .label{font-family:var(--font-display);font-size:14px;line-height:1;color:var(--fn-ink);text-transform:uppercase}
.view-today .streak-x{font-family:var(--font-display);font-size:24px;line-height:1;word-break:break-all}
.view-today .percent-block .pct{font-family:var(--font-display);font-size:32px;line-height:.9;color:var(--ink-red);white-space:nowrap}
.view-today .percent-block .pct-sub{font-family:var(--font-display);font-size:12px;color:var(--ink-faded)}
.view-today .fn-bars,.view-today .fn-calendar{width:100%;height:auto}.view-today .fn-bars rect,.view-today .fn-calendar rect{fill:transparent;stroke:var(--fn-ink);stroke-width:2}.view-today .fn-bars rect.filled,.view-today .fn-calendar rect.filled{fill:var(--fn-ink)}
.view-today .fn-menu-tab{position:absolute;right:18px;bottom:10px;border:0;border-radius:6px 6px 0 0;background:rgba(26,19,14,.13);color:var(--ink-faded);font-family:var(--font-marker);font-size:12px;padding:4px 10px;cursor:pointer}
@media(max-width:600px){.view-today{align-items:start}.view-today .page{width:100vw;min-height:max(1050px,100vh);padding:18px 18px 22px 42px}.view-today .day-text{font-size:46px;min-width:250px}.view-today .week-frac{font-size:36px}.view-today .domain-label{font-size:32px}.view-today .domain-label .check{font-size:36px}.view-today .tape{font-size:20px}.view-today .framework-card .title{font-size:29px}.view-today .body{font-size:13px;line-height:20px}.view-today .action-row{grid-template-columns:minmax(0,1fr) 112px;gap:9px}.view-today .scenario-ticket{min-height:86px}.view-today .scenario-ticket .label{font-size:20px}.view-today .scenario-ticket .sub{font-size:10px}.view-today .fn-mini-matrix{width:112px}.view-today .audio-main{grid-template-columns:1fr 78px}.view-today .play-stamp{width:78px;height:78px}.view-today .waveform svg{height:72px}.view-today .waveform-times{padding-right:92px;font-size:15px}.view-today .host-row{font-size:16px}.view-today .progress-strip{grid-template-columns:1fr 1fr;gap:7px}.view-today .coffee-stain{top:22px;right:-36px;width:160px;height:160px}body.view-today-field-notes-active .modes{grid-template-columns:repeat(5,1fr);gap:5px}body.view-today-field-notes-active .modes button{height:38px;padding:7px 6px;font-size:9px}}
@media(max-width:380px){.view-today .page{padding-left:36px;padding-right:14px}.view-today .day-text{font-size:42px;min-width:225px}.view-today .framework-card .title{font-size:26px}.view-today .originator,.view-today .citation{font-size:12px}.view-today .body{font-size:12px;line-height:18px}.view-today .audio-header{font-size:22px}.view-today .progress-strip .label{font-size:12px}.view-today .streak-x{font-size:20px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* Exact-match photo pass.
   The pure CSS reconstruction kept reading as a web card stack. Kyle's
   reference is a photographed notebook page, so the Today view now uses the
   provided notebook art as the visual base and keeps the existing stateful
   controls as transparent hit areas on top. */
body.view-today-field-notes-active{background:#28160b}
.view-today{min-height:100svh;padding:0;background:#28160b}
.view-today::before{
  content:'';
  position:fixed;
  inset:0;
  z-index:0;
  background:#28160b url("assets/textures/field-notes-reference-clean-20260507.jpg") center/cover no-repeat;
  filter:blur(10px) brightness(.48) saturate(.85);
  transform:scale(1.06);
  pointer-events:none;
}
.view-today .wood-bg,
.view-today .page-grain,
.view-today .page-fiber,
.view-today .binding,
.view-today .coffee-stain,
.view-today .paper-wear{display:none}
.view-today .page{
  width:min(100vw,540px);
  min-height:0;
  aspect-ratio:832/1248;
  margin:0 auto;
  padding:0;
  overflow:hidden;
  background:#28160b url("assets/textures/field-notes-reference-clean-20260507.jpg") center/cover no-repeat;
  box-shadow:0 26px 64px rgba(0,0,0,.72);
}
.view-today .content{
  position:absolute;
  inset:0;
  z-index:2;
  opacity:0;
}
.view-today .content [data-notebook-action],
.view-today .content button{pointer-events:auto}
.view-today [data-notebook-action]{cursor:pointer}
.view-today [data-notebook-action]:focus-visible{outline:2px solid rgba(45,72,96,.75);outline-offset:3px}
.view-today .day-header-row{position:absolute;left:14%;top:8%;right:9%;height:12%}
.view-today .domain-label{position:absolute;left:17%;top:20%;width:46%;height:7%;margin:0}
.view-today .framework{position:absolute;left:13%;top:28%;right:9%;height:25%;margin:0}
.view-today .action-row{position:absolute;left:13%;top:55%;right:8%;height:13%;margin:0;display:block}
.view-today .scenario-ticket{position:absolute;left:0;top:0;width:68%;height:100%}
.view-today .fn-mini-matrix{position:absolute;right:0;top:0;width:26%;height:100%}
.view-today .audio-card{position:absolute;left:13%;top:70%;right:8%;height:15%;margin:0;padding:0}
.view-today .audio-main{position:absolute;inset:0;display:block}
.view-today .waveform{position:absolute;left:0;top:28%;width:70%;height:55%}
.view-today .play-stamp{position:absolute;right:0;top:4%;width:24%;height:92%}
.view-today .progress-strip{position:absolute;left:13%;right:8%;bottom:4%;height:9%;margin:0;padding:0;border:0;display:block}
.view-today .fn-menu-tab{
  right:4px;
  bottom:4px;
  opacity:.08;
  background:transparent;
}
.view-today .live-audio-meter{
  position:absolute;
  left:12.7%;
  top:81.2%;
  width:55%;
  height:3.4%;
  z-index:3;
  display:grid;
  grid-template-columns:38px minmax(0,1fr) 38px;
  gap:7px;
  align-items:center;
  padding:1px 3px;
  color:#7D2512;
  font-family:var(--font-marker);
  font-size:15px;
  line-height:1;
  text-shadow:0 1px 0 rgba(235,218,174,.45);
  pointer-events:auto;
}
.view-today .live-audio-rail{
  position:relative;
  height:6px;
  border-radius:999px;
  background:rgba(45,32,21,.24);
  box-shadow:inset 0 0 0 1px rgba(26,19,14,.12);
}
.view-today .live-audio-fill{
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:0%;
  border-radius:999px;
  background:#1A130E;
  opacity:.72;
}
.view-today .live-audio-dot{
  position:absolute;
  left:0%;
  top:50%;
  width:9px;
  height:9px;
  border-radius:50%;
  background:#1A130E;
  transform:translate(-50%,-50%);
  box-shadow:0 0 0 2px rgba(229,203,151,.72);
}
.view-today .live-stats{
  position:absolute;
  left:9.5%;
  right:8.2%;
  bottom:4.35%;
  height:8.4%;
  z-index:3;
  display:grid;
  grid-template-columns:1.05fr 1fr .9fr .75fr;
  gap:6px;
  align-items:end;
  pointer-events:auto;
}
.view-today .live-stats div{
  min-width:0;
  padding:4px 4px 2px;
  background:rgba(229,211,167,.52);
  border-radius:3px;
  box-shadow:inset 0 0 0 1px rgba(26,19,14,.10),0 1px 2px rgba(45,32,21,.10);
  transform:rotate(var(--tilt, .2deg));
}
.view-today .live-stats div:nth-child(2){--tilt:-.3deg}
.view-today .live-stats div:nth-child(3){--tilt:.35deg}
.view-today .live-stats div:nth-child(4){--tilt:-.2deg}
.view-today .live-stats span,
.view-today .live-stats em{
  display:block;
  color:#2A1B10;
  font-family:var(--font-display);
  font-size:11px;
  line-height:.95;
  font-style:normal;
  text-transform:uppercase;
}
.view-today .live-stats strong{
  display:block;
  margin-top:1px;
  color:#8C2A14;
  font-family:var(--font-display);
  font-size:22px;
  line-height:.9;
  font-weight:400;
}
.view-today .live-stats em{
  color:#4D3826;
  font-size:10px;
}
.view-today .notebook-panel{
  position:absolute;
  left:8%;
  right:7%;
  top:22%;
  z-index:8;
  max-height:62%;
  overflow:auto;
  padding:18px 16px 14px;
  background:
    radial-gradient(ellipse at 12% 6%,rgba(255,245,216,.58),transparent 42%),
    linear-gradient(177deg,rgba(232,214,170,.96),rgba(199,174,126,.96));
  border:1px solid rgba(60,38,18,.24);
  border-radius:5px;
  box-shadow:0 18px 42px rgba(24,13,5,.48),inset 0 0 24px rgba(93,58,24,.14);
  color:#1A130E;
  font-family:var(--font-body);
}
.view-today .notebook-panel .card{
  margin:0;
  padding:0;
  border:0;
  background:transparent;
  color:#1A130E;
}
.view-today .notebook-panel .amber{
  color:#8C2A14;
  font-family:var(--font-display);
  font-size:18px;
  line-height:1;
}
.view-today .notebook-panel h3{
  margin:8px 0 12px;
  font-family:var(--font-display);
  font-weight:400;
  font-size:24px;
  line-height:1.05;
  color:#1A130E;
}
.view-today .notebook-panel p{
  margin:10px 0;
  font-size:14px;
  line-height:1.42;
}
.view-today .notebook-panel .choice,
.view-today .panel-action{
  width:100%;
  margin:8px 0;
  padding:10px 11px;
  border:1px solid rgba(26,19,14,.28);
  border-radius:4px;
  background:rgba(244,228,186,.72);
  color:#1A130E;
  font-family:var(--font-body);
  font-size:13px;
  line-height:1.25;
  text-align:left;
  cursor:pointer;
  box-shadow:0 1px 0 rgba(255,255,255,.45),inset 0 -1px 0 rgba(82,51,22,.16);
}
.view-today .notebook-panel .choice.good{border-color:rgba(41,91,58,.55)}
.view-today .notebook-panel .choice.warn{border-color:rgba(148,93,19,.55)}
.view-today .notebook-panel .choice.bad{border-color:rgba(140,42,20,.55)}
.view-today .panel-actions{margin-top:10px}
.view-today .panel-action{
  text-align:center;
  text-transform:uppercase;
  font-family:var(--font-display);
  color:#8C2A14;
  font-size:17px;
}
.view-today .panel-close{
  position:absolute;
  top:5px;
  right:8px;
  border:0;
  background:transparent;
  color:#4D3826;
  font-family:var(--font-display);
  font-size:24px;
  line-height:1;
  cursor:pointer;
}
@media(max-width:600px){
  .view-today{align-items:start}
  .view-today .page{
    width:100vw;
    max-width:none;
    height:auto;
    min-height:0;
    aspect-ratio:832/1248;
    padding:0;
  }
  .view-today .live-audio-meter{font-size:13px;grid-template-columns:34px minmax(0,1fr) 34px}
  .view-today .live-stats{left:8.8%;right:7.4%;gap:4px}
  .view-today .live-stats div{padding:3px 3px 1px}
  .view-today .live-stats span,.view-today .live-stats em{font-size:9px}
  .view-today .live-stats strong{font-size:18px}
  .view-today .notebook-panel{left:6%;right:5%;top:20%;max-height:64%;padding:16px 14px 12px}
  .view-today .notebook-panel h3{font-size:21px}
}