:root{color-scheme:dark;--ink:#19223d;--ink-soft:#313b5d;--paper:#f4ede4;--paper-muted:#cbd0dc;--apricot:#f4b07a;--coral:#e9817a;--violet:#a4618f;--line:#f4ede43d;font-synthesis:none;background:var(--ink);font-family:Noto Sans TC,Noto Sans JP,sans-serif}*{box-sizing:border-box}html{background:var(--ink)}body{min-width:320px;min-height:100vh;color:var(--paper);background:var(--ink);-webkit-font-smoothing:antialiased;scrollbar-color:var(--apricot) var(--ink);margin:0}::selection{color:var(--ink);background:var(--apricot)}button,input,select{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--apricot);outline-offset:3px}.landing{grid-template-columns:minmax(360px,.9fr) minmax(480px,1.1fr);min-height:100svh;display:grid;overflow:hidden}.sunset{background:linear-gradient(180deg, #f7dca6 0%, #f4b07a 29%, #e9817a 52%, #a4618f 73%, #3b3f7a 90%, var(--ink) 100%);min-height:100svh;position:relative;overflow:hidden}.sun{aspect-ratio:1;background:linear-gradient(#fff1cf,#f7c48a);border-radius:50%;width:min(34vw,430px);position:absolute;top:30%;left:50%;translate:-50% -20%;box-shadow:0 0 90px #ffe1aa57}.scanlines{background:linear-gradient(180deg, #19223d0a 0%, #19223d47 30%, #19223dc7 72%, var(--ink) 100%);position:absolute;inset:44% 0 0}.scanlines:before,.scanlines:after{content:"";pointer-events:none;position:absolute;inset:0}.scanlines:before{opacity:.76;transform-origin:50%;background-image:linear-gradient(#19223de6 0 1px,#0000 1px);background-size:100% 8px;transform:skewY(-.16deg)scale(1.02);mask-image:linear-gradient(#000 0%,#0000009e 42%,#0000 90%)}.scanlines:after{opacity:.38;background-image:radial-gradient(circle,#19223dd1 0 .7px,#0000 .9px);background-size:5px 5px;inset-block-start:20%;mask-image:linear-gradient(#0000 0%,#000 38%,#0000 92%)}.sunset:after,.landing-copy:after,.questionnaire-shell:after{content:"";pointer-events:none;opacity:.16;mix-blend-mode:screen;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.95' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.35'/%3E%3C/svg%3E");position:fixed;inset:0}.catalog-label,.catalog-number,.overline,.progress-copy,.index,.scene-index{letter-spacing:.12em;text-transform:uppercase;font-family:IBM Plex Mono,monospace}.catalog-label,.catalog-number{z-index:2;color:var(--ink);font-size:.7rem;position:absolute;top:3rem}.catalog-label{left:3rem}.catalog-number{right:3rem}.landing-copy{flex-direction:column;justify-content:center;padding:clamp(3rem,7vw,8rem);display:flex;position:relative}.overline{color:var(--apricot);margin:0 0 1.25rem;font-size:.75rem}.landing h1{letter-spacing:-.04em;margin:0;font-family:Zen Kaku Gothic New,sans-serif;font-size:clamp(4rem,8vw,8.5rem);font-weight:900;line-height:1.04}.lede{max-width:28rem;color:var(--paper-muted);text-wrap:pretty;margin:2rem 0 3.5rem;font-size:clamp(1rem,1.3vw,1.2rem);line-height:1.8}.start-button{cursor:pointer;background:0 0;border:1px solid #f4ede473;border-left:0;border-right:0;justify-content:space-between;gap:1.5rem;width:min(100%,34rem);padding:1.2rem 0;font-family:Zen Kaku Gothic New,sans-serif;font-size:1.15rem;font-weight:900;transition:color .18s,padding .18s;display:flex}.start-button:hover{color:var(--apricot);padding-inline:.5rem}.disclaimer{color:#929bb4;margin:1.2rem 0 0;font-size:.7rem}.questionnaire-shell{background:var(--ink);grid-template-rows:auto 3px 1fr auto;min-height:100svh;display:grid}.questionnaire-header,.questionnaire-footer{z-index:10;backdrop-filter:blur(16px);background:#19223df0;justify-content:space-between;align-items:center;padding:1.35rem clamp(1.25rem,4vw,4.5rem);display:flex;position:sticky}.questionnaire-header{top:0}.questionnaire-footer{border-top:1px solid var(--line);bottom:0}.wordmark,.back-button,.next-button{cursor:pointer;background:0 0;border:0}.wordmark{font-family:Zen Kaku Gothic New,sans-serif;font-weight:900}.progress-copy{color:var(--apricot);gap:.5rem;font-size:.72rem;display:flex}.progress-track{z-index:11;background:#303959;position:sticky;top:69px}.progress-track span{background:linear-gradient(90deg, var(--apricot), var(--coral));height:100%;transition:width .26s;display:block}.question-stage{width:min(100%,1040px);margin:0 auto;padding:clamp(2rem,4vw,3.5rem) clamp(1.25rem,4vw,3rem) 7rem}.question-heading{margin-bottom:2rem}.question-heading h2{letter-spacing:-.03em;text-wrap:balance;margin:0;font-family:Zen Kaku Gothic New,sans-serif;font-size:clamp(1.75rem,3.2vw,2.75rem);line-height:1.15}.question-heading>p:last-child{color:var(--paper-muted);margin:.75rem 0 0;line-height:1.7}.temperament-list,.scene-list{border-top:1px solid var(--line)}.temperament-row{border:0;border-bottom:1px solid var(--line);text-align:left;cursor:pointer;background:0 0;grid-template-columns:3.5rem minmax(12rem,1fr) minmax(10rem,.8fr) auto;align-items:baseline;gap:1rem;width:100%;padding:1.15rem .5rem;transition:padding .18s,background .18s;display:grid;position:relative}.temperament-row:hover:not([data-selected=true]){background:#f4b07a0d;padding-inline:.75rem}.temperament-row[data-selected=true]{background:linear-gradient(90deg,#f4b07a2e,#f4b07a0d 58%,#0000 88%);padding-inline:1rem}.temperament-row[data-selected=true]:after{content:"";background:linear-gradient(90deg, var(--apricot), transparent);width:38%;height:1px;position:absolute;inset-block-end:-1px;inset-inline-start:0}.temperament-row[data-selected=true] .primary-label{color:var(--apricot)}.temperament-row .index{color:#7f89a2;font-size:.7rem}.temperament-row .primary-label{font-family:Zen Kaku Gothic New,Noto Sans TC,sans-serif;font-size:1.5rem;font-weight:900}.temperament-row .secondary-label{color:var(--paper-muted);font-family:Shippori Mincho B1,serif}.temperament-row .mark{color:var(--apricot);letter-spacing:.08em;font-family:IBM Plex Mono,monospace;font-size:.7rem}.scene-row{--scene-from:#aaa;--scene-to:#555;text-align:left;width:100%;min-height:5.5rem;color:var(--paper);background:linear-gradient(105deg, color-mix(in srgb, var(--scene-from) 70%, var(--ink)), var(--scene-to));cursor:pointer;border:0;border-bottom:1px solid #f4ede42e;grid-template-columns:3.5rem 1fr auto;align-items:center;gap:1rem;padding:1rem 1.25rem;transition:min-height .22s,filter .18s,transform .18s;display:grid;position:relative}.scene-row:hover:not([data-selected=true]){filter:brightness(1.05)}.scene-row[data-selected=true]{filter:saturate(1.12)brightness(1.07);min-height:9rem}.scene-row[data-selected=true]:after{content:"";background:linear-gradient(90deg,#fff1cf,#0000);width:42%;height:1px;position:absolute;inset-block-end:0;inset-inline-start:1.25rem}.scene-index{font-size:.7rem}.scene-copy{flex-direction:column;gap:.25rem;display:flex}.scene-copy strong{font-family:Zen Kaku Gothic New,Noto Sans TC,sans-serif;font-size:clamp(1.2rem,2.5vw,1.8rem);font-weight:900}.scene-copy small{opacity:.8;font-family:Shippori Mincho B1,serif}.scene-copy em{margin-top:.65rem;font-style:normal;line-height:1.6}.scene-mark{color:#fff1cf;text-align:end;min-width:2.5rem;font-family:IBM Plex Mono,monospace;font-size:1.5rem}.choice-grid{border:0;border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:repeat(2,1fr);min-width:0;margin:0;padding:0;display:grid}.choice{border:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);text-align:left;cursor:pointer;background:0 0;flex-direction:column;justify-content:space-between;align-items:flex-start;min-height:9rem;padding:1.5rem;transition:color .18s,background .18s,padding .18s;display:flex;position:relative}.choice input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.choice span{font-family:Zen Kaku Gothic New,sans-serif;font-size:clamp(1.4rem,3vw,2.2rem);font-weight:900}.choice small{color:var(--paper-muted)}.choice:hover:not([data-selected=true]){background:#f4b07a12;padding-inline:1.75rem 1.25rem}.choice:has(input:focus-visible){z-index:1;outline:3px solid var(--apricot);outline-offset:3px}.choice[data-selected=true]{color:var(--ink);background:var(--apricot)}.choice[data-selected=true] small{color:var(--ink-soft)}.detail-form{border-top:1px solid var(--line)}.detail-row{border-bottom:1px solid var(--line);grid-template-columns:minmax(17rem,.9fr) minmax(18rem,1.1fr);align-items:center;gap:3rem;min-height:8.25rem;padding:1.5rem 0;display:grid}.detail-label{grid-template-columns:2.5rem 1fr;align-items:start;gap:.75rem;display:grid}.detail-number{color:var(--apricot);letter-spacing:.1em;padding-top:.28rem;font-family:IBM Plex Mono,monospace;font-size:.7rem}.detail-label h3{margin:0;font-family:Zen Kaku Gothic New,Noto Sans TC,sans-serif;font-size:1.25rem;font-weight:900}.detail-label p{color:var(--paper-muted);margin:.35rem 0 0;font-size:.78rem;line-height:1.55}.date-fields{grid-template-columns:1fr 1fr;gap:2rem;width:min(100%,22rem);margin-left:auto;display:grid}.line-control{border-bottom:1px solid #f4ede48c;align-items:center;gap:.7rem;min-width:0;margin:0;transition:border-color .16s;display:flex;position:relative}.line-control:focus-within{border-color:var(--apricot)}.native-select:hover{border-color:#f4ede4db}.line-control input,.line-control select{width:100%;min-width:0;min-height:3rem;color:var(--paper);appearance:none;background:0 0;border:0;outline:0;padding:0}.line-control input{caret-color:var(--apricot)}.line-control select{color-scheme:light;cursor:pointer}.line-control select option{color:var(--ink);background:var(--paper)}.select-chevron{width:1rem;height:1rem;color:var(--paper-muted);pointer-events:none;flex:none;transition:color .16s,transform .16s}.select-chevron path{stroke:currentColor;stroke-linecap:square;stroke-linejoin:miter;stroke-width:1.25px}.native-select:focus-within .select-chevron{color:var(--apricot);transform:translateY(1px)rotate(180deg)}.line-control input::placeholder{color:#858ea6}.line-control>span:not(.sr-only){color:var(--paper-muted);flex:none;font-size:.78rem}.kanji-control,.select-control{width:min(100%,22rem);margin-left:auto}.kanji-control input{font-family:Shippori Mincho B1,serif;font-size:1.25rem}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.blood-types{flex-wrap:wrap;justify-content:flex-end;gap:0 1.5rem;display:flex}.blood-types button{min-width:2rem;min-height:3rem;color:var(--paper-muted);cursor:pointer;background:0 0;border:0;border-bottom:1px solid #0000;padding:0}.blood-types button:hover{color:var(--paper);border-bottom-color:var(--paper-muted)}.blood-types button[data-selected=true]{color:var(--apricot);border-bottom-color:var(--apricot)}.back-button{color:var(--paper-muted);padding:.9rem 0}.back-button:disabled{opacity:.25;cursor:default}.next-button{min-width:12rem;color:var(--ink);background:var(--apricot);justify-content:space-between;gap:2rem;padding:1rem 1.2rem;font-family:Zen Kaku Gothic New,sans-serif;font-weight:900;display:flex}.next-button:disabled{opacity:.35;cursor:not-allowed}.text-button,.dialog-continue,.dialog-restart{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0}.text-button{border-bottom:1px solid var(--line);color:var(--paper-muted);padding:.9rem 0}.text-button:hover{color:var(--apricot);border-bottom-color:var(--apricot)}.restart-dialog{width:min(100% - 2rem,42rem);max-width:none;color:var(--paper);background:linear-gradient(135deg, #f4b07a1f, transparent 48%), var(--ink);border:1px solid #f4ede466;border-radius:0;padding:clamp(2rem,5vw,4rem);box-shadow:0 1.5rem 5rem #080c1c61}.restart-dialog::backdrop{backdrop-filter:blur(8px);background:#0a0e1fc7}.restart-dialog[open]{animation:.24s cubic-bezier(.2,.8,.2,1) dialog-arrive}.restart-dialog h2{letter-spacing:-.04em;margin:0;font-family:Zen Kaku Gothic New,Noto Sans TC,sans-serif;font-size:clamp(2.25rem,6vw,4.5rem);line-height:1.02}.restart-dialog>p:not(.overline){max-width:32rem;color:var(--paper-muted);margin:1.5rem 0 2.5rem;line-height:1.75}.dialog-actions,.generation-actions,.result-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:1rem 2rem;display:flex}.dialog-continue{border-bottom:1px solid var(--line);color:var(--paper-muted);padding:1rem 0}.dialog-continue:hover{color:var(--paper);border-bottom-color:var(--paper-muted)}.dialog-restart{min-width:12rem;color:var(--ink);background:var(--apricot);justify-content:space-between;gap:2rem;padding:1rem 1.2rem;font-family:Zen Kaku Gothic New,sans-serif;font-weight:900;display:flex}.generation-shell{grid-template-rows:auto 3px 1fr}.generation-stage{width:min(100%,1180px);margin:0 auto;padding:clamp(2rem,4vw,3.5rem) clamp(1.25rem,4vw,3rem) 6rem}.generation-loading,.generation-error{flex-direction:column;justify-content:center;min-height:calc(100svh - 13rem);display:flex}.generation-loading h1,.generation-error h1,.result-intro h1{letter-spacing:-.04em;margin:0;font-family:Zen Kaku Gothic New,Noto Sans TC,sans-serif;font-size:clamp(3.2rem,8vw,6rem);font-weight:900;line-height:1.02}.result-intro h1{letter-spacing:-.03em;font-size:clamp(1.75rem,3.2vw,2.75rem);line-height:1.15}.generation-loading>p:not(.overline),.generation-error>p:not(.overline){max-width:38rem;color:var(--paper-muted);margin:1.75rem 0 0;line-height:1.75}.generation-meter{background:#303959;width:min(100%,44rem);height:2px;margin-top:4rem;overflow:hidden}.generation-meter span{background:linear-gradient(90deg, transparent, var(--apricot), var(--coral));width:42%;height:100%;animation:1.1s cubic-bezier(.2,.8,.2,1) infinite signal-scan;display:block}.generation-steps{color:#929bb4;letter-spacing:.08em;grid-template-columns:repeat(3,1fr);gap:1rem;width:min(100%,44rem);margin:1rem 0 0;padding:0;font-family:IBM Plex Mono,monospace;font-size:.7rem;list-style:none;display:grid}.generation-steps li:nth-child(2){text-align:center}.generation-steps li:last-child{text-align:end}.generation-actions{justify-content:flex-start;margin-top:3rem}.result-intro{margin-bottom:1.5rem}.result-list{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.result-row{border-bottom:1px solid var(--line);grid-template-columns:8rem minmax(16rem,1fr) minmax(18rem,.9fr);align-items:center;gap:2rem;padding:2rem 0;display:grid}.result-index{color:var(--apricot);letter-spacing:.08em;flex-direction:column;align-self:start;gap:.5rem;font-family:IBM Plex Mono,monospace;font-size:.72rem;display:flex}.result-index small{color:#929bb4;font:inherit}.result-name h2{letter-spacing:-.03em;margin:0;font-family:Shippori Mincho B1,serif;font-size:clamp(2.75rem,6vw,5.5rem);font-weight:700;line-height:1.05}.result-name p{color:var(--paper-muted);letter-spacing:.08em;margin:.75rem 0 0;font-family:Shippori Mincho B1,serif}.result-name .result-meta{color:#929bb4;letter-spacing:.06em;margin-top:.4rem;font-family:IBM Plex Mono,monospace;font-size:.75rem}.result-row details .result-note{border-left:2px solid var(--apricot);padding-left:.9rem}.result-end{color:var(--paper-muted);margin:0;line-height:1.75}.result-row details{border-top:1px solid #0000;border-bottom:1px solid var(--line);align-self:stretch;padding:.75rem 0}.result-row summary{color:var(--paper-muted);cursor:pointer;justify-content:space-between;gap:1rem;font-weight:700;list-style:none;display:flex}.result-row summary:after{content:"+";color:var(--apricot);font-family:IBM Plex Mono,monospace}.result-row details[open] summary:after{content:"−"}.result-row details p{color:var(--paper-muted);margin:1rem 0 0;line-height:1.7}.result-actions{margin-top:3rem}@keyframes signal-scan{0%{transform:translate(-110%)}to{transform:translate(250%)}}@keyframes dialog-arrive{0%{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:translateY(0)}}@media (width<=760px){.landing{grid-template-rows:38svh 1fr;grid-template-columns:1fr}.sunset{min-height:38svh}.sun{width:48vw;top:30%}.scanlines{inset-block-start:42%}.scanlines:before{background-size:100% 10px}.scanlines:after{opacity:.3;background-size:6px 6px}.catalog-label,.catalog-number{top:1.5rem}.catalog-label{left:1.25rem}.catalog-number{right:1.25rem}.landing-copy{justify-content:flex-start;padding:1.6rem 1.5rem 1.25rem}.landing h1{font-size:clamp(3.4rem,18vw,5rem)}.lede{margin:1rem 0 1.5rem;font-size:.92rem}.start-button{margin-top:auto;font-size:1rem}.questionnaire-header,.questionnaire-footer{padding-inline:1.1rem}.question-stage{padding-top:1.75rem}.question-heading{margin-bottom:1.5rem}.question-heading h2,.result-intro h1{font-size:1.6rem}.temperament-row{grid-template-columns:2.2rem minmax(0,1fr) auto;gap:.6rem}.temperament-row .secondary-label{grid-column:2;font-size:.82rem}.temperament-row .mark{grid-area:1/3/3;align-self:center}.scene-row{grid-template-columns:2.2rem 1fr auto;padding-inline:.8rem}.choice-grid{grid-template-columns:1fr}.choice{min-height:7rem}.detail-form{border-top-color:#f4ede44d}.detail-row{grid-template-columns:1fr;gap:1.25rem;padding:1.4rem 0}.date-fields{gap:1rem}.date-fields,.kanji-control,.select-control{width:100%;margin-left:0}.blood-types{justify-content:flex-start}.next-button{min-width:10rem}.generation-stage{padding-top:1.75rem;padding-bottom:4rem}.generation-loading,.generation-error{min-height:calc(100svh - 10rem)}.generation-loading h1,.generation-error h1{font-size:clamp(2.8rem,14vw,4.5rem)}.generation-meter{margin-top:3rem}.result-row{grid-template-columns:1fr;gap:1.25rem;padding-block:2.25rem}.result-index{flex-direction:row;justify-content:space-between}.result-row details{border-bottom:0;margin-top:.5rem;padding-bottom:0}.dialog-actions,.generation-actions,.result-actions{flex-direction:column;align-items:stretch}.dialog-restart,.generation-actions .next-button,.result-actions .next-button{width:100%}.text-button,.dialog-continue{text-align:center}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.result-intro h1:focus:not(:focus-visible){outline:none}