.app-content .family-trial{max-width:48rem;color:var(--foreground);min-height:100dvh;margin:auto;padding:1.5rem 1rem 5rem;font-family:inherit}.family-trial *{box-sizing:border-box}.family-top,.family-row,.family-task,.family-summary,.family-resume,.family-inline{align-items:center;gap:.75rem;display:flex}.family-top{background:var(--card);border-radius:1.25rem;margin-bottom:1.5rem;padding:1rem}.family-top h1{font-size:1.6rem;font-weight:800}.family-top p{opacity:.8;font-size:.95rem}.family-top>div{flex:1}.family-panel{background:var(--card);border:1px solid var(--border);border-radius:1.5rem;margin:1.1rem 0;padding:1.25rem;position:relative;box-shadow:0 8px 24px #4020500a}.family-panel h2{margin-bottom:.65rem;font-size:1.3rem;font-weight:800}.family-panel p{margin:.5rem 0;line-height:1.8}.family-panel h3{font-weight:700}.family-trial button,.family-trial select,.family-trial input{font:inherit;max-width:100%;min-height:44px}.family-trial button{border-radius:1rem;justify-content:center;align-items:center;gap:.4rem;padding:.55rem .8rem;display:inline-flex}.family-trial button:disabled{opacity:.55;cursor:default}.family-trial button:focus-visible,.family-trial a:focus-visible{outline:3px solid var(--primary);outline-offset:3px}.family-trial input,.family-trial select{border:1px solid var(--border);background:var(--background);color:inherit;border-radius:1rem;width:100%;padding:.6rem .75rem}.family-trial label{margin:.75rem 0;display:block}.family-primary{background:var(--primary);color:var(--primary-foreground);font-weight:700}.family-panel form>.family-primary{margin-top:.75rem}.family-text{color:var(--primary);font-size:.9rem;text-decoration:underline}.family-message{background:var(--muted);border-radius:1rem;margin-bottom:1rem;padding:1rem}.family-error{border:1px solid var(--destructive)}.family-child select{margin-top:.4rem}.family-summary{background:var(--card);border-radius:1rem;padding:1rem}.family-summary strong{font-size:1.7rem}.family-summary button{margin-inline-start:auto}.family-resume{background:var(--primary);color:var(--primary-foreground);border-radius:1.2rem;margin-top:1rem;padding:1.1rem}.family-resume span{flex:1}.family-resume small{opacity:.9;margin-top:.3rem;display:block}.family-task,.family-row{border-bottom:1px solid var(--border);padding:.65rem 0}.family-task span,.family-row>a,.family-row>span{overflow-wrap:anywhere;flex:1;min-width:0}.family-star{background:var(--muted)}.family-inline{flex-wrap:wrap;margin:1rem 0}.family-inline input{flex:1;min-width:140px}.family-inline>.family-primary{margin-top:0!important}.family-suggestion{border-bottom:1px solid var(--border);padding:.75rem 0}.family-tabs{flex-wrap:wrap;gap:.4rem;display:flex}.family-tabs button{background:var(--muted)}.family-tabs [aria-pressed=true]{background:var(--primary);color:var(--primary-foreground)}.family-books{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:1rem;display:grid}.family-books img{aspect-ratio:2/3;object-fit:contain;background:var(--muted);border-radius:.75rem;width:100%}.family-books h3{overflow-wrap:anywhere;margin:.5rem 0;font-size:.95rem}.family-books select{font-size:.8rem}.family-books article>a>svg{background:var(--muted);width:100%;height:150px;padding:2rem}.family-trial details{margin-top:1rem}.family-trial summary{cursor:pointer;color:var(--primary);padding:.5rem 0}.family-reader-note{bottom:max(1rem, env(safe-area-inset-bottom));z-index:80;background:var(--card);color:var(--foreground);border:1px solid var(--border);border-radius:1rem;align-items:center;gap:.6rem;max-width:92vw;padding:.5rem .8rem;font-size:.85rem;display:flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 4px 18px #0002}.family-reader-note button{color:var(--primary);font:inherit;padding:.3rem}@media (width<=400px){.family-books{grid-template-columns:repeat(2,minmax(0,1fr))}.family-task{gap:.3rem}.family-panel{padding:1rem}.family-task button{padding:.4rem}}