.account-button{display:flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:8px 11px;border:1px solid var(--line);background:var(--surface);border-radius:10px;color:var(--ink);font-weight:800;font-size:18px}.account-button:hover{background:var(--soft)}.account-button svg{width:18px;height:18px}.neighbor-invite{display:flex;align-items:center;gap:16px;padding:20px 24px;border-radius:14px;margin-bottom:24px;background:var(--blue-soft);color:var(--text);font-size:19px}.neighbor-invite>svg{flex:none;color:var(--green)}.neighbor-invite p{flex:1}.neighbor-invite strong{color:var(--ink)}.text-button{border:0;background:transparent;color:var(--green);font:inherit;font-size:19px;font-weight:800;cursor:pointer;min-height:44px;padding:9px 4px;text-decoration:underline;text-underline-offset:4px}.text-button:hover{color:var(--ink)}.text-button:disabled{color:var(--muted);cursor:default;text-decoration:none}.account-modal{max-width:480px}.account-content{padding:30px 36px 34px}.account-content .modal-close{float:right}.account-hello{width:80px;background:var(--green);color:var(--bg);padding:12px 14px;border-radius:17px 17px 0 17px;font-size:27px;font-weight:900;line-height:1;transform:rotate(-5deg);margin-bottom:23px}.account-content h2{font-size:44px;clear:both}.account-intro{color:var(--text);font-size:20px;margin:16px 0 23px}.account-content label{display:block;font-size:19px;font-weight:800;margin-bottom:8px}.account-content input{width:100%;min-height:52px;background:var(--surface);color:var(--ink);border:1.5px solid var(--line);border-radius:10px;padding:13px 14px;font:inherit;font-size:22px}.account-content input:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.account-content form>.button{width:100%;margin-top:15px}.account-help,.account-privacy{font-size:17px;line-height:1.6;color:var(--muted);margin-top:14px}.account-privacy{padding-top:17px;border-top:1px solid var(--line);margin-top:22px}.account-notice{font-size:19px;color:var(--ink);padding:14px;background:var(--blue-soft);border-radius:10px;margin-bottom:18px}.sent-to{font-size:19px;margin:20px 0;color:var(--text);overflow-wrap:anywhere}.code-actions{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:8px}.code-actions .text-button{font-size:17px}.account-message{font-size:19px;color:var(--ink);line-height:1.5}.account-message:not(:empty){margin-top:18px;padding:12px;background:var(--blue-soft);border-radius:8px}#neighborCode{font-size:30px;letter-spacing:.2em;text-align:center}#accountSignedIn p{font-size:20px;color:var(--text);margin:18px 0;overflow-wrap:anywhere}#accountSignedIn .button{width:100%}#accountSignedIn>.text-button{display:block;margin:10px auto 0}.project-error{font-size:19px;color:var(--red)}.hero-art .emblem-sheet{transition:transform .6s cubic-bezier(.22,1,.36,1)}.hero-art .sunburst{transition:transform .9s cubic-bezier(.22,1,.36,1)}.conversation-art span{transition:transform .45s ease}.project-card{transition:box-shadow .25s,border-color .25s}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.hero-art:hover .emblem-sheet{transform:rotate(-1deg) translateY(-5px)}.hero-art:hover .sunburst{transform:rotate(65deg)}.coming-soon:hover .conversation-art span{transform:rotate(-3deg) translateY(-4px)}.coming-soon:hover .conversation-art span+span{transform:rotate(3deg) translateY(-4px)}.project-card:hover{border-color:var(--green);box-shadow:0 12px 24px #071d4909}}
@media(prefers-reduced-motion:no-preference){.hero-art{animation:emblem-arrive .9s cubic-bezier(.22,1,.36,1) both}.hero-copy{animation:copy-arrive .65s ease-out both}.alias-card.motion-ready{animation:alias-arrive .7s cubic-bezier(.22,1,.36,1) both}.conversation-art.motion-ready span{animation:hello-arrive .7s cubic-bezier(.22,1,.36,1) both}.conversation-art.motion-ready span+span{animation:reply-arrive .7s .15s cubic-bezier(.22,1,.36,1) both}dialog[open]{animation:dialog-arrive .2s ease-out}@keyframes emblem-arrive{from{opacity:0;transform:translateY(20px) rotate(3deg)}to{opacity:1;transform:translateY(0) rotate(0)}}@keyframes copy-arrive{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes alias-arrive{from{transform:translateY(15px) rotate(1.5deg)}to{transform:translateY(0) rotate(-1.5deg)}}@keyframes hello-arrive{from{transform:scale(.94) rotate(-13deg)}to{transform:scale(1) rotate(-8deg)}}@keyframes reply-arrive{from{transform:scale(.94) rotate(13deg)}to{transform:scale(1) rotate(7deg)}}@keyframes dialog-arrive{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}}
@media(max-width:1100px){.desktop-nav{display:none}.header-actions{margin-left:auto}.menu-button{display:grid}}
@media(max-width:700px){.account-button{width:42px;height:44px;padding:0}.account-button span{display:none}.neighbor-invite{flex-wrap:wrap;padding:18px}.neighbor-invite p{flex-basis:75%}.neighbor-invite .text-button{margin-left:40px}.account-content{padding:26px}.account-content h2{font-size:40px}.hero h1{max-width:15ch}}
@media(max-width:380px){.brand-mark{display:none}.header-actions{gap:4px}.account-content{padding:22px}.account-content h2{font-size:37px}}
@media(prefers-reduced-motion:reduce){.hero-art,.hero-copy,.alias-card.motion-ready,.conversation-art.motion-ready span,dialog[open]{animation:none!important}*{transition:none!important}}