.companion-profile-subscribe{justify-content:center;align-items:center;gap:10px;min-height:48px;font-size:.875rem;display:inline-flex}.companion-profile-actions>p{flex-basis:100%}.sheet.companion-subscription{background:var(--color-surface);border-radius:20px;flex-direction:column;width:min(880px,100% - 48px);max-height:90dvh;padding:0;display:flex;top:50%;bottom:auto;overflow:hidden;transform:translate(-50%,-50%)}.companion-subscription :where(h2,h3,h4,p){margin:0}.companion-subscription-header{border-bottom:1px solid var(--color-border);align-items:flex-start;gap:20px;padding:24px 28px 20px;display:flex}.companion-subscription-header>div{flex:1;min-width:0}.companion-subscription-overline{color:var(--color-accent-fg);align-items:center;gap:8px;font-size:.75rem;display:flex;margin-bottom:10px!important}.companion-subscription-header h2{font:500 clamp(1.4rem,4vw,1.9rem)/1.25 var(--font-reading)}.companion-subscription-header h2+p{color:var(--color-text-secondary);max-width:540px;margin-top:10px;font-size:.8125rem;line-height:1.6}.companion-subscription-header .icon-button{flex-shrink:0}.companion-subscription-body{overscroll-behavior:contain;min-height:0;padding:24px 28px;scroll-padding:24px;overflow-y:auto}.companion-subscription-body:focus-visible{outline:2px solid var(--color-focus);outline-offset:-3px}.companion-subscription-body>section{margin-top:28px}.companion-subscription-body h3{font:500 1.25rem/1.4 var(--font-reading);margin-bottom:16px}.companion-subscription-price{border:1px solid color-mix(in srgb,var(--color-accent-fg) 35%,var(--color-border));background:linear-gradient(120deg,var(--color-accent-soft),var(--color-surface));border-radius:14px;flex-wrap:wrap;align-items:center;gap:12px 28px;padding:20px 24px;display:flex}.companion-subscription-price>p:first-child{color:var(--color-accent-fg);flex-shrink:0;align-items:baseline;gap:10px;display:flex}.companion-subscription-price strong{font:500 2.25rem/1.2 var(--font-reading);white-space:nowrap}.companion-subscription-price span{font-size:.875rem}.companion-subscription-price>p:last-child{min-width:180px;color:var(--color-text-secondary);flex:1;font-size:.8125rem;line-height:1.7}.companion-subscription-features{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.companion-subscription-features article{border:1px solid var(--color-border);background:var(--color-surface-raised);border-radius:14px;min-width:0;padding:18px}.companion-subscription-feature-title{align-items:center;gap:12px;margin-bottom:12px;display:flex}.companion-subscription-feature-title .gift-art-small{width:64px;height:64px}.companion-subscription-feature-title h4{font:500 .9375rem/1.45 var(--font-ui)}.companion-subscription-features ul{color:var(--color-text-secondary);gap:10px;margin:0;padding-left:18px;font-size:.8125rem;line-height:1.7;list-style:outside;display:grid}.companion-subscription-features li::marker{color:var(--color-accent-fg)}.companion-subscription-books{background:var(--color-accent-soft);border-radius:14px;align-items:flex-start;gap:14px;padding:20px;display:flex}.companion-subscription-books>.ui-icon{color:var(--color-accent-fg);flex-shrink:0;margin-top:3px}.companion-subscription-books h3{margin-bottom:10px}.companion-subscription-books p,.companion-subscription-free p,.companion-subscription-terms p{color:var(--color-text-secondary);font-size:.8125rem;line-height:1.75}.companion-subscription-books p+p,.companion-subscription-terms p+p{margin-top:10px}.companion-subscription-free ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0 0 16px;padding:0;list-style:none;display:grid}.companion-subscription-free li{align-items:flex-start;gap:8px;font-size:.8125rem;display:flex}.companion-subscription-free .ui-icon{color:var(--color-accent-fg);flex-shrink:0}.companion-subscription-terms{border-top:1px solid var(--color-border);padding-top:24px}.companion-subscription-legal{flex-wrap:wrap;gap:10px 18px;padding-block:6px;display:flex}.companion-subscription-footer{max-height:48dvh;padding:16px 28px max(16px,env(safe-area-inset-bottom));border-top:1px solid var(--color-border);background:var(--color-surface-raised);flex-shrink:0;justify-items:center;gap:8px;display:grid;overflow-y:auto}.companion-subscription-footer button{min-width:260px;min-height:48px}.companion-subscription-footer button:disabled{background:var(--color-disabled-bg);color:var(--color-disabled-text);border-color:var(--color-border);cursor:not-allowed}.companion-subscription-footer p{color:var(--color-text-secondary);text-align:center;font-size:.75rem;line-height:1.6}@media (max-width:600px){.sheet.companion-subscription{border-radius:20px 20px 0 0;width:100%;max-height:94dvh;top:auto;bottom:0;transform:translate(-50%)}.companion-subscription-header{gap:8px;padding:20px 18px 16px}.companion-subscription-header h2{font-size:1.4rem}.companion-subscription-overline{font-size:.6875rem}.companion-subscription-body{padding:20px 18px}.companion-subscription-price{padding:18px}.companion-subscription-features,.companion-subscription-free ul{grid-template-columns:1fr}.companion-subscription-books{gap:10px;padding:18px}.companion-subscription-footer{padding-inline:18px}.companion-subscription-footer button{width:100%;min-width:0}}.companion-payment-form{gap:14px;width:100%;display:grid}.companion-payment-form>label:first-child{text-align:left;gap:6px;display:grid}.companion-payment-consent{text-align:left;align-items:flex-start;gap:10px;font-size:.8125rem;display:flex}.companion-payment-consent input{flex:none;width:18px;height:18px;margin-top:3px}.companion-payment-form a{text-decoration:underline}.companion-payment-result small{overflow-wrap:anywhere}
.companion-profile-hero{border:1px solid color-mix(in srgb,var(--color-accent-fg) 35%,var(--color-border));background:var(--color-surface);border-radius:16px;gap:22px;padding:24px;display:grid}.companion-profile-intro{align-items:center;gap:16px;display:flex}.companion-profile-mark{background:var(--color-accent-soft);width:56px;height:56px;color:var(--color-accent-fg);border-radius:16px;flex-shrink:0;place-items:center;display:grid}.companion-profile-intro h2{font:500 clamp(1.7rem,4vw,2rem)/1.25 var(--font-reading)}.companion-profile-intro p{color:var(--color-text-secondary);margin-top:7px;font-size:.875rem;line-height:1.6}.companion-profile-status{border-block:1px solid var(--color-border);gap:14px;padding:18px 0;display:grid}.companion-profile-status>p,.companion-profile-access>p{align-items:flex-start;gap:10px;font-size:.875rem;display:flex}.companion-profile-status .ui-icon{color:var(--color-accent-fg);margin-top:2px}.companion-profile-status strong{font-weight:500}.companion-profile-status small{color:var(--color-text-secondary);margin-top:4px;font-size:.8125rem;line-height:1.6;display:block}.companion-profile-loading{color:var(--color-text-secondary);padding:18px 0}.companion-usage{gap:10px;margin:14px 0 4px 30px;display:grid}.companion-usage-heading{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 12px;display:flex}.companion-usage-heading h3{font:500 1rem/1.4 var(--font-ui)}.companion-usage-heading strong{color:var(--color-accent-fg);white-space:nowrap;font-size:.875rem}.companion-usage-track{background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:8px;height:8px;overflow:hidden}.companion-usage-track>span{background:var(--color-accent-fg);border-radius:inherit;height:100%;display:block}.companion-usage>p{font-size:.8125rem;line-height:1.6}.companion-usage-warning{background:var(--color-accent-soft);border-radius:8px;padding:12px}.companion-profile-subscribed:disabled{color:var(--color-success-fg);background:var(--color-success-bg);border:1px solid var(--color-success-fg);opacity:1;cursor:default;border-radius:10px;padding:10px 16px}.companion-profile-actions{flex-wrap:wrap;align-items:center;gap:12px 20px;display:flex}.companion-profile-actions p{font-size:.75rem}.companion-profile-link{border:1px solid var(--color-accent-fg);min-height:48px;color:var(--color-accent-fg);border-radius:10px;justify-content:center;align-items:center;gap:10px;padding:10px 16px;font-size:.875rem;text-decoration:none;display:inline-flex}.companion-profile-link:hover{background:var(--color-accent-soft)}.companion-profile a:focus-visible{outline:2px solid var(--color-focus);outline-offset:4px}.companion-access-note{font-size:.8125rem;line-height:1.6}.companion-feature-status{border:1px solid var(--color-border);background:var(--color-surface);border-radius:14px;padding:18px 20px;display:grid}.companion-feature-status h3{font:500 1rem/1.4 var(--font-ui);margin-bottom:8px}.companion-feature-status>div{border-top:1px solid var(--color-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;padding:12px 0;font-size:.8125rem;display:flex}.companion-feature-status small{color:var(--color-text-secondary);margin-top:4px;font-size:.75rem;display:block}.companion-feature-status strong{color:var(--color-text-secondary);font-size:.75rem;font-weight:500}.companion-feature-status strong[data-available=true]{color:var(--color-success-fg)}.companion-comparison-heading{font:500 1.35rem/1.4 var(--font-reading);margin-bottom:18px!important}.companion-comparison-disclosure{border-block:1px solid var(--color-border)}.companion-comparison-disclosure>summary{justify-content:space-between;align-items:center;gap:12px;min-height:54px;font-size:.875rem;font-weight:500;display:flex}.companion-comparison-disclosure[open]{padding-bottom:18px}.companion-comparison{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.companion-plan{border:1px solid var(--color-border);background:var(--color-surface);border-radius:16px;min-width:0;padding:22px}.companion-plan h3{font:500 1.4rem/1.3 var(--font-reading)}.companion-plan-period{color:var(--color-accent-fg);font-size:.8125rem;margin:10px 0 20px!important}.companion-plan>.muted{font-size:.8125rem;line-height:1.7}.companion-plan .gift-feature-list{gap:16px;margin:22px 0;line-height:1.5}.companion-plan-ai{border-color:color-mix(in srgb,var(--color-accent-fg) 45%,var(--color-border));background:linear-gradient(150deg,var(--color-accent-soft),var(--color-surface) 45%)}.companion-benefits{gap:20px;margin:0 0 22px;padding:0;list-style:none;display:grid}.companion-benefits li{align-items:flex-start;gap:10px;display:flex}.companion-benefits .gift-art-small{background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:10px;width:60px;height:64px}.companion-benefits strong{font:500 .8125rem/1.5 var(--font-ui)}.companion-benefits p{color:var(--color-text-secondary);margin-top:5px;font-size:.75rem;line-height:1.7}.companion-plan-note{color:var(--color-text-secondary);border-top:1px solid var(--color-border);padding-top:16px;font-size:.75rem;line-height:1.7}.companion-history-link{min-height:48px;color:var(--color-accent-fg);justify-content:center;align-items:center;gap:10px;font-size:.8125rem;text-decoration:none;display:flex}.companion-profile .gift-art:not(.gift-art-small){background:radial-gradient(ellipse at center,var(--color-accent-soft),transparent 70%);margin-top:10px}@media (max-width:600px){.companion-profile-hero{padding:18px}.companion-profile-intro{align-items:flex-start;gap:12px}.companion-profile-mark{border-radius:12px;width:44px;height:44px}.companion-profile-intro h2{font-size:1.65rem}.companion-profile-actions{display:grid}.companion-profile-actions p{text-align:center}.companion-comparison{grid-template-columns:1fr;gap:14px}.companion-plan{padding:20px}.companion-benefits .gift-art-small{width:70px;height:70px}.companion-feature-status{padding:16px}}
.feedback-form{max-width:760px}.feedback-field{gap:8px;display:grid}.profile-tabs #profile-tab-feedback{white-space:normal;max-width:calc(100vw - 48px)}.feedback-form label:not(.feedback-consent){gap:8px;display:grid}.feedback-form textarea{resize:vertical;border:1px solid var(--color-border);background:var(--color-surface);width:100%;min-height:160px;color:var(--color-text);font:inherit;border-radius:10px;padding:12px 14px;line-height:1.6}.feedback-form textarea:focus-visible{outline:2px solid var(--color-accent-fg);outline-offset:2px}.feedback-form .feedback-hint{margin-top:-8px;font-size:.875rem}.feedback-consent{cursor:pointer;align-items:flex-start;gap:10px;line-height:1.5;display:flex}.feedback-consent input[type=checkbox]{width:18px;min-width:18px;height:18px;min-height:18px;accent-color:var(--color-accent-fg);margin-top:3px;padding:0}.feedback-form button[type=submit]{align-self:flex-start}.feedback-field input[type=file]{min-width:0;max-width:100%;font:inherit}.feedback-images{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.feedback-images li{border:1px solid var(--color-border);border-radius:10px;gap:8px;min-width:0;padding:10px;display:grid}.feedback-images img{object-fit:contain;background:var(--color-surface-muted);border-radius:6px;width:100%;height:120px}.feedback-images span{overflow-wrap:anywhere;font-size:.875rem}.feedback-images button{justify-self:start}