:root{--serif-fonts:Georgia, Cambria, "Roboto Serif", "Times New Roman", Times, serif;--sans-fonts:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;--mono-fonts:Menlo, Monaco, Consolas, "Ubuntu Mono", monospace;--litemode-text:#333;--litemode-label:#555;--litemode-caption:#555;--litemode-disabled:#777;--litemode-bg-accent:#fff;--litemode-bg:#eee;--litemode-bg-hover:var(--litemode-bg);--litemode-bg-shadow:#ccc;--litemode-border:#ddd;--litemode-border-hard:#ccc;--litemode-hr:#aaa;--litemode-link:#3658d4;--litemode-accent:#9c4dba;--litemode-accent-soft:#f3e8f7;--litemode-link-hover:var(--litemode-accent);--litemode-focus:var(--litemode-accent);--litemode-outline:var(--litemode-accent);--litemode-button-secondary-text:#7f3d98;--litemode-button-secondary-bg:var(--litemode-bg-accent);--litemode-button-secondary-border:var(--litemode-accent);--litemode-button-secondary-bg-hover:var(--litemode-accent-soft);--litemode-boxshadow-small:0 2px 5px #0000000d;--litemode-boxshadow-large:0 4px 10px #00000040;--darkmode-text:#eee;--darkmode-label:#ccc;--darkmode-caption:#ccc;--darkmode-disabled:#aaa;--darkmode-bg:#111;--darkmode-bg-accent:#222;--darkmode-bg-pill:#333;--darkmode-bg-hover:#444;--darkmode-border-soft:#333;--darkmode-border:#555;--darkmode-hr:var(--darkmode-border);--darkmode-link:#60a5fa;--darkmode-accent:#be71de;--darkmode-accent-soft:#322338;--darkmode-link-hover:var(--darkmode-accent);--darkmode-focus:var(--darkmode-accent);--darkmode-outline:var(--darkmode-accent);--darkmode-button-secondary-text:var(--darkmode-accent);--darkmode-button-secondary-bg:var(--darkmode-bg-accent);--darkmode-button-secondary-border:var(--darkmode-accent);--darkmode-button-secondary-bg-hover:var(--darkmode-accent-soft);--darkmode-boxshadow-small:0 2px 5px #ffffff0d;--darkmode-boxshadow-large:0 4px 10px #ffffff40;--button-text:#fff;--button-primary-bg:#9c4dba;--button-primary-bg-hover:#7f3d98;--loading:#bbb;--icon-sun:#f39c12;--icon-moon:#60a5fa;--icon-heart:red;--border-radius-small:4px;--border-radius-large:8px;--page-width-auth:600px;--page-width-content:1000px;--page-width-about:1100px;--page-width-site:1200px;--page-margin-top:25px;--page-padding-top:40px;--mobile-header-height:clamp(72px, 12vw, 80px);--mobile:640px;--tablet:1024px}.form-field--standard label{margin-bottom:.4rem;font-weight:600}.form-field--standard input,.form-field--standard textarea{min-height:44px;font:inherit;font-size:1rem;line-height:1.5}.form-field--standard textarea{width:100%;min-height:112px;color:var(--litemode-text);background:var(--litemode-bg-accent);border:1px solid var(--litemode-border);border-radius:var(--border-radius-small);resize:none;outline:none;padding:.75rem}html[data-theme=dark] .form-field--standard textarea{color:var(--darkmode-text);background:var(--darkmode-bg-accent);border-color:var(--darkmode-border-soft)}.form-field--standard textarea:focus{box-shadow:0 0 0 2px var(--litemode-focus)}html[data-theme=dark] .form-field--standard textarea:focus{box-shadow:0 0 0 2px var(--darkmode-focus)}.form-field--standard input[readonly],.form-field--standard input:disabled,.form-field--standard textarea[readonly]{cursor:default;color:var(--litemode-disabled);background:var(--litemode-bg)}html[data-theme=dark] .form-field--standard input[readonly],html[data-theme=dark] .form-field--standard input:disabled,html[data-theme=dark] .form-field--standard textarea[readonly]{color:var(--darkmode-disabled);background:var(--darkmode-bg)}.form-field--standard small{color:var(--litemode-caption);margin-top:.45rem;display:block}html[data-theme=dark] .form-field--standard small{color:var(--darkmode-caption)}.form-actions{gap:.75rem;display:flex}.form-actions[hidden]{display:none}.form-status{margin:0}.form-status:empty{display:none}.form-status--muted{min-height:1.5rem;color:var(--litemode-caption)}html[data-theme=dark] .form-status--muted{color:var(--darkmode-caption)}.form-status.form-status--bare[data-state=warning],.form-status.form-status--muted[data-state=warning]{color:#664d03;text-align:left;border-radius:var(--border-radius-small);background:#fff3cd;border:1px solid #e8cf7a;padding:12px 16px;line-height:1.45}html[data-theme=dark] .form-status.form-status--bare[data-state=warning],html[data-theme=dark] .form-status.form-status--muted[data-state=warning]{color:#ffe69c;background:#3d3108;border-color:#796416}button:disabled{cursor:not-allowed;opacity:.55}.signin-form-content{text-align:center;gap:20px;width:100%;display:grid}.signin-form-content .passkey-signin{gap:.5rem;display:grid}.signin-form-content .passkey-signin-button{width:100%;padding:16px!important;font-size:1rem!important}.signin-form-content .passkey-signin-button i{margin-right:.4rem}.signin-form-content .passkey-signin-status{min-height:1.5rem;color:var(--litemode-caption);margin:0;font-size:.875rem}.signin-form-content .signin-divider{color:var(--litemode-caption);text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:.75rem;font-size:.8rem;display:flex}.signin-form-content .signin-divider:before,.signin-form-content .signin-divider:after{border-top:1px solid var(--litemode-border);content:"";flex:1}.signin-form-content .signin-password-form{gap:10px;display:grid}.signin-form-content .input-wrapper input{height:64px;padding:30px 20px 10px;font-size:1.1rem}.signin-form-content .input-wrapper label{font-size:1.1rem;top:20px;left:20px}.signin-form-content .input-wrapper input:focus+label,.signin-form-content .input-wrapper input:not(:placeholder-shown)+label{font-size:.9rem;top:10px}.signin-form-content .signin-password-submit{width:100%;padding:16px!important;font-size:1rem!important}.signin-form-content .signin-form-error{color:#721c24;text-align:left;border-radius:var(--border-radius-small);background:#f8d7da;border:1px solid #f5c6cb;margin:2px 0 0;padding:10px 12px;font-size:.85rem}.signin-form-content .signin-separator{border:0;border-top:1px solid var(--litemode-border);margin:0}.signin-form-content .signin-links{text-align:center;gap:8px;font-size:.85rem;display:grid}.signin-form-content .signin-links p{margin:0}html[data-theme=dark] .signin-form-content .passkey-signin-status,html[data-theme=dark] .signin-form-content .signin-divider{color:var(--darkmode-caption)}html[data-theme=dark] .signin-form-content .signin-divider:before,html[data-theme=dark] .signin-form-content .signin-divider:after,html[data-theme=dark] .signin-form-content .signin-separator{border-color:var(--darkmode-border-soft)}html[data-theme=dark] .signin-form-content .signin-form-error{color:#ffd7dc;background:#5c1d24;border-color:#8f303b}#join-or-signin{border-radius:var(--border-radius-small);background-color:var(--litemode-bg-accent);margin-left:auto;display:inline-flex;position:relative}.button-link{justify-content:center;align-items:center;display:inline-flex}.button-link.join{outline:2px solid var(--litemode-bg-accent)}.button-link.join:not(:only-child){border-radius:var(--border-radius-small) 0 0 var(--border-radius-small)}.button-link.signin{color:var(--litemode-button-secondary-text);background-color:var(--litemode-button-secondary-bg);border-color:var(--litemode-button-secondary-border)}.button-link.join+.button-link.signin{border-radius:0 var(--border-radius-small) var(--border-radius-small) 0}.button-link.signin:hover{color:var(--litemode-button-secondary-text);background-color:var(--litemode-button-secondary-bg-hover)}.signin-icon{display:none}.signin-popover{z-index:1000;width:min(360px,100vw - 32px);color:var(--litemode-text);background:var(--litemode-bg-accent);border:1px solid var(--litemode-border);border-radius:var(--border-radius-small);box-shadow:var(--litemode-boxshadow-large);gap:20px;padding:20px;display:grid;position:absolute;top:calc(100% + 10px);right:0}.signin-popover-header{justify-content:space-between;align-items:center;gap:16px;display:flex}.signin-popover-header h2{margin:0;font-size:1.35rem}button.signin-popover-close{width:32px;height:32px;color:var(--litemode-text);border:1px solid var(--litemode-border);background:0 0;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:1.5rem;line-height:1;display:inline-flex}button.signin-popover-close:hover,button.signin-popover-close:focus-visible{color:var(--litemode-link-hover);background:var(--litemode-bg)}html[data-theme=dark] .signin-popover{color:var(--darkmode-text);background:var(--darkmode-bg-accent);border-color:var(--darkmode-border);box-shadow:var(--darkmode-boxshadow-large)}html[data-theme=dark] button.signin-popover-close{color:var(--darkmode-text);border-color:var(--darkmode-border)}html[data-theme=dark] button.signin-popover-close:hover,html[data-theme=dark] button.signin-popover-close:focus-visible{color:var(--darkmode-link-hover);background:var(--darkmode-bg)}html[data-theme=dark] #join-or-signin{background-color:var(--darkmode-bg-accent)}html[data-theme=dark] .button-link.join{outline:2px solid var(--darkmode-bg-accent)}html[data-theme=dark] .button-link.signin{color:var(--darkmode-button-secondary-text);background-color:var(--darkmode-button-secondary-bg);border-color:var(--darkmode-button-secondary-border)}html[data-theme=dark] .button-link.signin:hover{color:var(--darkmode-button-secondary-text);background-color:var(--darkmode-button-secondary-bg-hover)}#user-menu{display:flex;position:relative}#user-button{border-color:var(--litemode-border);border-radius:var(--border-radius-large);width:44px;height:44px;padding:0;transition:border-color .25s,box-shadow .25s;overflow:hidden}#user-button:hover,#user-button:focus-visible{border-color:color-mix(in srgb, var(--litemode-accent) 65%, transparent);box-shadow:0 0 0 1px color-mix(in srgb, var(--litemode-accent) 16%, transparent), 0 4px 16px color-mix(in srgb, var(--litemode-accent) 20%, transparent);outline:none}html[data-theme=dark] #user-button{border-color:var(--darkmode-border-soft)}html[data-theme=dark] #user-button:hover,html[data-theme=dark] #user-button:focus-visible{border-color:color-mix(in srgb, var(--darkmode-accent) 70%, transparent);box-shadow:0 0 0 1px color-mix(in srgb, var(--darkmode-accent) 20%, transparent), 0 4px 18px color-mix(in srgb, var(--darkmode-accent) 16%, transparent);outline:none}.gravatar{object-fit:cover;border-radius:calc(var(--border-radius-large) - 1px);width:100%;height:100%;display:block}.hidden{display:none!important}ul.dropdown{z-index:999;background:var(--litemode-bg-accent);border:1px solid var(--litemode-border);border-radius:var(--border-radius-small);width:max-content;min-width:180px;max-width:min(280px,100vw - 32px);margin:0;padding:8px 0;list-style:none;position:absolute;top:calc(100% + 2px);right:0;box-shadow:0 4px 8px #00000026}html[data-theme=dark] ul.dropdown{background:var(--darkmode-bg-accent);border:1px solid var(--darkmode-border);box-shadow:0 4px 8px #ffffff26}ul.dropdown li{padding:8px 16px}ul.dropdown li:last-child{padding-bottom:8px}ul.dropdown li.dropdown-identity{border-bottom:1px solid var(--litemode-border);margin-bottom:4px;padding-bottom:12px}html[data-theme=dark] ul.dropdown li.dropdown-identity{border-bottom-color:var(--darkmode-border)}.dropdown-identity-label{color:var(--litemode-caption);margin-bottom:.25rem;font-size:.75rem;display:block}html[data-theme=dark] .dropdown-identity-label{color:var(--darkmode-caption)}.dropdown-identity strong{text-overflow:ellipsis;white-space:nowrap;font-size:.95rem;display:block;overflow:hidden}ul.dropdown li a,ul.dropdown li button{text-align:left;width:100%;font:inherit;color:var(--litemode-text);background:0 0;border:none;padding:0;transition:color .18s;display:block}ul.dropdown li a>span,ul.dropdown li button>span{display:inline-block;position:relative}ul.dropdown li a>span:after,ul.dropdown li button>span:after{background:var(--litemode-link-hover);content:"";transform-origin:50%;border-radius:999px;height:2px;transition:transform .18s;position:absolute;bottom:-.18rem;left:0;right:0;transform:scaleX(0)}ul.dropdown li a:hover,ul.dropdown li a:focus-visible,ul.dropdown li button:hover,ul.dropdown li button:focus-visible{color:var(--litemode-link-hover)}ul.dropdown li a:hover>span:after,ul.dropdown li a:focus-visible>span:after,ul.dropdown li button:hover>span:after,ul.dropdown li button:focus-visible>span:after{transform:scaleX(1)}html[data-theme=dark] ul.dropdown li a,html[data-theme=dark] ul.dropdown li button{color:var(--darkmode-text);background:0 0}html[data-theme=dark] ul.dropdown li a:hover,html[data-theme=dark] ul.dropdown li a:focus-visible,html[data-theme=dark] ul.dropdown li button:hover,html[data-theme=dark] ul.dropdown li button:focus-visible{color:var(--darkmode-link-hover)}html[data-theme=dark] ul.dropdown li a>span:after,html[data-theme=dark] ul.dropdown li button>span:after{background:var(--darkmode-link-hover)}@media (prefers-reduced-motion:reduce){ul.dropdown li a,ul.dropdown li button,ul.dropdown li a>span:after,ul.dropdown li button>span:after{transition:none}}@media (width<=760px){#join-or-signin .button-link{height:36px!important;padding:0 10px!important}.button-link.signin{width:36px;padding:0!important}.button-link.signin .signin-label{display:none}.button-link.signin .signin-icon{display:inline-block}.signin-popover{top:calc(var(--mobile-header-height) - 1px);max-height:calc(100dvh - var(--mobile-header-height) - 16px);position:fixed;right:16px;overflow-y:auto}#user-button{width:36px;height:36px}}