*{box-sizing:border-box}html,body,#root{margin:0;padding:0;min-height:100%}body{font-family:Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased;background:var(--app-bg, #F4EFE4);color:var(--ink, #2E271B);transition:background .25s ease,color .25s ease;overscroll-behavior:none}:root{--app-bg: #F4EFE4;--ink: #2E271B;--border: #E2D9C4;--gold: #B8892B;--surface: #FFFFFF;--surface-alt: #FBF7EC;--muted: #9A8F73;--shadow-strong: 0 22px 46px rgba(60, 45, 25, .35);--shadow-soft: 0 12px 32px rgba(60, 45, 25, .22);--shadow-subtle: 0 4px 10px rgba(60, 45, 25, .12);--scrim: rgba(46, 39, 27, .35)}html.dark{--app-bg: #14120E;--ink: #EFE5D2;--border: #2E2A22;--gold: #D4A846;--surface: #1F1C16;--surface-alt: #262119;--muted: #8A8171;--shadow-strong: 0 22px 46px rgba(0, 0, 0, .6);--shadow-soft: 0 12px 32px rgba(0, 0, 0, .45);--shadow-subtle: 0 4px 10px rgba(0, 0, 0, .4);--scrim: rgba(0, 0, 0, .55)}html.lamp{--app-bg: #E8D8B8;--ink: #3A2E1E;--border: #C9B58C;--gold: #9A7020;--surface: #F4E8CE;--surface-alt: #EBDFC2;--muted: #8B7A5A}button,input,textarea,select{font:inherit;color:inherit}@media print{body{background:#fff!important}.no-print{display:none!important}}@keyframes ribbonDrop{0%{transform:translate(-50%) translateY(-8px);opacity:.6}60%{transform:translate(-50%) translateY(2px);opacity:1}to{transform:translate(-50%) translateY(0);opacity:1}}.notebook-page-wrapper{display:flex;justify-content:center;width:100%;padding:0 80px;box-sizing:border-box}@media (max-width: 640px){.notebook-page-wrapper{padding:0 8px}}@media (min-width: 641px) and (max-width: 900px){.notebook-page-wrapper{padding:0 40px}}.notebook-bottom-bar{display:flex;align-items:center;gap:8px;width:100%}.notebook-bottom-strip{display:flex;gap:6px;overflow-x:auto;flex:1;padding:2px 0}.notebook-bottom-zoom{display:flex;align-items:center;gap:6px}@media (max-width: 640px){.notebook-bottom-bar{flex-direction:column;align-items:stretch;gap:8px}.notebook-bottom-strip{order:1}.notebook-bottom-zoom{order:2;justify-content:center}}