:root{color:#1c1915;background:#f4f1ea;font-family:Iowan Old Style,Palatino Linotype,Palatino,Georgia,serif;line-height:1.4}*{box-sizing:border-box}body{margin:0;min-height:100vh}button,input,a{font:inherit}button,.primary,.pill,.text{border:0;background:transparent;color:inherit}.shell{width:min(440px,100%);margin:0 auto;padding:28px 20px 112px}.mark{margin:0;letter-spacing:.14em;text-transform:uppercase;font-size:12px;font-family:Avenir Next,Segoe UI,sans-serif}h1,h2,p{margin:0}h1{font-size:34px;font-weight:500;line-height:1.15;margin-top:12px}h2{font-size:22px;font-weight:500}.lede,.quiet,.desc{color:#6b645c}.lede{margin-top:10px}.desc{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.quiet{font-family:Avenir Next,Segoe UI,sans-serif;font-size:13px}.desc{margin-top:8px}.login{display:grid;gap:16px;padding-top:12vh}.login label{display:grid;gap:6px;font-family:Avenir Next,Segoe UI,sans-serif;font-size:13px}input{width:100%;border:1px solid #d9d0c4;background:#fffcf7;color:inherit;border-radius:10px;padding:12px 14px}.primary,button,.queue a,.hero a{border-radius:999px;padding:10px 14px;background:#efe8dc;text-decoration:none;color:inherit;font-family:Avenir Next,Segoe UI,sans-serif;font-size:14px}.primary{background:#1f4d3a;color:#f4f1ea}.hero .go,.queue .go{display:flex;justify-content:center;width:100%;margin-top:14px;padding:14px 18px;border-radius:12px;background:#1f4d3a;color:#f4f1ea;font-family:Avenir Next,Segoe UI,sans-serif;font-size:17px;font-weight:600;letter-spacing:.02em;text-decoration:none}.queue.done a.go.compact{width:25%;margin-top:0;padding:10px 8px;background:#8d877c;color:#f7f4ee;font-size:14px}.queue.fav{background:transparent;border:0}.queue.fav li{background:#fffcf7;border:1px solid #e0b322;border-radius:16px;margin-bottom:12px}.queue.done{background:#e4dfd6;border-color:#d3cdc2}.queue.done li{border-top-color:#d3cdc2}.thumb{position:relative}.badge{position:absolute;top:18px;right:8px;width:28px;height:28px;display:grid;place-items:center;border-radius:999px;background:#f0c84a;color:#1c1915}.icon-btn{width:40px;height:40px;padding:0;display:grid;place-items:center;border-radius:10px}.note{width:100%;min-height:72px;margin-top:4px;resize:vertical;border:1px solid #d9d0c4;background:#f7f1e6;color:inherit;border-radius:12px;padding:12px 14px;font-family:Iowan Old Style,Palatino Linotype,Palatino,Georgia,serif;font-size:16px;line-height:1.4}.note::placeholder{color:#8a8378}button:disabled,.primary:disabled{opacity:.45}.top,.actions,.switch,.pills,.composer{display:flex;gap:8px;align-items:center}.top{justify-content:space-between}.text{padding-inline:0;background:transparent}.switch{margin-top:22px}.switch button{flex:1}.switch button.on,.pill.on{background:#1c1915;color:#f4f1ea}.pills{flex-wrap:wrap;margin-top:12px}.pill{padding:6px 10px;font-size:13px}.hero,.setup,.queue{margin-top:18px;background:#fffcf7;border:1px solid #e4dcd0;border-radius:16px}.hero,.setup{padding:16px}.setup{display:grid;gap:10px}.setup ol{margin:0;padding-left:18px;display:grid;gap:8px}.setup code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.frame{width:100%;height:190px;object-fit:cover;border-radius:12px;margin:10px 0;background:#e7e0d4}.frame.plain{display:grid;place-items:center;font-family:Avenir Next,Segoe UI,sans-serif;letter-spacing:.08em;text-transform:uppercase;font-size:12px;color:#6b645c}.eyebrow{font-family:Avenir Next,Segoe UI,sans-serif;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#1f4d3a}.actions{justify-content:space-between;width:100%;margin-top:12px}.cluster{display:flex;gap:8px;align-items:center}.queue{list-style:none;padding:0}.queue li{display:grid;gap:8px;padding:14px 16px;border-top:1px solid #e4dcd0}.queue:not(.fav) li:first-child{border-top:0}.title{font-size:17px}.composer{position:fixed;left:50%;bottom:0;transform:translate(-50%);width:min(440px,100%);padding:12px 20px calc(12px + env(safe-area-inset-bottom));background:#f4f1ea;border-top:1px solid #e4dcd0}.composer input{flex:1}.composer .primary{flex:none}.error,.notice,.empty{margin-top:14px}.error{color:#8a2e24}.notice{color:#1f4d3a}.bookmarklet{display:inline-block;background:#1f4d3a;color:#f4f1ea;text-decoration:none;border-radius:999px;padding:8px 12px;font-family:Avenir Next,Segoe UI,sans-serif;font-size:14px}