*,:before,:after{box-sizing:border-box}body{color:#222;background:#fff;margin:0;font-family:Georgia,Times New Roman,serif;font-size:18px;line-height:1.7}#root{max-width:680px;margin:0 auto;padding:0 1.5rem}.site{flex-direction:column;min-height:100vh;display:flex;position:relative}.site-header{border-bottom:1px solid #ccc;margin-bottom:2.5rem;padding:3rem 0 2rem}.site-header h1{letter-spacing:0;margin:0 0 .2rem;font-size:2rem;font-weight:400}.tagline{color:#555;margin:0 0 1.2rem;font-style:italic}nav{gap:1.5rem;display:flex}nav a{color:#222;font-size:.95rem;text-decoration:none}nav a:hover{text-decoration:underline}main{flex:1}main section{margin-bottom:3rem}main section h2{text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #ddd;margin:0 0 .75rem;padding-bottom:.4rem;font-size:1.15rem;font-weight:700}main p{margin-bottom:.8rem}main ul{margin:0;padding-left:1.4rem}main li{margin-bottom:.4rem}a{color:#222}.site-footer{color:#777;border-top:1px solid #ccc;margin-top:1rem;padding:1.5rem 0;font-size:.85rem}.vandal-toggle{cursor:pointer;z-index:9998;background:#fff;border:1px solid #999;padding:.5rem .9rem;font-family:inherit;font-size:.85rem;position:fixed;bottom:1.2rem;right:1.2rem}.vandal-toggle:hover{background:#f5f5f5}.vandal-toggle--active{color:#fff;background:#222;border-color:#222}.vandal-wrapper{z-index:9997;pointer-events:none;width:100vw;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.vandal-canvas{pointer-events:all;width:100%;height:100%;position:absolute;inset:0}.vandal-canvas--brush{cursor:crosshair}.vandal-canvas--eraser{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28'%3E%3Cpath d='M6 18l8-8 8 8-5 5H11z' fill='%23f2a0c5' stroke='%23555' stroke-width='1.5'/%3E%3Cpath d='M17 23h7' stroke='%23555' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E") 4 24,auto}.vandal-canvas--trail{cursor:default}.vandal-toolbar{pointer-events:all;z-index:10000;background:#fff;border:1px solid #999;flex-direction:column;align-items:stretch;gap:.5rem;width:180px;padding:.6rem;display:flex;position:fixed;top:50%;left:1rem;transform:translateY(-50%)}.vandal-toolbar-title{text-transform:uppercase;letter-spacing:.08em;color:#555;border-bottom:1px solid #ddd;padding-bottom:.3rem;font-size:.75rem}.vandal-tools{flex-direction:column;gap:.35rem;display:flex}.vandal-tool{text-align:left;cursor:pointer;background:#f5f5f5;border:1px solid #bbb;padding:.35rem .5rem;font-family:inherit;font-size:.8rem}.vandal-tool--active{color:#fff;background:#222;border-color:#222}.vandal-control{color:#444;flex-direction:column;gap:.25rem;font-size:.75rem;display:flex}.vandal-color-wheel{cursor:pointer;background:#fff;border:1px solid #bbb;width:100%;height:32px;padding:2px}.vandal-thickness{cursor:pointer;width:100%;margin:0}.vandal-thickness-value{color:#666;font-size:.72rem}.vandal-trail-select{background:#fff;border:1px solid #bbb;width:100%;padding:.2rem;font-family:inherit;font-size:.8rem}.vandal-check{color:#444;align-items:center;gap:.4rem;font-size:.76rem;display:flex}.vandal-check input{margin:0}.vandal-current{color:#666;border-top:1px solid #ddd;padding-top:.4rem;font-size:.72rem}.vandal-clear,.vandal-close{cursor:pointer;text-align:left;background:#fff;border:1px solid #999;padding:.35rem .55rem;font-family:inherit;font-size:.8rem}.vandal-clear:hover,.vandal-close:hover{background:#f5f5f5}