@layer properties;@font-face{font-family:"Young Serif";font-style:normal;font-display:swap;font-weight:400;src:url("./media/young-serif-latin-400-normal-MUUXXBI3.woff2") format("woff2"),url("./media/young-serif-latin-400-normal-QYNJYESD.woff") format("woff")}@font-face{font-family:"Young Serif";font-style:normal;font-display:swap;font-weight:400;src:url("./media/young-serif-latin-ext-400-normal-NEKR7XIZ.woff2") format("woff2"),url("./media/young-serif-latin-ext-400-normal-ZLW2Y5TB.woff") format("woff")}@font-face{font-family:Figtree Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url("./media/figtree-latin-ext-wght-normal-O22BDGD7.woff2") format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Figtree Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url("./media/figtree-latin-wght-normal-SOXVSX3R.woff2") format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@layer theme,base,components,utilities;@layer theme{:root,:host{--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing: .25rem;--container-md: 28rem;--container-xl: 36rem;--container-2xl: 42rem;--container-4xl: 56rem;--container-5xl: 64rem;--container-6xl: 72rem;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-5xl: 3rem;--text-5xl--line-height: 1;--font-weight-normal: 400;--radius-sm: .25rem;--radius-md: .375rem;--default-font-family: var(--font-sans);--default-mono-font-family: var(--font-mono);--color-bg: var(--color-bg);--color-surface: var(--color-surface);--color-surface-raised: var(--color-surface-raised);--color-ink: var(--color-ink);--color-ink-muted: var(--color-ink-muted);--color-ink-subtle: var(--color-ink-subtle);--color-primary: var(--color-primary);--color-primary-hover: var(--color-primary-hover);--color-primary-active: var(--color-primary-active);--color-on-primary: var(--color-on-primary);--color-secondary: var(--color-secondary);--color-on-secondary: var(--color-on-secondary);--color-accent: var(--color-accent);--color-on-accent: var(--color-on-accent);--color-border: var(--color-border);--color-border-strong: var(--color-border-strong);--color-focus: var(--color-focus);--color-sand: var(--color-sand);--color-tint: var(--color-tint);--color-vote-like: var(--color-vote-like);--color-vote-dislike: var(--color-vote-dislike);--color-vote-love: var(--color-vote-love);--color-success: var(--color-success);--color-warning: var(--color-warning);--color-error: var(--color-error);--color-info: var(--color-info);--font-display: var(--font-display);--font-body: var(--font-body);--radius-field: var(--radius-field);--radius-card: var(--radius-card);--radius-sheet: var(--radius-sheet);--shadow-soft: var(--shadow-soft);--shadow-card: var(--shadow-card);--shadow-lift: var(--shadow-lift);--ease-soft: var(--ease-soft);--ease-gentle: var(--ease-gentle)}}@layer base{*,:after,:before,::backdrop,::file-selector-button{box-sizing:border-box;margin:0;padding:0;border:0 solid}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;tab-size:4;font-family:var(--default-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings, normal);font-variation-settings:var(--default-font-variation-settings, normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings, normal);font-variation-settings:var(--default-mono-font-variation-settings, normal);font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea,::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;border-radius:0;background-color:transparent;opacity:1}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not (-webkit-appearance: -apple-pay-button)) or (contain-intrinsic-size: 1px){::placeholder{color:currentcolor}@supports (color: color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]),::file-selector-button{appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{.pointer-events-none{pointer-events:none}.visible{visibility:visible}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border-width:0}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.top-0{top:0}.top-1\/2{top:50%}.right-1{right:var(--spacing)}.bottom-0{bottom:0}.left-4{left:calc(var(--spacing) * 4)}.z-10{z-index:10}.m-0{margin:0}.m-auto{margin:auto}.mx-auto{margin-inline:auto}.mb-1{margin-bottom:var(--spacing)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.table{display:table}.h-0\.5{height:calc(var(--spacing) * .5)}.h-2{height:calc(var(--spacing) * 2)}.h-6{height:calc(var(--spacing) * 6)}.h-8{height:calc(var(--spacing) * 8)}.h-10{height:calc(var(--spacing) * 10)}.h-12{height:calc(var(--spacing) * 12)}.h-14{height:calc(var(--spacing) * 14)}.h-16{height:calc(var(--spacing) * 16)}.h-20{height:calc(var(--spacing) * 20)}.h-24{height:calc(var(--spacing) * 24)}.h-32{height:calc(var(--spacing) * 32)}.h-40{height:calc(var(--spacing) * 40)}.h-56{height:calc(var(--spacing) * 56)}.h-dvh{height:100dvh}.max-h-80{max-height:calc(var(--spacing) * 80)}.min-h-dvh{min-height:100dvh}.w-1\/2{width:50%}.w-2{width:calc(var(--spacing) * 2)}.w-2\/3{width:calc(2 / 3 * 100%)}.w-5{width:calc(var(--spacing) * 5)}.w-10{width:calc(var(--spacing) * 10)}.w-11{width:calc(var(--spacing) * 11)}.w-28{width:calc(var(--spacing) * 28)}.w-\[min\(100\%-2rem\,28rem\)\]{width:min(100% - 2rem,28rem)}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-5xl{max-width:var(--container-5xl)}.max-w-6xl{max-width:var(--container-6xl)}.max-w-md{max-width:var(--container-md)}.max-w-xl{max-width:var(--container-xl)}.min-w-0{min-width:0px}.min-w-6{min-width:calc(var(--spacing) * 6)}.flex-1{flex:1}.flex-none{flex:none}.grow{flex-grow:1}.border-collapse{border-collapse:collapse}.-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-pointer{cursor:pointer}.resize{resize:both}.list-disc{list-style-type:disc}.list-none{list-style-type:none}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.flex-col{flex-direction:column}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-8{gap:calc(var(--spacing) * 8)}.gap-16{gap:calc(var(--spacing) * 16)}.gap-x-2{column-gap:calc(var(--spacing) * 2)}.gap-x-4{column-gap:calc(var(--spacing) * 4)}.gap-y-1{row-gap:var(--spacing)}.self-center{align-self:center}.self-end{align-self:flex-end}.self-start{align-self:flex-start}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.overflow-auto{overflow:auto}.rounded{border-radius:.25rem}.rounded-full{border-radius:calc(infinity * 1px)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-border{border-color:var(--color-border)}.border-border-strong{border-color:var(--color-border-strong)}.bg-\[var\(--color-vote-dislike-bg\)\]{background-color:var(--color-vote-dislike-bg)}.bg-\[var\(--color-vote-love-bg\)\]{background-color:var(--color-vote-love-bg)}.bg-transparent{background-color:transparent}.p-0{padding:0}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.p-8{padding:calc(var(--spacing) * 8)}.px-0{padding-inline:0px}.px-1{padding-inline:var(--spacing)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.py-1{padding-block:var(--spacing)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-6{padding-block:calc(var(--spacing) * 6)}.py-8{padding-block:calc(var(--spacing) * 8)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-6{padding-top:calc(var(--spacing) * 6)}.pr-14{padding-right:calc(var(--spacing) * 14)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pb-10{padding-bottom:calc(var(--spacing) * 10)}.pb-16{padding-bottom:calc(var(--spacing) * 16)}.pl-5{padding-left:calc(var(--spacing) * 5)}.pl-12{padding-left:calc(var(--spacing) * 12)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-\[length\:var\(--text-display-md\)\]{font-size:var(--text-display-md)}.leading-none{--tw-leading: 1;line-height:1}.font-normal{--tw-font-weight: var(--font-weight-normal);font-weight:var(--font-weight-normal)}.whitespace-nowrap{white-space:nowrap}.text-\[var\(--color-vote-dislike-ink\)\]{color:var(--color-vote-dislike-ink)}.text-\[var\(--color-vote-love-ink\)\]{color:var(--color-vote-love-ink)}.text-ink{color:var(--color-ink)}.text-ink-subtle{color:var(--color-ink-subtle)}.text-primary{color:var(--color-primary)}.no-underline{text-decoration-line:none}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}@media(width>=40rem){.sm\:inline-flex{display:inline-flex}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:grid-cols-\[1fr_2fr_2fr_auto\]{grid-template-columns:1fr 2fr 2fr auto}.sm\:gap-3{gap:calc(var(--spacing) * 3)}}@media(width>=48rem){.md\:block{display:block}.md\:inline-flex{display:inline-flex}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(width>=64rem){.lg\:block{display:block}.lg\:flex{display:flex}.lg\:grid{display:grid}.lg\:hidden{display:none}.lg\:inline-flex{display:inline-flex}.lg\:max-w-5xl{max-width:var(--container-5xl)}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lg\:grid-cols-\[1fr_280px\]{grid-template-columns:1fr 280px}.lg\:grid-cols-\[1fr_340px\]{grid-template-columns:1fr 340px}.lg\:grid-cols-\[1fr_380px\]{grid-template-columns:1fr 380px}.lg\:grid-cols-\[240px_minmax\(0\,1fr\)_minmax\(0\,1\.1fr\)\]{grid-template-columns:240px minmax(0,1fr) minmax(0,1.1fr)}.lg\:flex-row{flex-direction:row}.lg\:items-center{align-items:center}.lg\:items-end{align-items:flex-end}.lg\:items-start{align-items:flex-start}.lg\:justify-between{justify-content:space-between}.lg\:gap-12{gap:calc(var(--spacing) * 12)}.lg\:gap-24{gap:calc(var(--spacing) * 24)}.lg\:p-10{padding:calc(var(--spacing) * 10)}.lg\:px-10{padding-inline:calc(var(--spacing) * 10)}.lg\:pt-10{padding-top:calc(var(--spacing) * 10)}.lg\:pt-12{padding-top:calc(var(--spacing) * 12)}.lg\:text-center{text-align:center}.lg\:text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading, var(--text-5xl--line-height))}}}:root{--font-display: "Young Serif", Georgia, "Times New Roman", serif;--font-body: "Figtree Variable", "Figtree", system-ui, -apple-system, "Segoe UI", sans-serif;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--text-xs: 12px;--lh-xs: 16px;--text-sm: 14px;--lh-sm: 20px;--text-base: 16px;--lh-base: 24px;--text-lg: 18px;--lh-lg: 28px;--text-xl: 22px;--lh-xl: 28px;--text-2xl: 28px;--lh-2xl: 34px;--text-3xl: 36px;--lh-3xl: 40px;--text-display-md: 48px;--lh-display-md: 52px;--text-display-xl: 72px;--lh-display-xl: 72px;--text-reveal: 64px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--radius-sm: 10px;--radius-field: 18px;--radius-md: 16px;--radius-card: 28px;--radius-sheet: 32px;--radius-pill: 999px;--shadow-soft: 0 4px 14px rgba(90, 65, 40, .1);--shadow-card: 0 10px 28px rgba(90, 65, 40, .13);--shadow-lift: 0 16px 36px rgba(90, 65, 40, .18);--shadow-sheet: 0 -10px 40px rgba(90, 65, 40, .18);--icon-sm: 16px;--icon-md: 20px;--icon-lg: 24px;--icon-xl: 32px;--icon-stroke: 2px;--dur-fast: .2s;--dur-base: .4s;--dur-slow: .7s;--dur-theme: 1.5s;--dur-letter: .4s;--ease-soft: cubic-bezier(.22, .61, .36, 1);--ease-gentle: cubic-bezier(.33, 1, .68, 1);--ease-breathe: cubic-bezier(.45, .05, .55, .95);--color-success: #2f6b45;--color-success-bg: #e0eedc;--color-warning: #7a4b00;--color-warning-bg: #f7e7c6;--color-error: #a6323c;--color-error-bg: #f7dada;--color-info: #2d5f84;--color-info-bg: #ddeaf3;--color-vote-dislike: #6f6384;--color-vote-dislike-bg: #e6e1ee;--color-vote-love: #b04a62;--color-vote-love-bg: #f5dadf;--color-vote-dislike-ink: #685d7c;--color-vote-love-ink: #9e4358;--color-series-girls: #b04a62;--color-series-boys: #2f6ea8}@media(min-width:1024px){:root{--text-xl: 24px;--lh-xl: 32px;--text-2xl: 34px;--lh-2xl: 40px;--text-3xl: 48px;--lh-3xl: 52px;--text-display-md: 64px;--lh-display-md: 68px;--text-display-xl: 96px;--lh-display-xl: 96px;--text-reveal: 120px}}[data-theme=neutral],:root{--color-bg: #f5efe4;--color-surface: #faf6ec;--color-surface-raised: #fdfaf3;--color-overlay: rgba(58, 46, 39, .45);--color-ink: #3a2e27;--color-ink-muted: #66574c;--color-ink-subtle: #72645a;--color-primary: #507059;--color-primary-hover: #456350;--color-primary-active: #3b5545;--color-on-primary: #faf6ec;--color-secondary: #cfdccb;--color-secondary-hover: #c3d3be;--color-secondary-active: #b6c8b1;--color-on-secondary: #3a2e27;--color-accent: #9a5733;--color-accent-hover: #874c2d;--color-accent-active: #763f24;--color-on-accent: #faf6ec;--color-border: #d9cebb;--color-border-strong: #8a7b6c;--color-focus: #255f9a;--color-sand: #e6dac6;--color-tint: #e3ebe0;--color-vote-like: #456e50;--color-vote-like-bg: #dce8d8;--theme-color: #f5efe4}[data-theme=blue]{--color-bg: #f1f0ea;--color-surface: #f8f7f1;--color-surface-raised: #fcfbf6;--color-overlay: rgba(46, 54, 65, .45);--color-ink: #2e3641;--color-ink-muted: #56606d;--color-ink-subtle: #5e6976;--color-primary: #456889;--color-primary-hover: #3b5a78;--color-primary-active: #324d68;--color-on-primary: #f8f7f1;--color-secondary: #d4e2ec;--color-secondary-hover: #c6d8e5;--color-secondary-active: #b8cedd;--color-on-secondary: #2e3641;--color-accent: #7a6a4c;--color-accent-hover: #6b5c41;--color-accent-active: #5c4f37;--color-on-accent: #f8f7f1;--color-border: #d6d9d6;--color-border-strong: #7c8793;--color-focus: #255f9a;--color-sand: #e2e3dc;--color-tint: #dee8ef;--color-vote-like: #3e6a78;--color-vote-like-bg: #d8e7ea;--theme-color: #f1f0ea}[data-theme=pink]{--color-bg: #f6ece6;--color-surface: #fbf4ef;--color-surface-raised: #fef9f5;--color-overlay: rgba(64, 48, 47, .45);--color-ink: #40302f;--color-ink-muted: #6e5856;--color-ink-subtle: #756062;--color-primary: #9b5266;--color-primary-hover: #8b4759;--color-primary-active: #7b3e4e;--color-on-primary: #fbf4ef;--color-secondary: #f0d4d4;--color-secondary-hover: #e8c6c6;--color-secondary-active: #dfb8b8;--color-on-secondary: #40302f;--color-accent: #9a5733;--color-accent-hover: #874c2d;--color-accent-active: #763f24;--color-on-accent: #fbf4ef;--color-border: #e5d3cb;--color-border-strong: #907678;--color-focus: #255f9a;--color-sand: #ebdbd2;--color-tint: #f7e9e6;--color-vote-like: #456e50;--color-vote-like-bg: #dce8d8;--theme-color: #f6ece6}@layer components{.dp{font-family:var(--font-body);font-size:var(--text-base);line-height:var(--lh-base);color:var(--color-ink);background-color:var(--color-bg);background-image:repeating-linear-gradient(0deg,rgba(120,95,60,.035) 0 1px,transparent 1px 3px),repeating-linear-gradient(90deg,rgba(120,95,60,.03) 0 1px,transparent 1px 4px);box-sizing:border-box}.dp *,.dp *:before,.dp *:after{box-sizing:border-box}.dp h1,.dp h2,.dp h3,.dp h4,.dp p{margin:0}:where(.dp a){color:inherit}.dp button{font-family:inherit;cursor:pointer}.dp :focus-visible,.dp .is-focus{outline:3px solid var(--color-focus);outline-offset:3px}.display{font-family:var(--font-display);font-weight:400;letter-spacing:-.02em}.t-xs{font-size:var(--text-xs);line-height:var(--lh-xs)}.t-sm{font-size:var(--text-sm);line-height:var(--lh-sm)}.t-lg{font-size:var(--text-lg);line-height:var(--lh-lg)}.t-xl{font-family:var(--font-display);font-size:var(--text-xl);line-height:var(--lh-xl)}.t-2xl{font-family:var(--font-display);font-size:var(--text-2xl);line-height:var(--lh-2xl);letter-spacing:-.01em}.t-3xl{font-family:var(--font-display);font-size:var(--text-3xl);line-height:var(--lh-3xl);letter-spacing:-.02em}.muted{color:var(--color-ink-muted)}.subtle{color:var(--color-ink-subtle)}.semibold{font-weight:600}.row{display:flex;align-items:center;gap:var(--space-3)}.col{display:flex;flex-direction:column;gap:var(--space-3)}.wrap{flex-wrap:wrap}.grow{flex:1;min-width:0}.ic{width:var(--icon-md);height:var(--icon-md);flex:none;fill:none;stroke:currentColor;stroke-width:var(--icon-stroke);stroke-linecap:round;stroke-linejoin:round}.ic-sm{width:var(--icon-sm);height:var(--icon-sm)}.ic-lg{width:var(--icon-lg);height:var(--icon-lg)}.ic-xl{width:var(--icon-xl);height:var(--icon-xl)}.btn{min-height:48px;padding:0 var(--space-6);border:1.5px solid transparent;border-radius:var(--radius-pill);background:var(--color-primary);color:var(--color-on-primary);font-size:var(--text-base);font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);text-decoration:none;white-space:nowrap;transition:background var(--dur-fast) var(--ease-soft),box-shadow var(--dur-fast) var(--ease-soft)}.btn:hover,.btn.is-hover{background:var(--color-primary-hover)}.btn:active,.btn.is-active{background:var(--color-primary-active)}.btn-lg{min-height:56px;padding:0 var(--space-8);font-size:var(--text-lg)}.btn-block{width:100%}.btn-secondary{background:var(--color-secondary);color:var(--color-on-secondary)}.btn-secondary:hover,.btn-secondary.is-hover{background:var(--color-secondary-hover)}.btn-secondary:active,.btn-secondary.is-active{background:var(--color-secondary-active)}.btn-ghost{background:transparent;color:var(--color-ink);border-color:var(--color-border-strong)}.btn-ghost:hover,.btn-ghost.is-hover{background:var(--color-tint)}.btn-ghost:active,.btn-ghost.is-active{background:var(--color-secondary)}.btn-quiet{background:transparent;color:var(--color-accent);text-decoration:underline;text-underline-offset:4px;padding:0 var(--space-3);min-height:44px}.btn-quiet:hover,.btn-quiet.is-hover{background:transparent;color:var(--color-accent-hover)}.btn-sensitive{background:var(--color-error);color:#faf6ec}.btn-sensitive:hover,.btn-sensitive.is-hover{background:#932b34}.btn-sensitive:active,.btn-sensitive.is-active{background:#7f242c}.btn.is-disabled,.btn:disabled{background:#e3dacb;color:#665a4f;border-color:transparent;cursor:not-allowed}.btn.is-loading{background:var(--color-primary-hover);color:transparent;position:relative}.btn.is-loading:after{content:"";position:absolute;width:20px;height:20px;border-radius:50%;border:2.5px solid rgba(250,246,236,.45);border-top-color:var(--color-on-primary);animation:dp-spin 1.4s linear infinite}@keyframes dp-spin{to{transform:rotate(360deg)}}.icon-btn{width:44px;height:44px;border-radius:50%;border:1.5px solid var(--color-border-strong);background:transparent;color:var(--color-ink);display:inline-flex;align-items:center;justify-content:center;flex:none;padding:0}.icon-btn:hover,.icon-btn.is-hover{background:var(--color-tint)}.icon-btn:active,.icon-btn.is-active{background:var(--color-secondary)}.icon-btn.is-plain{border-color:transparent}.field{display:flex;flex-direction:column;gap:6px;width:100%;max-width:36rem}.field .input[type=date],.field .input[type=datetime-local],.field .input[type=time]{max-width:20rem}.field>label,.label{font-size:var(--text-sm);font-weight:600;line-height:var(--lh-sm)}.input{min-height:52px;width:100%;padding:0 var(--space-4);border:1.5px solid var(--color-border-strong);border-radius:var(--radius-field);background:var(--color-surface-raised);color:var(--color-ink);font:inherit;font-size:var(--text-base);display:flex;align-items:center;gap:var(--space-2)}input.input[type=date],input.input[type=datetime-local],input.input[type=time]{-webkit-appearance:none;appearance:none;display:block;min-width:0;height:52px;line-height:52px;text-align:left}input.input::-webkit-date-and-time-value{text-align:left}.input .ph{color:var(--color-ink-subtle)}.input.is-focus{border-color:var(--color-focus);outline:3px solid var(--color-focus);outline-offset:2px}.input.is-error{border-color:var(--color-error);background:#fdf3f1}.input.is-disabled{background:#eee7da;color:#6b5f54;border-color:#b8ac9b}.help{font-size:var(--text-sm);line-height:var(--lh-sm);color:var(--color-ink-muted)}.err{font-size:var(--text-sm);line-height:var(--lh-sm);color:var(--color-error);display:flex;align-items:center;gap:6px;font-weight:600}.option{display:flex;gap:var(--space-3);align-items:flex-start;min-height:44px;padding:var(--space-4);border-radius:var(--radius-field);border:1.5px solid var(--color-border-strong);background:var(--color-surface-raised);color:var(--color-ink);cursor:pointer}.option.is-on{border:3px solid var(--color-primary);background:var(--color-tint);padding:calc(var(--space-4) - 1.5px)}.option input{width:22px;height:22px;margin-top:2px;flex:none;accent-color:var(--color-primary)}.option:has(input:focus-visible){outline:3px solid var(--color-focus);outline-offset:3px}.option:has(input:disabled){cursor:not-allowed;opacity:.7}.chip{min-height:44px;padding:0 var(--space-4);border-radius:var(--radius-pill);border:1.5px solid var(--color-border-strong);background:transparent;color:var(--color-ink);font-size:var(--text-sm);font-weight:600;display:inline-flex;align-items:center;gap:6px}.chip.is-on{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-on-primary)}.tabs{display:flex;gap:4px;padding:4px;border-radius:var(--radius-pill);background:var(--color-sand)}.tab{flex:1;min-height:44px;border:0;border-radius:var(--radius-pill);background:transparent;color:var(--color-ink-muted);font-size:var(--text-sm);font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 var(--space-4)}.tab.is-on{background:var(--color-surface-raised);color:var(--color-ink);box-shadow:var(--shadow-soft)}.check{width:28px;height:28px;border-radius:9px;border:2px solid var(--color-border-strong);background:var(--color-surface-raised);display:inline-flex;align-items:center;justify-content:center;flex:none;color:var(--color-on-primary)}.check.is-on{background:var(--color-primary);border-color:var(--color-primary)}.switch{width:56px;height:32px;border-radius:999px;background:var(--color-border-strong);position:relative;flex:none}.switch:after{content:"";position:absolute;top:3px;left:3px;width:26px;height:26px;border-radius:50%;background:var(--color-surface-raised);transition:transform var(--dur-base) var(--ease-soft)}.switch.is-on{background:var(--color-primary)}.switch.is-on:after{transform:translate(24px)}.hit{min-height:44px;display:flex;align-items:center;gap:var(--space-3)}.card{background-color:var(--color-surface);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:var(--space-5)}.card-flat{background:var(--color-surface);border-radius:var(--radius-md);border:1px solid var(--color-border);padding:var(--space-4)}.badge{min-height:28px;padding:0 var(--space-3);border-radius:var(--radius-pill);background:var(--color-sand);color:var(--color-ink);font-size:var(--text-xs);font-weight:700;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.badge-girl{background:#f0d4d4}.badge-boy{background:#d4e2ec}.badge-mixed{background:#e3dfc9}.badge-outline{background:transparent;border:1.5px solid var(--color-accent);color:var(--color-accent)}.badge-match{background:var(--color-primary);color:var(--color-on-primary)}.badge-trend{background:var(--color-secondary)}.badge-success{background:var(--color-success-bg);color:var(--color-success)}.badge-warning{background:var(--color-warning-bg);color:var(--color-warning)}.badge-error{background:var(--color-error-bg);color:var(--color-error)}.badge-info{background:var(--color-info-bg);color:var(--color-info)}.badge-lg{min-height:32px;font-size:var(--text-sm);padding:0 var(--space-4)}.avatar{width:40px;height:40px;border-radius:50%;background:var(--color-secondary);color:var(--color-on-secondary);display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:var(--text-base);flex:none}.avatar-sm{width:32px;height:32px;font-size:var(--text-sm)}.avatar-lg{width:56px;height:56px;font-size:var(--text-xl);font-family:var(--font-display)}.avatar.a2{background:#f0d4d4}.avatar.a3{background:#e6dac6}.avatar.a4{background:#d4e2ec}.list-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) 0;min-height:64px;border-bottom:1px solid var(--color-border)}.list-row:last-child{border-bottom:0}.bottom-nav{height:72px;flex:none;border-top:1px solid var(--color-border-strong);background:var(--color-surface);display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);padding:0 var(--space-2)}.nav-item{min-height:56px;align-self:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;text-decoration:none;color:var(--color-ink-muted);font-size:var(--text-xs);font-weight:600;border-radius:20px;margin:0 6px}.nav-item[aria-current=page]{background:var(--color-tint);color:var(--color-primary);font-weight:700}.side-nav{width:248px;flex:none;padding:var(--space-6) var(--space-4);display:flex;flex-direction:column;gap:var(--space-2);background:var(--color-surface);border-right:1px solid var(--color-border)}.side-item{min-height:48px;padding:0 var(--space-4);border-radius:var(--radius-pill);display:flex;align-items:center;gap:var(--space-3);text-decoration:none;color:var(--color-ink-muted);font-weight:600}.side-item[aria-current=page]{background:var(--color-tint);color:var(--color-primary);font-weight:700}.topbar{min-height:64px;padding:var(--space-2) var(--space-4);display:flex;align-items:center;gap:var(--space-2);flex:none}.topbar .title{flex:1;min-width:0;font-family:var(--font-display);font-size:var(--text-xl);line-height:var(--lh-xl)}.banner{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-sm);line-height:var(--lh-sm);font-weight:600}.banner-info{background:var(--color-info-bg);color:var(--color-info)}.banner-warning{background:var(--color-warning-bg);color:var(--color-warning)}.banner-success{background:var(--color-success-bg);color:var(--color-success)}.banner-error{background:var(--color-error-bg);color:var(--color-error)}.banner-tint{background:var(--color-tint);color:var(--color-ink)}.toast{padding:var(--space-3) var(--space-4);border-radius:var(--radius-pill);background:var(--color-ink);color:var(--color-bg);font-size:var(--text-sm);font-weight:600;display:inline-flex;align-items:center;gap:var(--space-2);box-shadow:var(--shadow-lift)}.sheet{background:var(--color-surface);border-radius:var(--radius-sheet) var(--radius-sheet) 0 0;box-shadow:var(--shadow-sheet);padding:var(--space-3) var(--space-5) var(--space-6);display:flex;flex-direction:column;gap:var(--space-4)}.sheet:before{content:"";align-self:center;width:44px;height:5px;border-radius:3px;background:var(--color-border-strong);opacity:.6}.dialog::backdrop{background:#3c322873}.dialog:not([open]){display:none}.dialog{background:var(--color-surface);border-radius:var(--radius-card);box-shadow:var(--shadow-lift);padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-4)}.skeleton{background:linear-gradient(90deg,var(--color-sand),var(--color-surface-raised),var(--color-sand));background-size:200% 100%;border-radius:var(--radius-sm);animation:dp-shimmer 2.4s var(--ease-breathe) infinite}@keyframes dp-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.empty{text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-8) var(--space-6)}.countdown-xl{font-family:var(--font-display);font-size:64px;line-height:1;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.countdown-chip{min-height:32px;padding:0 var(--space-3);border-radius:var(--radius-pill);background:var(--color-warning-bg);color:var(--color-warning);font-weight:700;font-size:var(--text-sm);display:inline-flex;align-items:center;gap:6px;font-variant-numeric:tabular-nums}.msg{max-width:82%;padding:var(--space-3) var(--space-4);border-radius:22px;background:var(--color-surface);box-shadow:var(--shadow-soft);font-size:var(--text-base);line-height:var(--lh-base)}.msg.me{background:var(--color-secondary);color:var(--color-on-secondary);border-bottom-right-radius:8px;align-self:flex-end}.msg.other{border-bottom-left-radius:8px}.msg.pinned{border:1.5px solid var(--color-accent)}.msg.deleted{background:transparent;box-shadow:none;border:1.5px dashed var(--color-border-strong);color:var(--color-ink-muted);font-style:italic}.reaction{min-height:32px;padding:0 10px;border-radius:999px;background:var(--color-surface-raised);border:1.5px solid var(--color-border);font-size:var(--text-sm);font-weight:700;display:inline-flex;align-items:center;gap:4px}.reaction.is-mine{border-color:var(--color-primary);background:var(--color-tint)}.react-btn{width:44px;height:44px;border-radius:50%;border:0;background:transparent;font-size:24px;display:inline-flex;align-items:center;justify-content:center}.slot{min-height:64px;border-radius:var(--radius-md);padding:0 var(--space-4);display:flex;align-items:center;gap:var(--space-3)}.slot-empty{border:2px dashed var(--color-border-strong);color:var(--color-ink-muted)}.slot-filled{background:var(--color-surface-raised);border:1.5px solid var(--color-border-strong)}.slot-frozen{background:var(--color-sand);border:1.5px solid var(--color-border);color:var(--color-ink-muted)}.vote{width:64px;height:64px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--color-surface);border:2px solid currentColor;box-shadow:var(--shadow-soft);flex:none;padding:0}.vote-dislike{color:var(--color-vote-dislike)}.vote-like{color:var(--color-vote-like)}.vote-love{width:76px;height:76px;background:var(--color-vote-love);border-color:var(--color-vote-love);color:#faf6ec;box-shadow:0 10px 20px #b04a624d}.name-card{position:relative;background-color:var(--color-surface);background-image:repeating-linear-gradient(0deg,rgba(120,95,60,.03) 0 1px,transparent 1px 3px);border-radius:var(--radius-card);box-shadow:var(--shadow-lift)}.stack-1{position:absolute;inset:14px 14px 0;border-radius:var(--radius-card);background:var(--color-sand);transform:rotate(3deg);box-shadow:var(--shadow-soft)}.stack-2{position:absolute;inset:8px 8px 0;border-radius:var(--radius-card);background:var(--color-tint);transform:rotate(-2deg);box-shadow:var(--shadow-soft)}@media(prefers-reduced-motion:reduce){.dp *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.dp{caret-color:transparent}.dp input,.dp textarea,.dp [contenteditable]:not([contenteditable=false]){caret-color:auto}}html,body{margin:0;background-color:var(--color-bg)}body{min-height:100dvh}@property --tw-translate-x{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-translate-y{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-translate-z{syntax: "*"; inherits: false; initial-value: 0;}@property --tw-rotate-x{syntax: "*"; inherits: false;}@property --tw-rotate-y{syntax: "*"; inherits: false;}@property --tw-rotate-z{syntax: "*"; inherits: false;}@property --tw-skew-x{syntax: "*"; inherits: false;}@property --tw-skew-y{syntax: "*"; inherits: false;}@property --tw-border-style{syntax: "*"; inherits: false; initial-value: solid;}@property --tw-leading{syntax: "*"; inherits: false;}@property --tw-font-weight{syntax: "*"; inherits: false;}@property --tw-outline-style{syntax: "*"; inherits: false; initial-value: solid;}@property --tw-blur{syntax: "*"; inherits: false;}@property --tw-brightness{syntax: "*"; inherits: false;}@property --tw-contrast{syntax: "*"; inherits: false;}@property --tw-grayscale{syntax: "*"; inherits: false;}@property --tw-hue-rotate{syntax: "*"; inherits: false;}@property --tw-invert{syntax: "*"; inherits: false;}@property --tw-opacity{syntax: "*"; inherits: false;}@property --tw-saturate{syntax: "*"; inherits: false;}@property --tw-sepia{syntax: "*"; inherits: false;}@property --tw-drop-shadow{syntax: "*"; inherits: false;}@property --tw-drop-shadow-color{syntax: "*"; inherits: false;}@property --tw-drop-shadow-alpha{syntax: "<percentage>"; inherits: false; initial-value: 100%;}@property --tw-drop-shadow-size{syntax: "*"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x: 0;--tw-translate-y: 0;--tw-translate-z: 0;--tw-rotate-x: initial;--tw-rotate-y: initial;--tw-rotate-z: initial;--tw-skew-x: initial;--tw-skew-y: initial;--tw-border-style: solid;--tw-leading: initial;--tw-font-weight: initial;--tw-outline-style: solid;--tw-blur: initial;--tw-brightness: initial;--tw-contrast: initial;--tw-grayscale: initial;--tw-hue-rotate: initial;--tw-invert: initial;--tw-opacity: initial;--tw-saturate: initial;--tw-sepia: initial;--tw-drop-shadow: initial;--tw-drop-shadow-color: initial;--tw-drop-shadow-alpha: 100%;--tw-drop-shadow-size: initial}}}