:root{--paper: #f4f2e9;--sand: #e2dfd3;--ink: #202825;--line: #20282533;--blue: #8fc6da;--font-handwritten: "Segoe Print", "Bradley Hand", cursive;--fabric-weave: repeating-linear-gradient( 0deg, transparent 0 2px, #77776c0a 2px 3px );--motion-ease: cubic-bezier(.16, 1, .3, 1);font-family:Arial,sans-serif;color:var(--ink);background:var(--paper)}*{box-sizing:border-box}body{margin:0}a{color:inherit}button,input,select,textarea{font:inherit}button{padding:.7rem 1rem;min-height:44px;border:1px solid var(--ink);background:transparent;cursor:pointer}button:disabled{opacity:.5;cursor:default}input,textarea,select{width:100%;padding:.8rem;border:1px solid var(--line);background:#fff8;color:var(--ink)}textarea{font-family:monospace;font-size:.85rem}label{display:grid;gap:.5rem;margin:1rem 0}h1{font-size:clamp(2.5rem,5vw,4rem);font-weight:500;letter-spacing:-.05em}h2{font-size:1.5rem;font-weight:500}.page{padding:2rem clamp(1rem,4vw,4rem)}.heading,.actions{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.heading h1{margin-right:auto}.workspace{display:grid;grid-template-columns:1fr 1.2fr;gap:2rem;align-items:start}.panel{padding:1.5rem;border:1px solid var(--line);margin:1rem 0;background:var(--sand)}table{width:100%;border-collapse:collapse}td,th{padding:.8rem;border-bottom:1px solid var(--line);text-align:left}td button{margin-right:.5rem}p{line-height:1.6}.eyebrow{font:.7rem monospace}.paper-surface{background:var(--sand)}.text-link{border:0;text-decoration:underline}summary{cursor:pointer;min-height:44px}:focus-visible{outline:3px solid #136982;outline-offset:3px}@media(max-width:900px){.workspace{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}button,.button,.icon-button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border-radius:7px;text-decoration:none;font-size:.85rem;line-height:1.3;transition:background .15s}.button,.icon-button{padding:.7rem 1rem;min-height:44px;border:1px solid var(--line)}button:hover:not(:disabled),.button:hover,.icon-button:hover{background:#dfe5d9}.primary{background:var(--ink);color:var(--paper);border-color:var(--ink)}.primary:hover:not(:disabled),a.primary:hover{background:#3d4d40}.icon-button{padding:.7rem;flex-shrink:0}.surface{padding:1.5rem;border:1px solid var(--line);border-radius:12px;background:#fff9}input,select,textarea{border-radius:6px;min-width:0;max-width:100%}.page,.editor-page{min-width:0;max-width:100%}.page h1{margin:.5rem 0}.heading{justify-content:space-between}.heading p{color:#657069;font-size:.9rem}.eyebrow{letter-spacing:.12em;color:#657069}.empty-state{padding:4rem 1rem;text-align:center;border:1px dashed var(--line);border-radius:12px;margin:2rem 0}.empty-state>app-icon{width:2rem;height:2rem}p,summary{overflow-wrap:anywhere}fieldset{min-width:0}[hidden]{display:none!important}@media(max-width:750px){.page{padding:1.5rem 1rem}.heading{gap:.75rem}.heading h1{font-size:2.7rem}.surface,.panel{padding:1rem}.actions{gap:.5rem}.panel summary{font-size:.9rem}.panel .actions button{flex-grow:1}.panel p{font-size:.85rem}.login{padding:1rem!important}.login form{padding:1.5rem!important}.annotation-editor{max-width:100%}}