.character-ensemble[data-v-095c0154]{position:relative;width:min(600px,calc(100vw - 8px));height:clamp(128px,34vw,176px);left:50%;transform:translate(-50%);isolation:isolate;margin:0 0 28px;touch-action:pan-y}.ensemble-person[data-v-095c0154]{position:absolute;left:var(--position);bottom:0;width:24%;aspect-ratio:1;transform:translateY(var(--foot-inset));padding:0;border:0;background:none;pointer-events:none;z-index:0;filter:drop-shadow(0 0 0 transparent) drop-shadow(0 0 0 transparent) drop-shadow(0 0 0 transparent) drop-shadow(0 0 0 transparent);transition:transform .18s cubic-bezier(.16,1,.3,1),filter .18s ease-out}.ensemble-person[data-v-095c0154]:before{content:"";position:absolute;inset:0;background-color:var(--silhouette);mask:var(--portrait) center bottom / contain no-repeat;-webkit-mask:var(--portrait) center bottom / contain no-repeat}.ensemble-person.is-highlighted[data-v-095c0154],.ensemble-person[data-v-095c0154]:focus-visible{outline:none;z-index:1;transform:translateY(calc(var(--foot-inset) - 4px));filter:drop-shadow(1px 0 0 var(--outline)) drop-shadow(-1px 0 0 var(--outline)) drop-shadow(0 1px 0 var(--outline)) drop-shadow(0 -1px 0 var(--outline))}@media(prefers-reduced-motion:reduce){.ensemble-person[data-v-095c0154]{transition:none}.ensemble-person.is-highlighted[data-v-095c0154],.ensemble-person[data-v-095c0154]:focus-visible{transform:translateY(var(--foot-inset))}}:root{font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;color:#332342;background:#fff9f4;font-synthesis:none;font-size:16px;--primary: #8735a3;--ink: #54256b;--muted: #756578;--line: #e9dce8;--soft: #f1e5f7}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--primary);outline-offset:4px}::selection{background:#f7bcce;color:#54256b}input{caret-color:var(--primary)}body{scrollbar-color:#c7a4d4 #fff9f4}h1,h2,p{margin:0}h1{font-size:28px;line-height:1.5;letter-spacing:-.025em;text-wrap:pretty}h2{font-size:20px;line-height:1.5}p{line-height:1.8}svg{flex-shrink:0}.shell{max-width:560px;min-height:100svh;margin:auto;padding:0 22px;display:flex;flex-direction:column}main{flex:1}.site-header{height:76px;display:flex;align-items:center;justify-content:space-between}.wordmark{font-size:29px;font-weight:850;letter-spacing:-.04em;color:var(--primary);display:flex;align-items:center;gap:16px}.wordmark span{font-size:11px;letter-spacing:.06em;color:var(--muted);font-weight:400}nav a{display:flex;align-items:center;gap:7px;font-size:13px;min-height:44px}.site-footer{padding:24px 0 max(24px,env(safe-area-inset-bottom));text-align:center;font-size:11px;color:var(--muted);margin-top:32px}.entry-content{padding:10px 0 20px;max-width:400px;margin:auto}.entry-content h1{text-align:center;font-size:clamp(28px,8.5vw,34px);line-height:1.4;letter-spacing:-.03em;color:#54256b}.intro{text-align:center;font-size:14px;color:var(--muted);margin-top:16px}.entry-form{margin-top:26px}.entry-form label{display:block;font-size:14px;font-weight:650;margin-bottom:10px}.code-field{display:flex;align-items:center;gap:12px;padding:0 16px;background:#fff;border:1px solid #c9b6cf;border-radius:12px;color:#a579b1}.code-field:focus-within{border-color:var(--primary)}.code-field input{border:0;outline:none;min-width:0;width:100%;height:56px;background:transparent;font-size:16px;color:#332342}.code-field input::placeholder{color:#89788d}.entry-form .primary{margin-top:16px;background:#d7355d;color:#fff}.entry-form .primary:hover{background:#cf385b}.primary,.secondary,.danger{display:inline-flex;justify-content:center;align-items:center;gap:12px;min-height:50px;border-radius:12px;padding:13px 20px;font-size:15px;font-weight:650;border:0;transition:background .16s ease-out}.primary{background:var(--primary);color:#fff}.primary:hover{background:#6b2684}.secondary{background:var(--soft);color:var(--ink)}.secondary:hover{background:#e9d5f3}.danger{background:#b23252;color:#fff}.wide{width:100%}button:disabled{opacity:.45;cursor:not-allowed}.error{color:#a42343;font-size:13px;margin-top:8px}.notice{background:#fff0cc;color:#674c0a;font-size:13px;padding:12px 16px;border-radius:8px;margin:12px 0}.help,.save-note{font-size:12px;color:var(--muted);margin-top:12px}.save-note{text-align:center}.text-link{display:inline-flex;align-items:center;gap:7px;color:var(--ink);font-size:13px;background:none;border:0;min-height:44px;padding:4px 0}.text-link:hover{text-decoration:underline;text-underline-offset:4px}.quiz-panel{max-width:640px;margin:4px auto 0}.quiz-top{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--muted)}progress{appearance:none;border:0;width:100%;height:6px;border-radius:4px;overflow:hidden;display:block;margin:8px 0 18px;background:#f0dfe9}progress::-webkit-progress-bar{background:#f0dfe9}progress::-webkit-progress-value{background:#e94a6f}progress::-moz-progress-bar{background:#e94a6f}.question-title h1{text-wrap:wrap;font-size:22px;line-height:1.45;outline:none}.question-title p{color:var(--muted);font-size:13px;margin-top:8px}.options{padding:0;margin:18px 0 14px;border:0;display:grid;gap:10px}.option{display:flex;align-items:center;gap:14px;padding:12px 14px;border:1px solid #e0d2e3;border-radius:12px;background:#fff;min-height:64px;cursor:pointer;font-size:15px;line-height:1.6}.option:hover{border-color:#b486c5}.option.selected{background:#f3e5fa;border-color:var(--primary);color:var(--ink)}.option:has(input:focus-visible){outline:2px solid var(--primary);outline-offset:3px}.option input{position:absolute;width:1px;height:1px;opacity:0}.option-letter{display:grid;place-items:center;width:28px;height:28px;flex-shrink:0;border-radius:8px;background:#f7f0f6;font-size:12px;font-weight:700}.selected .option-letter{background:var(--primary);color:#fff}.option-check{margin-left:auto}.quiz-actions{display:flex;justify-content:space-between;gap:12px}.quiz-actions .primary,.quiz-actions .secondary{padding:10px 14px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.persona-card{container-type:inline-size;background:var(--card-bg, #ffdf8d);color:var(--card-ink, #653315);padding:20px 22px 24px;border-radius:16px;overflow:hidden;position:relative;text-align:center}.card-top{display:flex;justify-content:space-between;font-size:10px;gap:8px;color:var(--card-ink);text-align:left}.character-stage{height:230px;position:relative;display:grid;place-items:center;margin:6px 0 0}.character-art{width:250px;height:250px;max-width:100%;object-fit:contain;position:relative;z-index:1;animation:character-bob 4.6s ease-in-out infinite}.character-orbit{width:170px;height:170px;position:absolute;border-radius:50%;background:#ffffff73;top:35px}.persona-name{font-size:clamp(36px,14cqw,52px);font-weight:850;letter-spacing:-.035em;line-height:1.3;margin-top:10px}.persona-role{font-size:14px;margin:7px 0 20px;font-weight:600}.persona-card blockquote{font-size:20px;line-height:1.7;font-weight:700;margin:0 auto;max-width:17em;min-height:3.4em;display:flex;align-items:center;justify-content:center}.tags{display:flex;justify-content:center;flex-wrap:wrap;gap:7px;margin-top:22px;font-size:10px}.tags span{border:1px solid color-mix(in srgb,var(--card-accent) 35%,transparent);border-radius:20px;padding:5px 8px}.result-layout{display:grid;gap:18px;margin:0 0 10px}.section-top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;font-size:11px;color:var(--muted)}.result-story h1{font-size:23px}.result-description{margin-top:16px;font-size:15px}.small-advice{padding:18px 0;margin:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.small-advice h2{font-size:14px}.small-advice p{font-size:14px;color:var(--muted);margin-top:8px}.copy-url{display:block;overflow-wrap:anywhere}html:has(.poster-preview[open]){overflow:hidden}.poster-preview{width:min(420px,calc(100vw - 24px));max-height:calc(100svh - 24px);box-sizing:border-box;border:0;border-radius:16px;padding:16px;color:var(--ink);background:#fff9f4;overflow-y:auto}.poster-preview::backdrop{background:#23172d8c}.poster-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.poster-heading h2{font-size:18px}.poster-close{display:grid;place-items:center;min-width:44px;min-height:44px;border:0;border-radius:8px;color:var(--ink);background:var(--soft)}.poster-preview p{font-size:12px;color:var(--muted);margin:8px 0 12px}.poster-preview img{display:block;width:100%;height:auto;max-height:calc(100svh - 210px);object-fit:contain;margin-bottom:12px}.poster-actions{display:flex;gap:8px}.poster-actions>*{flex:1;padding-inline:10px}.result-actions{display:grid;gap:8px;margin-top:12px}.shell:has(.result-layout) .site-header{height:60px}.result-layout .persona-card{padding:12px 16px 16px}.result-layout .character-stage{height:132px;margin:0}.result-layout .character-art{width:142px;height:142px}.result-layout .character-orbit{width:112px;height:112px;top:12px}.result-layout .persona-name{font-size:32px;margin-top:4px}.result-layout .persona-role{font-size:12px;margin:3px 0 8px}.result-layout .persona-card blockquote{font-size:16px;line-height:1.5;min-height:0}.result-layout .tags{margin-top:10px;gap:5px}.result-layout .tags span{padding:3px 6px}.result-story h1{font-size:18px}.result-description{font-size:13px;margin-top:8px}.result-story .small-advice{padding:10px 0;margin:12px 0}.result-story .small-advice p{font-size:13px;margin-top:4px}.history-page{max-width:800px;margin:24px auto}.history-title{display:flex;align-items:flex-start;flex-direction:column;gap:18px;margin-bottom:26px}.history-title h1{font-size:28px}.history-title p{font-size:14px;color:var(--muted);margin-top:6px}.draft-row{display:flex;align-items:center;gap:12px;padding:16px;background:var(--soft);border-radius:12px;color:var(--ink);margin-bottom:24px}.draft-row>svg{display:none}.draft-row strong{font-size:14px}.draft-row p{font-size:12px;margin-top:5px}.draft-row>a{margin-left:auto;white-space:nowrap}.history-row{display:flex;gap:16px;align-items:center;padding:24px 0;border-bottom:1px solid var(--line)}.history-row:hover{background:#f8edf5}.history-name{font-size:22px;font-weight:750;color:var(--ink);min-width:70px}.history-row strong{font-size:13px}.history-row p{font-size:11px;color:var(--muted);margin-top:6px}.history-row>svg{margin-left:auto;color:var(--primary)}.history-foot{margin-top:28px}.history-foot p{font-size:12px;color:var(--muted);margin-bottom:14px}.empty-state{padding:48px 0;text-align:center}.empty-state h1{font-size:26px}.empty-state h2{margin-top:20px}.empty-state p{font-size:14px;color:var(--muted);margin:14px 0 24px}.empty-state svg{color:var(--primary)}.empty-state .primary svg{color:#fff}.delete-confirm{padding:16px;background:#fce5e9;border-radius:12px}.gallery-title{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:12px 0 22px}.gallery-title h1{font-size:27px}.gallery-title>span{font-size:13px;color:var(--muted)}.gallery-search{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:0 16px;margin-bottom:24px}.gallery-search input{width:100%;min-width:0;height:48px;border:0;background:transparent;font-size:16px}.cards-grid{display:grid;gap:24px}.cards-grid>a{display:block;border-radius:16px}.cards-grid .character-art{animation:none}.cards-page{padding:10px 0 20px}@keyframes character-bob{0%,to{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-6px) rotate(1deg)}}@media(min-width:760px){.shell{max-width:1120px;padding:0 44px}.site-header{height:92px}.entry-content{padding:22px 0 40px;max-width:400px}.entry-content h1{font-size:42px}.cards-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.result-layout{max-width:940px;grid-template-columns:1fr 1fr;gap:46px;margin:24px auto}.result-story{align-self:center;padding-top:36px}.history-title{flex-direction:row;align-items:center;justify-content:space-between}.history-row{gap:28px}.history-name{min-width:120px}.history-row strong{font-size:15px}.history-row p{font-size:12px}.history-page{margin-top:36px}.site-footer{margin-top:40px}.quiz-panel{margin-top:12px}}@media(min-width:1040px){.cards-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.cards-grid .character-stage{height:205px}.cards-grid .character-art{width:225px;height:225px}.cards-grid .persona-role{font-size:12px}.cards-grid .persona-card blockquote{font-size:18px}.cards-grid .tags{gap:5px}.cards-grid .tags span{font-size:9px;padding:4px 6px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.shell:has(.quiz-panel) .site-header{height:64px}.shell:has(.quiz-panel) .site-footer{margin-top:8px;padding:12px 0 max(12px,env(safe-area-inset-bottom))}.quiz-panel .save-note{margin-top:10px}@media(max-height:650px){.quiz-panel .options{margin-top:12px;gap:8px}.quiz-panel .option{min-height:58px;padding-block:10px}.quiz-panel progress{margin-bottom:12px}}