:root{color:#20180f;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#efe7da;font-family:Inter,Segoe UI,Arial,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at top,#fffc,#0000 35%),linear-gradient(#f4eee4 0%,#e4d7c0 100%);min-height:100vh;margin:0}body,button,textarea{font:inherit}button{cursor:pointer}textarea{color:inherit}#app{min-height:100vh;padding:32px}.app-shell{gap:24px;max-width:1700px;margin:0 auto;display:grid}.panel,.preview-panel{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffaf2c7;border:1px solid #47341f29;border-radius:28px;box-shadow:0 22px 55px #45321e1f}.panel{padding:24px}.intro-panel{justify-content:space-between;align-items:end;gap:24px;display:flex}.intro-panel h1,.panel-header h2,.preview-header h2{letter-spacing:-.04em;color:#23170e;margin:0;font-weight:600}.intro-panel h1{max-width:14ch;font-size:clamp(2.5rem,3vw,4rem);line-height:.95}.panel-header,.preview-header{justify-content:space-between;align-items:center;gap:24px;display:flex}.preview-header{align-items:flex-end}.intro-copy{color:#574734;max-width:62ch;margin:12px 0 0;line-height:1.5}.eyebrow{letter-spacing:.14em;text-transform:uppercase;color:#7f6648;margin:0 0 10px;font-size:.76rem;font-weight:700}.print-button,.slider-button,.preview-toggle-button{color:#23170e;background:#fffaf1;border:1px solid #4c39242e;transition:transform .15s,background-color .15s,box-shadow .15s}.print-button:hover,.slider-button:hover,.preview-toggle-button:hover{background:#fff;transform:translateY(-1px);box-shadow:0 10px 25px #46331f1f}.print-button{white-space:nowrap;border-radius:999px;padding:14px 22px;font-weight:600}.editor-panel{gap:20px;display:grid}.slider-controls{gap:10px;display:flex}.slider-button{border-radius:50%;width:48px;height:48px;font-size:1.1rem}.preview-toggle{background:#fffaf1c7;border:1px solid #4c392424;border-radius:999px;padding:4px;display:inline-flex;box-shadow:inset 0 1px #ffffffe6}.preview-toggle-button{color:#6f573c;min-width:116px;box-shadow:none;background:0 0;border:none;border-radius:999px;padding:10px 18px;font-size:.96rem;font-weight:600}.preview-toggle-button.is-active{color:#23170e;background:#fff;box-shadow:0 12px 20px #46331f1f}.notes-track{overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:thin;grid-auto-columns:calc(25% - 12px);grid-auto-flow:column;gap:16px;padding-bottom:6px;display:grid;overflow-x:auto}.note-card{scroll-snap-align:start;background:linear-gradient(#fffaf2 0%,#f8efe2 100%);border:1px solid #56412724;border-radius:22px;min-height:270px;padding:18px;box-shadow:inset 0 1px #ffffffe6}.note-input{resize:none;color:#2b1d12;background:0 0;border:none;outline:none;width:100%;height:100%;min-height:232px;line-height:1.45}.note-input::placeholder{color:#967a5a}.preview-panel{gap:18px;padding:24px;display:grid}.pages{align-items:flex-start;gap:24px;display:flex;overflow-x:auto}.page-frame{flex:none;gap:10px;display:grid}.page-caption{letter-spacing:.14em;text-transform:uppercase;color:#81684a;margin:0;font-size:.78rem;font-weight:700}.page-sheet{background:#fff;border-radius:18px;width:210mm;height:297mm;padding:15mm;box-shadow:0 28px 60px #2a1f1226}.page-grid{border-top:1px solid #261a10;border-left:1px solid #261a10;grid-template-rows:repeat(4,minmax(0,1fr));grid-template-columns:repeat(3,minmax(0,1fr));width:100%;height:100%;display:grid}.page-cell{white-space:pre-wrap;word-break:break-word;text-align:left;color:#181008;border-bottom:1px solid #261a10;border-right:1px solid #261a10;padding:1.5mm;font-size:4pt;line-height:1.2;overflow:hidden}@page{size:A4 portrait;margin:15mm}@media print{:root,body{background:#fff}#app{padding:0}.screen-only{display:none!important}.app-shell,.preview-panel,.pages,.page-frame{display:block}.preview-panel{box-shadow:none;background:0 0;border:none;border-radius:0;padding:0}.page-frame{break-after:page;page-break-after:always}.page-frame:last-child{break-after:auto;page-break-after:auto}.page-sheet{width:180mm;height:267mm;box-shadow:none;border-radius:0;padding:0}}