:root{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#183451;background:#f3f8fe;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-optical-sizing:auto;font-weight:400;font-size:16px;--ink: #183451;--muted: #53677d;--line: #d7e3ef;--accent: #2563eb;--accent-dark: #1e4fc4;--paper: #ffffff}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;background:radial-gradient(ellipse at 8% 5%,#e1efff 0,transparent 34rem),#f3f8fe}button,input,select{font:inherit}button{min-height:46px;border:0;border-radius:8px;cursor:pointer;font-weight:700;transition:background-color .14s ease,border-color .14s ease,transform .14s ease}button:disabled{cursor:not-allowed;opacity:.62}button:not(:disabled):active{transform:translateY(1px)}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid #2563eb;outline-offset:3px}.language-control{position:fixed;z-index:10;top:12px;right:12px}.language-trigger{display:flex;align-items:center;gap:7px;min-height:44px;padding:0 10px;border:1px solid var(--line);border-radius:999px;background:#ffffffd9;color:var(--muted);cursor:pointer;font-size:.8125rem;font-weight:600;box-shadow:0 2px 8px #1834510d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.language-trigger:hover{background:var(--paper);color:var(--ink)}.language-flag{font-size:1.1rem;line-height:1}.language-chevron{width:12px;height:12px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5}.language-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:164px;padding:5px;border:1px solid var(--line);border-radius:12px;background:var(--paper);box-shadow:0 10px 30px #1834511c}.language-option{display:flex;align-items:center;width:100%;min-height:44px;gap:9px;padding:6px 9px;border-radius:8px;background:transparent;color:var(--ink);text-align:left;font-weight:500}.language-option:hover,.language-option[aria-pressed=true]{background:#f3f8fe}.language-option[aria-pressed=true]{font-weight:700}.shell{width:min(100% - 32px,620px);min-height:100vh;margin:0 auto;display:grid;align-items:center;padding:48px 0}.welcome-shell{display:grid;width:min(100% - 40px,1120px);min-height:100vh;min-height:100svh;margin:0 auto;align-items:center;padding:88px 0 48px}.welcome-hero{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:clamp(32px,7vw,88px)}.welcome-copy{position:relative;z-index:1;padding:20px 0;animation:welcome-copy-enter .7s cubic-bezier(.2,.8,.2,1) both}.welcome-copy h1{max-width:12ch;margin:0;color:#183451;font-size:clamp(3rem,6.4vw,5.5rem);font-weight:800;letter-spacing:-.065em;line-height:.98;text-wrap:balance}.welcome-description{max-width:42ch;margin:22px 0 0;color:#53677d;font-size:clamp(1.05rem,1.7vw,1.25rem);line-height:1.65}.welcome-illustration{position:relative;width:min(100%,440px);aspect-ratio:1;justify-self:center;isolation:isolate;border-radius:50%;background:radial-gradient(circle at 52% 48%,#dceeff 0 29%,transparent 29.5%),radial-gradient(circle at 48% 50%,#e7f3ff 0 56%,transparent 56.5%)}.welcome-phone{position:absolute;top:9%;left:27%;display:flex;width:47%;height:82%;flex-direction:column;align-items:center;padding:15px 12px 10px;border:8px solid #183451;border-radius:36px;background:#f6faff;box-shadow:0 24px 60px #24476b26;animation:welcome-phone-float 4.8s ease-in-out .35s infinite}.welcome-phone-speaker{width:24%;height:5px;flex:0 0 5px;border-radius:999px;background:#a8bbcc}.welcome-phone-screen{display:grid;flex:1;width:100%;align-content:center;gap:20px;margin:15px 0 10px;padding:14px 10px;border-radius:20px;background:#fff}.welcome-contact-card{display:flex;align-items:center;flex-direction:column;gap:12px}.welcome-avatar{display:grid;position:relative;width:48px;height:48px;place-items:center;overflow:hidden;border-radius:50%;background:linear-gradient(145deg,#b8daf4,#76a9d7)}.welcome-avatar:before{width:13px;height:13px;margin-top:-12px;border-radius:50%;background:#fff;content:""}.welcome-avatar:after{position:absolute;bottom:-9px;width:29px;height:25px;border-radius:50% 50% 0 0;background:#fff;content:""}.welcome-card-lines{display:grid;width:100%;justify-items:center;gap:7px}.welcome-card-lines span{display:block;width:75%;height:7px;border-radius:999px;background:#dce8f2}.welcome-card-lines span:first-child{width:58%;height:9px;background:#9eb6cc}.welcome-card-lines span:last-child{width:42%}.welcome-save-action{display:block;padding:8px 5px;border-radius:999px;background:#eaf3ff;color:#315d92;font-size:clamp(.55rem,1.4vw,.75rem);font-weight:700;text-align:center}.welcome-phone-home{width:22%;height:4px;flex:0 0 4px;border-radius:999px;background:#a8bbcc}.welcome-link-badge{position:absolute;top:17%;right:13%;display:grid;width:68px;height:68px;place-items:center;border:1px solid #e5edf5;border-radius:50%;background:#fff;box-shadow:0 12px 30px #24476b26;transform:rotate(12deg)}.welcome-link-badge svg{width:34px;height:34px;fill:none;stroke:#527eb2;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}@keyframes welcome-copy-enter{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes welcome-phone-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.profile-shell{width:min(100% - 32px,1120px);display:block;padding:52px 0 40px}.profile-layout{display:grid;align-items:start;gap:18px}.profile-sidebar{display:grid;align-content:start;gap:18px;min-width:0}.guest-shell{width:min(100% - 32px,620px);display:block;padding:clamp(32px,8vh,72px) 0 40px;scroll-behavior:smooth}.guest-state-shell{display:grid;align-content:center;min-height:100vh;min-height:100svh;padding-block:24px}.guest-state-panel{width:100%;max-width:540px;margin:auto;padding:clamp(28px,7vw,48px);text-align:center;animation:guest-state-enter .48s cubic-bezier(.2,.8,.2,1) both}.guest-state-panel .eyebrow{margin-bottom:12px}.guest-state-panel h1{max-width:none;margin-inline:auto}.guest-state-panel .section-description{max-width:36ch;margin:12px auto 0;font-size:1rem}.guest-state-panel .notice{margin:16px 0 0;text-align:left}.guest-state-emoji{display:grid;width:76px;height:76px;margin:0 auto 20px;place-items:center;border:1px solid #dce8f5;border-radius:50%;background:#eff6ff;font-size:2.25rem;animation:guest-state-bob 2.8s ease-in-out .48s infinite}.guest-state-thank-you .guest-state-emoji{border-color:#cfe0ff;background:#eff6ff}.guest-state-error .guest-state-emoji{border-color:#d0e9e2;background:#effaf7}.guest-state-unavailable .guest-state-emoji{border-color:#f0d0cc;background:#fff5f4}.panel{border:1px solid #dce8f5;border-radius:16px;background:var(--paper);box-shadow:0 16px 50px #24476b12}.login-panel{width:100%;max-width:420px;margin-inline:auto;padding:clamp(20px,5vw,32px)}.guest-header{margin:0 0 24px}.guest-header .eyebrow{margin-bottom:12px}.guest-header .section-description{max-width:48ch;margin-top:12px;font-size:1rem}.guest-panel.guest-owner-card{position:relative;display:grid;grid-template-columns:clamp(112px,25vw,164px) minmax(0,1fr);align-items:center;gap:clamp(18px,5vw,36px);min-height:228px;overflow:hidden;padding:clamp(22px,6vw,40px);border-radius:24px;background:linear-gradient(135deg,#fff,#f5faff 55%,#e7f2ff);box-shadow:0 20px 54px #24476b16}.guest-owner-avatar{position:relative;z-index:1;display:grid;width:clamp(112px,25vw,164px);aspect-ratio:1;overflow:hidden;place-items:center;border:5px solid #ffffff;border-radius:50%;background:linear-gradient(145deg,#dbeafe,#bfdbfe);color:#1e40af;font-size:clamp(2rem,7vw,3rem);font-weight:800;letter-spacing:.04em;box-shadow:0 0 0 1px #c5d9f2,0 12px 30px #24476b24}.guest-owner-avatar img{width:100%;height:100%;object-fit:cover}.guest-owner-card-copy{position:relative;z-index:1;min-width:0}.guest-owner-card-label{margin:0 0 10px;color:#1e5ca8;font-size:.76rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.guest-owner-name{overflow-wrap:anywhere;font-size:clamp(1.6rem,5vw,2.4rem);letter-spacing:-.04em;line-height:1.1}.guest-owner-card-copy .section-description{margin-top:10px}.guest-download-panel{border-radius:20px}.guest-download-panel .section-description{max-width:52ch}.guest-panel{margin-bottom:14px;padding:clamp(20px,5vw,32px)}.guest-panel .section-description{margin-top:8px}.guest-actions{display:grid;gap:10px;margin-top:22px}.guest-actions button,.guest-form-actions button,.guest-retry-button{width:100%}.guest-primary-action{min-height:56px;padding:10px 18px}.guest-secondary-action{min-height:48px}.guest-form-panel{display:grid;gap:20px;scroll-margin-top:20px;animation:guest-form-enter .36s cubic-bezier(.2,.8,.2,1) both}.guest-form-header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.guest-form-header h1:focus{outline:none}.guest-close-button{min-height:44px}.guest-form{display:grid;gap:18px}.guest-photo-panel{display:grid;grid-template-columns:clamp(64px,20vw,88px) minmax(0,1fr);align-items:center;gap:18px;padding:16px;border:1px solid #cbdff4;border-radius:16px;background:linear-gradient(125deg,#eff7ff,#fff 78%);box-shadow:0 8px 24px #24476b0b}.guest-photo-avatar{display:grid;width:100%;aspect-ratio:1;overflow:hidden;place-items:center;border:4px solid #ffffff;border-radius:50%;background:linear-gradient(145deg,#dbeafe,#bfdbfe);color:#477aa8;box-shadow:0 0 0 1px #c5d9f2,0 8px 20px #24476b18}.guest-photo-avatar svg{width:52%;fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:2.5}.guest-photo-content{min-width:0}.guest-photo-content h2{margin:0;font-size:1.05rem}.guest-photo-description{margin:5px 0 12px;color:var(--muted);font-size:.88rem;line-height:1.45}.guest-photo-content input[type=file]{max-width:100%;font-size:.82rem}.guest-form-section{min-width:0;margin:0;padding:14px;border:1px solid var(--line);border-radius:12px;background:#fbfdff}.guest-form-section legend{padding:0 6px;color:var(--ink);font-weight:700}.guest-profile-form{width:100%}.guest-picture-field input[type=file]{padding-top:4px}.guest-photo-avatar .guest-picture-preview{width:100%;height:100%;border:0;border-radius:50%;background:transparent;object-fit:cover}.guest-form-actions{padding-top:2px}.guest-retry-button{margin-top:18px}@keyframes guest-state-enter{0%{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes guest-state-bob{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-5px) rotate(-3deg)}}@keyframes guest-form-enter{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.loading-panel{padding:38px;text-align:center}.eyebrow{margin:0 0 14px;color:var(--accent);font-size:.75rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}h1,h2{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--ink)}h1{max-width:17ch;margin:0;font-size:clamp(2rem,8vw,3.15rem);font-weight:600;letter-spacing:-.055em;line-height:1.08}h2{margin:0;font-size:1.2rem;font-weight:700;letter-spacing:-.025em}.stack{display:grid;gap:10px}label{color:var(--ink);font-size:.91rem;font-weight:700}input:not([type=file]){width:100%;min-height:48px;padding:11px 13px;border:1px solid #c7d6e7;border-radius:8px;background:#fff;color:var(--ink)}input[aria-invalid=true]{border-color:#b24437}.primary-button{padding:0 20px;background:var(--accent);color:#fff}.primary-button:not(:disabled):hover{background:var(--accent-dark)}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:20px}.page-actions{display:flex;align-items:center;gap:12px}.owner-navigation{display:flex;gap:4px;align-items:center;padding:4px;border:1px solid var(--line);border-radius:10px;background:#f6faff}.nav-button{display:inline-flex;flex:1;align-items:center;justify-content:center;min-height:44px;padding:0 14px;border-radius:6px;color:var(--muted);font-weight:700;text-decoration:none}.owner-nav-logout{border:0;background:transparent;cursor:pointer;font:inherit}.nav-button:hover{background:#eaf2fd;color:var(--ink)}.nav-button-active,.nav-button-active:hover{background:var(--accent);color:#fff}.quiet-button{flex:0 0 auto;padding:0 14px;border:1px solid var(--line);background:#fff;color:var(--ink)}.quiet-button:hover,.secondary-button:hover{border-color:#a9bfd8;background:#eff6ff}.profile-panel,.photo-panel,.profile-vcard-panel{padding:clamp(20px,5vw,32px)}.profile-panel,.photo-panel,.profile-vcard-panel{min-width:0}.section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.state-pill{flex:0 0 auto;padding:6px 10px;border:1px solid #d0e9e2;border-radius:999px;background:#effaf7;color:#235a50;font-size:.76rem;font-weight:700}.state-unsaved{border-color:#eddbb8;background:#fff8e8;color:#704c2c}.profile-form{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}.profile-panel .profile-form{gap:16px}.profile-form-section{min-width:0;margin:0;padding:12px clamp(14px,2.5vw,20px) 20px;border:1px solid var(--line);border-radius:12px;background:#fbfdff}.profile-form-section legend{padding:0 8px;color:var(--ink);font-size:1rem;font-weight:700}.profile-form-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px clamp(14px,2vw,20px)}.profile-field-wide{grid-column:1 / -1}.field{display:grid;align-content:start;gap:8px}.field label span{color:var(--accent)}.field-error{color:#a3322b;font-size:.83rem}.field-hint{color:var(--muted);font-size:.83rem}.form-actions{grid-column:1 / -1;padding-top:3px}.profile-panel .form-actions{display:flex;justify-content:flex-end;padding-top:18px;border-top:1px solid #e8eff7}.profile-panel .form-actions .primary-button{min-width:150px}.photo-preview{width:112px;height:112px;margin-bottom:20px;overflow:hidden;display:grid;place-items:center;border:1px solid var(--line);border-radius:12px;background:#eff6ff}.photo-preview img{width:100%;height:100%;object-fit:cover}.preview-placeholder{padding:10px;color:var(--muted);font-size:.77rem;text-align:center}.photo-form{display:grid;justify-items:start;gap:12px}input[type=file]{width:100%;color:var(--muted);font-size:.86rem}input[type=file]::file-selector-button{min-height:40px;margin-right:10px;padding:0 12px;border:1px solid var(--line);border-radius:7px;background:#fff;color:var(--ink);font:inherit;font-weight:600}.photo-actions{display:flex;flex-wrap:wrap;gap:10px}@media(min-width:900px){.profile-layout{grid-template-columns:minmax(0,1.8fr) minmax(260px,.8fr)}}.secondary-button,.danger-button{padding:0 15px;border:1px solid #c7d6e7;background:#fff;color:var(--ink)}.danger-button{border-color:#e7c8c2;color:#923b31}.danger-button:not(:disabled):hover{background:#fff4f1}.notice{margin:18px 0 0;padding:12px 14px;border:1px solid #eddbb8;border-radius:8px;background:#fff8e8;color:#704c2c;font-size:.9rem;line-height:1.5}.page-notice{margin:-4px 0 18px}.links-panel{padding:clamp(20px,5vw,32px)}.section-description{margin:8px 0 0;color:var(--muted);font-size:.9rem;line-height:1.5}.create-link-button{margin-bottom:22px}.generated-link{display:grid;gap:10px;margin:0 0 24px;padding:16px;border:1px solid #d0e4fb;border-radius:10px;background:#f2f8ff}.generated-link h3,.generated-link p,.link-card p{margin:0}.generated-link h3,.links-subheading{color:var(--ink);font-size:1rem}.links-subheading{margin:22px 0 12px}.generated-link .secondary-button{justify-self:start}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.link-list{display:grid;gap:10px;margin:0;padding:0;list-style:none}.link-card{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px;border:1px solid var(--line);border-radius:10px;background:#fff}.link-card-content{display:grid;justify-items:start;gap:8px;min-width:0}.link-label{color:var(--muted);font-size:.85rem;font-weight:700}.link-card code{overflow-wrap:anywhere;color:var(--muted);font-size:.78rem}.link-status{text-transform:capitalize}.status-consumed{border-color:#d7e3ef;background:#f3f8fe;color:#53677d}.status-revoked{border-color:#e7c8c2;background:#fff4f1;color:#923b31}@media(max-width:560px){.welcome-shell{width:min(100% - 32px,560px);padding:94px 0 42px}.welcome-hero{grid-template-columns:1fr;gap:14px}.welcome-copy{padding:8px 0;text-align:center}.welcome-copy h1{max-width:12ch;margin-inline:auto;font-size:clamp(2.75rem,12vw,4rem)}.welcome-description{max-width:34ch;margin:18px auto 0}.welcome-illustration{width:min(88%,340px)}.welcome-phone{border-width:7px;border-radius:30px}.welcome-phone-screen{gap:16px;margin-block:12px 8px;padding:12px 7px;border-radius:16px}.welcome-link-badge{width:56px;height:56px}.welcome-link-badge svg{width:29px;height:29px}.shell{width:min(100% - 24px,620px);padding:24px 0}.profile-shell{padding-top:68px}.guest-shell:not(.guest-state-shell){width:min(100% - 24px,620px);padding-top:68px}.guest-header h1{font-size:clamp(1.9rem,10vw,2.6rem)}.page-header{flex-direction:column;gap:14px}.page-actions{align-items:stretch;width:100%}.owner-navigation{width:100%;flex-wrap:wrap}.nav-button{flex:1;min-height:48px;padding:0 6px}.owner-nav-logout{font-size:.82rem}.page-header h1{font-size:clamp(1.9rem,10vw,2.6rem)}.profile-form-fields{grid-template-columns:1fr}.form-actions{padding-top:2px}.form-actions .primary-button,.photo-actions button,.photo-actions{width:100%}.link-card{align-items:stretch;flex-direction:column}.link-card .danger-button{width:100%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important}.welcome-copy,.welcome-phone,.guest-state-panel,.guest-state-emoji,.guest-form-panel{animation:none!important}}