:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#18181b;background:#f4f4f1;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}.primary-button,.secondary-button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.landing-shell{min-height:100vh;padding:0 clamp(22px,7vw,100px) 56px;background:#f8f8f5;color:#18181b}.site-nav{height:82px;display:flex;align-items:center;justify-content:space-between}.brand{color:#18181b;text-decoration:none;font-size:18px;font-weight:800;letter-spacing:-.04em}.hero{max-width:760px;padding:clamp(72px,12vw,150px) 0 100px}.hero h1{max-width:720px;margin:0;font-size:clamp(48px,7vw,82px);line-height:.98;letter-spacing:-.065em}.hero>p{max-width:590px;margin:28px 0;color:#5e5e65;font-size:19px;line-height:1.65}.hero-actions{display:flex;align-items:center;gap:24px}.feature-row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;border-top:1px solid #deded9;padding-top:28px}.feature-row div{display:grid;gap:8px}.feature-row span{color:#77777e;line-height:1.5}.landing-footer{display:grid;gap:12px;margin-top:56px;padding-top:20px;border-top:1px solid #deded9;color:#929298;font-size:12px}.auth-shell{min-height:100vh;display:grid;place-items:center;align-content:center;gap:24px;padding:28px 18px;background:#f4f4f1;color:#18181b}.auth-card{width:min(100%,460px);padding:38px;border:1px solid #e2e2de;border-radius:20px;background:#fff;box-shadow:0 20px 60px #18181b12}.auth-card h1{margin:0;font-size:30px;letter-spacing:-.04em}.auth-intro{margin:10px 0 28px;color:#6a6a72;line-height:1.55}.auth-form{display:grid;gap:17px}.full-button{width:100%}.centered{text-align:center}.form-error{margin:0;color:#b42318;font-size:13px}.form-success{margin:0;color:#18794e;font-size:13px;line-height:1.5}.auth-footer{margin:26px 0 0;padding-top:20px;border-top:1px solid #ecece8;text-align:center}.auth-footer a,.dev-email{color:#52525a;font-size:13px;font-weight:650;text-decoration:none}.credentials-box{display:grid;gap:12px}.credentials-box>span{color:#76767d;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.credentials-box>strong{overflow-wrap:anywhere;font-size:16px}.credentials-box .pin{font-size:38px;letter-spacing:.16em}.credentials-box p{color:#6a6a72;font-size:13px;line-height:1.55}.dev-email{display:block;padding:12px;border:1px dashed #a3a3aa;border-radius:9px;background:#fafaf8}.page-shell,.status-page{min-height:100vh;display:grid;place-items:center;padding:32px 18px}.business-card{--accent: #2563eb;width:min(100%,420px);padding:36px;border:1px solid #e4e4e1;border-radius:24px;background:#fff;box-shadow:0 24px 70px #18181b14;text-align:center}.avatar{width:76px;height:76px;margin:0 auto 22px;display:grid;place-items:center;border-radius:50%;background:color-mix(in srgb,var(--accent) 12%,white);color:var(--accent);font-size:23px;font-weight:750;letter-spacing:-.04em}.business-card h1{margin:0;font-size:30px;line-height:1.1;letter-spacing:-.045em}.role{margin:9px 0 0;color:#62626a;font-size:15px}.bio{margin:24px 0;color:#46464d;line-height:1.65}.contact-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:10px}.contact-grid a,.public-links a{color:#18181b;text-decoration:none;border:1px solid #dededb;border-radius:12px;transition:border-color .15s,transform .15s,background .15s}.contact-grid a{padding:12px;font-weight:650;color:var(--accent)}.public-links{display:grid;gap:10px}.public-links a{padding:14px 16px;display:flex;justify-content:space-between;align-items:center;text-align:left;font-weight:600}.contact-grid a:hover,.public-links a:hover{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 4%,white);transform:translateY(-1px)}.card-tools{display:flex;justify-content:center;gap:18px;margin:24px 0 0}.card-tools a,.text-link{color:#64646d;text-decoration:none;font-size:13px;font-weight:650}.card-tools .link-button{color:#64646d;font-size:13px;font-weight:650}.card-tools .link-button:disabled{cursor:wait;opacity:.65}.card-tool-message{color:#b42318;font-size:12px}.card-tool-saved{color:#18794e;font-size:13px;font-weight:650}.card-tool-saved a{color:inherit}.business-card footer{margin-top:28px;padding-top:20px;border-top:1px solid #eeeeeb;color:#98989f;font-size:12px}.business-card footer a{color:inherit;font-weight:700;text-decoration:none}.editor-shell{min-height:100vh;display:grid;grid-template-columns:minmax(520px,1fr) minmax(430px,.9fr);background:#fff;color:#18181b}.editor-panel{padding:48px clamp(28px,5vw,72px);overflow:auto}.editor-header,.section-heading,.save-row{display:flex;align-items:center;justify-content:space-between;gap:20px}.editor-header{margin-bottom:38px}.editor-actions{display:flex;flex-direction:column;align-items:flex-end;gap:10px}.editor-all-actions,.editor-card-actions,.editor-account-actions{display:flex;align-items:center;gap:18px}.editor-footer{display:grid;gap:12px;margin-top:56px;padding-top:20px;border-top:1px solid #ecece8;color:#929298;font-size:12px}.webring-links{display:flex;flex-wrap:wrap;gap:14px}.webring-links a{color:#68686f;font-weight:650;text-decoration:none}.logout-reminder{position:fixed;z-index:10;inset:0;display:grid;place-items:center;padding:20px;background:#18181b52}.logout-dialog{width:min(100%,420px);padding:28px;border-radius:16px;background:#fff;box-shadow:0 20px 60px #18181b33}.logout-dialog h2{margin:0;font-size:22px}.logout-dialog>p{margin:10px 0 20px;color:#67676f;line-height:1.5}.logout-dialog dl{display:grid;gap:12px;margin:0}.logout-dialog dl>div{display:flex;justify-content:space-between;gap:16px;padding:12px;border-radius:9px;background:#f4f4f1}.logout-dialog dt{color:#74747c;font-size:12px;font-weight:700}.logout-dialog dd{margin:0;color:#18181b;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:700}.logout-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.link-button{border:0;background:transparent;color:#64646d;cursor:pointer;font-size:13px;font-weight:650}.account-strip{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:-18px 0 28px;padding:12px 14px;border-radius:10px;background:#f3f3f0;color:#66666d;font-size:13px}.account-strip a{color:#18181b;font-weight:700}.account-actions{display:flex;align-items:center;gap:14px}.account-actions .link-button{color:#66666d}.eyebrow{display:block;margin-bottom:7px;color:#74747c;font-size:11px;font-weight:750;letter-spacing:.12em;text-transform:uppercase}.editor-panel h1,.editor-panel h2{margin:0;letter-spacing:-.035em}.editor-panel h1{font-size:30px}.editor-panel h2{font-size:20px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field{display:grid;gap:7px;color:#4e4e55;font-size:13px;font-weight:650}.field-hint{color:#777780;font-weight:400}.field-wide{grid-column:1 / -1}.field input,.field textarea,.link-editor-row input,.link-editor-row select{width:100%;border:1px solid #dcdcd8;border-radius:10px;background:#fff;color:#18181b;outline:none}.field input,.field textarea{padding:11px 12px}.path-input{display:flex;align-items:center;overflow:hidden;border:1px solid #dcdcd8;border-radius:9px;background:#fff;color:#6a6a72;font-size:14px;font-weight:500}.path-input:focus-within{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb18}.path-input>span{padding-left:12px;white-space:nowrap}.path-input input{min-width:0;border:0;border-radius:0;box-shadow:none;padding-left:2px;color:#18181b;font-weight:700}.path-input input:focus{border:0;box-shadow:none}.field textarea{min-height:96px;resize:vertical;line-height:1.5}.field input:focus,.field textarea:focus,.link-editor-row input:focus,.link-editor-row select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb18}.field .color-input{width:64px;height:42px;padding:5px}.links-editor{margin-top:40px;padding-top:32px;border-top:1px solid #ecece8}.secondary-button,.primary-button,.row-actions button{border:0;cursor:pointer;font-weight:700}.secondary-button{padding:10px 13px;border:1px solid #dcdcd8;border-radius:10px;background:#fff;color:#303036}.link-list{display:grid;gap:10px;margin-top:18px}.link-editor-row{display:grid;grid-template-columns:130px 130px minmax(180px,1fr) auto;gap:8px}.link-editor-row input,.link-editor-row select{min-width:0;padding:10px}.row-actions{display:flex;gap:4px}.row-actions button{width:34px;border-radius:8px;background:#f1f1ee;color:#55555c}.row-actions button:last-child{color:#b42318}.save-row{justify-content:flex-start;margin-top:28px}.primary-button{padding:12px 17px;border-radius:10px;background:#18181b;color:#fff}.save-message{color:#696970;font-size:13px}.preview-panel{position:sticky;top:0;height:100vh;display:grid;place-items:center;padding:48px;background:#f4f4f1;overflow:auto}.preview-label{position:absolute;top:24px;color:#8c8c92;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.1em}.preview-card{transform:scale(.94)}.status-page{align-content:center;gap:12px;color:#66666d}.mark{width:52px;height:52px;display:grid;place-items:center;border-radius:50%;background:#18181b;color:#fff;font-weight:800}.qr-page{min-height:100vh;padding:28px clamp(20px,6vw,84px) 72px;background:#f4f4f1;color:#18181b}.qr-header{display:flex;align-items:center;justify-content:space-between}.qr-controls{max-width:760px;margin:clamp(55px,10vw,110px) auto 34px;text-align:center}.qr-controls h1{margin:0;font-size:clamp(34px,5vw,56px);letter-spacing:-.055em}.qr-controls p{max-width:570px;margin:17px auto 28px;color:#68686f;line-height:1.6}.format-picker{display:inline-flex;flex-wrap:wrap;justify-content:center;gap:6px;padding:5px;border:1px solid #dfdfdb;border-radius:12px;background:#fff}.format-picker button{border:0;border-radius:8px;padding:9px 12px;background:transparent;color:#5c5c63;cursor:pointer;font-size:13px;font-weight:700}.format-picker button.selected{background:#18181b;color:#fff}.print-sheet{display:grid;justify-content:center;gap:22px}.print-item{display:flex;align-items:center;justify-content:center;gap:24px;border:1px solid #deded9;background:#fff;box-shadow:0 10px 30px #18181b0f}.print-item img{display:block;width:190px;height:190px}.print-copy{display:grid;gap:7px}.print-copy strong{font-size:22px;letter-spacing:-.04em}.print-copy span{color:#68686f;font-size:13px}.print-copy p{margin:8px 0 0;font-size:18px}.format-qr .print-item{width:260px;padding:34px}.format-qr .print-copy{display:none}.format-sticker .print-item{width:360px;min-height:140px;padding:20px}.format-sticker .print-item img{width:100px;height:100px}.format-card .print-item{width:520px;min-height:300px;padding:48px;border-radius:14px}.format-card .print-item img{width:175px;height:175px}.format-sign .print-item{width:min(100%,640px);min-height:540px;flex-direction:column;padding:62px;text-align:center}.format-sign .print-item img{width:310px;height:310px}.format-sign .print-copy strong{font-size:32px}.format-phone .print-item{width:250px;min-height:440px;flex-direction:column;padding:42px 24px;border-radius:34px;text-align:center}.format-phone .print-item img{width:190px;height:190px}.qr-downloads{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:34px;color:#73737a;font-size:13px}.share-page{min-height:100vh;padding:28px clamp(20px,6vw,84px) 72px;background:#f4f4f1;color:#18181b}.share-intro{max-width:720px;margin:clamp(55px,10vw,110px) auto 34px;text-align:center}.share-intro h1{margin:0;font-size:clamp(34px,5vw,56px);letter-spacing:-.055em}.share-intro p{max-width:600px;margin:17px auto 0;color:#68686f;line-height:1.6}.share-options{display:grid;max-width:720px;margin:0 auto;gap:12px}.share-option{display:grid;grid-template-columns:1fr auto;gap:14px 20px;padding:22px;border:1px solid #deded9;border-radius:14px;background:#fff}.share-option h2{margin:0;font-size:17px;letter-spacing:-.02em}.share-option p{margin:5px 0 0;color:#73737a;font-size:13px;line-height:1.45}.share-value,.share-code{grid-column:1 / -1;overflow:auto;margin:0;padding:12px;border-radius:8px;background:#f4f4f1;color:#45454c;font:12px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:pre-wrap;overflow-wrap:anywhere}.share-option .secondary-button{align-self:start}.copy-status{min-height:20px;margin:16px 0 0;color:#5d5d64;text-align:center;font-size:13px}.saved-page{min-height:100vh;padding:28px clamp(20px,6vw,84px) 72px;background:#f4f4f1;color:#18181b}.saved-header{display:flex;justify-content:space-between;align-items:center}.saved-list{max-width:620px;margin:clamp(55px,10vw,110px) auto 0}.saved-list h1{margin:7px 0 28px;font-size:clamp(34px,5vw,56px);letter-spacing:-.055em}.saved-groups{display:grid;gap:24px}.saved-group h2{margin:0 0 8px;color:#777780;font-size:13px;letter-spacing:.08em}.single-saved-group h2{text-align:center}.saved-items{display:grid;gap:10px}.saved-item{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;border:1px solid #deded9;border-radius:12px;background:#fff}.saved-item a{color:#18181b;font-weight:700;text-decoration:none}.saved-item .link-button{color:#777780;font-size:13px}.saved-empty{color:#73737a}@media(max-width:900px){.editor-shell{display:block}.preview-panel{position:relative;height:auto;min-height:640px}}@media(max-width:620px){.landing-shell{padding-inline:20px}.hero{padding:70px 0}.hero h1{font-size:48px}.hero-actions{align-items:flex-start;flex-direction:column}.feature-row{grid-template-columns:1fr;gap:28px}.landing-footer{margin-top:40px}.auth-card{padding:28px 22px}.qr-page,.share-page,.saved-page{padding-inline:18px}.share-option{grid-template-columns:1fr}.share-option .secondary-button{justify-self:start}.format-card .print-item,.format-sticker .print-item{width:100%}.format-card .print-item{min-height:240px;padding:26px}.format-card .print-item img{width:130px;height:130px}.format-sign .print-item{padding:35px 20px;min-height:440px}.format-sign .print-item img{width:250px;height:250px}.format-phone .print-item{min-height:390px}.business-card{padding:30px 22px;border-radius:20px}.page-shell{padding:14px}.editor-panel{padding:30px 18px}.editor-header{align-items:flex-start;flex-direction:column}.editor-actions{width:100%;flex-direction:column;align-items:flex-start;gap:12px}.editor-all-actions{flex-direction:column;align-items:flex-start;gap:12px}.editor-account-actions{order:-1}.editor-card-actions{flex-wrap:wrap}.editor-footer{margin-top:40px}.form-grid{grid-template-columns:1fr}.field-wide{grid-column:auto}.link-editor-row{grid-template-columns:1fr 1fr;padding:12px;border:1px solid #e6e6e2;border-radius:12px}.link-editor-row input[aria-label="Link URL"]{grid-column:1 / -1}.row-actions{grid-column:1 / -1;justify-content:flex-end}.preview-panel{padding:72px 14px 32px}}@media print{@page{margin:0;size:auto}.no-print,.qr-header{display:none!important}.qr-page{min-height:0;padding:0;background:#fff}.print-sheet{display:grid;min-height:100vh;place-content:center}.print-item{box-shadow:none}.format-sticker{grid-template-columns:repeat(2,1fr);place-content:center;gap:0}.format-sticker .print-item{width:9cm;height:4cm;border:1px dashed #bbb}.format-card .print-item{width:85mm;height:55mm}.format-qr .print-item{width:55mm;height:55mm}.format-sign .print-item{width:100%;min-height:100vh;border:0}.format-phone .print-item{width:65mm;height:120mm;min-height:0}}@media(prefers-color-scheme:dark){:root{color:#f4f4f5;background:#111113}.page-shell,.preview-panel{background:#111113}.business-card{background:#1b1b1e;border-color:#303035;box-shadow:none}.role,.bio{color:#b3b3ba}.contact-grid a,.public-links a{color:#f4f4f5;border-color:#3a3a40}.contact-grid a{color:color-mix(in srgb,var(--accent) 70%,white)}.contact-grid a:hover,.public-links a:hover{background:color-mix(in srgb,var(--accent) 10%,#1b1b1e)}.business-card footer{border-color:#303035;color:#77777f}}
