:root{--text-primary: #242321;--text-secondary: #6c6963;--text-muted: #8c8579;--text-danger: #a1382c;--bg-danger: #f7e6de;--surface-1: #ead9c4;--surface-2: #ffffff;--border: #ddd0bb;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06);--radius: 8px}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:#f3ebdd;color:var(--text-primary)}#root{max-width:480px;margin:0 auto;padding:1rem;box-sizing:border-box}button{cursor:pointer;border:1px solid #c8bfae;border-radius:8px;padding:8px 14px;background:#f5efe4;box-shadow:0 1px 2px #00000014,inset 0 1px #fff9;transition:transform .06s ease,box-shadow .1s ease,background .1s ease;font:inherit}button:hover{background:#efe6d8;box-shadow:0 2px 5px #0000001f,inset 0 1px #fff9}button:active{transform:translateY(1px);box-shadow:0 1px 1px #00000014;background:#e6dbc9}button.btn-primary{background:#7a4e35;border-color:#533b2c;color:#fff;box-shadow:0 1px 2px #00000040,inset 0 1px #ffffff26}button.btn-primary:hover{background:#60412f}button.btn-primary:active{background:#533b2c}button.btn-goal{background:#dc9646;border-color:#b9782f;color:#fff;box-shadow:0 1px 2px #00000040,inset 0 1px #ffffff26}button.btn-goal:hover{background:#c2823a}button.btn-goal:active{background:#b9782f}button.btn-danger{background:#a1382c;border-color:#7a2a1f;color:#fff;box-shadow:0 1px 2px #00000040,inset 0 1px #ffffff26}button.btn-danger:hover{background:#b5483a}button.btn-danger:active{background:#7a2a1f}input,select,textarea{box-sizing:border-box;max-width:100%;font:inherit}input:not([type=file]),select,textarea{border:1px solid #c8bfae;border-radius:8px;padding:8px 10px;background:var(--surface-2);color:var(--text-primary)}input[type=date],input[type=time]{min-width:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}h1,h2,h3,h4{margin:0;font-weight:700;font-family:inherit}h1{font-size:1.375rem}h2{font-size:1.1875rem}h3{font-size:1.125rem}.bookshelf-scroll{-webkit-overflow-scrolling:touch;scrollbar-width:thin}.bookshelf-scroll::-webkit-scrollbar{height:8px}.bookshelf-scroll::-webkit-scrollbar-thumb{background:#0003;border-radius:4px}.bookshelf-scroll::-webkit-scrollbar-track{background:transparent}.bookshelf-spine{box-shadow:1px 2px 4px #00000040,inset -3px 0 6px #00000026;transition:transform .12s ease,box-shadow .12s ease}.bookshelf-spine:hover,.bookshelf-spine:focus-visible{transform:translateY(-6px);box-shadow:2px 8px 12px #0000004d,inset -3px 0 6px #00000026}.bookshelf-spine:active{transform:translateY(-2px)}