.share-root{min-height:100svh;background:linear-gradient(160deg,var(--ink) 0%,var(--navy) 55%,var(--navy-light) 100%);display:flex;flex-direction:column;align-items:center;color:var(--white);font-family:var(--font-sans);padding:0 16px 48px}.share-card{background:var(--white);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);padding:26px 24px;width:100%;max-width:480px;display:flex;flex-direction:column;gap:14px;color:var(--navy-dark);margin-top:8px}.share-card__title{font-family:var(--font-display);font-size:1.55rem;font-weight:800;color:var(--navy-dark);line-height:1.2;letter-spacing:-.02em;margin:0}.share-card__sub{font-size:.95rem;color:var(--gray-600);margin:0;line-height:1.5}.share-card__label{font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--sky);margin:0}.share-card__question{font-family:var(--font-display);font-size:1.15rem;font-weight:700;color:var(--navy-dark);line-height:1.35;margin:0}.share-input{width:100%;padding:11px 14px;border:2px solid var(--gray-200);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:1rem;color:var(--navy-dark);background:var(--white);box-sizing:border-box;outline:none}.share-input:focus{border-color:var(--peach);box-shadow:0 0 0 3px #e8a87c40}.share-options{display:flex;flex-direction:column;gap:10px}.share-nav{display:flex;justify-content:flex-end;align-items:center;gap:10px;margin-top:4px}.share-result-row{display:flex;flex-direction:column;gap:8px;padding-top:12px;border-top:1px solid var(--gray-100)}.share-error-inline{font-size:.85rem;color:var(--red);margin:0}.brand-header{display:flex;align-items:center;gap:8px;padding:16px 20px;width:100%;max-width:480px}.brand-header__logo{width:28px;height:28px;border-radius:var(--radius-sm)}.brand-header__name{font-family:var(--font-display);font-size:1.1rem;font-weight:700;color:var(--white);letter-spacing:-.02em}.brand-header__home{display:inline-flex;align-items:center;gap:8px;text-decoration:none;color:inherit;border-radius:var(--radius-sm)}.brand-header__home:focus-visible{outline:2px solid var(--peach);outline-offset:3px}.share-loading{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:32px 20px}.share-loading__spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.2);border-top-color:var(--peach);border-radius:50%}@media(prefers-reduced-motion:no-preference){.share-loading__spinner{animation:spin .8s linear infinite}}@keyframes spin{to{transform:rotate(360deg)}}.share-loading__label{color:var(--peach-light);font-size:.95rem}.share-error{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:32px 24px;text-align:center;max-width:420px}.share-error__icon{position:relative;display:flex;align-items:center;justify-content:center;width:88px;height:88px;border-radius:var(--radius-lg);background:#ffffff0f;color:var(--white)}.share-error__icon:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:2px;background:var(--accent-gradient);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;pointer-events:none}.share-error__icon svg{width:40px;height:40px}.share-error__message{font-family:var(--font-display);font-size:1.5rem;font-weight:800;color:var(--white);line-height:1.25;letter-spacing:-.02em;margin:0}.share-error__hint{color:#ffffffa6;font-size:.95rem;line-height:1.5;max-width:320px;margin:0}.share-error__cta{text-decoration:none;display:inline-block}@media(prefers-reduced-motion:no-preference){.share-error{animation:share-error-in .32s ease both}}@keyframes share-error-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.option-btn{width:100%;padding:14px 18px;border-radius:var(--radius-md);border:1.5px solid var(--gray-200);background:var(--white);color:var(--gray-800);font-family:var(--font-sans);font-size:.95rem;text-align:left;cursor:pointer;box-shadow:var(--shadow-sm)}@media(prefers-reduced-motion:no-preference){.option-btn{transition:background .15s ease,border-color .15s ease,transform .1s ease}.option-btn:active{transform:scale(.98)}.option-btn--selected{animation:pop .18s ease}}@keyframes pop{0%{transform:scale(1)}50%{transform:scale(1.03)}to{transform:scale(1)}}.option-btn--selected{background:var(--peach-light);border-color:var(--peach);color:var(--navy-dark);font-weight:600}.option-btn--correct{background:var(--green-soft);border-color:var(--green);color:#14532d;font-weight:700}.option-btn--incorrect{background:#dc26261a;border-color:var(--red);color:#991b1b;font-weight:600}.progress-bar{width:100%;padding:0 0 4px}.progress-bar__label{font-size:.8rem;color:var(--gray-600);margin-bottom:6px;display:block}.progress-bar__track{height:6px;background:var(--gray-100);border-radius:3px;overflow:hidden}.progress-bar__fill{height:100%;background:var(--peach);border-radius:3px}@media(prefers-reduced-motion:no-preference){.progress-bar__fill{transition:width .3s ease}}.score-display{display:flex;flex-direction:column;align-items:center;gap:8px;padding:32px 24px}.score-display__label{font-size:.9rem;color:var(--gray-600);text-transform:uppercase;letter-spacing:.06em}.score-display__value{font-family:var(--font-display);font-size:4rem;font-weight:800;color:var(--green);line-height:1}.score-display__total{font-size:1rem;color:var(--gray-600)}.result-bar{width:100%;padding:8px 0}.result-bar__header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:6px}.result-bar__label{font-size:.9rem;color:var(--navy-dark);font-weight:500}.result-bar__label--mine{color:var(--peach-deep);font-weight:700}.result-bar__votes{font-size:.8rem;color:var(--gray-600)}.result-bar__track{height:10px;background:var(--gray-100);border-radius:5px;overflow:hidden}.result-bar__fill{height:100%;background:var(--sky);border-radius:5px}.result-bar__fill--mine{background:var(--peach)}@media(prefers-reduced-motion:no-preference){.result-bar__fill{transition:width .5s ease}}.install-cta{display:flex;flex-direction:column;align-items:center;gap:10px;padding:22px 20px;text-align:center;width:100%;margin-top:8px;background:linear-gradient(160deg,var(--ink),var(--navy));border-radius:var(--radius-xl);box-sizing:border-box}.install-cta__title{font-family:var(--font-display);font-size:1.2rem;font-weight:700;color:var(--white)}.install-cta__body{font-size:.9rem;color:#ffffffb3;line-height:1.5}.install-cta__btn{display:inline-block;margin-top:8px;padding:12px 24px;background:var(--peach);color:var(--ink);font-family:var(--font-sans);font-size:.95rem;font-weight:700;border-radius:var(--radius-xl);text-decoration:none;box-shadow:var(--shadow-md)}@media(prefers-reduced-motion:no-preference){.install-cta__btn{transition:background .15s ease,transform .1s ease}.install-cta__btn:hover{background:var(--peach-light);transform:translateY(-1px)}.install-cta__btn:active{transform:scale(.97)}}.share-actions{display:flex;flex-direction:column;gap:10px;width:100%;margin-top:8px}.share-actions__share{padding:13px 28px;border-radius:var(--radius-xl);border:none;background:var(--peach);color:var(--ink);font-family:var(--font-sans);font-size:1rem;font-weight:700;cursor:pointer;box-shadow:var(--shadow-md)}.share-actions__create{padding:12px 28px;border-radius:var(--radius-xl);border:2px solid var(--gray-200);background:transparent;color:var(--navy-dark);font-family:var(--font-sans);font-size:.95rem;font-weight:700;text-align:center;text-decoration:none}@media(prefers-reduced-motion:no-preference){.share-actions__share{transition:background .15s ease,transform .1s ease}.share-actions__share:hover{background:var(--peach-light);transform:translateY(-1px)}.share-actions__share:active{transform:scale(.97)}.share-actions__create{transition:border-color .15s ease,color .15s ease,transform .1s ease}.share-actions__create:hover{border-color:var(--peach);color:var(--peach-deep);transform:translateY(-1px)}.share-actions__create:active{transform:scale(.97)}}.share-btn{padding:13px 28px;border-radius:var(--radius-xl);border:none;background:var(--peach);color:var(--ink);font-family:var(--font-sans);font-size:1rem;font-weight:700;cursor:pointer;box-shadow:var(--shadow-md)}@media(prefers-reduced-motion:no-preference){.share-btn{transition:background .15s ease,transform .1s ease}.share-btn:hover{background:var(--peach-light);transform:translateY(-1px)}.share-btn:active{transform:scale(.97)}}.share-btn--secondary{background:transparent;color:var(--navy-dark);border:2px solid var(--gray-200);box-shadow:none}@media(prefers-reduced-motion:no-preference){.share-btn--secondary{transition:border-color .15s ease,color .15s ease,transform .1s ease}.share-btn--secondary:hover{border-color:var(--peach);color:var(--peach-deep);transform:translateY(-1px)}.share-btn--secondary:active{transform:scale(.97)}}