.characters-screen{min-width:0}.characters-screen>:is(.characters-note,.characters-principles,.characters-empty,.characters-stage,.characters-actions,.characters-origin,.characters-management,.characters-library-link,.characters-secondary){margin-inline:var(--mk-gutter)}.characters-principles{color:var(--kadr-color-text-secondary);font:var(--mk-t-meta);flex-wrap:wrap;gap:8px 18px;margin-top:-24px;display:flex}.characters-count{color:var(--kadr-color-text-secondary);font:var(--mk-t-meta)}.characters-grid{margin-top:20px;margin-inline:var(--mk-gutter);grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 14px;display:grid}.characters-library-card{min-width:0;color:var(--kadr-color-text);text-decoration:none}.characters-library-card__pic{aspect-ratio:3/4;border-radius:var(--mk-r-card);background:var(--kadr-color-surface-muted);box-shadow:var(--mk-card-shadow);place-items:center;display:grid;position:relative;overflow:hidden}.characters-library-card__pic>img{object-fit:cover;width:100%;height:100%}.characters-library-card__pic>span:not(.characters-kind){opacity:.35;font-size:56px}.characters-kind{color:#fff;max-width:calc(100% - 20px);font:var(--mk-t-meta);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1414149e;border-radius:8px;padding:6px 9px;position:absolute;top:10px;left:10px}.characters-library-card__caption{overflow-wrap:anywhere;flex-direction:column;gap:4px;padding:10px 2px 0;display:flex}.characters-library-card__caption strong{font:var(--mk-t-card)}.characters-library-card__caption>span{font:var(--mk-t-meta);color:var(--kadr-color-text-secondary)}.characters-empty{text-align:center;background:var(--kadr-color-surface);border-radius:var(--mk-r-card);margin-top:20px;padding:38px 20px}.characters-empty>span{color:var(--kadr-color-text-secondary);font-size:42px}.characters-empty h3{font:var(--mk-t-step);margin:14px 0 10px}.characters-empty p,.characters-note{font:var(--mk-t-body);color:var(--kadr-color-text-secondary);overflow-wrap:anywhere;margin:12px 0}.characters-note.is-error{color:var(--kadr-color-danger)}.characters-note--compact{font:var(--mk-t-meta)}.characters-note a,.characters-link{color:var(--kadr-color-text);text-underline-offset:4px}.characters-link{font:var(--mk-t-body);cursor:pointer;background:0 0;border:0;min-height:44px;padding:10px 0}.characters-library-link{color:var(--kadr-color-text);font:var(--mk-t-card);padding:16px 0;text-decoration:none;display:block}.characters-picker-button,.characters-secondary{border:1px solid var(--mk-line);background:var(--kadr-color-surface);width:100%;min-height:48px;color:var(--kadr-color-text);font:var(--mk-t-card);cursor:pointer;border-radius:14px;align-items:center;gap:10px;margin-top:14px;padding:12px 16px;display:flex}.characters-picker-button>span:last-child{margin-left:auto}.characters-screen>.characters-secondary{width:calc(100% - 2 * var(--mk-gutter))}.characters-picker-group{margin:24px 0}.characters-picker-group h3{font:var(--mk-t-step);margin:0 0 16px}.characters-stage{background:var(--kadr-color-surface);box-shadow:var(--mk-card-shadow);border-radius:22px;position:relative;overflow:hidden}.characters-stage>img{object-fit:contain;width:100%;height:auto;max-height:58vh;display:block}.characters-stage>span{color:#fff;font:var(--mk-t-meta);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1414149e;border-radius:10px;padding:7px 11px;position:absolute;bottom:12px;left:12px}.characters-actions{margin-top:var(--mk-gap-in);grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.characters-actions button{border:1px solid var(--mk-line);background:var(--kadr-color-surface);min-width:0;color:var(--kadr-color-text);cursor:pointer;border-radius:16px;flex-direction:column;align-items:center;gap:5px;padding:16px 6px;display:flex}.characters-actions button:disabled{opacity:.45;cursor:default}.characters-actions button>span{margin-bottom:5px;font-size:26px;line-height:1.1}.characters-actions strong{font:var(--mk-t-card)}.characters-actions small{color:var(--kadr-color-text-secondary);font:var(--mk-t-meta);text-align:center;font-size:11px}.characters-origin{border-top:1px solid var(--mk-line);font:var(--mk-t-meta);color:var(--kadr-color-text-secondary);margin-top:var(--mk-gap-module);padding-top:20px}.characters-origin a{color:var(--kadr-color-text);min-height:44px;padding-top:12px;display:block}.characters-management{margin-top:var(--mk-gap-in);flex-direction:column;align-items:flex-start;gap:8px;display:flex}.characters-management button{min-height:44px;color:var(--kadr-color-text-secondary);font:var(--mk-t-meta);cursor:pointer;background:0 0;border:0;padding:10px 0}.characters-icon-button{border:1px solid var(--mk-line);width:44px;height:44px;color:var(--kadr-color-text);background:var(--kadr-color-surface);cursor:pointer;border-radius:50%;font-size:22px}.characters-source{align-items:center;gap:14px;margin:8px 0 26px;display:flex}.characters-source img{object-fit:cover;border-radius:12px;flex-shrink:0;width:72px;height:96px}.characters-source strong{font:var(--mk-t-card)}.characters-source p{font:var(--mk-t-meta);color:var(--kadr-color-text-secondary);margin:8px 0 0}.characters-generated{object-fit:contain;background:var(--kadr-color-surface);border-radius:18px;width:100%;height:auto;max-height:48vh;display:block}.characters-result-title{font:var(--mk-t-step);margin:22px 0 8px}.characters-progress{text-align:center;color:var(--kadr-color-text-secondary);font:var(--mk-t-body);padding:40px 16px}.characters-progress h3{color:var(--kadr-color-text);font:var(--mk-t-step)}.characters-progress__mark{font-size:52px;display:block}.characters-screen button:focus-visible,.characters-screen a:focus-visible,.characters-sheet-layer button:focus-visible,.characters-sheet-layer a:focus-visible,.characters-sheet-layer summary:focus-visible,.characters-picker-button:focus-visible{outline:3px solid var(--kadr-color-accent);outline-offset:3px}.characters-sheet-layer{z-index:110;position:relative}.characters-sheet-layer>.kadr-sheet{max-height:min(85dvh, calc(100dvh - var(--kadr-safe-area-top,0px) - 12px))}.characters-sheet-layer.is-suspended{visibility:hidden;pointer-events:none}.characters-sheet-content{min-width:0}.characters-profile-initial{background:var(--kadr-color-surface-muted);width:100%;height:100%;color:var(--kadr-color-text-secondary);font:var(--mk-t-screen);place-items:center;display:grid}.characters-profile-image{object-fit:cover;width:100%;height:100%}.characters-sheet-content [hidden]{display:none}.characters-sheet-content .characters-note,.characters-sheet-content .characters-link,.characters-sheet-content .characters-library-link,.characters-sheet-content .characters-picker-group h3,.characters-sheet-content>.characters-empty,.characters-sheet-content>.characters-secondary,.characters-sheet-content .characters-source{margin-inline:var(--mk-gutter)}.characters-sheet-content>.characters-secondary{width:calc(100% - 2 * var(--mk-gutter))}.characters-sheet-content .mk-options-seg{height:auto;min-height:50px}.characters-sheet-content .mk-options-seg-btn{overflow-wrap:anywhere;padding:8px 5px}.characters-journey{justify-content:space-between;align-items:center;gap:var(--mk-gap-row);padding:0 var(--mk-gutter);margin-bottom:var(--mk-gap-in);display:flex}.characters-journey__caption{font:var(--mk-t-meta);color:var(--kadr-color-text-secondary);margin:0}.characters-journey__back{min-height:44px;font:var(--mk-t-card);color:var(--kadr-color-text);cursor:pointer;background:0 0;border:0;padding:0}.characters-summary{margin:0 var(--mk-gutter) var(--mk-gap-in);color:var(--kadr-color-text-secondary);font:var(--mk-t-meta)}.characters-field-label{margin:var(--mk-gap-in) var(--mk-gutter) 8px;font:var(--mk-t-card);color:var(--kadr-color-text)}.characters-field-label+.mk-field{margin-top:0}.characters-details{margin:var(--mk-gap-in) var(--mk-gutter) 0;font:var(--mk-t-body);color:var(--kadr-color-text-secondary)}.characters-details>summary{box-sizing:border-box;min-height:44px;color:var(--kadr-color-text);font:var(--mk-t-card);cursor:pointer;padding-block:12px}.characters-details .mk-step-body,.characters-details>p{margin:0}.characters-review{padding:0 var(--mk-gutter) var(--mk-gap-in);margin-bottom:var(--mk-gap-in);border-bottom:1px solid var(--mk-line);overflow-wrap:anywhere;flex-direction:column;gap:6px;display:flex}.characters-review strong{font:var(--mk-t-step)}.characters-review span{font:var(--mk-t-meta);color:var(--kadr-color-text-secondary)}.characters-review p{font:var(--mk-t-body);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:6px 0 0;display:-webkit-box;overflow:hidden}.characters-review .characters-link{min-height:44px;font:var(--mk-t-meta);align-self:flex-start;margin:0;padding:6px 0}.characters-review+.mk-step{margin-top:0}.characters-required{margin:var(--mk-gap-in) var(--mk-gutter) 0;padding:var(--mk-gap-in);border-radius:var(--mk-r-control);background:var(--kadr-color-surface);box-shadow:0 0 0 1px var(--mk-line) inset;overflow-wrap:anywhere}.characters-required strong{font:var(--mk-t-card)}.characters-required p{font:var(--mk-t-body);color:var(--kadr-color-text-secondary);margin:8px 0 0}.characters-required .characters-secondary{margin-top:var(--mk-gap-row);font:var(--mk-t-card);background:var(--kadr-color-surface-muted)}.characters-sheet-content .characters-required .characters-link{font:var(--mk-t-meta);margin-inline:0;display:block}.characters-footer{flex-direction:column;gap:10px;display:flex}.characters-footer__hint{font:var(--mk-t-meta);color:var(--kadr-color-text-secondary);overflow-wrap:anywhere;margin:0}.characters-sheet-content .characters-generated{width:calc(100% - 2 * var(--mk-gutter));margin-inline:var(--mk-gutter)}.characters-sheet-content .characters-result-title{margin-inline:var(--mk-gutter)}.characters-sheet-content .characters-progress{padding-inline:var(--mk-gutter)}.characters-sheet-content .characters-progress .characters-secondary{justify-content:center}.characters-sheet-content .tools-friend-sheet__flow .characters-note{margin-inline:0}.characters-sheet-content .tools-friend-sheet__flow:has(>.mk-step-screen){padding-inline:0}.characters-sheet-content .tools-friend-sheet__flow:has(>.mk-step-screen)>.characters-note{margin-inline:var(--mk-gutter)}.characters-sheet-content .tools-friend-sheet__flow>.mk-step-screen>.mk-step-head{display:none}.characters-sheet-content .tools-note{margin-inline:var(--mk-gutter)}@media (width<=340px){.characters-grid{gap:20px 10px}.characters-kind{padding:5px 7px;font-size:11px}.characters-actions{gap:7px}.characters-actions small{font-size:10px}}.guide-photo-note{padding:0 var(--mk-gutter);font:var(--mk-t-meta);color:var(--kadr-color-text-secondary);margin:8px 0 0}.guide-photo-note.is-error{color:var(--kadr-color-danger);font-weight:600}.guide-photo-attest{min-height:44px;margin:12px var(--mk-gutter) 0;border-radius:var(--mk-r-control);background:var(--kadr-color-surface);box-shadow:0 0 0 1px var(--mk-line) inset;font:var(--mk-t-meta);color:var(--kadr-color-text);cursor:pointer;-webkit-tap-highlight-color:transparent;align-items:flex-start;gap:12px;padding:12px 14px;display:flex}.guide-photo-attest input{width:20px;height:20px;accent-color:var(--kadr-color-accent);flex:none;margin:0}.guide-photo-attest:has(input:focus-visible){box-shadow:0 0 0 2px var(--kadr-color-focus) inset}.guide-photo-attest:has(input:checked){box-shadow:0 0 0 1.5px var(--kadr-color-accent) inset}.mine-all{background:var(--kadr-color-surface);width:100%;height:100%;display:block;position:relative}.mine-all>img{object-fit:cover;opacity:.35;width:100%;height:100%;display:block}.mine-all__count{font:var(--mk-t-screen);color:var(--kadr-color-text);place-items:center;display:grid;position:absolute;inset:0}.person-cards{--person-card-w:96px;--person-card-radius:20px;--person-ink:oklch(99% 0 0);--person-shade:oklch(14% .01 80/.84);--person-letter-bg:oklch(20% .01 80);--person-letter-glow:oklch(88% .19 125/.28);margin:-6px calc(var(--gutter,16px) * -1) 0;padding:8px var(--gutter,16px) 6px;overscroll-behavior-x:contain;scroll-padding-inline:var(--gutter,16px);scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:10px;list-style:none;display:flex;overflow-x:auto}.person-cards::-webkit-scrollbar{display:none}.person-cards>li{scroll-snap-align:start;flex:none}.person-card{width:var(--person-card-w);aspect-ratio:3/4;isolation:isolate;border-radius:var(--person-card-radius);background:var(--person-letter-bg);box-shadow:var(--kadr-shadow-soft);color:var(--person-ink);font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform var(--kadr-duration-fast,.15s) var(--kadr-ease-out,ease-out);border:0;justify-content:center;align-items:flex-end;padding:0 8px 9px;text-decoration:none;display:flex;position:relative;overflow:hidden}.person-card:before{z-index:1;background:linear-gradient(0deg, var(--person-shade) 0%, transparent 52%);content:"";pointer-events:none;position:absolute;inset:0}.person-card:after{z-index:3;border-radius:inherit;box-shadow:inset 0 0 0 3px var(--kadr-color-accent), inset 0 0 0 4px var(--kadr-color-accent-line);content:"";opacity:0;pointer-events:none;transition:opacity var(--kadr-duration-fast,.15s) var(--kadr-ease-out,ease-out);position:absolute;inset:0}.person-card__media{z-index:0;position:absolute;inset:0}.person-card__img{z-index:0;object-fit:cover;width:100%;height:100%;transition:transform var(--kadr-duration-normal,.3s) var(--kadr-ease-out,ease-out);position:absolute;inset:0}.person-card__initial{z-index:0;background:radial-gradient(circle at 50% 42%, var(--person-letter-glow) 0%, transparent 62%);color:var(--person-ink);letter-spacing:-.02em;place-items:center;padding-bottom:18px;font-size:34px;font-weight:780;display:grid;position:absolute;inset:0}.person-card__name{z-index:2;max-width:100%;font-size:var(--kadr-text-caption);text-overflow:ellipsis;white-space:nowrap;font-weight:700;line-height:1.2;position:relative;overflow:hidden}.person-card__check{z-index:4;background:var(--kadr-color-accent);width:22px;height:22px;color:var(--kadr-color-on-accent);border-radius:50%;place-items:center;display:grid;position:absolute;top:7px;right:7px;box-shadow:0 2px 6px oklch(14% .01 80/.35)}.person-card.is-active{transform:translateY(-2px)}.person-card.is-active:after{opacity:1}.person-card:active,.person-card.is-active:active{transform:scale(.96)}.person-card:focus-visible{outline:var(--kadr-focus-ring,2px) solid var(--kadr-color-focus);outline-offset:3px}@media (hover:hover) and (pointer:fine){.person-card:hover .person-card__img{transform:scale(1.05)}}.person-card--add{flex-direction:column;align-items:center;gap:6px}.person-card__plus{z-index:2;background:var(--kadr-color-accent);width:26px;height:26px;color:var(--kadr-color-on-accent);transition:transform var(--kadr-duration-fast,.15s) var(--kadr-ease-out,ease-out);border-radius:50%;place-items:center;display:grid;position:relative}@media (hover:hover) and (pointer:fine){.person-card--add:hover .person-card__plus{transform:rotate(90deg)}}.person-sheet-layer>.kadr-sheet__overlay,.person-sheet-layer>.kadr-sheet{z-index:110}.person-sheet__limit{color:var(--kadr-color-text);font-size:var(--kadr-text-body,1rem);margin:0;line-height:1.45}@media (prefers-reduced-motion:reduce){.person-card,.person-card:after,.person-card__img,.person-card__plus{transition:none}.person-card.is-active,.person-card:active,.person-card.is-active:active,.person-card:hover .person-card__img,.person-card--add:hover .person-card__plus{transform:none}}
