@import"https://fonts.googleapis.com/css2?family=Nunito:wght@300&display=swap";:root{--font: "Nunito", sans-serif;--background: #F4F9ED;--button: #FFFFFF;--text: #393E26;--border: rgba(57, 62, 38, .35);--hover: #E2ECD4;--accent-1: #393E26;--accent-2: #4A5132;--accent-3: #2E331F;--shadow-color: rgba(57, 62, 38, .12);--shadow-color-strong: rgba(57, 62, 38, .18);--focus-ring: rgba(57, 62, 38, .45);--background-glow: rgba(57, 62, 38, .08);--overlay-backdrop: rgba(57, 62, 38, .45)}@media (prefers-color-scheme: dark){:root{--background: #1F2416;--button: #2B3020;--text: #F4F9ED;--border: rgba(244, 249, 237, .28);--hover: #3A4228;--accent-1: #F4F9ED;--accent-2: #D8E2C8;--accent-3: #C5D0B0;--shadow-color: rgba(0, 0, 0, .45);--shadow-color-strong: rgba(0, 0, 0, .6);--focus-ring: rgba(244, 249, 237, .5);--background-glow: rgba(244, 249, 237, .06);--overlay-backdrop: rgba(0, 0, 0, .6)}}*{box-sizing:border-box}body{background-color:var(--background);background-image:radial-gradient(900px 450px at 50% -200px,var(--background-glow),transparent 70%);color:var(--text);min-height:100vh;margin:0;padding:32px 18px 40px;display:flex;flex-direction:column;align-items:center;transition:background-color .4s ease,color .4s ease}footer{text-align:center;color:var(--text);margin-top:auto;padding-top:16px;font-family:var(--font);font-size:.75rem;font-weight:600;transition:color .4s ease}#userPhoto{width:96px;height:96px;display:block;margin:35px auto 20px;border-radius:50%;border:solid var(--border) 2px;transition:border-color .4s ease}#userName{width:100%;color:var(--accent-1);font-family:var(--font);font-size:1.3rem;font-weight:400;text-align:center;text-decoration:none;line-height:1.25;display:block;animation:color-change 20s infinite alternate;transition:color .4s ease}#userSubtitle{width:100%;margin:6px auto 22px;color:var(--text);font-family:var(--font);font-size:.9rem;font-weight:300;letter-spacing:.05rem;text-align:center;opacity:.85;transition:color .4s ease}#links{max-width:560px;width:100%;display:grid;gap:14px;margin:24px auto 16px}.link{display:block;margin-bottom:0;padding:17px;background-color:var(--button);color:var(--text);font-family:var(--font);font-size:1rem;font-weight:500;border-radius:5px;border:solid var(--border) 1px;text-align:center;text-decoration:none;letter-spacing:.12rem;box-shadow:0 10px 20px var(--shadow-color);transition:transform .2s ease,box-shadow .3s ease,background-color .3s ease,color .3s ease,border-color .3s ease}.link:hover{background-color:var(--hover);color:var(--text);transform:translateY(-2px);box-shadow:0 14px 24px var(--shadow-color-strong)}.link:active{transform:translateY(0);box-shadow:0 8px 16px var(--shadow-color)}.link:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px}.qr-trigger{position:fixed;bottom:22px;left:22px;z-index:10;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border-radius:5px;border:1px solid var(--border);background-color:var(--button);color:var(--text);font-family:var(--font);font-size:.8rem;font-weight:500;cursor:pointer;box-shadow:0 10px 20px var(--shadow-color);transition:transform .2s ease,box-shadow .3s ease,background-color .3s ease,border-color .3s ease}.qr-trigger[hidden]{display:none}.qr-trigger-icon{width:18px;height:18px;display:block;fill:currentColor}.qr-trigger:hover{background-color:var(--hover);color:var(--text);transform:translateY(-2px);box-shadow:0 14px 24px var(--shadow-color-strong)}.qr-trigger:active{transform:translateY(0);box-shadow:0 8px 16px var(--shadow-color)}.qr-trigger:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px}.qr-overlay{position:fixed;inset:0;padding:24px;background:var(--overlay-backdrop);display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s ease;z-index:20}.qr-overlay.is-open{opacity:1;pointer-events:auto}.qr-panel{width:min(92vw,380px);background:var(--button);border-radius:18px;border:1px solid var(--border);padding:22px 22px 20px;color:var(--text);box-shadow:0 18px 32px var(--shadow-color-strong);transform:translateY(10px) scale(.98);opacity:0;transition:transform .3s ease,opacity .3s ease}.qr-overlay.is-open .qr-panel{transform:translateY(0) scale(1);opacity:1}.qr-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.qr-close{border:1px solid var(--border);background:var(--button);color:var(--text);width:32px;height:32px;border-radius:999px;display:grid;place-items:center;cursor:pointer;font-size:1.1rem;line-height:1;transition:border-color .2s ease,background-color .2s ease,transform .2s ease}.qr-close:hover{background-color:var(--hover);transform:translateY(-1px)}.qr-close:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.qr-title{margin:0;font-size:1.2rem;font-weight:600;letter-spacing:.06rem}.qr-subtitle{margin:4px 0 16px;color:var(--text);font-size:.85rem;opacity:.8}.qr-code{background:var(--background);border-radius:18px;padding:12px;display:grid;place-items:center;border:1px solid var(--border)}.qr-code img{width:220px;height:220px;object-fit:contain}.qr-field{margin-top:16px;display:grid;gap:8px}.qr-field label{font-size:.75rem;letter-spacing:.05rem;color:var(--text);opacity:.7}.qr-field input{width:100%;padding:10px 12px;border-radius:12px;border:1px solid var(--border);background:var(--background);color:var(--text);font-family:var(--font);font-size:.85rem;letter-spacing:.05rem}.qr-field select{width:100%;padding:10px 12px;border-radius:12px;border:1px solid var(--border);background:var(--background);color:var(--text);font-family:var(--font);font-size:.85rem;letter-spacing:.05rem;appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--text) 50%),linear-gradient(135deg,var(--text) 50%,transparent 50%);background-position:calc(100% - 18px) calc(1em + 2px),calc(100% - 13px) calc(1em + 2px);background-size:5px 5px,5px 5px;background-repeat:no-repeat}.qr-field input::placeholder{color:var(--text);opacity:.5}.qr-field input:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.qr-field select:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.qr-hint{margin:0;color:var(--text);font-size:.7rem;letter-spacing:.02rem;opacity:.7}.qr-url{margin-top:14px;color:var(--text);font-size:.72rem;word-break:break-all;opacity:.7}body.qr-open{overflow:hidden}.is-hidden{display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}a{color:inherit;text-decoration:inherit}@media (prefers-reduced-motion: reduce){body{transition:none}#userName{animation:none;transition:none}.link,.qr-trigger,.qr-overlay,.qr-panel,.qr-close{transition:none}.qr-panel{transform:none}}@media (max-width: 520px){.qr-trigger{bottom:16px;left:16px;width:40px;height:40px;font-size:.65rem}.qr-panel{padding:20px}.qr-code img{width:200px;height:200px}}@keyframes color-change{0%{color:var(--accent-1)}10%{color:var(--accent-2)}20%{color:var(--accent-3)}30%{color:var(--accent-1)}40%{color:var(--accent-1)}50%{color:var(--accent-2)}60%{color:var(--accent-3)}70%{color:var(--accent-1)}80%{color:var(--accent-2)}90%{color:var(--accent-3)}to{color:var(--accent-1)}}.picturecard{margin:35px auto 20px;width:160px;height:160px;position:relative;z-index:2;border-radius:50%}.picturecard .userPhoto{display:block;border-radius:50%;width:160px;height:160px}