:root{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","SF Pro Display",system-ui,sans-serif;color:#172c48;background:#eaf1fb;font-size:16px}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at top left,#b5d7ff,transparent 60%),#edf3fa;min-height:100vh}a{color:#073dad;text-decoration:none}button,input,textarea,select{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button,.primary{background:#073dad;color:white;border:0;border-radius:16px;padding:16px;text-align:center;font-weight:700;display:block}.secondary{background:#e5edfb;color:#073dad}h1{font-size:30px;margin:16px 0 6px;letter-spacing:-.7px}h2{font-size:20px}p{line-height:1.6}.business-card{max-width:460px;margin:28px auto;padding:32px 24px;text-align:center;background:rgba(255,255,255,.93);border:1px solid white;border-radius:30px;box-shadow:0 18px 60px #163c7320}.company-logo{max-width:260px;width:100%;height:auto;object-fit:contain}.eyebrow{font-size:11px;letter-spacing:2px;color:#627894;margin:30px 0 20px}.portrait{width:124px;height:124px;object-fit:cover;border-radius:50%;border:5px solid white;box-shadow:0 5px 24px #2456a82a;margin:auto}.initials{display:grid;place-items:center;font-size:50px;color:#073dad;background:#d9e8fc}.job{margin:0;color:#073dad;font-weight:600}.company{font-size:14px;color:#5b6c83}.bio,.address{font-size:14px;color:#5b6c83}.primary{margin:26px 0 18px}.contact-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.contact-actions a{padding:15px 10px;background:#ecf3fd;border-radius:14px;font-weight:600}.catalogue{display:block;margin:22px 0;padding:18px;background:#e0ecff;border:1px solid #cbdcfa;border-radius:16px;font-weight:700}.extra-links{display:flex;justify-content:center;gap:20px;margin:20px 0}.business-card button{width:100%}footer{font-size:12px;color:#73839a;margin-top:28px}.editor-shell{max-width:1050px;margin:auto;padding:70px 20px 40px}.editor-top{display:flex;align-items:center;justify-content:space-between;gap:16px}.editor-top img{max-width:230px}.editor-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:22px;margin-top:24px}.panel{padding:24px;background:white;border-radius:24px;box-shadow:0 8px 35px #163c7310}label{display:block;font-weight:600;margin-bottom:16px}input,textarea,select{width:100%;padding:13px;margin-top:7px;border:1px solid #cbd6e5;border-radius:10px;background:#fff;color:#172c48}textarea{resize:vertical}.fields{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.wide{grid-column:1/-1}.check{display:flex;align-items:center;gap:12px}.check input{width:22px;height:22px;margin:0}.editor-photo{display:flex;align-items:center;gap:18px;margin-bottom:20px}.editor-photo img{width:76px;height:76px;border-radius:50%;object-fit:cover}.editor-photo label{flex:1;margin:0}.actions-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.actions-row>*{flex:1}.qr{display:block;margin:16px auto;max-width:100%;width:220px}.status{min-height:24px;color:#073dad}.error{color:#af2525}.hint{font-size:14px;color:#64758b}.link-box{word-break:break-all;background:#eff4fc;padding:14px;border-radius:12px}button:disabled{opacity:.5;cursor:default}#admin-panel select{margin-bottom:12px}@media(max-width:700px){.business-card{margin:12px;border-radius:24px}.editor-grid{grid-template-columns:1fr}.editor-top{display:block}.fields{grid-template-columns:1fr}.editor-shell{padding:65px 14px 30px}.panel{padding:20px}.editor-top h1{font-size:27px}}

/* Tinted Liquid Glass, with a stable viewport and accessible 16px inputs. */
body{background:radial-gradient(ellipse at 95% 0%,#83a8ee85,transparent 58%),radial-gradient(ellipse at 0% 90%,#54bed66b,transparent 58%),linear-gradient(125deg,#d9e8ff,#bfd3f3 60%,#c9e8ed);background-attachment:fixed}
.business-card,.panel{background:linear-gradient(140deg,#d6e6ffa8,#b5cee789);border:1px solid #ffffffad;backdrop-filter:blur(28px) saturate(155%);-webkit-backdrop-filter:blur(28px) saturate(155%);box-shadow:0 14px 40px #12377726,inset 0 1px 0 #ffffffe0}
button,.primary{background:linear-gradient(130deg,#174faedb,#176a86e8);border:1px solid #ffffff60;box-shadow:inset 0 1px 0 #ffffff50,0 4px 14px #16447720}
.secondary,.contact-actions a,.catalogue{background:linear-gradient(135deg,#f0f8ff9c,#a5dce6a1);color:#123b6b;border:1px solid #ffffffa0;box-shadow:inset 0 1px 0 #ffffffab}
input,textarea,select{font-size:16px;background:#f5faffaa}.public-card{height:100svh;height:100dvh;overflow:hidden;display:grid;place-items:center;padding:max(8px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left));min-height:0}
.public-card .business-card{width:100%;max-width:430px;max-height:100%;margin:0;padding:clamp(12px,2.4vh,22px);display:flex;flex-direction:column;gap:clamp(6px,1.3vh,12px);border-radius:28px;min-height:0}
.public-card .company-logo{height:40px;max-width:250px;flex-shrink:0;align-self:center}.public-card .eyebrow{font-size:10px;margin:0;line-height:1.2}.card-identity{min-height:0}.public-card .portrait{width:clamp(64px,12vh,100px);height:clamp(64px,12vh,100px);border-width:3px;flex-shrink:0}.public-card h1{font-size:clamp(22px,3.9vh,30px);line-height:1.15;margin:8px 0 3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.public-card .job{font-size:14px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.public-card .company{font-size:12px;line-height:1.35;margin:5px 0 0}.public-card .primary,.public-card .catalogue{margin:0;padding:12px;min-height:44px;font-size:15px;line-height:20px;flex-shrink:0}.public-card .contact-actions{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.public-card .contact-actions a{padding:12px 2px;font-size:12px;min-height:44px;line-height:18px}.public-card .extra-links{margin:0;gap:18px;font-size:13px;line-height:20px}.extra-links:empty{display:none}.card-tools{display:grid;grid-template-columns:1fr 1fr;gap:8px}.card-tools button{padding:12px 6px;min-height:44px;font-size:13px;line-height:18px}.public-card #share-status{margin:0;font-size:12px;line-height:18px}.public-card #share-status:empty{display:none}.public-card footer{font-size:10px;line-height:14px;margin:0}
dialog{max-width:400px;width:calc(100% - 32px);max-height:80dvh;overflow:auto;border:1px solid #ffffffc4;border-radius:24px;background:#dcecff;color:#172c48;padding:24px;box-shadow:0 20px 70px #12377745;word-break:break-word}dialog::backdrop{background:#12377765;backdrop-filter:blur(8px)}dialog button{margin-left:auto;width:auto!important}
.editor-shell{height:100svh;height:100dvh;max-width:760px;padding:64px 16px max(10px,env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:10px;overflow:hidden}.editor-top{flex-shrink:0;display:flex;align-items:center;gap:12px}.editor-top h1{font-size:24px;margin:0}.editor-top p{font-size:12px;margin:4px 0}.editor-top .eyebrow{display:none}.editor-top img{width:140px;max-width:36%}.editor-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;flex-shrink:0}.editor-tabs button{padding:11px 3px;font-size:13px;min-height:44px;border-radius:14px;background:#eaf4ff82;color:#173b68}.editor-tabs button[aria-selected=true]{background:linear-gradient(135deg,#174fae,#176a86);color:white}.editor-grid{margin:0;min-height:0;flex:1;display:block}.editor-grid>.panel{height:100%;padding:16px;overflow:hidden}.editor-grid .panel[hidden],.editor-pane[hidden]{display:none}.editor-grid form{height:100%;display:flex;flex-direction:column;gap:8px}.editor-pane{min-height:0;flex:1;overflow:auto;overscroll-behavior:contain}.editor-pane .fields{grid-template-columns:1fr 1fr}.editor-pane label{font-size:13px;margin-bottom:10px}.editor-pane input{padding:10px;margin-top:4px}.editor-photo{margin-bottom:12px;gap:12px}.editor-photo img{width:64px;height:64px}.editor-photo .hint{font-size:11px}.editor-bottom{flex-shrink:0}.editor-bottom .check{font-size:13px;margin:0 0 8px}.editor-bottom .hint{font-size:11px;margin:4px 0}.editor-bottom .actions-row{margin:8px 0 0}.editor-bottom button{min-height:44px;padding:10px;font-size:14px}.editor-bottom .status{margin:3px 0;font-size:12px;min-height:16px;line-height:1.3}.editor-share{overflow:auto!important}.editor-share h2{font-size:18px;margin:0}.editor-share .qr{width:170px;margin:10px auto}.editor-share p{font-size:12px;margin:8px 0}.editor-share .link-box{padding:10px}.editor-share button{padding:10px;min-height:44px;font-size:13px}#admin-panel{padding:8px 12px;flex-shrink:0;display:flex;align-items:center;gap:8px}#admin-panel[hidden]{display:none}#admin-panel h2{display:none}#admin-panel label{flex:1;margin:0;font-size:0}#admin-panel select{margin:0;padding:9px;font-size:14px}#admin-panel button{padding:10px;font-size:12px;min-height:40px}
@media(max-height:650px){.public-card .portrait{width:62px;height:62px}.public-card .company-logo{height:30px}.public-card .eyebrow{display:none}.public-card .business-card{gap:6px;padding:12px}.public-card h1{font-size:22px}.editor-top p{display:none}.editor-top h1{font-size:20px}.editor-shell{gap:6px}.editor-grid>.panel{padding:12px}.editor-share .qr{width:120px}.editor-bottom .hint{display:none}}
@media(max-height:450px){.public-card .business-card{max-width:720px;display:grid;grid-template-columns:1fr 1.5fr;gap:5px 12px}.public-card .card-identity{grid-column:1;grid-row:2/7}.public-card .company-logo{height:24px;grid-column:1}.public-card .primary,.public-card .catalogue,.public-card .contact-actions,.public-card .card-tools,.public-card .extra-links{grid-column:2}.public-card .eyebrow{display:none}.public-card footer{grid-column:1/-1}.public-card #share-status{grid-column:2}.public-card .portrait{width:58px;height:58px}}

html{height:100%;overflow:hidden}body{height:100svh;height:100dvh;min-height:0;overflow:hidden}.public-card #share-status:not(:empty){position:fixed;bottom:max(14px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);max-width:calc(100vw - 32px);padding:8px 14px;background:#e4f2ff;border-radius:12px;box-shadow:0 3px 20px #12377730;z-index:10}

/* The shared navigation already occupies space above the editor. */
body:not(.public-card){display:flex;flex-direction:column}body:not(.public-card)>.hub-chrome{flex-shrink:0}.editor-shell{flex:1;width:100%;height:auto;min-height:0;padding-top:14px}

/* Public name card: tinted, translucent glass over softly blurred colour pools. */
.public-card{background:radial-gradient(ellipse at 8% 10%,#f2f7ff 0%,#c3d6f580 28%,transparent 56%),radial-gradient(ellipse at 92% 25%,#4c75c9 0%,#749be680 30%,transparent 62%),radial-gradient(ellipse at 5% 88%,#419fbe 0%,#83c2d680 35%,transparent 65%),radial-gradient(ellipse at 80% 85%,#e0eeff 0%,transparent 45%),#a5bee2}
.public-card .business-card{position:relative;isolation:isolate;display:flex;gap:clamp(6px,1.1svh,10px);padding:clamp(12px,2.4svh,22px);border-radius:32px;background:rgba(42,91,146,.27);border:1px solid #ffffff9c;backdrop-filter:blur(32px) saturate(185%);-webkit-backdrop-filter:blur(32px) saturate(185%);box-shadow:0 22px 50px #163b6a40,inset 0 2px 2px #ffffffc7,inset 1px 0 1px #ffffff73,inset 0 -2px 2px #14385c45}
.public-card .business-card::before{content:"";position:absolute;z-index:-1;pointer-events:none;inset:0;border-radius:inherit;background:radial-gradient(ellipse at 0% 0%,#ffffff57,transparent 55%),radial-gradient(ellipse at 100% 100%,#bceaff40,transparent 55%),linear-gradient(115deg,#ffffff24,transparent 35%,#ffffff08 68%,#ffffff2b);box-shadow:inset -1px 0 1px #ffffff8a}
.public-card .business-card::after{content:"";position:absolute;z-index:-1;pointer-events:none;inset:3px;border-radius:29px;border:1px solid #ffffff24;mask-image:linear-gradient(135deg,#000,transparent 45%,#000);-webkit-mask-image:linear-gradient(135deg,#000,transparent 45%,#000)}
.public-card .company-logo{width:100%;max-width:330px;height:clamp(52px,8svh,72px);object-fit:contain;flex-shrink:0}
.public-card .eyebrow{display:none}
.card-apps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(8px,1.5svh,14px) 16px;margin:8px 0 0;flex-shrink:0}
.public-card .app-tile{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:6px;width:100%;min-width:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;color:#163b68;text-decoration:none;font-weight:600;text-align:center;min-height:44px}
.app-icon{width:clamp(48px,8svh,62px);aspect-ratio:1;display:grid;place-items:center;border-radius:25%;color:#fff;flex-shrink:0;background:linear-gradient(150deg,#fff,#e6e8ed);box-shadow:0 5px 12px #153b672e;transition:transform .15s ease}
.app-icon svg{width:65%;height:65%;filter:drop-shadow(0 1px 1px #153b6720)}
.app-icon.native-icon{background:none;box-shadow:0 5px 12px #153b672e}
.native-icon img{display:block;width:100%;height:100%;object-fit:contain;border-radius:inherit}
.app-save .app-icon{background:linear-gradient(145deg,#faf9f6,#d8d6cf);border:1px solid #ffffffa0}
.app-catalogue .app-icon{background:linear-gradient(145deg,#ffa839,#f2770d);border:1px solid #ffffff60}
.app-share .app-icon{color:#007aff;background:linear-gradient(145deg,#fff,#edf2fa);border:1px solid #ffffffa0}
.app-label{font-size:12px;line-height:15px;white-space:nowrap;color:#10345d;text-shadow:0 1px 0 #ffffff65}
.app-tile:active .app-icon{transform:scale(.94)}
.app-tile:focus-visible{outline:2px solid #073dad;outline-offset:4px;border-radius:12px}
.public-card .app-tile:disabled{opacity:.4;cursor:default}
@media(max-height:650px){.public-card .company-logo{height:48px}.app-icon{width:44px}.card-apps{gap:8px 10px}.app-label{font-size:11px;line-height:14px}.public-card .business-card{gap:6px;padding:12px}}
@media(max-height:560px){.public-card .company-logo{height:40px}.public-card .portrait{width:48px;height:48px}.public-card h1{font-size:22px;margin:5px 0 3px}.app-icon{width:40px}.card-apps{gap:6px 10px;margin-top:4px}.public-card footer{display:none}}
@media(max-height:450px){.public-card .company-logo{height:34px}.public-card .business-card{max-width:500px;padding:8px}.public-card .portrait{width:42px;height:42px}.public-card h1{font-size:18px;margin:3px 0}.public-card .company{display:none}.card-apps{gap:4px 10px;margin-top:2px}.app-icon{width:32px}.app-label{font-size:10px;line-height:12px}.public-card .app-tile{gap:3px}.public-card footer{display:none}}
@media(prefers-reduced-motion:reduce){.app-icon{transition:none}}

/* Screenshot artwork supplies the complete Contacts and Books icon surfaces. */
.app-save .native-icon,.app-catalogue .native-icon{background:none;border:0}

/* Complete transparent HD artwork: preserve alpha without a second tile surface. */
.public-card .app-tile .app-icon.native-icon{background:none;border:0;box-shadow:none}
.native-icon img{border-radius:0;filter:drop-shadow(0 4px 6px #153b6724)}

/* Larger home-screen-sized artwork, with compact sizes for shorter viewports. */
.public-card .app-icon{width:clamp(64px,10svh,76px)}
.public-card .app-label{font-size:13px;line-height:16px}
@media(max-height:650px){.public-card .app-icon{width:60px}.public-card .app-label{font-size:12px;line-height:15px}}
@media(max-height:560px){.public-card .app-icon{width:52px}}
@media(max-height:450px){.public-card .app-icon{width:36px}.public-card .app-label{font-size:10px;line-height:12px}}

/* Per-card company profiles and social folders. */
.editor-tabs{display:flex;flex-wrap:wrap}.editor-tabs button{flex:1 0 auto}.logo-editor{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin:18px 0}.logo-editor img{width:130px;height:85px;object-fit:contain;background:#fff9;border-radius:12px;padding:6px}.logo-editor label{flex:1;min-width:180px}.social-edit,.company-edit{border:1px solid #fff9;background:#f1f8ff65;border-radius:18px;padding:16px;margin:14px 0}.social-edit{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.social-edit label:nth-child(3),.social-edit button{grid-column:1/-1}.company-edit header{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.company-edit .actions-row{margin:0}.company-edit .actions-row button{padding:10px;flex:none}.public-card .folder-icon{padding:7px;background:linear-gradient(140deg,#bce3ff,#278dd5);border-radius:22%}.folder-icon svg{width:100%;height:100%}.card-folder{width:min(94vw,520px);max-height:88dvh;overflow:auto;border:1px solid #fff;border-radius:24px;padding:20px;background:#eaf3ff;color:#172c48;text-align:left;box-shadow:0 18px 60px #163c7350}.card-folder::backdrop{background:#102e576b;backdrop-filter:blur(5px)}.card-folder header{display:flex;gap:12px;align-items:center;justify-content:space-between;position:sticky;top:-20px;background:#eaf3ff;padding:8px 0;z-index:1}.card-folder h2{margin:8px 0}.public-card .card-folder header button{width:auto;padding:10px 14px;font-size:14px}.social-links{display:grid;gap:10px}.social-links a{display:flex;gap:12px;align-items:center;padding:12px;background:#fff9;border:1px solid white;border-radius:14px;font-weight:600;overflow-wrap:anywhere}.social-links a>span:last-child{margin-left:auto}.social-mark{width:40px;height:40px;flex:none;border-radius:11px;display:grid;place-items:center;background:#166bc4;color:white;font-size:21px}.social-mark[data-platform="Xiaohongshu"]{background:#e6314d;font-size:11px}.social-mark[data-platform="TikTok"]{background:#131724}.social-mark[data-platform="Instagram"]{background:linear-gradient(135deg,#7947d3,#df4c7c,#ee9e42)}.company-entry{border:1px solid white;background:#fff7;border-radius:16px;margin:12px 0;overflow:hidden}.company-entry summary{display:flex;gap:12px;align-items:center;cursor:pointer;padding:14px;list-style:none}.company-entry summary img{width:70px;height:48px;object-fit:contain;background:#fff;border-radius:8px}.company-entry summary>span:last-child{margin-left:auto}.company-content{padding:0 14px 16px}.company-content p{white-space:pre-wrap;overflow-wrap:anywhere}.company-contacts{display:flex;flex-wrap:wrap;gap:10px;margin:12px 0}.company-contacts a{padding:10px;background:#f7fbff;border-radius:10px;overflow-wrap:anywhere}.company-wordmark{font-weight:800;font-size:20px}.public-card .business-card{overflow-y:auto}.company{overflow-wrap:anywhere}.public-card [hidden],.editor-shell [hidden]{display:none!important}@media(max-width:500px){.social-edit{grid-template-columns:1fr}.social-edit label,.social-edit button{grid-column:1}.company-edit{padding:12px}}

/* Company links reuse the main card artwork at a smaller app-icon size. */
.company-apps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0}.company-apps:empty,.company-contacts:empty,.social-links:empty{display:none}.company-apps .company-app{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:7px;padding:4px 0;color:#173e6c;text-align:center;font-size:13px;font-weight:600;border-radius:14px;min-width:0;min-height:90px}.company-app-icon{display:grid;place-items:center;width:60px;height:60px;transition:transform .15s ease}.company-app-icon img,.company-app-icon svg{display:block;width:100%;height:100%;object-fit:contain}.company-app-icon img{filter:drop-shadow(0 3px 5px #153b6720)}.company-app-icon.map-icon{padding:10px;background:#fff;border-radius:14px;box-shadow:0 3px 8px #153b671a}.company-apps .company-app:active .company-app-icon{transform:scale(.94)}.company-apps .company-app:focus-visible{outline:3px solid #1879cd;outline-offset:3px}@media(prefers-reduced-motion:reduce){.company-app-icon{transition:none}}

/* Natural document scrolling prevents identity text shrinking under the icon grid in Safari. */
html.public-card-root{height:auto;min-height:100%;overflow:auto}body.public-card{height:auto;min-height:100svh;min-height:100dvh;overflow:visible;display:block;padding:max(12px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left))}.public-card .business-card{height:auto;max-height:none;min-height:0;margin:0 auto;overflow:visible;display:flex;flex-direction:column;gap:14px}.public-card .business-card>.card-identity,.public-card .business-card>.card-apps,.public-card .business-card>.company-logo,.public-card .business-card>footer,.public-card .business-card>.company-wordmark{flex:0 0 auto}.public-card .card-identity{min-height:auto}.public-card h1,.public-card .job{white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere}.public-card .company{margin:7px 0 0;overflow-wrap:anywhere}.public-card .card-apps{margin:6px 0 0;gap:16px 12px}.public-card .app-label{line-height:1.35;min-height:18px}.app-order-list{list-style:none;padding:0;margin:14px 0;display:grid;gap:10px}.app-order-item{display:flex;align-items:center;gap:10px;background:#f4f9ffb3;border:1px solid white;border-radius:14px;padding:10px;cursor:grab}.app-order-item img{width:40px;height:40px;object-fit:contain;flex:none}.app-order-number{width:22px;flex:none;font-weight:700;color:#557394}.app-order-item strong{font-size:14px;flex:1;overflow-wrap:anywhere}.order-controls{display:flex;gap:6px}.order-controls button{padding:8px;min-width:40px;min-height:40px}.order-folder{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;background:#2291d5;color:white;font-size:28px;flex:none}@media(max-width:360px){.app-order-item{gap:6px;padding:8px}.app-order-item img,.order-folder{width:32px;height:32px}.order-controls{gap:4px}.order-controls button{min-width:36px;padding:7px}}

.public-card .company-wordmark,.public-card footer{overflow-wrap:anywhere}

/* SF Pro is supplied by the system on Apple devices; other systems use their native UI font. */
.public-card .app-label,.public-card .company-apps .company-app,.public-card .social-links a,.app-order-item strong{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","SF Pro Display",system-ui,sans-serif;font-weight:400}.public-card .app-icon.vector-icon img,.company-app-icon img{filter:none}

/* Photo widget and native-feeling app presses. Keep keyboard focus visible. */
.public-card,.public-card button,.public-card input,.public-card textarea,.public-card select,.public-card dialog{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","SF Pro Display",system-ui,sans-serif}
.public-card .portrait{display:block;width:168px;height:168px;object-fit:cover;object-position:center;border-radius:37px;border:2px solid #ffffffb3;box-shadow:0 4px 16px #163b6a1a;margin:0 auto 16px}
.public-card .portrait.initials{display:grid;place-items:center}
.editor-photo img{border-radius:18px}
.public-card :is(a,button,summary){-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}
.public-card :is(a,button,summary):focus:not(:focus-visible){outline:none;box-shadow:none}
.public-card :is(.app-tile,.company-app){-webkit-appearance:none;appearance:none;user-select:none;-webkit-user-select:none;transition:opacity .16s ease}
.public-card :is(.app-icon,.company-app-icon){transition:transform .24s cubic-bezier(.2,.8,.2,1),filter .18s ease;will-change:transform}
.public-card .app-tile:active .app-icon,.public-card .company-app:active .company-app-icon{transform:scale(.9);filter:brightness(1.08)}
.public-card :is(a,button,summary):focus-visible{outline:2px solid #0878d4;outline-offset:5px;border-radius:12px}
@media(max-height:700px){.public-card .portrait{width:136px;height:136px;border-radius:30px;margin-bottom:12px}}
@media(prefers-reduced-motion:reduce){.public-card :is(.app-tile,.company-app,.app-icon,.company-app-icon){transition:none}.public-card .app-tile:active .app-icon,.public-card .company-app:active .company-app-icon{transform:none}}

/* A raised icon at rest, with visible depth and a spring release after touch. */
.public-card :is(.app-icon,.company-app-icon){filter:drop-shadow(0 3px 2px #163b6a30);transform:translateY(0);transition:transform .28s cubic-bezier(.18,.85,.3,1.25),filter .2s ease}
.public-card :is(.app-tile:active,.app-tile.is-pressed) .app-icon,.public-card :is(.company-app:active,.company-app.is-pressed) .company-app-icon{transform:translateY(3px) scale(.86);filter:brightness(.88) drop-shadow(0 1px 1px #163b6a20);transition-duration:.07s}
@media(prefers-reduced-motion:reduce){.public-card :is(.app-icon,.company-app-icon){transition:none}.public-card :is(.app-tile:active,.app-tile.is-pressed) .app-icon,.public-card :is(.company-app:active,.company-app.is-pressed) .company-app-icon{transform:none;transition:none}}