@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@500&family=Manrope:wght@400;500;600;700;800&display=swap";
:root{color:#17231d;font-synthesis:none;text-rendering:optimizelegibility;--ink:#17231d;--muted:#66736c;--paper:#f5f4ed;--white:#fffefa;--green:#146b4a;--green-dark:#0c4b34;--coral:#e76d50;--line:#d9ddd6;--shadow:0 12px 34px #132c2017;background:#f5f4ed;font-family:Manrope,sans-serif}*{box-sizing:border-box}body{background:linear-gradient(120deg, #146b4a0e 1px, transparent 1px) 0 0 / 44px 44px, linear-gradient(30deg, #e76d500a, transparent 45%), var(--paper);min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}.site-shell{flex-direction:column;min-height:100vh;display:flex}.topbar{justify-content:space-between;align-items:center;width:min(1180px,100% - 40px);margin:0 auto;padding:24px 0;display:flex}.brand,.account-button,.tabs button,.app-card__open,.select-button,.icon-button,.text-button{cursor:pointer;border:0}.brand{background:0 0;align-items:center;gap:10px;padding:0;font-size:20px;font-weight:600;display:flex}.brand strong{color:var(--green);font-weight:800}.brand__mark{background:var(--green);color:#fff;border-radius:8px;place-items:center;width:38px;height:38px;display:grid}.account-button{border:1px solid var(--line);background:#fffefabf;border-radius:8px;align-items:center;gap:9px;max-width:240px;padding:10px 14px;font-weight:700;display:flex}.account-button span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.content{flex:1;width:min(1180px,100% - 40px);margin:0 auto;padding:54px 0 80px}.intro{max-width:700px;animation:.42s ease-out both rise}.eyebrow{color:var(--green);text-transform:uppercase;margin:0 0 13px;font-family:DM Mono,monospace;font-size:12px;font-weight:500}.intro h1{letter-spacing:0;max-width:680px;margin:0;font-size:clamp(38px,6vw,68px);line-height:1.02}.intro>p:last-child{color:var(--muted);margin:20px 0 0;font-size:18px}.controls{justify-content:space-between;align-items:center;gap:20px;margin:54px 0 28px;display:flex}.tabs{background:#e7e9e2;border-radius:8px;align-items:center;gap:4px;padding:4px;display:flex}.tabs button{min-height:39px;color:var(--muted);background:0 0;border-radius:6px;align-items:center;gap:7px;padding:8px 14px;font-size:14px;font-weight:700;display:flex}.tabs button.is-active{background:var(--white);color:var(--ink);box-shadow:0 2px 8px #14281e14}.search{border:1px solid var(--line);width:min(280px,100%);height:47px;color:var(--muted);background:#fffefabf;border-radius:8px;align-items:center;gap:10px;padding:0 14px;display:flex}.search:focus-within{border-color:var(--green);box-shadow:0 0 0 3px #146b4a1f}.search input{width:100%;color:var(--ink);background:0 0;border:0;outline:0}.app-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.app-card{background:var(--white);border:1px solid var(--line);border-radius:8px;min-width:0;transition:transform .18s,box-shadow .18s,border-color .18s;animation:.38s ease-out both rise;position:relative;box-shadow:0 4px 15px #132c2009}.app-card:nth-child(2n){animation-delay:50ms}.app-card:nth-child(3n){animation-delay:.1s}.app-card:hover{box-shadow:var(--shadow);border-color:#aebdb4;transform:translateY(-3px)}.app-card__open{text-align:left;background:0 0;flex-direction:column;align-items:stretch;width:100%;min-height:252px;padding:14px;display:flex}.app-card__art{aspect-ratio:16/10;background:linear-gradient(140deg,#d9eee3,#f7dacf);border-radius:6px;place-items:center;display:grid;position:relative;overflow:hidden}.app-card__art>img{object-fit:cover;width:100%;height:100%}.app-card__initial{color:var(--green-dark);font-size:48px;font-weight:800}.app-card__type{width:28px;height:28px;color:var(--green-dark);background:#fffefaeb;border-radius:6px;place-items:center;display:grid;position:absolute;bottom:8px;right:8px;box-shadow:0 2px 9px #0d312224}.app-card__copy{padding:15px 2px 2px;display:block}.app-card__copy strong{padding-right:34px;font-size:16px;display:block}.app-card__copy small{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:6px;font-size:13px;line-height:1.45;display:-webkit-box;overflow:hidden}.select-button{border:1px solid var(--line);background:var(--white);width:34px;height:34px;color:var(--muted);border-radius:6px;place-items:center;display:grid;position:absolute;bottom:16px;right:14px}.select-button.is-selected{border-color:var(--green);background:var(--green);color:#fff}.select-button:disabled{color:var(--coral);cursor:default;background:#fff1ec;border-color:#ead1c8}.notice{border-left:4px solid var(--green);color:var(--green-dark);background:#e8f2ec;margin:0 0 24px;padding:14px 16px}.notice--error{border-color:var(--coral);color:#8c3520;background:#fff0eb}.notice code{font-family:DM Mono,monospace;font-size:12px}.empty-state{border-top:1px solid var(--line);text-align:center;color:var(--muted);padding:72px 20px}.empty-state svg{color:var(--coral)}.empty-state h2{color:var(--ink);margin:13px 0 6px;font-size:20px}.empty-state p{margin:0}.text-button{color:var(--green);text-underline-offset:4px;background:0 0;margin-top:18px;padding:0;font-weight:800;text-decoration:underline}.loading-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.loading-grid span{background:linear-gradient(90deg,#e6e7e0 25%,#f0f0eb 50%,#e6e7e0 75%) 0 0/200% 100%;border-radius:8px;height:252px;animation:1.4s infinite shimmer}footer{border-top:1px solid var(--line);width:min(1180px,100% - 40px);color:var(--muted);justify-content:space-between;margin:0 auto;padding:24px 0 32px;font-size:13px;display:flex}.overlay{z-index:20;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0c1b148c;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.dialog{background:var(--white);border-radius:8px;width:min(470px,100%);padding:34px;animation:.22s ease-out both dialog-in;position:relative;box-shadow:0 28px 80px #081b1247}.dialog h2{margin:0;font-size:30px;line-height:1.15}.dialog>p:not(.eyebrow,.form-message){color:var(--muted);margin:12px 0 26px;line-height:1.6}.dialog__close{position:absolute;top:14px;right:14px}.icon-button{background:0 0;border-radius:6px;place-items:center;width:38px;height:38px;display:grid}.icon-button:hover{background:#edf0ea}.email-form{flex-direction:column;gap:10px;display:flex}.email-form label{font-size:13px;font-weight:800}.email-form input{border:1px solid var(--line);background:var(--white);width:100%;height:50px;color:var(--ink);border-radius:7px;padding:0 13px}.email-form input:focus{border-color:var(--green);outline:0;box-shadow:0 0 0 3px #146b4a1f}.primary-text-button{background:var(--green);color:#fff;cursor:pointer;border:0;border-radius:7px;min-height:48px;font-weight:800}.email-dialog__cancel{width:100%}.form-message{color:var(--green-dark);margin:14px 0 0;font-size:13px;font-weight:700}.install-dialog{text-align:center}.install-dialog__icon{width:84px;height:84px;color:var(--green);background:#d9eee3;border-radius:8px;place-items:center;margin:0 auto 20px;font-size:34px;font-weight:800;display:grid;overflow:hidden}.install-dialog__icon img{object-fit:cover;width:100%;height:100%}.store-links{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.store-links a{height:46px;display:block}.store-links img{object-fit:contain;width:auto;height:100%}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{to{background-position:-200% 0}}@keyframes dialog-in{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (max-width:900px){.app-grid,.loading-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:680px){.topbar,.content,footer{width:min(100% - 28px,1180px)}.topbar{padding:16px 0}.account-button span{display:none}.account-button{justify-content:center;width:42px;height:42px;padding:0}.content{padding:36px 0 58px}.intro h1{font-size:40px}.intro>p:last-child{font-size:16px}.controls{flex-direction:column;align-items:stretch;margin-top:38px}.tabs{align-self:flex-start}.search{width:100%}.app-grid,.loading-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.app-card__open{min-height:205px;padding:10px}.app-card__art{aspect-ratio:1}.app-card__copy{padding-top:11px}.app-card__copy strong{font-size:14px}.app-card__copy small{display:none}.select-button{width:32px;height:32px;bottom:9px;right:10px}.loading-grid span{height:205px}.dialog{padding:30px 22px}.overlay--bottom{align-items:end;padding:0}.overlay--bottom .dialog{width:100%;padding-bottom:calc(28px + env(safe-area-inset-bottom));border-radius:8px 8px 0 0}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}