.template-share-dialog{width:min(640px,calc(100% - 28px));max-height:min(780px,calc(100dvh - 28px));padding:0;border:1px solid rgba(255,255,255,.72);border-radius:24px;color:var(--ink);background:rgba(250,251,249,.96);box-shadow:0 30px 90px rgba(20,28,21,.26);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","PingFang SC",sans-serif}
.template-share-dialog::backdrop{background:rgba(16,22,17,.38);backdrop-filter:blur(8px) saturate(120%)}
.template-share-dialog>form{display:flex;max-height:inherit;padding:0;flex-direction:column}.template-share-dialog header{flex:none;padding:24px 26px 12px;display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.template-share-dialog header h2{max-width:500px;margin:4px 0 0;font-size:24px;line-height:1.25;letter-spacing:-.025em;text-wrap:balance}.template-share-dialog header small,.share-help,.share-section small,.share-list small{color:var(--muted)}
.share-close{width:38px;height:38px;flex:none;padding:0;border:1px solid rgba(20,34,26,.09);border-radius:50%;background:rgba(255,255,255,.72);font-size:22px;line-height:1}.share-close:active,.share-candidate:active,.template-share-dialog button:active{transform:scale(.97)}.share-help{margin:0;padding:0 26px 18px;font-size:14px;line-height:1.6;text-wrap:pretty}.share-scroll{min-height:0;padding:0 26px 26px;overflow:auto;overscroll-behavior:contain}
.template-share-dialog .share-section{margin:0 0 14px;padding:18px;display:block;border:1px solid rgba(20,34,26,.09);border-radius:18px;background:rgba(255,255,255,.76);box-shadow:0 8px 24px rgba(20,34,26,.035)}.share-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.share-section-head>div,.share-code-section>div{display:grid;gap:3px}.share-section-head strong,.share-code-section strong{font-size:15px}.share-section-head small,.share-code-section small{font-size:12px;line-height:1.45}
.share-candidates{margin:14px 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.template-share-dialog .share-candidate{position:relative;min-width:0;padding:11px;display:grid;grid-template-columns:38px minmax(0,1fr) 20px;align-items:center;gap:10px;border:1px solid rgba(20,34,26,.09);border-radius:14px;background:#fff;cursor:pointer;transition:transform 120ms ease-out,border-color 120ms ease-out,box-shadow 120ms ease-out}.share-candidate:hover{border-color:rgba(50,111,67,.3);box-shadow:0 6px 18px rgba(20,34,26,.06)}.share-candidate:has(input:checked){border-color:#2f7044;background:#f2f8f3;box-shadow:inset 0 0 0 1px #2f7044}.template-share-dialog .share-candidate input{position:absolute;opacity:0;pointer-events:none}
.share-candidate>span:nth-of-type(2),.share-list>span>span:nth-of-type(2){min-width:0;display:grid;gap:2px}.share-candidate strong,.share-list>span strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.share-candidate small,.share-list>span small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.share-candidate i{width:19px;height:19px;border:1.5px solid #b5beb8;border-radius:50%;background:#fff}.share-candidate input:checked~i{border:5px solid #2f7044}.share-avatar{width:38px;height:38px;display:grid!important;place-items:center;border-radius:12px;color:#285f3b;background:#e8f2e9;font-size:14px;font-weight:760}
.template-share-dialog button{transition:transform 120ms ease-out,background-color 140ms ease-out,color 140ms ease-out,box-shadow 140ms ease-out}.share-primary{width:100%;min-height:44px;border:1px solid #1e2d23;border-radius:12px;color:#fff;background:#1e2d23;font-weight:720;box-shadow:0 7px 18px rgba(20,34,26,.14)}.template-share-dialog .share-primary:hover:not(:disabled){color:#fff;background:#2f7044;border-color:#2f7044;box-shadow:0 9px 22px rgba(31,91,52,.22);transform:translateY(-1px)}.template-share-dialog .share-primary:active:not(:disabled){color:#fff;background:#255d39;border-color:#255d39;box-shadow:0 4px 12px rgba(31,91,52,.18);transform:scale(.985)}.template-share-dialog .share-primary:focus-visible{outline:3px solid rgba(47,112,68,.24);outline-offset:2px}.template-share-dialog .share-primary:disabled{color:#949c96;background:#e7eae7;border-color:#e7eae7;box-shadow:none;transform:none}.template-share-dialog .share-code-section{display:grid;gap:14px}.share-code-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.template-share-dialog input{min-width:0;min-height:44px;padding:0 13px;border:1px solid rgba(20,34,26,.12);border-radius:12px;background:#f7f9f7;font:inherit;outline:0}.template-share-dialog input:focus{border-color:#2f7044;box-shadow:0 0 0 3px rgba(47,112,68,.12)}.share-code-row button{padding:0 15px;border:1px solid rgba(20,34,26,.11);border-radius:12px;background:#fff;font-weight:680}
.share-message{min-height:0;margin:0 2px 14px;color:#2f7044;font-size:13px;font-weight:650}.share-message:empty{display:none}.template-share-dialog .share-list{display:grid;gap:0;margin:0;padding:18px;border:1px solid rgba(20,34,26,.09);border-radius:18px;background:rgba(255,255,255,.76);box-shadow:0 8px 24px rgba(20,34,26,.035)}.share-list .share-section-head{margin-bottom:8px}.share-list>span{min-width:0;padding:10px 0;display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;border-top:1px solid rgba(20,34,26,.07)}.share-list>span>button{min-width:52px;padding:7px 10px;border:0;border-radius:9px;color:#a13d35;background:#f8ecea;text-align:center}.share-empty{margin:12px 0 2px;color:var(--muted);font-size:13px;line-height:1.55}
@media(max-width:560px){.template-share-dialog{width:calc(100% - 16px);max-height:calc(100dvh - 16px);border-radius:20px}.template-share-dialog header{padding:20px 18px 10px}.template-share-dialog header h2{font-size:20px}.share-help{padding:0 18px 15px;font-size:13px}.share-scroll{padding:0 18px calc(18px + env(safe-area-inset-bottom))}.template-share-dialog .share-section,.template-share-dialog .share-list{padding:15px;border-radius:16px}.share-candidates{grid-template-columns:1fr}.share-code-row{grid-template-columns:1fr}.share-code-row button{min-height:44px}}
@media(prefers-reduced-motion:reduce){.share-close,.share-candidate,.template-share-dialog button{transition:none}}
.template-share-dialog .share-list{grid-template-columns:minmax(0,1fr);align-items:stretch}.template-share-dialog .share-list>span{width:100%}
.nav-print:hover,.nav-print:focus-visible{border-color:#2a342c;background:#2a342c;color:#fff}