*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body,h1,h2,h3,h4,p,ul,ol,figure{margin:0}body{min-height:100vh}img{display:block;max-width:100%}button,input,textarea,select{font:inherit}button{border:0;background:none;padding:0;color:inherit}input,textarea,select{width:100%}:root{--bg: #ffffff;--bg-soft: #ffffff;--paper: rgba(255, 253, 251, .92);--line: rgba(234, 216, 207, .92);--line-strong: rgba(214, 140, 147, .34);--text: #4e3d36;--muted: #8d7569;--pink: #f3d7d8;--pink-strong: #d68c93;--beige: #efdcc8;--cream: #f8efe4;--rose: #f0c3c5;--shadow: 0 14px 28px rgba(118, 86, 70, .08);--panel-bg: linear-gradient(180deg, rgba(255, 253, 251, .94), rgba(255, 247, 242, .96));--panel-border: linear-gradient(120deg, rgba(255, 255, 255, .94), rgba(245, 225, 214, .92) 46%, rgba(239, 206, 211, .94));--control-bg: rgba(248, 239, 232, .92);--control-bg-soft: rgba(249, 240, 232, .74);--control-border: rgba(229, 206, 195, .92);--control-text: #4e3d36;--control-accent-bg: #111111;--control-accent-solid: rgba(17, 17, 17, .92);--control-accent-border: rgba(17, 17, 17, .92);--control-accent-text: #ffffff;--input-bg: rgba(255, 255, 255, .92);--input-border: rgba(220, 197, 185, .96);--surface-soft: rgba(255, 253, 249, .86);--surface-soft-border: rgba(233, 217, 207, .9);--shell-bg: linear-gradient(180deg, #ffffff 0%, #ffffff 100%);--radius-lg: 24px;--radius-md: 18px;--radius-sm: 14px;--page-width: 430px;--bottom-nav-height: 84px}html{width:100%;height:100%;overflow:hidden;overscroll-behavior:none;scrollbar-gutter:stable;background:#fff}body{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;font-family:Noto Sans JP,sans-serif;color:var(--text);background:#fff;min-height:100vh;min-height:100svh;min-height:100dvh;overflow:hidden;overscroll-behavior:none;touch-action:none}a{color:inherit;text-decoration:none}button{cursor:pointer}svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.feature-icon{display:block;width:100%;height:100%;object-fit:contain;object-position:center;pointer-events:none;-webkit-user-select:none;user-select:none}#app{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;min-height:100vh;min-height:100svh;min-height:100dvh;overflow-x:clip;overflow-y:hidden;overscroll-behavior:none}.app-shell{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;min-height:100vh;min-height:100svh;min-height:100dvh;background:var(--shell-bg);color:var(--text);box-shadow:none;overflow-x:clip;overflow-y:hidden;overscroll-behavior:none}.app-shell:before,.app-shell:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0;transition:opacity .22s ease}.app-shell:before{z-index:0}.app-shell:after{z-index:0}.app-shell>*{position:relative;z-index:1}.app-shell--timeline{box-shadow:none;overflow:hidden}.app-shell--home{background:var(--shell-bg);overflow:hidden}.app-shell--compose{background:#fff;overflow:hidden;overscroll-behavior:contain}.app-shell--with-bottom-nav #modalRoot{z-index:18}.screen-area{min-height:100vh;min-height:100svh;min-height:100dvh;padding:18px clamp(14px,3vw,28px) 24px;scroll-padding-bottom:20px;overflow:hidden;overscroll-behavior:none}.screen-area--home{padding:0;background:transparent;overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;min-height:100vh;min-height:100svh;min-height:100dvh;height:100vh;height:100svh;height:100dvh}.screen-area--timeline{padding:0;overflow-y:auto;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;min-height:100vh;min-height:100svh;min-height:100dvh;height:100vh;height:100svh;height:100dvh}.screen-area--with-bottom-nav{padding-bottom:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom) + 8px)}.screen-area--search{min-height:100vh;min-height:100svh;min-height:100dvh;height:100vh;height:100svh;height:100dvh;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y}.screen-area--magazine{min-height:100vh;min-height:100svh;min-height:100dvh;height:100vh;height:100svh;height:100dvh;overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y}.screen-area--profile{min-height:100vh;min-height:100svh;min-height:100dvh;height:100vh;height:100svh;height:100dvh;padding:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y}.screen-area--post{min-height:100vh;min-height:100svh;min-height:100dvh;height:100vh;height:100svh;height:100dvh;padding:0;overflow-y:auto;overscroll-behavior:contain;scroll-padding-top:52px;-webkit-overflow-scrolling:touch;touch-action:pan-y}.screen-area--invite{min-height:100vh;min-height:100svh;min-height:100dvh;height:100vh;height:100svh;height:100dvh;padding:0;overflow:hidden}.screen-area--compose{min-height:100vh;min-height:100svh;min-height:100dvh;height:100vh;height:100svh;height:100dvh;overflow:hidden;padding:0}.page{display:grid;gap:18px}.page-header{display:grid;gap:4px;padding-top:6px}.page-header:not(.page-header--with-back){display:none}.page-header--with-back>:not(.page-back):not(.page-header__actions){display:none}.page-header__mini{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}.page-header__title{font-family:Zen Old Mincho,serif;font-size:26px;font-weight:700}.section-block,.profile-card,.profile-form,.issue-form,.empty-panel,.search-box{background:var(--panel-bg) padding-box,linear-gradient(120deg,#ffffff14,#ffffff05) padding-box,var(--panel-border) border-box;border:1px solid transparent;border-radius:var(--radius-lg);box-shadow:var(--shadow);color:var(--text)}.section-block,.profile-form,.issue-form,.empty-panel,.search-box{padding:16px}.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.section-head h3{font-size:15px;font-weight:700}.empty-panel{min-height:180px;place-items:center;text-align:center;display:grid;gap:8px}.empty-panel__title{font-weight:700}.empty-panel__copy,.empty-copy{color:var(--muted);font-size:13px;line-height:1.75}.side-wheel-system{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:16}.app-shell--compose .side-wheel-system,.app-shell--compose .side-wheel,.app-shell--compose .side-wheel__item{pointer-events:none!important}.side-wheel{--wheel-width: clamp(102px, 24vw, 126px);--wheel-height: clamp(300px, 64vw, 408px);--wheel-item-size: clamp(68px, 17vw, 92px);--wheel-scale: .74;--wheel-shift: 48%;--wheel-offset-y: 0px;--wheel-dock-offset: 22px;position:fixed;top:50%;width:var(--wheel-width);height:var(--wheel-height);pointer-events:none;-webkit-user-select:none;user-select:none;transition:transform .24s cubic-bezier(.2,.9,.28,1.08)}.side-wheel--left{left:0;transform:translate(calc(-1 * var(--wheel-shift)),calc(-50% + var(--wheel-offset-y))) scale(var(--wheel-scale))}.side-wheel--right{right:0;transform:translate(var(--wheel-shift),calc(-50% + var(--wheel-offset-y))) scale(var(--wheel-scale))}.side-wheel.is-engaged{--wheel-scale: 1;--wheel-shift: 14%}.side-wheel__ghost,.side-wheel__track,.side-wheel__dock,.side-wheel__status{display:none}.side-wheel__arc{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.side-wheel__item{position:absolute;left:var(--slot-x, 50%);top:calc(50% + var(--slot-y, 0px));width:var(--wheel-item-size);height:var(--wheel-item-size);display:grid;place-items:center;gap:6px;padding:12px 8px;border-radius:50%;background:var(--panel-bg) padding-box,linear-gradient(120deg,#ffffff14,#ffffff05) padding-box,var(--panel-border) border-box;border:1px solid transparent;box-shadow:inset 0 1px #ffffff0a,0 16px 30px #00000042;color:var(--text);opacity:var(--slot-opacity, 0);transform:translate(calc(-50% + var(--drag-x, 0px)),calc(-50% + var(--drag-y, 0px))) scale(var(--slot-scale, .72));transition:left .26s cubic-bezier(.2,.96,.24,1.12),top .26s cubic-bezier(.2,.96,.24,1.12),transform .26s cubic-bezier(.2,.96,.24,1.12),opacity .18s ease,background .18s ease,box-shadow .18s ease,border-color .18s ease;pointer-events:auto;z-index:calc(20 - var(--slot-depth, 0));touch-action:none}.side-wheel.is-engaged .side-wheel__item{border-radius:50%}.side-wheel:not(.is-engaged) .side-wheel__item{pointer-events:none}.side-wheel:not(.is-engaged) .side-wheel__item.is-active{pointer-events:auto}.side-wheel__item.is-active{background:linear-gradient(180deg,#fffdfbfa,#fff6f1fa) padding-box,linear-gradient(120deg,#f4d6daf5,#ead6cdeb,#d68c93c7) border-box;border-color:transparent;box-shadow:inset 0 1px #fffc,0 18px 36px #906a5c24;transform:translate(calc(-50% + var(--drag-x, 0px)),calc(-50% + var(--drag-y, 0px))) scale(max(var(--slot-scale, 1),1));cursor:grab}.side-wheel.is-engaged .side-wheel__item.is-active{transform:translate(calc(-50% + var(--drag-x, 0px)),calc(-50% + var(--drag-y, 0px))) scale(1.02)}.side-wheel.is-engaged .side-wheel__item{pointer-events:auto}.side-wheel.is-dragging,.side-wheel.is-dragging .side-wheel__item,.side-wheel__item.is-dragging{transition:none}.side-wheel__item.is-dragging{cursor:grabbing}.side-wheel__item-icon{display:grid;place-items:center;width:28px;height:28px}.side-wheel__item-icon svg{width:100%;height:100%}.side-wheel__item-label{font-size:10px;line-height:1.15;letter-spacing:.02em;text-align:center}.feed-grid{column-count:2;column-gap:0}.feed-grid--single{column-count:1}.feed-grid>*{display:inline-grid;width:100%;margin-bottom:10px;break-inside:avoid}.post-card{display:grid;gap:10px;min-width:0;background:var(--panel-bg) padding-box,linear-gradient(120deg,#ffffff14,#ffffff05) padding-box,var(--panel-border) border-box;border:1px solid transparent;border-radius:0;padding:12px;box-shadow:var(--shadow);overflow:hidden}.post-card__head{display:flex;align-items:center;gap:10px}.avatar,.profile-card__avatar{display:grid;place-items:center;border-radius:50%;background:linear-gradient(180deg,#f7dfe1,#f1cfd5);color:#7d5659;font-weight:700}.avatar{width:34px;height:34px;font-size:13px}.avatar-button{flex-shrink:0;padding:0;border:0;cursor:pointer}.avatar__image{width:100%;height:100%;object-fit:cover;border-radius:inherit;display:block}.avatar__label{display:grid;place-items:center;width:100%;height:100%}.profile-card__avatar{width:58px;height:58px;font-size:20px}.post-card__author-wrap{min-width:0}.post-card__author,.modal__author{font-size:13px;font-weight:700}.post-card__time,.modal__date,.comment-item__date{font-size:11px;color:var(--muted)}.post-card__image-button{display:block;width:100%;min-width:0;overflow:hidden;border-radius:0}.post-card__image{display:block;width:100%;aspect-ratio:3 / 5;object-fit:cover;background:linear-gradient(180deg,#f7ebe0,#efe1d3)}.post-card--compact{gap:8px;padding:10px}.post-card--compact .post-card__image{aspect-ratio:4 / 3}.post-card--compact .post-card__meta{align-items:flex-start;gap:10px}.post-card--compact .post-card__actions{flex-wrap:wrap}.post-card__caption-row{display:grid;gap:8px}.tag-toggle{display:inline-flex;align-items:center;gap:6px;width:fit-content;min-height:30px;padding:0 11px;border-radius:999px;background:var(--control-bg-soft);color:var(--control-text);font-size:12px;border:1px solid var(--control-border)}.tag-toggle svg{width:14px;height:14px}.post-card__caption,.post-card__tags-empty{font-size:12px;line-height:1.7}.post-card__caption--empty{color:var(--muted)}.post-card__tags{display:flex;flex-wrap:wrap;gap:6px}.chip{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:0 11px;border-radius:999px;font-size:12px}.chip--soft,.chip--filter{background:var(--control-bg);border:1px solid var(--control-border);color:var(--control-text)}.chip--filter.is-active{background:var(--control-accent-solid);border-color:var(--control-accent-border);color:var(--control-accent-text)}.post-card__meta{display:flex;align-items:center;justify-content:space-between;gap:8px}.post-card__date{font-size:11px;color:var(--muted)}.post-card__actions{display:flex;gap:6px}.icon-button{display:inline-flex;align-items:center;gap:4px;min-height:30px;padding:0 8px;border-radius:999px;background:var(--control-bg-soft);color:var(--muted);font-size:11px;border:1px solid var(--control-border)}.icon-button svg{width:14px;height:14px}.icon-button .feature-icon{width:14px;height:14px}.icon-button.is-active,.button--ghost.is-active{color:var(--control-accent-text);background:var(--control-accent-solid);border-color:var(--control-accent-border)}.field{display:grid;gap:8px}.field__label{font-size:13px;font-weight:700}.field__input,.field__textarea{border:1px solid var(--input-border);border-radius:16px;background:var(--input-bg);color:var(--text);padding:13px 14px}.field__textarea{min-height:110px;resize:vertical}.field__input--search{min-height:52px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 18px;border-radius:16px;font-weight:700;border:1px solid transparent;transition:background .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease,transform .16s ease}.button--primary{background:var(--control-accent-bg);color:var(--control-accent-text);border-color:var(--control-accent-border)}.button--ghost{background:var(--control-bg);color:var(--control-text);border-color:var(--control-border)}.button--full{width:100%}@media (max-width: 360px){.feed-grid{column-count:2}.post-card{padding:10px}}.couple-magazine{display:grid;gap:14px;margin-bottom:18px;padding:16px;border:1px solid rgba(255,255,255,.08);border-radius:20px;background:#ffffff08}.couple-magazine__lead,.couple-magazine__status{color:var(--muted);font-size:12px}.couple-step{display:grid;gap:10px}.couple-step h4{font-size:13px}.couple-photo-grid{column-count:3;column-gap:0}.couple-photo-option{display:grid;gap:6px;margin-bottom:8px;break-inside:avoid;font-size:11px;color:var(--muted)}.couple-photo-option input{position:absolute;opacity:0}.couple-photo-option img{width:100%;aspect-ratio:3 / 4;object-fit:cover;border-radius:10px}.couple-photo-option input:checked+img{outline:2px solid rgba(81,198,255,.8)}.couple-badge{display:inline-block;font-size:11px;color:#6fd9ab}.couple-cover-preview{display:grid;grid-template-columns:88px 1fr;gap:10px;padding:10px;border-radius:14px;background:#0003}.couple-cover-preview img{width:100%;aspect-ratio:3 / 4;border-radius:10px;object-fit:cover}.couple-cover-preview__eyebrow{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.couple-message{resize:vertical}.couple-actions{grid-template-columns:1fr 1fr;align-items:center}.couple-actions .couple-magazine__status{grid-column:1 / -1}.issue-form{display:grid;gap:16px}.issue-post-grid{column-count:2;column-gap:0}.issue-post-option{display:grid;gap:8px;padding:8px;width:100%;margin-bottom:10px;break-inside:avoid;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:#ffffff0d}.issue-post-option input{position:absolute;opacity:0}.issue-post-option img{width:100%;aspect-ratio:3 / 5;object-fit:cover;border-radius:14px}.issue-post-option__meta{display:grid;gap:2px}.issue-post-option__meta strong{font-size:12px}.issue-post-option__meta span{font-size:11px;color:var(--muted)}.issue-post-option input:checked+img{outline:3px solid rgba(81,198,255,.7)}.issue-list{display:grid;gap:12px}.issue-card{display:grid;gap:8px;padding:18px;border-radius:24px;border:1px solid rgba(255,255,255,.08);box-shadow:var(--shadow)}.issue-card--soft{background:linear-gradient(180deg,#0d121af5,#0b0f16eb)}.issue-card--cream{background:linear-gradient(180deg,#0d1318f5,#0a0e13eb)}.issue-card--rose{background:linear-gradient(180deg,#0f111cf5,#0a0d14eb)}.issue-card__eyebrow{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}.issue-card__title{font-family:Zen Old Mincho,serif;font-size:24px}.issue-card__subtitle,.issue-card__count{color:var(--muted);font-size:12px}.issue-card__thumbs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.issue-card__thumbs img{width:100%;aspect-ratio:3 / 4;object-fit:cover;border-radius:12px}.page--diagnosis,.love-diagnosis{display:grid;gap:18px}.love-diagnosis-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;padding:8px;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:#ffffff09}.love-diagnosis-tabs__item{min-height:38px;padding:8px 6px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:#00000024;color:var(--muted);font-size:11px;font-weight:700}.love-diagnosis-tabs__item.is-active{border-color:#ffbe7499;color:var(--text)}.love-diagnosis-tabs__item--danger{color:#ff9cbf}.love-diagnosis__hero,.love-result-hero,.love-question,.love-axis-card,.love-axis-bar,.love-result-sections section,.love-character-list,.love-compatibility,.love-character-card{border:1px solid rgba(255,255,255,.08);background:#ffffff09;box-shadow:var(--shadow)}.love-diagnosis__hero{display:grid;gap:12px;padding:22px;border-radius:22px}.love-diagnosis__hero h3,.love-result-hero h3{font-family:Zen Old Mincho,serif;font-size:28px;line-height:1.25}.love-diagnosis__hero p,.love-result-hero p,.love-result-sections p,.love-result-sections li,.love-axis-bar p,.couple-magazine__status{color:var(--muted);font-size:12px;line-height:1.8}.love-diagnosis__eyebrow{color:var(--muted);font-size:10px;letter-spacing:.16em;text-transform:uppercase}.love-diagnosis__intro-grid{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.love-axis-card{display:grid;gap:5px;padding:14px;border-radius:16px}.love-axis-card span{color:var(--muted);font-size:11px}.love-axis-card strong{font-size:12px;line-height:1.5}.love-character-list{display:grid;gap:14px;padding:16px;border-radius:20px}.love-character-list[hidden],.love-compatibility[hidden],.love-type-guide[hidden]{display:none}.love-character-list__head{display:grid;gap:5px}.love-character-list__head h3{font-family:Zen Old Mincho,serif;font-size:20px}.love-character-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}@media (min-width: 900px){.love-character-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}.love-character-card{width:100%;display:grid;grid-template-columns:1fr;gap:9px;align-items:start;padding:9px;border:1px solid rgba(255,255,255,.08);border-radius:14px;color:inherit;text-align:center;cursor:pointer;overflow:hidden}.love-character-card.is-selected,.love-character-card:focus-visible{border-color:#c85e9c8c;outline:none;background:#c85e9c14}.love-character-card img{width:100%;aspect-ratio:1 / 1;border-radius:12px;object-fit:cover;background:#0003}.love-character-card__copy{display:grid;gap:5px;min-width:0}.love-character-card__copy span{color:#c85e9c;font-size:10px;font-weight:800}.love-character-card__copy strong{font-size:12px;line-height:1.35}.love-character-card__copy p{color:var(--muted);font-size:11px}.love-character-detail{display:grid;gap:14px;padding:14px;border:1px solid rgba(255,238,246,.82);border-radius:16px;background:#fffafdf0;color:#2d2228;box-shadow:0 18px 44px #3f203024}.love-character-detail__head{display:grid;grid-template-columns:96px 1fr;gap:14px;align-items:center}.love-character-detail__head img{width:96px;aspect-ratio:1 / 1;border-radius:14px;object-fit:cover;background:#ffebf4b8}.love-character-detail__head h4{font-family:Zen Old Mincho,serif;font-size:21px;line-height:1.3}.love-character-detail__head strong{display:block;margin-top:5px;font-size:12px}.love-character-detail__head p:not(.love-diagnosis__eyebrow),.love-character-detail section p,.love-character-detail li{color:#2d2228c2;font-size:12px;line-height:1.75}.love-character-detail section{display:grid;gap:7px}.love-character-detail h5{font-size:12px}.love-character-detail ul{display:grid;gap:5px;padding-left:1.2em}.love-character-share-save{margin-top:4px}.love-character-modal[hidden]{display:none}.love-character-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1200;display:grid;place-items:center;padding:20px}.love-character-modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;border:0;background:#2d222870;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.love-character-modal__dialog{position:relative;z-index:1;width:min(520px,100%);max-height:min(82vh,720px);overflow:auto}.love-character-modal__dialog .love-character-detail{border-radius:18px}.love-character-modal__close{position:absolute;top:10px;right:10px;z-index:2;width:34px;height:34px;border-radius:999px;color:#5e4450;background:#ffffffe6;box-shadow:0 10px 28px #3f20302e}@media (min-width: 900px){.love-character-modal{padding:42px}.love-character-modal__dialog{width:min(1120px,94vw);max-height:min(84vh,760px)}.love-character-modal__dialog .love-character-detail{grid-template-columns:minmax(360px,.82fr) minmax(420px,1fr);gap:28px;align-items:start;padding:28px}.love-character-modal__dialog .love-character-detail__head{display:contents}.love-character-modal__dialog .love-character-detail__head>div{grid-column:2;grid-row:1}.love-character-modal__dialog .love-character-detail__head img{grid-column:1;grid-row:1 / span 8;width:100%;max-height:62vh;aspect-ratio:1 / 1;border-radius:20px}.love-character-modal__dialog .love-character-detail__head h4{font-size:30px}.love-character-modal__dialog .love-character-detail section{align-self:start}.love-character-modal__dialog .love-character-share-save{grid-column:2}}@media (max-width: 640px){.love-character-modal{padding:14px}.love-character-modal__dialog{max-height:86vh}.love-character-modal__dialog .love-character-detail{gap:16px;padding:14px}.love-character-modal__dialog .love-character-detail__head{grid-template-columns:1fr;gap:12px;text-align:left}.love-character-modal__dialog .love-character-detail__head img{width:100%;max-height:58vh;aspect-ratio:1 / 1;border-radius:16px}.love-character-modal__dialog .love-character-detail__head h4{margin-top:2px;font-size:23px}}.love-compatibility{display:grid;gap:16px;padding:16px;border:1px solid rgba(255,238,246,.82);border-radius:20px;background:#fffafdf0;color:#2d2228;box-shadow:0 18px 44px #3f203024}.love-compatibility__head{display:grid;gap:7px}.love-compatibility__head h3{font-family:Zen Old Mincho,serif;font-size:21px}.love-compatibility__head p:not(.love-diagnosis__eyebrow),.love-compatibility__empty{color:#2d2228b8;font-size:12px;line-height:1.8}.love-compatibility__form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.love-compatibility-select{display:grid;gap:7px}.love-compatibility-select span{color:#2d2228ad;font-size:11px}.love-compatibility-result{display:grid;gap:12px;padding:14px;border:1px solid rgba(220,185,202,.5);border-radius:16px;background:#ffffff94}.love-compatibility-result__head{display:grid;gap:10px}.love-compatibility-result__pair{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:10px;align-items:center}.love-compatibility-result__pair figure{display:grid;gap:7px;margin:0}.love-compatibility-result__pair img{width:100%;aspect-ratio:1 / 1;border-radius:14px;object-fit:cover;background:#ffebf4b8}.love-compatibility-result__pair i{color:#2d22289e;font-style:normal;font-weight:800}.love-compatibility-result__pair figcaption{display:grid;gap:2px;color:#2d2228;font-size:12px;font-weight:800;line-height:1.45}.love-compatibility-result__pair figcaption span{color:#c85e9c;font-size:10px}.love-compatibility-result__head strong{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:baseline;color:#a84f84;font-size:18px;letter-spacing:.08em}.love-compatibility-result__head strong span{color:#2d2228b3;font-size:12px;letter-spacing:0}.love-compatibility-result section{display:grid;gap:7px}.love-compatibility-result h4{font-size:12px}.love-compatibility-result ul{display:grid;gap:5px;padding-left:1.2em}.love-compatibility-result li{color:#2d2228c2;font-size:12px;line-height:1.7}.love-type-guide{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:grid;place-items:start center;padding:18px 14px;overflow:auto;background:#2d222847}.love-type-guide__dialog{position:relative;display:grid;width:min(100%,390px);gap:16px;padding:18px 16px;border:1px solid rgba(255,238,246,.82);border-radius:18px;background:#fffafdf5;color:#2d2228;box-shadow:0 18px 44px #3f203024}.love-type-guide__close{position:absolute;top:12px;right:12px;display:grid;width:34px;height:34px;place-items:center;border:0;border-radius:999px;background:#2d222814;color:#2d2228;font-size:18px}.love-type-guide__dialog h3{padding-right:38px;font-size:22px;line-height:1.35}.love-type-guide__lead{padding:14px;border:1px solid rgba(220,185,202,.5);border-radius:10px;background:#ffffff94;color:#2d2228b8;font-size:11px;line-height:1.8}.love-type-guide__rows{display:grid;gap:10px}.love-type-guide-row{display:grid;gap:12px;padding:14px;border:1px solid rgba(220,185,202,.5);border-radius:12px;background:#ffffff94}.love-type-guide-row h4{font-size:14px}.love-type-guide-row__body{display:grid;grid-template-columns:auto 1fr auto auto 1fr;gap:8px;align-items:center}.love-type-guide-row__body p{color:#2d2228;font-size:11px;line-height:1.5}.love-type-guide-row__body i{color:#2d22289e;font-size:12px;font-style:normal}.love-type-guide-code{display:grid;width:28px;height:28px;place-items:center;border-radius:50%;color:#fff;font-size:14px;font-weight:800}.love-type-guide-code--pink{background:#dc64b1}.love-type-guide-code--blue{background:#3476ec}@media (min-width: 900px){.love-type-guide{place-items:center;padding:42px}.love-type-guide__dialog{width:min(1080px,94vw);max-height:min(84vh,760px);overflow:auto;gap:22px;padding:34px;border-radius:22px}.love-type-guide__dialog h3{font-size:34px}.love-type-guide__lead{padding:18px 20px;font-size:15px}.love-type-guide__rows{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.love-type-guide-row{gap:16px;padding:20px;border-radius:16px}.love-type-guide-row h4{font-size:18px}.love-type-guide-row__body{gap:12px}.love-type-guide-row__body p{font-size:15px}.love-type-guide-code{width:38px;height:38px;font-size:18px}}.love-progress{display:grid;gap:8px}.love-progress span{color:var(--muted);font-size:11px}.love-progress__track,.love-axis-bar__track{height:8px;overflow:hidden;border-radius:999px;background:#ffffff14}.love-progress__track i,.love-axis-bar__track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ffbe74e6,#6fd9abe6)}.love-question-list,.love-axis-bars,.love-result-sections{display:grid;gap:14px}.love-question{display:grid;gap:12px;padding:16px;border-radius:18px}.love-question__count{color:var(--muted);font-size:11px}.love-question h3{font-size:15px;line-height:1.7}.love-answer-grid{display:grid;gap:8px}.love-answer-scale{display:flex;justify-content:space-between;color:#c85e9c;font-size:10px;font-weight:700}.love-answer-scale span:last-child{color:#8b63df}.love-answer-grid--scale{display:grid;grid-template-columns:repeat(7,minmax(24px,1fr));align-items:center;justify-items:center;gap:6px;padding:0 2px}.love-answer-option{display:grid;min-height:42px;align-items:center;padding:10px 12px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:#00000029;color:var(--muted);font-size:12px}.love-answer-option--scale{position:relative;display:grid;width:100%;min-width:0;min-height:58px;place-items:center;padding:0;border:0;border-radius:0;background:transparent}.love-answer-option--scale span{display:block;flex:0 0 auto;aspect-ratio:1 / 1;border:3px solid rgba(255,255,255,.28);border-radius:50%;pointer-events:none;transition:background .16s ease,border-color .16s ease,transform .16s ease}.love-answer-option--1 span,.love-answer-option--7 span{width:46px}.love-answer-option--2 span,.love-answer-option--6 span{width:40px}.love-answer-option--3 span,.love-answer-option--5 span{width:32px}.love-answer-option--4 span{width:32px;border-color:transparent;background:linear-gradient(90deg,#c85e9c 0,#c85e9c 50%,#8b63df 50%,#8b63df) border-box;-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 0);mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 0)}.love-answer-option--1 span,.love-answer-option--2 span,.love-answer-option--3 span{border-color:#c85e9c}.love-answer-option--5 span,.love-answer-option--6 span,.love-answer-option--7 span{border-color:#8b63df}.love-answer-option--scale.is-selected{background:transparent}.love-answer-option--scale.is-selected span{background:currentColor;box-shadow:0 0 0 5px #ffffff0f;transform:scale(1.06)}.love-answer-option--4.is-selected span{background:linear-gradient(90deg,#c85e9c 0,#c85e9c 50%,#8b63df 50%,#8b63df);-webkit-mask:none;mask:none}.love-answer-option--1,.love-answer-option--2,.love-answer-option--3{color:#c85e9c}.love-answer-option--5,.love-answer-option--6,.love-answer-option--7{color:#8b63df}.love-answer-option--4{color:#c85e9c}.love-answer-option--scale em{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);pointer-events:none;white-space:nowrap}.love-answer-option input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.love-answer-option.is-selected:not(.love-answer-option--scale){border-color:#ffbe74cc;background:#ffbe741f;color:var(--text)}.love-diagnosis__nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.love-result-hero{display:grid;grid-template-columns:128px 1fr;gap:16px;align-items:center;padding:16px;border-radius:20px}.love-result-hero__image{display:grid;width:100%;aspect-ratio:1 / 1;place-items:center;overflow:hidden;border:1px solid rgba(255,255,255,.14);border-radius:14px;background:#00000038;color:var(--muted);font-size:12px;text-transform:uppercase}.love-result-hero__media{display:grid;gap:10px;width:100%}.love-result-hero__image img{width:100%;height:100%;object-fit:cover}.love-share-card-toggle{min-height:40px;padding-inline:10px;font-size:12px}.love-share-card-modal[hidden]{display:none}.love-share-card-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:grid;place-items:center;padding:18px}.love-share-card-modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;border:0;background:#100c12b8;cursor:pointer}.love-share-card-dialog{position:relative;z-index:1;display:grid;gap:12px;width:min(100%,440px);max-height:calc(100vh - 36px);overflow:auto;padding:16px;border:1px solid rgba(255,255,255,.16);border-radius:18px;background:#231a21f5;box-shadow:0 22px 48px #00000052}.love-share-card-dialog__close{position:absolute;top:10px;right:10px;display:grid;width:34px;height:34px;place-items:center;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:#00000070;color:var(--text);font-size:18px;line-height:1;cursor:pointer}.love-share-card-dialog img{display:block;width:100%;max-height:calc(100vh - 150px);margin-inline:auto;object-fit:contain;border-radius:14px;box-shadow:0 16px 34px #00000038}.love-result-hero__copy{display:grid;gap:7px}.love-result-hero__copy strong{font-size:13px}.love-diagnosis__notice{padding:12px 14px;border:1px solid rgba(255,190,116,.3);border-radius:14px;background:#ffbe7414;color:var(--text);font-size:12px;line-height:1.7}.love-axis-bar{display:grid;gap:9px;padding:14px;border-radius:16px}.love-axis-bar__head,.love-axis-bar__labels{display:flex;justify-content:space-between;gap:10px}.love-axis-bar__head strong{font-size:13px}.love-axis-bar__head span,.love-axis-bar__labels{color:var(--muted);font-size:11px}.love-result-sections section{display:grid;gap:8px;padding:16px;border-radius:18px}.love-result-sections h4{font-size:13px}.love-result-sections ul{display:grid;gap:6px;padding-left:1.2em}@media (max-width: 520px){.love-diagnosis__intro-grid,.love-result-hero{grid-template-columns:1fr}.love-diagnosis-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.love-diagnosis__nav,.love-compatibility__form{grid-template-columns:1fr}.love-result-hero__image{max-width:180px}.love-type-guide-row__body{grid-template-columns:auto 1fr}.love-type-guide-row__body i{display:none}.love-answer-grid--scale{grid-template-columns:repeat(7,minmax(22px,1fr));gap:2px}.love-answer-option--1 span,.love-answer-option--7 span{width:40px}.love-answer-option--2 span,.love-answer-option--6 span{width:34px}.love-answer-option--3 span,.love-answer-option--5 span,.love-answer-option--4 span{width:28px}}