:root{color:#17201d;font-synthesis:none;text-rendering:optimizelegibility;background:#f7faf7;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}*{box-sizing:border-box}body{min-width:320px;margin:0}button,a,input,select,textarea{font:inherit}.app-screen{min-height:100svh;padding:24px 18px 96px}.collection-screen{max-width:720px;margin:0 auto}.acquisition-screen,.qard-detail-screen{align-content:start;gap:18px;max-width:720px;margin:0 auto;display:grid}.collection-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px;display:flex}.collection-header__title{min-width:0}.acquisition-header{justify-items:start;gap:16px;display:grid}.detail-header{justify-content:space-between;align-items:center;gap:16px;display:flex}.eyebrow{color:#0f766e;letter-spacing:0;text-transform:uppercase;margin:0 0 4px;font-size:.78rem;font-weight:800}h1,h2,p{margin-top:0}h1{color:#101816;letter-spacing:0;margin-bottom:0;font-size:2rem;line-height:1.1}h2{color:#17201d;letter-spacing:0;margin-bottom:8px;font-size:1.15rem;line-height:1.2}.toolbar{flex:none;gap:8px;display:flex}.icon-button,.back-link{color:#17201d;background:#fff;border:1px solid #cfd8d4;border-radius:8px;min-height:44px;text-decoration:none}.icon-button{place-items:center;width:44px;display:grid}.back-link{justify-content:center;justify-self:start;align-items:center;gap:8px;padding:0 12px;display:inline-flex}.icon-button--primary{color:#fff;background:#0f766e;border-color:#0f766e}.icon-button--danger{color:#9f2531}.icon-button--active{color:#0f766e;background:#e6f4f1;border-color:#0f766e}.icon-button:disabled{color:#8a9993}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.search-field{color:#5c6964;background:#fff;border:1px solid #cfd8d4;border-radius:8px;align-items:center;gap:10px;margin-bottom:18px;padding:0 12px;display:flex}.search-field input{color:#17201d;border:0;outline:0;width:100%;min-height:44px}.data-portability-panel{background:#fff;border:1px solid #d8e2dd;border-radius:8px;gap:10px;margin-bottom:18px;padding:12px;display:grid}.data-portability-panel p{color:#5c6964;margin-bottom:0;font-size:.88rem}.data-portability-actions{flex-wrap:wrap;gap:8px;display:flex}.data-portability-feedback{gap:4px;margin:-6px 0 14px;display:grid}.data-portability-feedback p{margin-bottom:0}.detail-actions{flex:none;gap:8px;display:flex}.detail-panel{gap:16px;display:grid}.detail-panel h1{overflow-wrap:anywhere}.detail-photo{justify-items:start;gap:10px;display:grid}.detail-photo:focus{outline:0}.detail-photo:focus-visible{outline-offset:4px;outline:3px solid #8fd6cc}.detail-photo img{object-fit:contain;background:#fff;border:1px solid #d8e2dd;border-radius:8px;width:min(100%,320px);max-height:420px;display:block}.detail-action-list{background:#f3faf6;border:1px solid #d7e5df;border-radius:8px;flex-wrap:wrap;gap:8px;padding:8px;display:flex}.detail-action-list .text-button{border-color:#b7cac2;flex:132px;font-weight:700}.detail-field-list{gap:8px;display:grid}.detail-field{color:#17201d;text-align:left;background:#fff;border:1px solid #d8e2dd;border-radius:8px;grid-template-columns:minmax(0,1fr) 18px;align-items:center;gap:4px 10px;padding:10px 12px;display:grid}.detail-field__label{color:#5c6964;font-size:.78rem;font-weight:800}.detail-field__value{overflow-wrap:anywhere;color:#17201d;font-size:.98rem;line-height:1.35}.detail-field svg{color:#687671;grid-area:1/2/span 2}.editor-panel{background:#fff;border:1px solid #d8e2dd;border-radius:8px;margin-bottom:20px;padding:16px;box-shadow:0 1px 2px #0e1d1914}.qard-form{gap:14px;display:grid}.form-header,.form-actions{justify-content:space-between;align-items:center;gap:12px;display:flex}.form-header h2{margin-bottom:0}.form-field{gap:6px;display:grid}.form-field span{color:#33423e;font-size:.88rem;font-weight:800}.form-field input,.form-field select,.form-field textarea{color:#17201d;background:#fff;border:1px solid #becbc5;border-radius:8px;width:100%;padding:11px 12px}.form-field textarea{resize:vertical}.payload-fieldset{border:1px solid #e3ebe7;border-radius:8px;gap:12px;min-width:0;padding:12px;display:grid}.payload-fieldset legend{color:#33423e;padding:0 4px;font-size:.88rem;font-weight:800}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.avatar-candidate-group{grid-template-columns:repeat(auto-fit,minmax(96px,1fr));gap:10px;display:grid}.avatar-candidate{color:#33423e;text-align:center;background:#fff;border:1px solid #cfd8d4;border-radius:8px;justify-items:center;gap:7px;min-height:104px;padding:8px;display:grid}.avatar-candidate--selected{color:#0f766e;background:#e6f4f1;border-color:#0f766e}.avatar-candidate img{object-fit:cover;border-radius:8px;width:58px;height:58px}.avatar-candidate span{overflow-wrap:anywhere;font-size:.78rem;font-weight:800;line-height:1.15}.form-hint{color:#52625d;margin:0;font-size:.88rem;line-height:1.45}.contact-import-actions{flex-wrap:wrap;gap:8px;display:flex}.password-input-row{grid-template-columns:minmax(0,1fr) 44px;align-items:center;gap:8px;display:grid}.password-input-row .icon-button{width:44px}.form-warning{color:#6a4b00;background:#fff8df;border:1px solid #f5c56f;border-radius:8px;align-items:flex-start;gap:8px;margin-bottom:0;padding:10px 12px;font-size:.9rem;display:flex}.form-warning svg{flex:none;margin-top:1px}.text-button{color:#17201d;background:#fff;border:1px solid #cfd8d4;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 14px;text-decoration:none;display:inline-flex}.text-button--primary{color:#fff;background:#0f766e;border-color:#0f766e;font-weight:800}.text-button--danger{color:#fff;background:#bd4450;border-color:#bd4450;font-weight:800}.category-panel{gap:16px;display:grid}.category-list{gap:10px;display:grid}.category-row{border:1px solid #e3ebe7;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.category-row h3{color:#17201d;margin:0 0 4px;font-size:1rem;line-height:1.2}.category-row span,.view-controls span{color:#5c6964;font-size:.88rem}.category-row__actions{flex:none;gap:8px;display:flex}.delete-panel{background:#fff7f7;border:1px solid #f1b6ba;border-radius:8px;gap:12px;padding:12px;display:grid}.delete-panel p{color:#6e2028;margin-bottom:0}.view-controls{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.view-controls span{align-items:center;gap:7px;display:inline-flex}.empty-state{background:#fff;border:1px dashed #becbc5;border-radius:8px;justify-items:start;gap:12px;padding:18px;display:grid}.empty-state p{color:#40504b;margin-bottom:0}.qard-list{gap:10px;display:grid}.qard-row{background:#fff;border:1px solid #d8e2dd;border-radius:8px;justify-content:space-between;align-items:center;gap:14px;padding:14px;display:flex;box-shadow:0 1px 2px #0e1d1914}.qard-row__content{min-width:0;color:inherit;border-radius:6px;flex:auto;gap:4px;text-decoration:none;display:grid}.qard-row__content:focus-visible{outline-offset:4px;outline:3px solid #8fd6cc}.qard-row h2{margin-bottom:0}.qard-row p{color:#40504b;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:0;display:-webkit-box;overflow:hidden}.payload-chip{color:#6a4b00;letter-spacing:0;background:#fff4c4;border-radius:999px;width:max-content;padding:3px 8px;font-size:.72rem;font-weight:800;display:inline-flex}.payload-preview,.presentation-count{overflow-wrap:anywhere;color:#5c6964;font-size:.82rem;line-height:1.35;display:block}.payload-preview{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.presentation-count{color:#6b7672;font-size:.78rem}.qard-row__actions{flex:none;align-items:center;gap:8px;display:flex}.qard-photo-thumbnail{background:#f3faf6;border:1px solid #b7cac2;border-radius:8px;flex:0 0 44px;place-items:center;width:44px;height:44px;display:grid;overflow:hidden}.qard-photo-thumbnail:focus-visible{outline-offset:2px;outline:3px solid #8fd6cc}.qard-photo-thumbnail img{object-fit:cover;width:100%;height:100%}.bottom-tabs{padding:10px 12px calc(10px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#f7faf7f5;border-top:1px solid #d8e2dd;justify-content:center;gap:6px;display:flex;position:fixed;bottom:0;left:0;right:0}.tab-button{color:#33423e;background:#fff;border:1px solid #cfd8d4;border-radius:8px;min-width:82px;min-height:44px;padding:0 12px;font-weight:800}.tab-button--active{color:#fff;background:#0f766e;border-color:#0f766e}.status{color:#44504c}.error{color:#a12b2b}.scanner-panel{background:#fff;border:1px solid #d8e2dd;border-radius:8px;gap:12px;padding:12px;display:grid}.scanner-frame{aspect-ratio:1;background:#101816;border-radius:8px;position:relative;overflow:hidden}.scanner-frame video{object-fit:cover;width:100%;height:100%}.scanner-placeholder{color:#fff;background:#101816;place-items:center;display:grid;position:absolute;inset:0}.scanner-hint{color:#5c6964;margin-bottom:0;font-size:.9rem}.acquisition-confirmation{margin-bottom:0}.decoded-payload-details{border:1px solid #e3ebe7;border-radius:8px;padding:10px 12px}.decoded-payload-details summary{cursor:pointer;color:#33423e;font-weight:800}.decoded-payload-details pre{color:#40504b;white-space:pre-wrap;overflow-wrap:anywhere;margin:10px 0 0;overflow:auto}.presentation-screen{color:#fff;background:#101816;grid-template-rows:auto 1fr;min-height:100svh;padding:14px;display:grid}.presentation-screen .back-link{color:#fff;background:#ffffff14;border-color:#ffffff38;justify-self:start;align-items:center;gap:8px;padding:0 12px;display:inline-flex}.presentation-panel{text-align:center;align-content:center;justify-items:center;gap:20px;width:100%;max-width:620px;margin:0 auto;padding:18px 0 28px;display:grid}.qr-frame{aspect-ratio:1;background:#fff;border-radius:8px;place-items:center;width:min(84svw,480px);padding:clamp(14px,4svw,24px);display:grid}.qr-image{object-fit:contain;width:100%;height:100%;display:block}.qr-loading{color:#0f766e}.presentation-copy{max-width:560px}.presentation-copy h1{color:#fff;margin-bottom:10px}.presentation-copy p{color:#d7e2de;margin-bottom:16px}.presentation-attribution{color:#aebbb6;font-size:.84rem;display:inline-block}@media (width<=520px){.app-screen{padding:18px 14px 88px}.collection-header{align-items:flex-start;gap:12px;margin-bottom:20px}.qard-row{flex-direction:column;align-items:stretch;gap:10px;padding:12px}.qard-row__content{gap:3px}.qard-row h2{font-size:1rem;line-height:1.15}.qard-row p{-webkit-line-clamp:1;font-size:.9rem;line-height:1.3}.payload-chip{padding:2px 7px;font-size:.68rem}.payload-preview{font-size:.78rem}.presentation-count{display:none}.category-row{flex-direction:column;align-items:stretch}.category-row__actions{justify-content:flex-end}.qard-row__actions{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.form-actions{flex-direction:column-reverse;align-items:stretch}.form-actions .text-button{width:100%}.bottom-tabs{justify-content:flex-start;overflow-x:auto}.tab-button{flex:none}}