:root{color-scheme:light;--bg:#fafafa;--ink:#262626;--muted:#737373;--line:#e4e4e4}*{box-sizing:border-box}body,html{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px}button,input,textarea{font:inherit}a,button,input,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:1px solid var(--line);border-radius:5px;background:white;padding:9px 13px;color:inherit}button:hover{background:#f0f0f0}button:disabled,button[aria-disabled=true]{opacity:.55;cursor:wait}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible,textarea:focus-visible{outline:2px solid #444;outline-offset:4px}input,textarea{border:1px solid var(--line);border-radius:4px;background:white;color:inherit;padding:12px;min-width:0;width:100%}input::placeholder,textarea::placeholder{color:#828282}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}.canvas{min-height:100vh;padding:0 16px 30px}.toolbar{height:68px;display:flex;align-items:center;justify-content:space-between;gap:16px}.wordmark{font-size:17px;font-weight:600;letter-spacing:-.6px}.tools{display:flex;gap:7px}.icon,.tools{align-items:center}.icon{width:40px;height:40px;padding:0;border:0;background:transparent;display:inline-flex;justify-content:center;flex-shrink:0}.toolbar .icon{color:var(--muted);border-radius:7px;transition:color .14s ease,background-color .14s ease,transform .14s ease}.toolbar .icon:hover{color:var(--ink);background:#efefef}.toolbar .icon:active{transform:scale(.96)}.signout{position:relative}.signout-popover{position:absolute;top:calc(100% + 6px);right:0;z-index:60;width:148px;padding:5px;border:1px solid rgb(0 0 0/7%);border-radius:10px;background:white;box-shadow:0 4px 16px rgb(0 0 0/7%);transform-origin:calc(100% - 20px) top;transform:translateY(-4px) scale(.97);opacity:0;visibility:hidden;transition:opacity .14s ease,transform .14s cubic-bezier(.23,1,.32,1),visibility .14s}.signout-popover[data-open]{transform:translateY(0) scale(1);opacity:1;visibility:visible;transition-duration:.18s,.18s,0s}.signout-popover button{width:100%;border:0;border-radius:6px;padding:10px 12px;text-align:left;font-size:14px}.signout-popover button:focus-visible{outline-offset:-2px}.search-box{display:flex;align-items:center;gap:8px;max-width:320px}.search-box input{background:transparent;border:0;padding:8px 0;width:200px}.masonry{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-auto-rows:1px;column-gap:8px;align-items:start}.tile{min-width:0;padding-bottom:8px;grid-row-end:span 260}.card,.tile{overflow:hidden}.card{width:100%;display:block;border:0;border-radius:3px;background:#eee;padding:0;text-align:left}.card:hover{filter:brightness(.97)}.tweet-preview{position:relative;width:100%;max-width:550px;margin:0 auto;overflow:hidden;background:transparent}.tweet-preview[data-state=failed],.tweet-preview[data-state=loading]{border-radius:3px;background:#f1f1f1}.tweet-document .react-tweet-theme{--tweet-container-margin:0;--tweet-bg-color-hover:#fff}.tweet-document a:has(img[src*="pbs.twimg.com/media/"]){cursor:zoom-in}.tweet-open{position:absolute;inset:0;width:100%;border:0;background:transparent}.tweet-open:hover{background:rgb(0 0 0/3%)}.tweet-open:focus-visible{outline-offset:-3px}.tweet-loading{position:absolute;inset:0;display:grid;place-items:center;color:var(--muted);font-size:14px}.tweet-fallback{padding:24px;font-size:14px;line-height:1.5}.tweet-fallback button{margin:4px 6px 0 0}.card img,.pending img{width:100%;height:auto;display:block}.text-card{background:#f1f1f1;padding:26px 22px;overflow-wrap:anywhere;font-size:16px;line-height:1.6;min-height:180px;display:flex;flex-direction:column;justify-content:center}.text-card p{margin:0;white-space:pre-wrap;display:-webkit-box;-webkit-line-clamp:12;-webkit-box-orient:vertical;overflow:hidden}.text-card small{color:var(--muted);font-size:13px;margin-top:16px}.empty{min-height:65vh;display:flex;align-items:center;justify-content:center;flex-direction:column;color:var(--muted);font-size:16px}.pending-content{position:relative;overflow:hidden;border-radius:3px}.pending img{opacity:.55}.saving{position:absolute;bottom:12px;left:12px;background:#ffffffeb;padding:6px 9px;font-size:13px;border-radius:3px}.capture-error{padding:12px;background:#fff4f1;font-size:14px}.capture-error p{margin:0 0 10px}.capture-error button{margin-right:6px;font-size:14px}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,8px);opacity:0;pointer-events:none;background:#282828;color:white;padding:12px 18px;border-radius:5px;font-size:14px;transition:opacity .15s,transform .15s;z-index:50;max-width:90vw}.toast.visible{opacity:1;transform:translate(-50%)}.drop-zone{pointer-events:none;position:fixed;inset:10px;border:2px dashed #777;border-radius:6px;background:#fafafaee;display:grid;place-items:center;font-size:22px;z-index:80}.more{text-align:center;padding:30px}dialog{color:var(--ink);background:var(--bg);border:0;border-radius:7px;padding:0;max-height:calc(100dvh - 48px);width:calc(100% - 40px)}dialog::backdrop{background:#0008}.small-dialog{max-width:360px;padding:20px;border:1px solid rgb(0 0 0/7%);border-radius:12px;background:#fff;box-shadow:0 16px 48px rgb(0 0 0/12%);opacity:1;transform:translateY(0) scale(1);transition:opacity .18s ease,transform .18s cubic-bezier(.23,1,.32,1)}.small-dialog::backdrop{background:rgb(0 0 0/24%);opacity:1;transition:opacity .18s ease}@starting-style{.small-dialog[open]{opacity:0;transform:translateY(4px) scale(.98)}.small-dialog[open]::backdrop{opacity:0}}.small-dialog[data-closing]{opacity:0;transform:translateY(4px) scale(.98);transition-duration:.14s}.small-dialog[data-closing]::backdrop{opacity:0;transition-duration:.14s}.dialog-bar{display:grid;grid-template-columns:32px 1fr 32px;align-items:center;margin-bottom:16px;font-size:15px;font-weight:500;text-align:center}.dialog-bar:before{content:""}.dialog-bar .icon{width:32px;height:32px;color:var(--muted);border-radius:6px}.small-dialog form{display:flex;flex-direction:column;gap:8px}.small-dialog .primary,.small-dialog .upload-button,.small-dialog input{border-radius:6px;font-size:14px;line-height:20px}.small-dialog input{padding:9px 12px}.small-dialog .primary,.small-dialog .upload-button{padding:7px 12px}.small-dialog .upload-button{margin-top:8px}.small-dialog .hint{margin:12px 0 0;text-align:center;font-size:12px;line-height:18px}.primary{background:var(--ink);color:white;border-color:var(--ink)}.primary:hover{background:#444}.upload-button{width:100%;display:flex;gap:10px;align-items:center;justify-content:center;margin-top:14px}.hint{color:var(--muted);font-size:14px;line-height:1.6}.hint code{font:inherit;overflow-wrap:anywhere}.danger{color:#a42626}dialog.reference-dialog{display:block;position:relative;inset:auto;width:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;border-radius:0;background:transparent;overflow:visible}.reference-dialog[open]{position:fixed;inset:0;width:100%;height:100dvh;overflow:hidden}.reference-dialog::backdrop{background:rgb(250 250 250/94%);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:1;transition:opacity .19s ease}@starting-style{.reference-dialog[open]::backdrop{opacity:0}}.reference-dialog[data-closing]::backdrop{opacity:0}.reference-surface{width:100%}.reference-content{position:relative}.reference-image{width:100%;border:0;padding:0;background:transparent;cursor:zoom-in}.reference-image:not([hidden]){display:block}.reference-content img{display:block;width:100%;height:auto;border-radius:3px}.reference-open{position:absolute;inset:0;height:100%;background:transparent}.reference-open:hover{background:rgb(0 0 0/3%)}.reference-open[hidden],.tweet-open[hidden]{display:none}.focus-controls{position:fixed;top:20px;right:24px;display:flex;align-items:center;gap:8px;z-index:2}.focus-controls>.icon,.focus-gallery .icon{border:1px solid rgb(0 0 0/7%);border-radius:50%;background:rgb(255 255 255/85%)}.focus-controls>.icon:hover,.focus-gallery .icon:hover{background:#eee}.delete-confirm{display:flex;gap:6px;font-size:13px}.focus-gallery{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);display:flex;gap:12px}.focus-error{position:fixed;bottom:24px;left:24px;right:24px;text-align:center;color:#a42626}.image-viewer{position:fixed;inset:0;width:100%;height:100dvh;max-width:none;max-height:none;margin:0;padding:64px 20px;border-radius:0;background:transparent;overflow:hidden;opacity:1;transform:scale(1);transition:opacity .18s ease,transform .18s cubic-bezier(.23,1,.32,1)}.image-viewer::backdrop{background:var(--bg);opacity:1;transition:opacity .14s ease}.image-viewer-stage{display:grid;place-items:center;width:100%;height:100%;pointer-events:none}.image-viewer-stage img{grid-area:1/1;display:block;width:100%;height:100%;min-width:0;min-height:0;object-fit:contain;pointer-events:auto}.image-viewer-stage img:last-child{opacity:0;transition:opacity .12s ease}.image-viewer-stage img[data-loaded]{opacity:1}.image-position{align-self:center;color:var(--muted);font-size:13px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}@starting-style{.image-viewer[open]{opacity:0;transform:scale(.98)}.image-viewer[open]::backdrop{opacity:0}}.image-viewer[data-closing]{opacity:0;transform:scale(.98);transition-duration:.14s}.image-viewer[data-closing]::backdrop{opacity:0}@media (max-width:600px){.focus-controls{top:16px;right:16px}}.login{width:310px;max-width:calc(100% - 40px);margin:18vh auto}.login h1{font-size:22px;letter-spacing:-.7px;font-weight:600;margin-bottom:36px}.login form{display:flex;flex-direction:column;gap:18px}.login label{font-size:14px}.login input{margin-top:8px}.login p{font-size:14px;line-height:1.5}.consent p{line-height:1.7}.consent button{margin:8px 8px 0 0}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (min-width:1600px){.masonry{grid-template-columns:repeat(auto-fill,minmax(270px,1fr))}.canvas{padding:0 20px 40px}.toolbar{height:76px}}@media (max-width:600px){.canvas{padding:0 8px 24px}.toolbar{height:60px;padding:0 6px;gap:8px}.wordmark{font-size:16px}.tools{gap:1px}.search-box{max-width:calc(100vw - 168px);gap:4px}.search-box input{width:100%}.search-box>.icon{width:28px}.masonry{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:8px}.text-card{padding:16px 13px;font-size:14px;min-height:150px}.text-card p{-webkit-line-clamp:9}.detail-images{gap:12px}.small-dialog{width:calc(100% - 28px)}.empty{font-size:15px}.detail-actions{gap:10px}}@media (prefers-reduced-motion:reduce){*,::backdrop{scroll-behavior:auto!important;transition:none!important}}.welcome{min-height:100svh;display:flex;flex-direction:column;align-items:center;padding:32px 24px;text-align:center}.welcome-content{margin:auto;padding:60px 0}.welcome h1{margin:0;font-size:clamp(38px,6.3vw,66px);font-weight:500;letter-spacing:-.055em;line-height:1.04;text-wrap:balance}.welcome-content>p{margin:22px 0 32px;color:var(--muted);font-size:16px}.google-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:44px;padding:12px 20px;border:1px solid #dedede;border-radius:8px;background:white;font-size:14px;font-weight:500;box-shadow:0 1px 2px #00000005;transition:background-color .15s ease,transform .15s cubic-bezier(.23,1,.32,1)}.google-button:hover{text-decoration:none;background:#f5f5f5}.google-button:active{transform:scale(.98)}.welcome-footer{padding:0;border:0;border-radius:0;background:transparent;color:var(--muted);font-size:13px}.welcome .auth-error{max-width:280px;margin:18px auto 0;font-size:13px}.connect-popover{position:fixed;inset:auto;margin:0;width:min(296px,calc(100vw - 24px));max-height:calc(100svh - 24px);overflow-y:auto;padding:16px;border:1px solid rgb(0 0 0/8%);border-radius:14px;background:#fff;color:var(--ink);box-shadow:0 4px 8px rgb(0 0 0/3%),0 16px 48px rgb(0 0 0/9%);text-align:left;outline:none;opacity:0;transform:translateY(-3px) scale(.98);transform-origin:top right;transition:opacity .14s ease,transform .14s cubic-bezier(.23,1,.32,1),display allow-discrete .14s,overlay allow-discrete .14s}.connect-popover[data-side=above]{transform-origin:bottom center}.connect-popover:popover-open{opacity:1;transform:translateY(0) scale(1);transition-duration:.18s}@starting-style{.connect-popover:popover-open{opacity:0;transform:translateY(-3px) scale(.98)}}.connect-popover h2{margin:0;font-size:14px;line-height:20px;font-weight:550;letter-spacing:-.02em}.connect-popover>p{margin:4px 0 16px;color:var(--muted);font-size:12px;line-height:18px}.connect-copy{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:10px 12px;background:#f4f4f3;border-radius:7px;font-size:13px;font-weight:500;transition:background-color .15s ease}.connect-copy:hover{background:#eaeae9}.connect-copy:focus-visible{outline:2px solid #777;outline-offset:3px}.connect-address{margin-top:10px;font-size:11px}.connect-apps{margin-top:12px;padding-top:8px;border-top:1px solid var(--line)}.connect-app{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px}.connect-app>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.connect-app .icon{flex-shrink:0;width:32px;height:32px;color:var(--muted)}.connect-popover .connect-error{margin:12px 0 0}.connect-error button{text-decoration:underline;text-underline-offset:3px}.connect-google{display:block;margin-top:12px;color:var(--muted);font-size:12px}@media (prefers-reduced-motion:reduce){.google-button{transition:none}}.owner-fallback{display:inline-block;margin-top:12px;color:var(--muted);font-size:12px}