:root{--ink:#1f2933;--paper:#fdf6e3;--paper-line:#e8dcc0;--accent:#e8590c;--accent-2:#1c7ed6;--pencil:#52606d}*{box-sizing:border-box}body{color:var(--ink);background-color:var(--paper);background-image:linear-gradient(90deg, transparent 62px, #f6b8b8 63px, #f6b8b8 64px, transparent 65px), repeating-linear-gradient(transparent, transparent 31px, var(--paper-line) 31px, var(--paper-line) 32px);background-attachment:fixed;min-height:100vh;margin:0;font-family:Kalam,Comic Sans MS,cursive}.app{max-width:720px;margin:0 auto;padding:2.5rem 1.5rem 4rem}h1,h2,h3{letter-spacing:.5px;margin:0;font-family:Gaegu,Comic Sans MS,cursive;font-weight:700}.app-title{margin-bottom:.25rem;font-size:3rem;line-height:1;display:inline-block;transform:rotate(-2deg)}.section-title{font-size:1.6rem;display:inline-block;transform:rotate(-1deg)}.heading-wrap{margin-bottom:1.25rem}.rough-box{position:relative}.rough-box__svg,.rough-button .rough-box__svg{pointer-events:none;position:absolute;inset:0;overflow:visible}.rough-box__inner{z-index:1;position:relative}.rough-underline{margin-top:-2px;line-height:0;display:block}.card{background:#ffffff59;margin-bottom:2rem;padding:1.5rem 1.75rem}.card:nth-of-type(odd){transform:rotate(-.5deg)}.card:nth-of-type(2n){transform:rotate(.4deg)}.book-form{flex-wrap:wrap;align-items:stretch;gap:.9rem;display:flex}.sketch-field{flex:140px;min-width:120px}.sketch-field.wide{flex:100%}.sketch-input{width:100%;color:var(--ink);background:0 0;border:none;outline:none;padding:.6rem .8rem;font-family:Kalam,cursive;font-size:1rem}.sketch-input::placeholder{color:var(--pencil);opacity:.7}.rough-button{cursor:pointer;color:var(--ink);background:0 0;border:none;padding:.55rem 1.4rem;font-family:Gaegu,Comic Sans MS,cursive;font-size:1.15rem;font-weight:700;transition:transform .12s;position:relative}.rough-button__label{z-index:1;position:relative}.rough-button:hover{transform:translateY(-2px)rotate(-1deg)}.rough-button:active{transform:translateY(1px)scale(.98)}.rough-button.tiny{padding:.25rem .75rem;font-size:.95rem}.search-field{flex:none;width:100%;max-width:420px;margin-bottom:1.5rem}.book-list{flex-direction:column;gap:1rem;margin:0;padding:0;list-style:none;display:flex}.book-item{padding:.9rem 1.1rem}.book-item .rough-box__inner{align-items:center;gap:.85rem;display:flex}.book-item:nth-child(3n){transform:rotate(-.6deg)}.book-item:nth-child(3n+1){transform:rotate(.5deg)}.book-bullet{flex:none;line-height:0}.book-meta{flex-direction:column;flex:auto;gap:.15rem;min-width:0;display:flex}.book-title{font-family:Gaegu,cursive;font-size:1.3rem;font-weight:700}.book-author{color:var(--pencil);font-size:1rem}.book-stats{flex-direction:column;flex:none;align-items:flex-end;gap:.4rem;margin-left:auto;padding-left:1rem;display:flex}.book-tag{color:var(--pencil);border:1.5px dashed var(--paper-line);border-radius:10px;padding:.05rem .5rem;font-family:Kalam,cursive;font-size:.9rem}.book-actions{flex:none;gap:.5rem;margin-top:.35rem;display:flex}.state-msg{color:var(--pencil);font-family:Gaegu,cursive;font-size:1.3rem}.state-msg.error{color:var(--accent)}.modal-overlay{z-index:1000;background:#1f293359;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-content{background:var(--paper);background-image:repeating-linear-gradient(transparent, transparent 31px, var(--paper-line) 31px, var(--paper-line) 32px);min-width:340px;max-width:90vw;padding:1.75rem 2rem;position:relative;transform:rotate(-1deg)}.modal-content form{flex-direction:column;gap:1rem;display:flex}.modal-actions{gap:.75rem;margin-top:.5rem;display:flex}.confirm-text{color:var(--ink);max-width:32ch;margin:0 0 .5rem;font-family:Kalam,cursive;font-size:1.1rem}