:root{color-scheme:dark;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#ececec;background:#212121;font-synthesis:none;--muted:#aaa;--mint:#c4e5cc}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:disabled{cursor:wait;opacity:.55}button:focus-visible,a:focus-visible{outline:2px solid var(--mint);outline-offset:4px}button{color:inherit}#app{display:flex;min-height:100dvh}.sidebar{width:264px;background:#171717;padding:27px 16px 18px;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0;z-index:20}.brand{display:flex;align-items:center;gap:10px;font-weight:650;letter-spacing:-.4px;padding:0 10px 28px;font-size:19px}.brand svg{width:30px;height:30px;color:var(--mint)}.new-button{display:flex;align-items:center;gap:12px;border:1px solid #444;background:transparent;border-radius:12px;padding:13px 14px;font-size:14px;width:100%;text-align:left}.new-button:hover{background:#2c2c2c}.new-button svg{width:19px;height:19px}.history-label{font-size:11px;font-weight:650;letter-spacing:1.3px;color:#858585;margin:36px 12px 13px}.history{overflow:auto;flex:1;min-height:40px}.history-empty{color:#777;font-size:13px;line-height:1.7;padding:0 12px;max-width:210px}.history-item{width:100%;border:0;background:transparent;text-align:left;display:flex;align-items:center;gap:10px;padding:13px 12px;border-radius:9px;font-size:14px;margin-bottom:3px}.history-item:hover{background:#252525}.history-item[aria-current=true]{background:#303030}.history-item svg{width:17px;height:17px;flex-shrink:0;color:#aaa}.history-item span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.local-note{font-size:11px;color:#818181;line-height:1.7;border-top:1px solid #303030;padding:18px 10px 0;margin:18px 0 0}.local-note strong{color:#b7b7b7;font-weight:500}.main{margin-left:264px;display:flex;flex-direction:column;width:calc(100% - 264px);min-height:100dvh}.topbar{height:80px;padding:0 34px;display:flex;align-items:center;gap:12px;flex-shrink:0}.title{font-size:18px;font-weight:550;letter-spacing:-.4px}.pill{font-size:10px;letter-spacing:1px;color:#9bbda4;border:1px solid #42564a;border-radius:5px;padding:4px 7px}.top-hint{margin-left:auto;color:#888;font-size:12px}.menu{display:none;border:0;background:transparent;font-size:24px;padding:8px}.stage{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 28px;min-height:480px}.welcome{text-align:center;width:100%;max-width:700px;padding-bottom:55px}.hero-icon{width:64px;height:64px;display:grid;place-items:center;margin:0 auto 26px;border-radius:19px;background:#2b3730;color:var(--mint)}.hero-icon svg{width:38px;height:38px}h1{font-size:clamp(28px,3vw,40px);font-weight:550;line-height:1.2;letter-spacing:-1.4px;margin:0 0 18px}.subtitle{color:#aaa;line-height:1.8;font-size:15px;margin:0 auto 36px}.cta{background:var(--mint);color:#183b27;border:0;border-radius:14px;font-weight:600;padding:16px 27px;display:inline-flex;align-items:center;gap:13px;font-size:15px}.cta svg{width:19px;height:19px}.cta:hover{background:#d6eedc}.micro{font-size:12px;color:#757575;margin-top:20px}.photo-view{width:100%;max-width:740px}.photo-heading{display:flex;align-items:center;gap:12px;margin-bottom:20px}.avatar{width:36px;height:36px;background:#2b3730;border-radius:11px;color:var(--mint);display:grid;place-items:center}.avatar svg{width:22px;height:22px}.photo-heading h1{font-size:18px;letter-spacing:-.3px;margin:0 0 4px}.photo-heading p{font-size:12px;color:#888;margin:0}.cat-image{display:block;width:100%;max-height:58dvh;min-height:160px;object-fit:contain;background:#1a1a1a;border:1px solid #363636;border-radius:18px}.photo-caption{display:flex;justify-content:space-between;gap:12px;color:#8f8f8f;font-size:12px;margin:15px 2px 0}.photo-caption a{color:#aaa;text-underline-offset:3px}.bottom{padding:12px 28px 24px;text-align:center}.again{border:1px solid #444;border-radius:16px;background:#2b2b2b;max-width:740px;width:100%;padding:17px 22px;display:flex;align-items:center;justify-content:space-between;margin:0 auto 16px;text-align:left}.again:hover{background:#333}.again svg{width:21px;height:21px;color:var(--mint)}.bottom-note{color:#808080;font-size:11px;line-height:1.7;margin:0}.bottom-note a{color:#aaa}.status{max-width:740px;margin:0 auto 14px;color:#dfc3a4;font-size:13px;line-height:1.7}.status:empty{display:none}.error-card{text-align:center;max-width:440px}.error-card h1{font-size:28px}.error-card p{color:#aaa;line-height:1.7}.loader{border:2px solid #444;border-top-color:var(--mint);border-radius:50%;width:32px;height:32px;animation:spin 1s linear infinite;margin:0 auto 24px}.loading{text-align:center}.loading p{color:#aaa;font-size:14px}.overlay{display:none}.close-menu{display:none}[hidden]{display:none!important}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.loader{animation:none;border-top-color:var(--mint)}}@media(max-width:760px){.sidebar{transform:translateX(-100%);width:280px}.sidebar.open{transform:translateX(0)}.main{width:100%;margin-left:0}.topbar{height:68px;padding:0 16px;gap:7px}.menu,.close-menu{display:block}.close-menu{margin-left:auto;border:0;background:transparent;font-size:25px}.brand{padding-right:0;padding-bottom:24px}.top-hint{display:none}.overlay.open{display:block;position:fixed;inset:0;background:#0009;border:0;z-index:19}.stage{padding:24px 20px;min-height:400px}.welcome{padding-bottom:28px}h1{letter-spacing:-.9px}.bottom{padding:12px 20px 20px}.cat-image{max-height:53dvh}.photo-caption{flex-wrap:wrap}.subtitle{max-width:280px}.pill{margin-left:auto}}@media(max-height:650px){.stage{min-height:340px}.welcome{padding-bottom:0}.hero-icon{margin-bottom:18px}.cat-image{max-height:45dvh}}

.share-site{border:0;background:transparent;color:var(--mint);font-size:13px;padding:10px 16px;min-height:44px;margin:0 0 12px;border-radius:9px}.share-site:hover{background:#2b3730}.share-fallback{display:flex;gap:8px;max-width:740px;margin:0 auto 18px;flex-wrap:wrap}.share-fallback input{min-width:0;flex:1;border:1px solid #555;border-radius:8px;background:#171717;color:#ddd;padding:12px;font:inherit;font-size:13px}.share-fallback button{border:1px solid #555;border-radius:8px;background:#303030;padding:12px;font-size:12px}.share-fallback input:focus-visible{outline:2px solid var(--mint);outline-offset:2px}